style(journals): apply expanded 80-width formatting and snake_case

- Batch formatted all Journals module files using Prettier with printWidth: 80.
- Refactored preventDefault to prevent_default across all Svelte components.
- Standardized line breaks for imports and long attribute lists for better readability.
- Ensured consistent snake_case naming for internal identifiers.
This commit is contained in:
Scott Idem
2026-02-06 14:15:43 -05:00
parent 07dd6c18a1
commit 2f3125c64b
37 changed files with 3033 additions and 1133 deletions

View File

@@ -6,7 +6,10 @@
*/
import { LockKeyhole, Save, RefreshCcw } from 'lucide-svelte';
import { ae_loc } from '$lib/stores/ae_stores';
import { journals_loc, journals_sess } from '$lib/ae_journals/ae_journals_stores';
import {
journals_loc,
journals_sess
} from '$lib/ae_journals/ae_journals_stores';
import AE_Comp_Editor_CodeMirror from '$lib/elements/AE_Comp_Editor_CodeMirror.svelte';
import type { ae_JournalEntry, ae_Journal } from '$lib/types/ae_types';
@@ -21,10 +24,10 @@
on_force_reset?: () => void;
}
let {
entry,
journal,
tmp_entry_obj = $bindable(),
let {
entry,
journal,
tmp_entry_obj = $bindable(),
editor_view = $bindable(),
has_changed,
updated_idb,
@@ -32,10 +35,14 @@
on_force_reset
}: Props = $props();
const is_editing = $derived($journals_loc.entry.edit_kv[entry.journal_entry_id] === 'current');
const is_editing = $derived(
$journals_loc.entry.edit_kv[entry.journal_entry_id] === 'current'
);
</script>
<div class="journal-entry-editor-wrapper grow w-full flex flex-col items-center">
<div
class="journal-entry-editor-wrapper grow w-full flex flex-col items-center"
>
{#if !is_editing}
<!-- VIEW MODE -->
<div class="w-full max-w-6xl p-4 prose dark:prose-invert">
@@ -45,27 +52,40 @@
<!-- EDIT MODE -->
{#if !tmp_entry_obj?.content && tmp_entry_obj?.content_encrypted}
<!-- Decryption Required Message -->
<div class="w-full max-w-6xl p-4 bg-error-100 dark:bg-error-900/30 text-error-900 dark:text-error-100 rounded-lg border border-error-500 flex flex-col gap-4">
<div
class="w-full max-w-6xl p-4 bg-error-100 dark:bg-error-900/30 text-error-900 dark:text-error-100 rounded-lg border border-error-500 flex flex-col gap-4"
>
<div class="space-y-2">
<div class="font-bold flex items-center gap-2">
<LockKeyhole size="1.25em" />
Decryption Required
</div>
<p class="text-sm">This entry must be decrypted before it can be edited.</p>
<p class="text-sm">
This entry must be decrypted before it can be edited.
</p>
{#if tmp_entry_obj?.content === false}
<p class="text-xs font-bold text-error-500 uppercase tracking-widest">Decryption failed. Incorrect passcode.</p>
<p
class="text-xs font-bold text-error-500 uppercase tracking-widest"
>
Decryption failed. Incorrect passcode.
</p>
{/if}
</div>
{#if $ae_loc.edit_mode && on_force_reset}
<div class="pt-4 border-t border-error-500/20">
<p class="text-xs mb-2 opacity-70 italic">Passcode lost? You can force a reset to plain text, but all currently encrypted data will be permanently deleted.</p>
<button type="button"
<p class="text-xs mb-2 opacity-70 italic">
Passcode lost? You can force a reset to plain text,
but all currently encrypted data will be permanently
deleted.
</p>
<button
type="button"
class="btn btn-sm variant-filled-error font-bold"
onclick={on_force_reset}
>
<RefreshCcw size="1.1em" class="mr-2" /> Force Reset to Plain Text
<RefreshCcw size="1.1em" class="mr-2" /> Force Reset to
Plain Text
</button>
</div>
{/if}
@@ -75,7 +95,7 @@
{#if journal?.cfg_json?.pref_editor == 'codemirror'}
<AE_Comp_Editor_CodeMirror
bind:content={tmp_entry_obj.content}
bind:editor_view={editor_view}
bind:editor_view
theme_mode={$ae_loc.theme_mode}
placeholder="Write using Markdown..."
class_li="p-2 preset-outlined-warning-300-700 shadow-lg rounded-lg w-full max-w-6xl bg-surface-50 dark:bg-surface-800"
@@ -89,7 +109,8 @@
{/if}
<!-- Floating Save Button -->
<button type="button"
<button
type="button"
onclick={on_save}
disabled={!has_changed}
class="btn btn-sm md:btn-md lg:btn-lg fixed top-72 right-6 min-w-32 variant-filled-success shadow-xl z-20 transition-all"
@@ -99,7 +120,8 @@
</button>
<!-- Inline Save Button (Mobile/Context) -->
<button type="button"
<button
type="button"
onclick={on_save}
disabled={!has_changed}
class="btn variant-filled-warning w-full max-w-96 mt-4"
@@ -109,7 +131,9 @@
</button>
{#if updated_idb}
<p class="text-xs text-error-500 mt-2 font-bold animate-pulse uppercase tracking-widest">
<p
class="text-xs text-error-500 mt-2 font-bold animate-pulse uppercase tracking-widest"
>
IDB object updated since last load!
</p>
{/if}