From 378ae112240f262d8e1577418499d34a8fd20060 Mon Sep 17 00:00:00 2001
From: Scott Idem <stidem@gmail.com>
Date: Wed, 27 Mar 2024 19:21:39 -0400
Subject: [PATCH] I think things are mostly working now...

---
 src/lib/element_data_store.svelte | 205 ++++++++++++++++--------------
 1 file changed, 108 insertions(+), 97 deletions(-)

diff --git a/src/lib/element_data_store.svelte b/src/lib/element_data_store.svelte
index d144589b..bd8bbf9e 100644
--- a/src/lib/element_data_store.svelte
+++ b/src/lib/element_data_store.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
 import { onMount } from 'svelte';
-import type { Writable } from 'svelte/store';
-import { localStorageStore } from '@skeletonlabs/skeleton';
+// import type { Writable } from 'svelte/store';
+// import { localStorageStore } from '@skeletonlabs/skeleton';
 
 import { api } from '$lib/api';
 import { ae_loc, ae_sess, ae_api, slct, slct_trigger, ae_trig } from '$lib/ae_stores';
@@ -63,14 +63,21 @@ let ds_code_obj =
         chk_account_id: null,
     };
 
-let ae_ds_loc: Writable<key_val> = localStorageStore(`ae_ds__${ds_code}`, ds_code_obj);
-// console.log(`ae_e_data_store cached: ${ds_code} = `, $ae_ds_loc);
+let ae_ds_tmp: key_val;
+if (browser && localStorage.getItem(`ae_ds__${ds_code}`)) {
+    ae_ds_tmp = JSON.parse(localStorage.getItem(`ae_ds__${ds_code}`));
+} else {
+    ae_ds_tmp = ds_code_obj;
+}
+
+//  Writable<key_val> = localStorageStore(`ae_ds__${ds_code}`, ds_code_obj);
+// console.log(`ae_e_data_store cached: ${ds_code} = `, ae_ds_tmp);
 console.log(`ae_e_data_store cached: ${ds_code} account_id=${$ae_loc.account_id}`);
 
-if (!$ae_ds_loc.id) {
+if (!ae_ds_tmp || !ae_ds_tmp.id) {
     ds_loading_status = '-- loading --';
 } else {
-    // ae_ds_loc.set($ae_ds_loc);
+    // ae_ds_loc.set(ae_ds_tmp);
 }
 
 $ae_sess.ds.submit_status = null;
@@ -79,37 +86,46 @@ $ae_sess.ds.update_status = null;
 
 let trigger: null|string = null;
 
+$: if (ae_ds_tmp) {
+    console.log(`ae_e_data_store ae_ds_loc = `, ae_ds_tmp);
+}
+
 import { browser } from '$app/environment';
 
+let ae_ds_loc_test: any;
 if (browser) {
-    console.log('ae_ Browser detected.');
+    console.log('ae_e_data_store Browser detected.');
+    ae_ds_loc_test = JSON.parse(localStorage.getItem(`ae_ds__${ds_code}`));
+    console.log(`ae_e_data_store ae_ds_loc_test = `, ae_ds_loc_test);
+    // ae_ds_tmp = {id: null};
+    // ae_ds_tmp = ae_ds_loc_test;
 } else {
-    console.log('ae_ Browser not detected.');
+    console.log('ae_e_data_store Browser not detected.');
 }
 
 // This is a quick check to make sure the data store is not stale. If it is, then we need to trigger a reload.
-if (browser && $ae_ds_loc.loaded_on && $ae_ds_loc.chk_account_id == $ae_loc.account_id) {
-    console.log(`ae_data_store ${ds_code} loaded_on: ${$ae_ds_loc.loaded_on}`);
-    let loaded_on = new Date($ae_ds_loc.loaded_on);
+if (browser && ae_ds_tmp && ae_ds_tmp.loaded_on && ae_ds_tmp.chk_account_id == $ae_loc.account_id) {
+    console.log(`ae_e_data_store ${ds_code} loaded_on: ${ae_ds_tmp.loaded_on}`);
+    let loaded_on = new Date(ae_ds_tmp.loaded_on);
     let now = new Date();
     let diff = now.getTime() - loaded_on.getTime();
     let diff_minutes = diff / (1000 * 60);
     if (diff_minutes > expire_minutes) {
-        console.log(`Data Store ${ds_code} stale. Last loaded on: ${loaded_on.toISOString()}`);
+        console.log(`ae_e_data_store: Data Store ${ds_code} stale. Last loaded on: ${loaded_on.toISOString()}`);
         // Wait for random number of milliseconds to avoid all data stores being reloaded at the same time.
         let random_ms = Math.floor(Math.random() * 500);
-        console.log(`Random number of milliseconds: ${random_ms}`);
+        console.log(`ae_e_data_store: Random number of milliseconds: ${random_ms}`);
         setTimeout(() => {
             trigger = 'load__ds__code';
         }, random_ms);
     }
 } else if (browser) {
-    console.log('ae_data_store No loaded_on date found and or the account_id check failed. Need to trigger reload.');
+    console.log('ae_e_data_store: No loaded_on date found and or the account_id check failed. Need to trigger reload.');
     trigger = 'load__ds__code';
 }
 
 // This is a secondary check... The account_id should either be null or match the current account_id.
-if (!$ae_ds_loc.account_id === null || $ae_loc.account_id == $ae_loc.account_id) {
+if (!ae_ds_tmp || !ae_ds_tmp.account_id === null || $ae_loc.account_id == $ae_loc.account_id) {
     trigger = 'load__ds__code';
 }
 
@@ -119,7 +135,7 @@ onMount(() => {
 
     // Wait for random number of milliseconds to avoid all data stores being reloaded at the same time.
     let random_ms = Math.floor(Math.random() * 1500);
-    console.log(`Random number of milliseconds: ${random_ms}`);
+    console.log(`ae_e_data_store: Random number of milliseconds: ${random_ms}`);
     setTimeout(() => {
         trigger = 'load__ds__code';
     }, random_ms);
@@ -129,7 +145,7 @@ onMount(() => {
 // console.log(`ae_ ds_code_li = `, ds_code_li);
 
 $: if (trigger == 'load__ds__code' && ds_code && ds_type) {
-    console.log(`ae_ load__ds__code: ${ds_code} ds_type=${ds_type} for_type=${for_type} for_id=${for_id} ${try_cache}`);
+    console.log(`ae_e_data_store: ae_ load__ds__code: ${ds_code} ds_type=${ds_type} for_type=${for_type} for_id=${for_id} ${try_cache}`);
 
     trigger = null;
 
@@ -169,7 +185,7 @@ async function load_data_store(
     .then( function (ds_results) {
         // console.log(`ae_ Data Store ${code} = `, ds_results);
         if (ds_results) {
-            console.log(`Got a result for code ${code}`);
+            console.log(`ae_e_data_store: Got a result for code ${code}`);
             if (!ds_results.data_store_id_random) {
                 console.log('Something went wrong? No data store ID found.');
                 return false;
@@ -178,33 +194,33 @@ async function load_data_store(
             ds_loaded = true;
 
             // Set the loaded_on datetime to the current time for reference later. This will be used to determine if the data store is stale.
-            $ae_ds_loc.loaded_on = new Date().toISOString();
+            ae_ds_tmp.loaded_on = new Date().toISOString();
             // Set the chk_account_id as a backup check to make sure the data store belongs to the account for the current site. This should not be needed, but here we are...
-            $ae_ds_loc.chk_account_id = $ae_loc.account_id;
+            ae_ds_tmp.chk_account_id = $ae_loc.account_id;
 
-            $ae_ds_loc.id = ds_results.data_store_id_random;
-            $ae_ds_loc.account_id = ds_results.account_id_random;
-            $ae_ds_loc.code = ds_results.code; // This will overwrite whatever was passed in.
-            $ae_ds_loc.name = ds_results.name;
-            $ae_ds_loc.type = ds_results.type; // This will overwrite whatever was passed in.
+            ae_ds_tmp.id = ds_results.data_store_id_random;
+            ae_ds_tmp.account_id = ds_results.account_id_random;
+            ae_ds_tmp.code = ds_results.code; // This will overwrite whatever was passed in.
+            ae_ds_tmp.name = ds_results.name;
+            ae_ds_tmp.type = ds_results.type; // This will overwrite whatever was passed in.
             if (type == 'html') {
-                $ae_ds_loc.html = ds_results.text;
+                ae_ds_tmp.html = ds_results.text;
                 val_html = ds_results.text;
                 return ds_results.html;
             } else if (type == 'json') {
-                $ae_ds_loc.json = ds_results.json;
+                ae_ds_tmp.json = ds_results.json;
                 val_json = ds_results.json;
                 return ds_results.json;
             } else if (type == 'md') {
-                $ae_ds_loc.text = ds_results.text;
+                ae_ds_tmp.text = ds_results.text;
                 val_md = ds_results.text;
                 return ds_results.text;
             } else if (type == 'sql') {
-                $ae_ds_loc.text = ds_results.text;
+                ae_ds_tmp.text = ds_results.text;
                 val_sql = ds_results.text;
                 return ds_results.text;
             } else {
-                $ae_ds_loc.text = ds_results.text;
+                ae_ds_tmp.text = ds_results.text;
                 val_text = ds_results.text;
                 return ds_results.text;
             }
@@ -253,7 +269,7 @@ async function handle_submit_form(event: any) {
     }
 
     // if (!$slct.data_store_id) {
-    if (!$ae_ds_loc.id) {
+    if (!ae_ds_tmp.id) {
         data_store_do['account_id_random'] = $ae_loc.account_id;
     }
 
@@ -329,7 +345,7 @@ async function handle_submit_form(event: any) {
 
     console.log(data_store_do);
 
-    if (!$ae_ds_loc.id) {
+    if (!ae_ds_tmp.id) {
         // Create
         console.log(`ae_ Data Store Create:`, data_store_do);
         ds_submit_results = handle_create__data_store({
@@ -339,16 +355,8 @@ async function handle_submit_form(event: any) {
         .then( function (ds_results) {
             console.log(`ae_ Data Store Create Results:`, ds_results);
             if (ds_results) {
-                $ae_ds_loc.id = ds_results.data_store_id_random;
-                // $ae_ds_loc.account_id = ds_results.account_id_random;
-                // $ae_ds_loc.code = ds_results.code;
-                // $ae_ds_loc.name = ds_results.name;
-                // $ae_ds_loc.type = ds_results.type;
-                // $ae_ds_loc.html = ds_results.html;
-                // $ae_ds_loc.json = ds_results.json;
-                // $ae_ds_loc.md = ds_results.md;
-                // $ae_ds_loc.text = ds_results.text;
-                $ae_ds_loc.updated_on = ds_results.updated_on;
+                ae_ds_tmp.id = ds_results.data_store_id_random;
+                ae_ds_tmp.updated_on = ds_results.updated_on;
             }
             return ds_results;
         })
@@ -362,22 +370,13 @@ async function handle_submit_form(event: any) {
         console.log(`ae_ Data Store Update:`, data_store_do);
         ds_submit_results = handle_update__data_store({
         obj_type: 'data_store',
-        obj_id: $ae_ds_loc.id,
+        obj_id: ae_ds_tmp.id,
         data: data_store_do
         })
         .then( function (ds_results) {
             console.log(`ae_ Data Store Update Results:`, ds_results);
             if (ds_results) {
-                // $ae_ds_loc.id = ds_results.data_store_id_random;
-                // $ae_ds_loc.account_id = ds_results.account_id_random;
-                // $ae_ds_loc.code = ds_results.code;
-                // $ae_ds_loc.name = ds_results.name;
-                // $ae_ds_loc.type = ds_results.type;
-                // $ae_ds_loc.html = ds_results.html;
-                // $ae_ds_loc.json = ds_results.json;
-                // $ae_ds_loc.md = ds_results.md;
-                // $ae_ds_loc.text = ds_results.text;
-                $ae_ds_loc.updated_on = ds_results.updated_on;
+                ae_ds_tmp.updated_on = ds_results.updated_on;
             }
             return ds_results;
         // })
@@ -470,26 +469,26 @@ async function handle_update__data_store({
 
 
 <div class="ae__elem__data_store relative {class_li}">
-{#if $ae_ds_loc}
+{#if ae_ds_tmp}
 
 
 {#if debug || $ae_loc.debug == 'debug'}
 
     <pre>
-    id: {$ae_ds_loc.id},
-    code: {$ae_ds_loc.code},
-    type: {$ae_ds_loc.type},
-    for_type: {$ae_ds_loc.for_type},
-    for_id: {$ae_ds_loc.for_id},
-    access_read: {$ae_ds_loc.access_read},
-    access_write: {$ae_ds_loc.access_write},
-    access_delete: {$ae_ds_loc.access_delete},
-    name: {$ae_ds_loc.name},
-    html: {$ae_ds_loc.html},
-    json: {$ae_ds_loc.json},
-    md: {$ae_ds_loc.md},
-    text: {$ae_ds_loc.text},
-    updated_on: {$ae_ds_loc.updated_on},
+    id: {ae_ds_tmp.id},
+    code: {ae_ds_tmp.code},
+    type: {ae_ds_tmp.type},
+    for_type: {ae_ds_tmp.for_type},
+    for_id: {ae_ds_tmp.for_id},
+    access_read: {ae_ds_tmp.access_read},
+    access_write: {ae_ds_tmp.access_write},
+    access_delete: {ae_ds_tmp.access_delete},
+    name: {ae_ds_tmp.name},
+    html: {ae_ds_tmp.html},
+    json: {ae_ds_tmp.json},
+    md: {ae_ds_tmp.md},
+    text: {ae_ds_tmp.text},
+    updated_on: {ae_ds_tmp.updated_on},
     </pre>
 {/if}
 
@@ -503,7 +502,7 @@ async function handle_update__data_store({
     <input
         type="hidden"
         name="ds_id_random"
-        value={$ae_ds_loc.id}
+        value={ae_ds_tmp.id}
         />
 
     {#if $ae_loc.trusted_access}
@@ -513,7 +512,7 @@ async function handle_update__data_store({
             name="ds_use_account_id"
             class="checkbox"
             value="true"
-            checked={$ae_ds_loc.account_id ? true : false}
+            checked={ae_ds_tmp.account_id ? true : false}
             />
         </label>
     {/if}
@@ -523,7 +522,7 @@ async function handle_update__data_store({
             name="ds_account_id"
             class="input max-w-48 text-xs"
             placeholder="Account ID"
-            value={$ae_ds_loc.account_id}
+            value={ae_ds_tmp.account_id}
             />
 
         <input
@@ -531,7 +530,7 @@ async function handle_update__data_store({
             name="ds_code"
             class="input text-xs"
             placeholder="Data store code"
-            value={$ae_ds_loc.code}
+            value={ae_ds_tmp.code}
             required
             />
     {/if}
@@ -541,7 +540,7 @@ async function handle_update__data_store({
             name="ds_name"
             class="input text-xs"
             placeholder="Data store name"
-            value={$ae_ds_loc.name}
+            value={ae_ds_tmp.name}
             required
             />
     {/if}
@@ -551,7 +550,7 @@ async function handle_update__data_store({
             name="ds_type"
             class="input max-w-48 text-xs"
             placeholder="Data store type (html, json, md, sql, text)"
-            value={$ae_ds_loc.type}
+            value={ae_ds_tmp.type}
             required
             />
         <input
@@ -559,58 +558,58 @@ async function handle_update__data_store({
             name="ds_for_type"
             class="input max-w-48 text-xs"
             placeholder="Data store For Type"
-            value={$ae_ds_loc.for_type}
+            value={ae_ds_tmp.for_type}
             />
         <input
             type="text"
             name="ds_for_id"
             class="input max-w-48 text-xs"
             placeholder="Data store For ID"
-            value={$ae_ds_loc.for_id}
+            value={ae_ds_tmp.for_id}
             />
         <input
             type="text"
             name="ds_access_read"
             class="input max-w-48 text-xs"
             placeholder="Access read"
-            value={$ae_ds_loc.access_read}
+            value={ae_ds_tmp.access_read}
             />
         <input
             type="text"
             name="ds_access_write"
             class="input max-w-48 text-xs"
             placeholder="Access write"
-            value={$ae_ds_loc.access_write}
+            value={ae_ds_tmp.access_write}
             />
         <input
             type="text"
             name="ds_access_delete"
             class="input max-w-48 text-xs"
             placeholder="Access delete"
-            value={$ae_ds_loc.access_delete}
+            value={ae_ds_tmp.access_delete}
             />
     {:else}
-        Code: {$ae_ds_loc.code}
-        <!-- Name: {$ae_ds_loc.name} -->
-        Type: {$ae_ds_loc.type}
+        Code: {ae_ds_tmp.code}
+        <!-- Name: {ae_ds_tmp.name} -->
+        Type: {ae_ds_tmp.type}
     {/if}
 
-    {#if $ae_ds_loc.type == 'html' || $ae_ds_loc.type == null}
+    {#if ae_ds_tmp.type == 'html' || ae_ds_tmp.type == null}
     <textarea
         name="ds_value"
         class="textarea type_html font-mono text-sm"
         cols="75"
         rows="25"
         placeholder="Enter the HTML here"
-        >{$ae_ds_loc.type == 'html' && $ae_ds_loc.html ? $ae_ds_loc.html : ''}</textarea>
-    {:else if $ae_ds_loc.type == 'text'}
+        >{ae_ds_tmp.type == 'html' && ae_ds_tmp.html ? ae_ds_tmp.html : ''}</textarea>
+    {:else if ae_ds_tmp.type == 'text'}
     <textarea
         name="ds_value"
         class="textarea type_text"
         cols="70"
         rows="10"
         placeholder="Enter the text here"
-        >{$ae_ds_loc.type == 'text' ? $ae_ds_loc.text : ''}</textarea>
+        >{ae_ds_tmp.type == 'text' ? ae_ds_tmp.text : ''}</textarea>
     {/if}
     <div class="flex gap-1 justify-center justify-evenly items-center p-1">
 
@@ -690,20 +689,32 @@ async function handle_update__data_store({
 
 <!-- {#if mode == 'view'} -->
 
-{#if !$ae_ds_loc.type && !$ae_ds_loc.html && !$ae_ds_loc.json && !$ae_ds_loc.md && !$ae_ds_loc.text}
-    <span class="variant-soft-warning">No data found! Is the data store correct or new?</span>
+{#if !ae_ds_tmp.type && !ae_ds_tmp.html && !ae_ds_tmp.json && !ae_ds_tmp.md && !ae_ds_tmp.text}
+    {#if $ae_loc.administrator_access}
+        <span class="variant-soft-warning">No data found! Is the data store correct or new?</span>
+    {:else}
+        <!-- <span class="variant-soft">loading</span> -->
+    {/if}
 {/if}
 
-{#if $ae_ds_loc.type == 'html' && $ae_ds_loc.html}
-    {@html $ae_ds_loc.html}
-{:else if $ae_ds_loc.type == 'html'}
-    <span class="variant-soft-warning">No HTML found! Is the data store type correct?</span>
+{#if ae_ds_tmp.type == 'html' && ae_ds_tmp.html}
+    {@html ae_ds_tmp.html}
+{:else if ae_ds_tmp.type == 'html'}
+    {#if $ae_loc.administrator_access}
+        <span class="variant-soft-warning">No HTML found! Is the data store type correct?</span>
+    {:else}
+        <!-- <span class="variant-soft">loading</span> -->
+    {/if}
 {/if}
 
-{#if $ae_ds_loc.type == 'text' && $ae_ds_loc.text}
-    {$ae_ds_loc.text}
-{:else if $ae_ds_loc.type == 'text'}
-    <span class="variant-soft-warning">No text found! Is the data store type correct?</span>
+{#if ae_ds_tmp.type == 'text' && ae_ds_tmp.text}
+    {ae_ds_tmp.text}
+{:else if ae_ds_tmp.type == 'text'}
+    {#if $ae_loc.administrator_access}
+        <span class="variant-soft-warning">No text found! Is the data store type correct?</span>
+    {:else}
+        <!-- <span class="variant-soft">loading</span> -->
+    {/if}
 {/if}
 
 <button
@@ -716,7 +727,7 @@ async function handle_update__data_store({
         show_edit = true;
         show_view = false;
     }}
-    title="Double click to edit data store: {ds_code} with {$ae_ds_loc.account_id ? `account ID=${$ae_ds_loc.account_id}` : 'no account ID'}"
+    title="Double click to edit data store: {ds_code} with {ae_ds_tmp.account_id ? `account ID=${ae_ds_tmp.account_id}` : 'no account ID'}"
     >
     <span class="fas fa-edit mx-1"></span>
     Edit