@lobb-js/studio 0.29.0 → 0.29.1

package/dist/components/routes/data_model/syncManager.svelte

@@ -1,94 +0,0 @@
-<script lang="ts">
-    import DiffViewer from "../../diffViewer.svelte";
-    import { getStudioContext } from "../../../context";
-
-    const { lobb, ctx } = getStudioContext();
-    import { onMount } from "svelte";
-    import stringify from "json-stable-stringify";
-    import CodeEditor from "../../codeEditor.svelte";
-    import Table from "../../dataTable/table.svelte";
-    import Button from "../../ui/button/button.svelte";
-    import { LoaderCircle, SendHorizontal } from "lucide-svelte";
-
-    let configSchema: string = $state("");
-    let dbSchema: string = $state("");
-    let sqlPrompt = $state("");
-    let sqlResult = $state([]);
-
-    onMount(() => {
-        loadSchemas();
-    });
-
-    async function loadSchemas() {
-        configSchema = "";
-        dbSchema = "";
-        const response = await fetch(`${ctx.lobbUrl}/api/schema/diff`);
-        const result = await response.json();
-        configSchema = stringify(result.dbSchema, {
-            space: 2,
-        }) as string;
-        dbSchema = stringify(result.configSchema, {
-            space: 2,
-        }) as string;
-    }
-
-    async function handleExecute() {
-        const response = await lobb.createOne("core_query", {
-            query: sqlPrompt,
-        });
-        const result = await response.json();
-        sqlResult = result.data;
-        loadSchemas();
-    }
-</script>
-
-<div class="h-[50%] border-b overflow-auto">
-    {#if configSchema && dbSchema}
-        <DiffViewer
-            type="json"
-            original={configSchema}
-            modified={dbSchema}
-            class="h-full rounded-none border-0"
-        />
-    {:else}
-        <div class="flex justify-center items-center h-full gap-2">
-            <LoaderCircle class="animate-spin" />
-            <div>loading...</div>
-        </div>
-    {/if}
-</div>
-<div class="flex h-[50%] w-full">
-    <div class="h-full flex-1 flex flex-col border-r">
-        <div
-            class="h-10 flex items-center px-2 bg-background border-b justify-between"
-        >
-            <div>Query Editor</div>
-            <Button
-                class="h-7 px-3 text-xs font-normal"
-                Icon={SendHorizontal}
-                onclick={handleExecute}
-            >
-                Execute
-            </Button>
-        </div>
-        <CodeEditor
-            type="sql"
-            name="prompt"
-            bind:value={sqlPrompt}
-            class="flex-1 rounded-none border-0"
-        />
-    </div>
-    <div class="flex-1">
-        {#if Array.isArray(sqlResult) && sqlResult.length}
-            <Table
-                data={sqlResult}
-                showLastRowBorder={true}
-                showLastColumnBorder={true}
-            />
-        {:else}
-            <div class="flex flex-1 h-full items-center justify-center">
-                No results
-            </div>
-        {/if}
-    </div>
-</div>

package/dist/components/routes/data_model/syncManager.svelte.d.ts

@@ -1,3 +0,0 @@
-declare const SyncManager: import("svelte").Component<Record<string, never>, {}, "">;
-type SyncManager = ReturnType<typeof SyncManager>;
-export default SyncManager;

package/src/lib/components/routes/data_model/syncManager.svelte

@@ -1,94 +0,0 @@
-<script lang="ts">
-    import DiffViewer from "../../diffViewer.svelte";
-    import { getStudioContext } from "../../../context";
-
-    const { lobb, ctx } = getStudioContext();
-    import { onMount } from "svelte";
-    import stringify from "json-stable-stringify";
-    import CodeEditor from "../../codeEditor.svelte";
-    import Table from "../../dataTable/table.svelte";
-    import Button from "../../ui/button/button.svelte";
-    import { LoaderCircle, SendHorizontal } from "lucide-svelte";
-
-    let configSchema: string = $state("");
-    let dbSchema: string = $state("");
-    let sqlPrompt = $state("");
-    let sqlResult = $state([]);
-
-    onMount(() => {
-        loadSchemas();
-    });
-
-    async function loadSchemas() {
-        configSchema = "";
-        dbSchema = "";
-        const response = await fetch(`${ctx.lobbUrl}/api/schema/diff`);
-        const result = await response.json();
-        configSchema = stringify(result.dbSchema, {
-            space: 2,
-        }) as string;
-        dbSchema = stringify(result.configSchema, {
-            space: 2,
-        }) as string;
-    }
-
-    async function handleExecute() {
-        const response = await lobb.createOne("core_query", {
-            query: sqlPrompt,
-        });
-        const result = await response.json();
-        sqlResult = result.data;
-        loadSchemas();
-    }
-</script>
-
-<div class="h-[50%] border-b overflow-auto">
-    {#if configSchema && dbSchema}
-        <DiffViewer
-            type="json"
-            original={configSchema}
-            modified={dbSchema}
-            class="h-full rounded-none border-0"
-        />
-    {:else}
-        <div class="flex justify-center items-center h-full gap-2">
-            <LoaderCircle class="animate-spin" />
-            <div>loading...</div>
-        </div>
-    {/if}
-</div>
-<div class="flex h-[50%] w-full">
-    <div class="h-full flex-1 flex flex-col border-r">
-        <div
-            class="h-10 flex items-center px-2 bg-background border-b justify-between"
-        >
-            <div>Query Editor</div>
-            <Button
-                class="h-7 px-3 text-xs font-normal"
-                Icon={SendHorizontal}
-                onclick={handleExecute}
-            >
-                Execute
-            </Button>
-        </div>
-        <CodeEditor
-            type="sql"
-            name="prompt"
-            bind:value={sqlPrompt}
-            class="flex-1 rounded-none border-0"
-        />
-    </div>
-    <div class="flex-1">
-        {#if Array.isArray(sqlResult) && sqlResult.length}
-            <Table
-                data={sqlResult}
-                showLastRowBorder={true}
-                showLastColumnBorder={true}
-            />
-        {:else}
-            <div class="flex flex-1 h-full items-center justify-center">
-                No results
-            </div>
-        {/if}
-    </div>
-</div>