Initial solution

intechstudio · Feb 14, 2025 · e5e333c · e5e333c
1 parent 1cc32de
commit e5e333c
Show file tree

Hide file tree

Showing 4 changed files with 52 additions and 29 deletions.
diff --git a/src/lib/schemas.ts b/src/lib/schemas.ts
@@ -15,7 +15,7 @@ export const BaseConfigSchema = z.object({
             patch: z.string()
         })
         .optional(),
-    configType: z.enum(["profile", "preset"]),
+    configType: z.enum(["profile", "preset", "snippet"]),
     configs: z.any(),
     owner: z.string().optional(),
     virtualPath: z.string().optional()

diff --git a/src/routes/ConfigCardEditor.svelte b/src/routes/ConfigCardEditor.svelte
@@ -19,7 +19,11 @@
     $: handleCompatibleConfigsChange($compatible_config_types);
 
     function handleCompatibleConfigsChange(types: string[]) {
-        compatible = types.includes(data.type);
+        if (data.configType === "snippet") {
+            compatible = true;
+        } else {
+            compatible = types.includes(data.type);
+        }
     }
 
     function handleToggle() {

diff --git a/src/routes/ConfigurationSave.svelte b/src/routes/ConfigurationSave.svelte
@@ -1,7 +1,8 @@
 <script lang="ts" context="module">
     export enum ConfigurationSaveType {
         MODULE = 0,
-        ELEMENT = 1
+        ELEMENT = 1,
+        SNIPPET = 2
     }
 
     enum ConfigurationSaveState {
@@ -104,25 +105,36 @@
 
 <container class="flex w-full">
     {#if state === ConfigurationSaveState.SELECT}
-        <div class="grid grid-cols-[1fr_1fr_auto] gap-2 w-full">
-            <button
-                class="flex w-full dark:bg-primary-700 dark:hover:bg-secondary items-center justify-center {selected ===
-                ConfigurationSaveType.ELEMENT
-                    ? 'border-white'
-                    : 'border-transparent'} border-opacity-75 border-2"
-                on:click={() => handleSelectionChange(ConfigurationSaveType.ELEMENT)}
-            >
-                {element} Element
-            </button>
-            <button
-                class="flex w-full dark:bg-primary-700 dark:hover:bg-secondary items-center justify-center {selected ===
-                ConfigurationSaveType.MODULE
-                    ? 'border-white'
-                    : 'border-transparent'} border-opacity-75 border-2"
-                on:click={() => handleSelectionChange(ConfigurationSaveType.MODULE)}
-            >
-                {module} Module
-            </button>
+        <div class="flex flex-row gap-2 w-full">
+            <div class="grid grid-flow-col w-full gap-2">
+                <button
+                    class="flex w-full dark:bg-primary-700 dark:hover:bg-secondary items-center justify-center {selected ===
+                    ConfigurationSaveType.ELEMENT
+                        ? 'border-white'
+                        : 'border-transparent'} border-opacity-75 border-2"
+                    on:click={() => handleSelectionChange(ConfigurationSaveType.ELEMENT)}
+                >
+                    {element} Element
+                </button>
+                <button
+                    class="flex w-full dark:bg-primary-700 dark:hover:bg-secondary items-center justify-center {selected ===
+                    ConfigurationSaveType.MODULE
+                        ? 'border-white'
+                        : 'border-transparent'} border-opacity-75 border-2"
+                    on:click={() => handleSelectionChange(ConfigurationSaveType.MODULE)}
+                >
+                    {module} Module
+                </button>
+                <button
+                    class="flex w-full dark:bg-primary-700 dark:hover:bg-secondary items-center justify-center {selected ===
+                    ConfigurationSaveType.SNIPPET
+                        ? 'border-white'
+                        : 'border-transparent'} border-opacity-75 border-2"
+                    on:click={() => handleSelectionChange(ConfigurationSaveType.SNIPPET)}
+                >
+                    Snippet
+                </button>
+            </div>
             <div class="flex flex-col gap-2 w-20">
                 <button
                     class="px-4 py-1 dark:bg-primary-700 dark:hover:bg-secondary"

diff --git a/src/routes/EditorLayout.svelte b/src/routes/EditorLayout.svelte
@@ -117,21 +117,24 @@
     }
 
     async function createNewLocalConfigWithTheSelectedModulesConfigurationFromEditor(
-        type: "profile" | "preset",
+        type: "profile" | "preset" | "snippet",
         name: string
     ) {
-        const configResponse = await parentIframeCommunication({
-            windowPostMessageName: "getCurrenConfigurationFromEditor",
-            dataForParent: { configType: type }
-        });
-        configResponse.data.name = name;
-        if (configResponse.ok) {
+        try {
+            const configResponse = await parentIframeCommunication({
+                windowPostMessageName: "getCurrenConfigurationFromEditor",
+                dataForParent: { configType: type }
+            });
+            configResponse.data.name = name;
+
             const config = BaseConfigSchema.parse(configResponse.data);
             config.createdAt = new Date();
             const cm = get(config_manager);
             cm?.saveConfig(config, true).then((e) => {
                 filter_value.set(new FilterValue());
             });
+        } catch (e) {
+            console.error(e);
         }
     }
 
@@ -281,6 +284,10 @@
                 createNewLocalConfigWithTheSelectedModulesConfigurationFromEditor("profile", name);
                 break;
             }
+            case ConfigurationSaveType.SNIPPET: {
+                createNewLocalConfigWithTheSelectedModulesConfigurationFromEditor("snippet", name);
+                break;
+            }
         }
 
         provideSelectedConfigForEditor(undefined);