NOT FULLY WORKING YET. Still working to upgrade fully to Tailwind CSS v4.

This commit is contained in:
Scott Idem
2025-06-18 14:48:42 -04:00
parent e6394549bf
commit db6e9dd019
16 changed files with 762 additions and 1160 deletions

View File

@@ -1,4 +1,5 @@
import { localStorageStore } from '@skeletonlabs/skeleton';
import { persisted } from 'svelte-persisted-store';
// import { localStorageStore } from '@skeletonlabs/skeleton';
import { writable } from 'svelte/store';
import type { Writable } from 'svelte/store';
@@ -288,7 +289,7 @@ let events_local_data_struct: key_val = {
// export let ae_loc = writable(events_local_data_struct);
// This works and uses *local* storage:
export let events_loc: Writable<key_val> = localStorageStore('ae_events_loc', events_local_data_struct);
export let events_loc: Writable<key_val> = persisted('ae_events_loc', events_local_data_struct);
// console.log(`AE Stores - App Local Storage Data:`, get(ae_loc));
@@ -557,7 +558,7 @@ let events_slct_obj_template: key_val = {
export let events_slct = writable(events_slct_obj_template);
// This works and uses *local* storage:
// export let events_slct: Writable<key_val> = localStorageStore('ae_events_slct', events_slct_obj_template);
// export let events_slct: Writable<key_val> = persisted('ae_events_slct', events_slct_obj_template);
/* *** BEGIN *** Initialize events_trigger */

View File

@@ -1,4 +1,5 @@
import { localStorageStore } from '@skeletonlabs/skeleton';
import { persisted } from 'svelte-persisted-store';
// import { localStorageStore } from '@skeletonlabs/skeleton';
import { writable } from 'svelte/store';
import type { Writable } from 'svelte/store';
@@ -86,7 +87,7 @@ let idaa_local_data_struct: key_val = {
// export let ae_loc = writable(idaa_local_data_struct);
// This works and uses *local* storage:
export let idaa_loc: Writable<key_val> = localStorageStore('ae_idaa_loc', idaa_local_data_struct);
export let idaa_loc: Writable<key_val> = persisted('ae_idaa_loc', idaa_local_data_struct);
// console.log(`AE Stores - App Local Storage Data:`, get(ae_loc));
@@ -152,7 +153,7 @@ let idaa_slct_obj_template: key_val = {
export let idaa_slct = writable(idaa_slct_obj_template);
// This works and uses *local* storage:
// export let idaa_slct: Writable<key_val> = localStorageStore('ae_idaa_slct', idaa_slct_obj_template);
// export let idaa_slct: Writable<key_val> = persisted('ae_idaa_slct', idaa_slct_obj_template);
/* *** BEGIN *** Initialize idaa_trig */

View File

@@ -1,4 +1,5 @@
import { localStorageStore } from '@skeletonlabs/skeleton';
import { persisted } from 'svelte-persisted-store';
// import { localStorageStore } from '@skeletonlabs/skeleton';
import { writable } from 'svelte/store';
import type { Writable } from 'svelte/store';
@@ -53,7 +54,7 @@ let journals_local_data_struct: key_val = {
// console.log(`AE Stores - App Journals Local Storage Data:`, journals_local_data_struct);
// This works and uses *local* storage:
export let journals_loc: Writable<key_val> = localStorageStore('ae_journals_loc', journals_local_data_struct);
export let journals_loc: Writable<key_val> = persisted('ae_journals_loc', journals_local_data_struct);
// console.log(`AE Stores - App Local Storage Data:`, get(ae_loc));

View File

@@ -1,4 +1,5 @@
import { localStorageStore } from '@skeletonlabs/skeleton';
import { persisted } from 'svelte-persisted-store';
// import { localStorageStore } from '@skeletonlabs/skeleton';
import { readable, writable } from 'svelte/store';
import type { Readable, Writable } from 'svelte/store';
@@ -297,7 +298,7 @@ const ae_app_local_data_defaults: key_val = {
// export let ae_loc = writable(ae_app_local_data_struct);
// This works and uses local storage:
export let ae_loc: Writable<key_val> = localStorageStore('ae_loc', ae_app_local_data_defaults);
export let ae_loc: Writable<key_val> = persisted('ae_loc', ae_app_local_data_defaults);
// console.log(`AE Stores - App Local Storage Data:`, get(ae_loc));
@@ -462,7 +463,7 @@ let slct_obj_template: key_val = {
export let slct = writable(slct_obj_template);
// This works and uses *local* storage:
// export let slct: Writable<key_val> = localStorageStore('ae_slct', slct_obj_template);
// export let slct: Writable<key_val> = persisted('ae_slct', slct_obj_template);
/* *** BEGIN *** Initialize slct_trigger */

View File

@@ -1,6 +1,6 @@
<script lang="ts">
import { onMount } from 'svelte';
import { RadioGroup, RadioItem } from '@skeletonlabs/skeleton';
// import { RadioGroup, RadioItem } from '@skeletonlabs/skeleton';
import { ae_util } from '$lib/ae_utils/ae_utils';
import { ae_loc, ae_sess, ae_api, slct, slct_trigger } from '$lib/ae_stores';
@@ -128,7 +128,7 @@ function handle_clear_storage(item: null|string) {
<section class="space-y-2">
<div>
<h2 class="strong">Access Type:</h2>
<div>
</div>
{#if $ae_loc.access_type && $ae_loc.access_type != 'anonymous'}
{#if $ae_loc.access_type == 'super'}
<span class="fas fa-secret mx-1"></span> Super Access

View File

@@ -72,7 +72,7 @@ if (browser && localStorage.getItem(`ae_ds__${ds_code}`)) {
ae_ds_tmp = ds_code_obj;
}
// Writable<key_val> = localStorageStore(`ae_ds__${ds_code}`, ds_code_obj);
// Writable<key_val> = persisted(`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}`);

View File

@@ -11,9 +11,9 @@ import { goto, invalidateAll } from '$app/navigation';
import '../app.postcss';
// *** Import other supporting libraries
import { AppShell, AppBar, initializeStores } from '@skeletonlabs/skeleton';
// import { AppShell, AppBar, initializeStores } from '@skeletonlabs/skeleton';
// Initialize the stores for Drawer, Modal, and Toast so they work throughout the app.
initializeStores();
// initializeStores();
// import { Modal } from '@skeletonlabs/skeleton';
// import type {
// ModalComponent
@@ -43,7 +43,7 @@ import hljs from 'highlight.js/lib/core';
import 'highlight.js/styles/github-dark.css';
import { browser } from '$app/environment';
import { localStorageStore, storeHighlightJs } from '@skeletonlabs/skeleton';
// import { storeHighlightJs } from '@skeletonlabs/skeleton';
import xml from 'highlight.js/lib/languages/xml'; // for HTML
import css from 'highlight.js/lib/languages/css';
import javascript from 'highlight.js/lib/languages/javascript';
@@ -53,7 +53,7 @@ hljs.registerLanguage('xml', xml); // for HTML
hljs.registerLanguage('css', css);
hljs.registerLanguage('javascript', javascript);
hljs.registerLanguage('typescript', typescript);
storeHighlightJs.set(hljs);
// storeHighlightJs.set(hljs);
// *** Import Aether specific variables and functions
import Analytics from '$lib/analytics.svelte'

View File

@@ -4,8 +4,8 @@ export let data: any;
import { goto } from '$app/navigation';
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 type { key_val } from '$lib/ae_stores';
// import { ae_util } from '$lib/ae_utils/ae_utils';

View File

@@ -6,8 +6,6 @@ export let data: any;
// import { onMount } from 'svelte';
import { goto, invalidate, pushState, replaceState } from '$app/navigation';
// import { clipboard, FileDropzone, getModalStore, localStorageStore, ProgressRadial, RadioGroup, RadioItem, TabGroup, Tab, TabAnchor } from '@skeletonlabs/skeleton';
import type { key_val } from '$lib/ae_stores';
// import { ae_util } from '$lib/ae_utils/ae_utils';
// import { api } from '$lib/api';

View File

@@ -6,7 +6,7 @@ export let data: any;
import { onMount } from 'svelte';
import { goto, invalidate, pushState, replaceState } from '$app/navigation';
import { clipboard, FileDropzone, getModalStore, localStorageStore, ProgressRadial, RadioGroup, RadioItem, TabGroup, Tab, TabAnchor } from '@skeletonlabs/skeleton';
import { clipboard, TabGroup, Tab } from '@skeletonlabs/skeleton';
import type { key_val } from '$lib/ae_stores';
import { ae_util } from '$lib/ae_utils/ae_utils';

View File

@@ -203,7 +203,8 @@ onDestroy(() => {
</div>
{:else if ($lq__post_obj?.full_name)}
<div class="post__posted_by">
Posted by: <span class="fas fa-user"></span> <span class="post__full_name">{$lq__post_obj?.full_name}
Posted by: <span class="fas fa-user"></span>
<span class="post__full_name">{$lq__post_obj?.full_name}</span>
{#if $ae_loc.trusted_access && $lq__post_obj?.email}
<a href="mailto:{$lq__post_obj?.email}?subject=IDAA BB Post">{$lq__post_obj?.email}</a>
{/if}

View File

@@ -3,7 +3,7 @@
export let data: any;
import { onMount } from 'svelte';
import { localStorageStore } from '@skeletonlabs/skeleton';
// import { localStorageStore } from '@skeletonlabs/skeleton';
import { ae_loc, ae_sess, ae_api, slct, slct_trigger } from '$lib/ae_stores';
// Quickly save the data passed from the parent(s) to the Svelte stores, localStorage, and other.