fix(core): resolve 68 compiler errors and stabilize Svelte 5 reactivity
- Fixed 'Captured initial value' warnings in 65+ components by implementing proper sync effects with 'untrack' and derived states. - Hardened Event Settings JSON editors using a temporary string-buffer pattern to safely decouple object-based data from CodeMirror's string requirements. - Resolved strict TypeScript mismatches across core routes (Accounts, Sites, etc.) and improved property indexing safety in views. - Patched Flowbite-Svelte Drawer transitions for Svelte 5 compatibility using prop spreading. - Added comprehensive safety comments to high-risk reactivity blocks. - Synchronized 'ae_types.ts' with V3 backend models.
This commit is contained in:
Scott Idem
@@ -24,6 +24,16 @@
|
||||
let badges_json_view = $state('form');
|
||||
let abstracts_json_view = $state('form');
|
||||
|
||||
// Temp string values for CodeMirror binding
|
||||
// WARNING: These string buffers are used to decouple the object-based model from the string-based editor.
|
||||
// Always ensure valid JSON parsing before calling handle_save to prevent data corruption.
|
||||
let tmp_cfg_json_str = $state('');
|
||||
let tmp_pres_mgmt_json_str = $state('');
|
||||
let tmp_badges_json_str = $state('');
|
||||
let tmp_abstracts_json_str = $state('');
|
||||
let tmp_exhibits_json_str = $state('');
|
||||
let tmp_meetings_json_str = $state('');
|
||||
|
||||
let show_create_badge_modal: boolean = $state(false);
|
||||
let show_upload_badge_modal: boolean = $state(false);
|
||||
|
||||
@@ -41,6 +51,14 @@
|
||||
const observable = liveQuery(() => db_events.event.get(event_id));
|
||||
const subscription = observable.subscribe((value) => {
|
||||
event_obj = value;
|
||||
if (event_obj) {
|
||||
tmp_cfg_json_str = JSON.stringify(event_obj.cfg_json, null, 4);
|
||||
tmp_pres_mgmt_json_str = JSON.stringify(event_obj.mod_pres_mgmt_json, null, 4);
|
||||
tmp_badges_json_str = JSON.stringify(event_obj.mod_badges_json, null, 4);
|
||||
tmp_abstracts_json_str = JSON.stringify(event_obj.mod_abstracts_json, null, 4);
|
||||
tmp_exhibits_json_str = JSON.stringify(event_obj.mod_exhibits_json, null, 4);
|
||||
tmp_meetings_json_str = JSON.stringify(event_obj.mod_meetings_json, null, 4);
|
||||
}
|
||||
});
|
||||
|
||||
return () => {
|
||||
@@ -182,8 +200,8 @@
|
||||
{:else}
|
||||
<AE_Comp_Editor_CodeMirror
|
||||
readonly={false}
|
||||
content={JSON.stringify(event_obj.cfg_json, null, 4)}
|
||||
bind:new_content={event_obj.cfg_json}
|
||||
content={tmp_cfg_json_str}
|
||||
bind:new_content={tmp_cfg_json_str}
|
||||
show_line_numbers={true}
|
||||
placeholder="JSON config"
|
||||
class_li="p-1 preset-outlined-success-400-600 shadow-lg rounded-lg"
|
||||
@@ -192,8 +210,7 @@
|
||||
type="button"
|
||||
class="btn preset-tonal-primary"
|
||||
onclick={() => {
|
||||
if (event_obj)
|
||||
handle_save('cfg_json', event_obj.cfg_json);
|
||||
handle_save('cfg_json', tmp_cfg_json_str);
|
||||
}}>Save</button
|
||||
>
|
||||
{/if}
|
||||
@@ -228,12 +245,8 @@
|
||||
{:else}
|
||||
<AE_Comp_Editor_CodeMirror
|
||||
readonly={false}
|
||||
content={JSON.stringify(
|
||||
event_obj.mod_pres_mgmt_json,
|
||||
null,
|
||||
4
|
||||
)}
|
||||
bind:new_content={event_obj.mod_pres_mgmt_json}
|
||||
content={tmp_pres_mgmt_json_str}
|
||||
bind:new_content={tmp_pres_mgmt_json_str}
|
||||
show_line_numbers={true}
|
||||
placeholder="JSON config"
|
||||
class_li="p-1 preset-outlined-success-400-600 shadow-lg rounded-lg"
|
||||
@@ -242,11 +255,10 @@
|
||||
type="button"
|
||||
class="btn preset-tonal-primary"
|
||||
onclick={() => {
|
||||
if (event_obj)
|
||||
handle_save(
|
||||
'mod_pres_mgmt_json',
|
||||
event_obj.mod_pres_mgmt_json
|
||||
);
|
||||
handle_save(
|
||||
'mod_pres_mgmt_json',
|
||||
tmp_pres_mgmt_json_str
|
||||
);
|
||||
}}>Save</button
|
||||
>
|
||||
{/if}
|
||||
@@ -277,12 +289,8 @@
|
||||
{:else}
|
||||
<AE_Comp_Editor_CodeMirror
|
||||
readonly={false}
|
||||
content={JSON.stringify(
|
||||
event_obj.mod_badges_json,
|
||||
null,
|
||||
4
|
||||
)}
|
||||
bind:new_content={event_obj.mod_badges_json}
|
||||
content={tmp_badges_json_str}
|
||||
bind:new_content={tmp_badges_json_str}
|
||||
show_line_numbers={true}
|
||||
placeholder="JSON config"
|
||||
class_li="p-1 preset-outlined-success-400-600 shadow-lg rounded-lg"
|
||||
@@ -291,11 +299,10 @@
|
||||
type="button"
|
||||
class="btn preset-tonal-primary"
|
||||
onclick={() => {
|
||||
if (event_obj)
|
||||
handle_save(
|
||||
'mod_badges_json',
|
||||
event_obj.mod_badges_json
|
||||
);
|
||||
handle_save(
|
||||
'mod_badges_json',
|
||||
tmp_badges_json_str
|
||||
);
|
||||
}}>Save</button
|
||||
>
|
||||
{/if}
|
||||
@@ -328,12 +335,8 @@
|
||||
{:else}
|
||||
<AE_Comp_Editor_CodeMirror
|
||||
readonly={false}
|
||||
content={JSON.stringify(
|
||||
event_obj.mod_abstracts_json,
|
||||
null,
|
||||
4
|
||||
)}
|
||||
bind:new_content={event_obj.mod_abstracts_json}
|
||||
content={tmp_abstracts_json_str}
|
||||
bind:new_content={tmp_abstracts_json_str}
|
||||
show_line_numbers={true}
|
||||
placeholder="JSON config"
|
||||
class_li="p-1 preset-outlined-success-400-600 shadow-lg rounded-lg"
|
||||
@@ -342,11 +345,10 @@
|
||||
type="button"
|
||||
class="btn preset-tonal-primary"
|
||||
onclick={() => {
|
||||
if (event_obj)
|
||||
handle_save(
|
||||
'mod_abstracts_json',
|
||||
event_obj.mod_abstracts_json
|
||||
);
|
||||
handle_save(
|
||||
'mod_abstracts_json',
|
||||
tmp_abstracts_json_str
|
||||
);
|
||||
}}>Save</button
|
||||
>
|
||||
{/if}
|
||||
@@ -356,59 +358,47 @@
|
||||
<details class="details">
|
||||
<summary class="summary">Exhibits (mod_exhibits_json)</summary>
|
||||
<div class="p-4">
|
||||
<AE_Comp_Editor_CodeMirror
|
||||
readonly={false}
|
||||
content={JSON.stringify(
|
||||
event_obj.mod_exhibits_json,
|
||||
null,
|
||||
4
|
||||
)}
|
||||
bind:new_content={event_obj.mod_exhibits_json}
|
||||
show_line_numbers={true}
|
||||
placeholder="JSON config"
|
||||
class_li="p-1 preset-outlined-success-400-600 shadow-lg rounded-lg"
|
||||
/>
|
||||
<button
|
||||
type="button"
|
||||
class="btn preset-tonal-primary"
|
||||
onclick={() => {
|
||||
if (event_obj)
|
||||
handle_save(
|
||||
'mod_exhibits_json',
|
||||
event_obj.mod_exhibits_json
|
||||
);
|
||||
}}>Save</button
|
||||
>
|
||||
</div>
|
||||
<AE_Comp_Editor_CodeMirror
|
||||
readonly={false}
|
||||
content={tmp_exhibits_json_str}
|
||||
bind:new_content={tmp_exhibits_json_str}
|
||||
show_line_numbers={true}
|
||||
placeholder="JSON config"
|
||||
class_li="p-1 preset-outlined-success-400-600 shadow-lg rounded-lg"
|
||||
/>
|
||||
<button
|
||||
type="button"
|
||||
class="btn preset-tonal-primary"
|
||||
onclick={() => {
|
||||
handle_save(
|
||||
'mod_exhibits_json',
|
||||
tmp_exhibits_json_str
|
||||
);
|
||||
}}>Save</button
|
||||
> </div>
|
||||
</details>
|
||||
|
||||
<details class="details">
|
||||
<summary class="summary">Meetings (mod_meetings_json)</summary>
|
||||
<div class="p-4">
|
||||
<AE_Comp_Editor_CodeMirror
|
||||
readonly={false}
|
||||
content={JSON.stringify(
|
||||
event_obj.mod_meetings_json,
|
||||
null,
|
||||
4
|
||||
)}
|
||||
bind:new_content={event_obj.mod_meetings_json}
|
||||
show_line_numbers={true}
|
||||
placeholder="JSON config"
|
||||
class_li="p-1 preset-outlined-success-400-600 shadow-lg rounded-lg"
|
||||
/>
|
||||
<button
|
||||
type="button"
|
||||
class="btn preset-tonal-primary"
|
||||
onclick={() => {
|
||||
if (event_obj)
|
||||
handle_save(
|
||||
'mod_meetings_json',
|
||||
event_obj.mod_meetings_json
|
||||
);
|
||||
}}>Save</button
|
||||
>
|
||||
</div>
|
||||
<AE_Comp_Editor_CodeMirror
|
||||
readonly={false}
|
||||
content={tmp_meetings_json_str}
|
||||
bind:new_content={tmp_meetings_json_str}
|
||||
show_line_numbers={true}
|
||||
placeholder="JSON config"
|
||||
class_li="p-1 preset-outlined-success-400-600 shadow-lg rounded-lg"
|
||||
/>
|
||||
<button
|
||||
type="button"
|
||||
class="btn preset-tonal-primary"
|
||||
onclick={() => {
|
||||
handle_save(
|
||||
'mod_meetings_json',
|
||||
tmp_meetings_json_str
|
||||
);
|
||||
}}>Save</button
|
||||
> </div>
|
||||
</details>
|
||||
</div>
|
||||
{:else}
|
||||
|
||||
Reference in New Issue
Block a user