neuro_llc/ComfyBox
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 1 Wiki Activity

migration to Svelte 4

Browse Source
This commit is contained in:
space-nuko
2023-06-22 13:30:20 -05:00
parent c875f9c4f6
commit 2c7566e8e6
7 changed files with 12 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
package.json
View File

@@ -27,13 +27,13 @@
"happy-dom": "^9.18.3", "happy-dom": "^9.18.3",
"jsdom": "^22.0.0", "jsdom": "^22.0.0",
"prettier": "^2.8.7", "prettier": "^2.8.7",
"prettier-plugin-svelte": "^2.10.0", "prettier-plugin-svelte": "^2.10.1",
"rollup-plugin-visualizer": "^5.9.0", "rollup-plugin-visualizer": "^5.9.0",
"sass": "^1.61.0", "sass": "^1.61.0",
"svelte": "^3.59.0", "svelte": "^4.0.0",
"svelte-check": "^3.2.0", "svelte-check": "^3.4.3",
"svelte-dnd-action": "^0.9.22", "svelte-dnd-action": "^0.9.22",
"typescript": "^5.0.3", "typescript": "^5.0.0",
"vite": "^4.3.8", "vite": "^4.3.8",
"vite-plugin-glsl": "^1.1.2", "vite-plugin-glsl": "^1.1.2",
"vite-plugin-static-copy": "^0.14.0", "vite-plugin-static-copy": "^0.14.0",
@@ -75,7 +75,7 @@
"@litegraph-ts/nodes-math": "workspace:*", "@litegraph-ts/nodes-math": "workspace:*",
"@litegraph-ts/nodes-strings": "workspace:*", "@litegraph-ts/nodes-strings": "workspace:*",
"@litegraph-ts/tsconfig": "workspace:*", "@litegraph-ts/tsconfig": "workspace:*",
"@sveltejs/vite-plugin-svelte": "^2.1.1", "@sveltejs/vite-plugin-svelte": "^2.4.1",
"@tsconfig/svelte": "^4.0.1", "@tsconfig/svelte": "^4.0.1",
"@types/dompurify": "^3.0.2", "@types/dompurify": "^3.0.2",
"canvas-to-svg": "^1.0.3", "canvas-to-svg": "^1.0.3",
@@ -106,4 +106,4 @@
"vite-plugin-full-reload": "^1.0.5", "vite-plugin-full-reload": "^1.0.5",
"zod": "^3.21.4" "zod": "^3.21.4"
} }
} }

2
src/lib/components/AccordionContainer.svelte
View File

@@ -104,7 +104,7 @@
> >
<WidgetContainer {layoutState} dragItem={item} zIndex={zIndex+1} {isMobile} /> <WidgetContainer {layoutState} dragItem={item} zIndex={zIndex+1} {isMobile} />
{#if item[SHADOW_ITEM_MARKER_PROPERTY_NAME]} {#if item[SHADOW_ITEM_MARKER_PROPERTY_NAME]}
<div in:fade={{duration:200, easing: cubicIn}} class='drag-item-shadow'/> <div in:fade|global={{duration:200, easing: cubicIn}} class='drag-item-shadow'/>
{/if} {/if}
</div> </div>
{/each} {/each}

2
src/lib/components/BlockContainer.svelte
View File

@@ -102,7 +102,7 @@
> >
<WidgetContainer {layoutState} dragItem={item} zIndex={zIndex+1} {isMobile} /> <WidgetContainer {layoutState} dragItem={item} zIndex={zIndex+1} {isMobile} />
{#if item[SHADOW_ITEM_MARKER_PROPERTY_NAME]} {#if item[SHADOW_ITEM_MARKER_PROPERTY_NAME]}
<div in:fade={{duration:200, easing: cubicIn}} class='drag-item-shadow'/> <div in:fade|global={{duration:200, easing: cubicIn}} class='drag-item-shadow'/>
{/if} {/if}
</div> </div>
{/each} {/each}

2
src/lib/components/ComfyBoxWorkflowsView.svelte
View File

@@ -336,7 +336,7 @@
✕ ✕
</button> </button>
{#if workflow[SHADOW_ITEM_MARKER_PROPERTY_NAME]} {#if workflow[SHADOW_ITEM_MARKER_PROPERTY_NAME]}
<div in:fade={{duration:200, easing: cubicIn}} class='drag-item-shadow'/> <div in:fade|global={{duration:200, easing: cubicIn}} class='drag-item-shadow'/>
{/if} {/if}
</button> </button>
{/each} {/each}

2
src/lib/components/ComfyPaneView.svelte
View File

@@ -22,7 +22,7 @@
export let mode: ComfyPaneMode = "none"; export let mode: ComfyPaneMode = "none";
export let showSwitcher: boolean = false; export let showSwitcher: boolean = false;
const MODES: [ComfyPaneMode, typeof SvelteComponent][] = [ const MODES: [ComfyPaneMode, typeof SvelteComponent<any>][] = [
["properties", Sliders2], ["properties", Sliders2],
["templates", BoxSeam], ["templates", BoxSeam],
["queue", LayoutTextSidebarReverse] ["queue", LayoutTextSidebarReverse]

2
src/lib/components/ComfyTemplates.svelte
View File

@@ -197,7 +197,7 @@
<div class="template-desc">{item.template.metadata.description}</div> <div class="template-desc">{item.template.metadata.description}</div>
</div> </div>
{#if item[SHADOW_ITEM_MARKER_PROPERTY_NAME]} {#if item[SHADOW_ITEM_MARKER_PROPERTY_NAME]}
<div in:fade={{duration:200, easing: cubicIn}} class='template-drag-item-shadow'/> <div in:fade|global={{duration:200, easing: cubicIn}} class='template-drag-item-shadow'/>
{/if} {/if}
{/each} {/each}
</div> </div>

2
src/lib/components/TabsContainer.svelte
View File

@@ -112,7 +112,7 @@
</label> </label>
<WidgetContainer {layoutState} dragItem={item} zIndex={zIndex+1} {isMobile} /> <WidgetContainer {layoutState} dragItem={item} zIndex={zIndex+1} {isMobile} />
{#if item[SHADOW_ITEM_MARKER_PROPERTY_NAME]} {#if item[SHADOW_ITEM_MARKER_PROPERTY_NAME]}
<div in:fade={{duration:200, easing: cubicIn}} class='drag-item-shadow'/> <div in:fade|global={{duration:200, easing: cubicIn}} class='drag-item-shadow'/>
{/if} {/if}
</Block> </Block>
</div> </div>