@lobb-js/studio 0.1.42 → 0.1.43

package/dist/components/LlmButton.svelte

@@ -1,11 +1,10 @@
 <script lang="ts">
-	import { lobb } from "..";
+	import { lobb, ctx } from "../store.svelte";
 	import { Brain, LoaderIcon, Send } from "lucide-svelte";
 	import Button, { type ButtonProps } from "./ui/button/button.svelte";
 	import * as Popover from "./ui/popover";
 	import Textarea from "./ui/textarea/textarea.svelte";
 	import { toast } from "svelte-sonner";
-	import { ctx } from "../store.svelte";
 
 	interface LocalProp {
 		value?: any;

package/dist/components/Studio.svelte

@@ -2,8 +2,7 @@
     import { Toaster } from "./ui/sonner";
     import { onMount, onDestroy } from "svelte";
     import { ModeWatcher } from "mode-watcher";
-    import { ctx } from "../store.svelte";
-    import { lobb } from "..";
+    import { lobb, ctx } from "../store.svelte";
     import Header from "./header.svelte";
     import { LoaderCircle, ServerOff } from "lucide-svelte";
     import Dialog from "./confirmationDialog/confirmationDialog.svelte";

package/dist/components/createManyButton.svelte

@@ -4,7 +4,7 @@
 	import Button, { type ButtonProps } from "./ui/button/button.svelte";
 	import { toast } from "svelte-sonner";
 	import CodeEditor from "./codeEditor.svelte";
-	import { lobb } from "..";
+	import { lobb } from "../store.svelte";
 	import { calculateDrawerWidth } from "../utils";
   import Drawer from "./drawer.svelte";
 

package/dist/components/dataTable/dataTable.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
     import _ from "lodash";
-    import { lobb } from "../..";
+    import { lobb, ctx } from "../../store.svelte";
     import Footer from "./footer.svelte";
     import Header from "./header.svelte";
     import Table, { type TableProps } from "./table.svelte";
@@ -10,7 +10,6 @@
     import ChildRecords from "./childRecords.svelte";
     import FieldCell from "./fieldCell.svelte";
     import Skeleton from "../ui/skeleton/skeleton.svelte";
-    import { ctx } from "../../store.svelte";
     import Button from "../ui/button/button.svelte";
     import { showDialog } from "../confirmationDialog/store.svelte";
     import UpdateDetailViewButton from "../detailView/update/updateDetailViewButton.svelte";

package/dist/components/dataTable/header.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-    import { ctx } from "../../store.svelte";
+    import { lobb, ctx } from "../../store.svelte";
     import { ListRestart, Plus, SquareStack, Trash } from "lucide-svelte";
     import LlmButton from "../LlmButton.svelte";
     import FilterButton from "./filterButton.svelte";
@@ -7,7 +7,6 @@
     import Button from "../ui/button/button.svelte";
     import CreateManyButton from "../createManyButton.svelte";
     import { showDialog } from "../confirmationDialog/store.svelte";
-    import { lobb } from "../..";
     import CreateDetailViewButton from "../detailView/create/createDetailViewButton.svelte";
     import type { Snippet } from "svelte";
 

package/dist/components/detailView/create/createDetailView.svelte

@@ -19,9 +19,8 @@
 <script lang="ts">
     import { ArrowLeft, Plus, X } from "lucide-svelte";
     import Button from "../../ui/button/button.svelte";
-    import { lobb } from "../../..";
+    import { lobb, ctx } from "../../../store.svelte";
     import { toast } from "svelte-sonner";
-    import { ctx } from "../../../store.svelte";
     import ExtensionsComponents from "../../extensionsComponents.svelte";
     import { getExtensionUtils } from "../../../extensions/extensionUtils";
     import { getField, getFieldIcon } from "../../dataTable/utils";

package/dist/components/detailView/store.svelte.js

@@ -47,7 +47,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
 };
 import CreateDetailView from "./create/createDetailView.svelte";
 import UpdateDetailView from "./update/updateDetailView.svelte";
-import { lobb } from "../..";
+import { lobb } from "../../store.svelte";
 import { getCollectionParamsFields } from "../dataTable/utils";
 import { mount, unmount } from "svelte";
 export function openCreateDetailView(props) {

package/dist/components/detailView/update/updateDetailView.svelte

@@ -21,9 +21,8 @@
     import { ArrowLeft, Pencil, X } from "lucide-svelte";
     import Button from "../../ui/button/button.svelte";
     import { fade, fly } from "svelte/transition";
-    import { lobb } from "../../..";
+    import { lobb, ctx } from "../../../store.svelte";
     import { toast } from "svelte-sonner";
-    import { ctx } from "../../../store.svelte";
     import ExtensionsComponents from "../../extensionsComponents.svelte";
     import { getExtensionUtils } from "../../../extensions/extensionUtils";
     import { calculateDrawerWidth, getChangedProperties } from "../../../utils";

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

@@ -1,13 +1,12 @@
 <script lang="ts">
     import DiffViewer from "../../diffViewer.svelte";
-    import { ctx } from "../../../store.svelte";
+    import { lobb, ctx } from "../../../store.svelte";
     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";
-    import { lobb } from "../../..";
 
     let configSchema: string = $state("");
     let dbSchema: string = $state("");

package/dist/components/routes/workflows/workflows.svelte

@@ -3,10 +3,9 @@
     import WorkflowEditor, {
         type WorkflowEntry,
     } from "../../workflowEditor.svelte";
-    import { lobb } from "../../..";
+    import { lobb, ctx } from "../../../store.svelte";
     import Sidebar from "../../sidebar/sidebar.svelte";
     import Button from "../../ui/button/button.svelte";
-    import { ctx } from "../../../store.svelte";
     import { location } from "@wjfe/n-savant";
     import { CircleSlash2, Plus, Trash2 } from "lucide-svelte";
     import { onMount } from "svelte";

package/dist/components/singletone.svelte

@@ -5,7 +5,7 @@
     import SidebarTrigger from "./sidebar/sidebarTrigger.svelte";
     import Button from "./ui/button/button.svelte";
     import { onMount } from "svelte";
-    import { lobb } from "..";
+    import { lobb } from "../store.svelte";
   import { toast } from "svelte-sonner";
   import Skeleton from "./ui/skeleton/skeleton.svelte";
 

package/dist/components/ui/range-calendar/range-calendar-day.svelte.d.ts

@@ -0,0 +1,6 @@
+import { RangeCalendar as RangeCalendarPrimitive } from "bits-ui";
+declare const RangeCalendarDay: import("svelte").Component<RangeCalendarPrimitive.DayProps, {
+    class: import("svelte/elements").ClassValue;
+}, "ref">;
+type RangeCalendarDay = ReturnType<typeof RangeCalendarDay>;
+export default RangeCalendarDay;

package/dist/components/workflowEditor.svelte

@@ -11,11 +11,10 @@
 </script>
 
 <script lang="ts">
-    import { lobb } from "..";
+    import { lobb, ctx } from "../store.svelte";
     import CodeEditor from "./codeEditor.svelte";
     import Button from "./ui/button/button.svelte";
     import Input from "./ui/input/input.svelte";
-    import { ctx } from "../store.svelte";
     import { location } from "@wjfe/n-savant";
     import { Edit, Plus } from "lucide-svelte";
     import { toast } from "svelte-sonner";

package/dist/extensions/extensionUtils.js

@@ -43,8 +43,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     }
     return to.concat(ar || Array.prototype.slice.call(from));
 };
-import { lobb } from "..";
-import { ctx } from "../store.svelte";
+import { lobb, ctx } from "../store.svelte";
 import { toast } from "svelte-sonner";
 import { showDialog } from "../components/confirmationDialog/store.svelte";
 import { Button } from "../components/ui/button";

package/dist/index.d.ts

@@ -1,9 +1,24 @@
+export type { ExtensionProps, Extension, ExtensionUtils } from "./extensions/extension.types";
+export type { Lobb } from "./Lobb";
 export { default as Studio } from "./components/Studio.svelte";
-export { Lobb } from "./Lobb";
-export * from "./utils";
-export * from "./eventSystem";
-export { ctx, lobb } from "./store.svelte";
-export type * from "./store.types";
-export declare function createSet(lastNumber: number): Set<number>;
-export declare function moveElement<T>(array: T[], fromIndex: number, toIndex: number): T[];
-export declare function pxToRem(px: number): number;
+export { Button } from "./components/ui/button";
+export { Input } from "./components/ui/input";
+export { Separator } from "./components/ui/separator";
+export { Skeleton } from "./components/ui/skeleton";
+export { default as LlmButton } from "./components/LlmButton.svelte";
+export { default as Sidebar } from "./components/sidebar/sidebar.svelte";
+export { default as SidebarTrigger } from "./components/sidebar/sidebarTrigger.svelte";
+export { default as CreateDetailViewButton } from "./components/detailView/create/createDetailViewButton.svelte";
+export { default as UpdateDetailViewButton } from "./components/detailView/update/updateDetailViewButton.svelte";
+export * as Tooltip from "./components/ui/tooltip";
+export * as Breadcrumb from "./components/ui/breadcrumb";
+export { ContextMenu } from "bits-ui";
+export * as Popover from "./components/ui/popover";
+export * as Icons from "lucide-svelte";
+export * as Dialog from "./components/ui/dialog/index";
+export { default as Table } from "./components/dataTable/table.svelte";
+export { default as RangeCalendarButton } from "./components/rangeCalendarButton.svelte";
+export { default as DataTable } from "./components/dataTable/dataTable.svelte";
+export { default as Drawer } from "./components/drawer.svelte";
+export { default as SelectRecord } from "./components/selectRecord.svelte";
+export { Switch } from "./components/ui/switch";

package/dist/index.js

@@ -1,27 +1,22 @@
-// Main Studio component
 export { default as Studio } from "./components/Studio.svelte";
-// Lobb client and utilities
-export { Lobb } from "./Lobb";
-export * from "./utils";
-export * from "./eventSystem";
-export { ctx, lobb } from "./store.svelte";
-export function createSet(lastNumber) {
-    var set = new Set();
-    for (var i = 0; i <= lastNumber; i++) {
-        set.add(i);
-    }
-    return set;
-}
-export function moveElement(array, fromIndex, toIndex) {
-    if (fromIndex < 0 || fromIndex >= array.length || toIndex < 0 ||
-        toIndex >= array.length) {
-        throw new Error("Index out of bounds");
-    }
-    var element = array.splice(fromIndex, 1)[0];
-    array.splice(toIndex, 0, element);
-    return array;
-}
-export function pxToRem(px) {
-    var rootFontSize = parseFloat(getComputedStyle(document.documentElement).fontSize);
-    return px / rootFontSize;
-}
+export { Button } from "./components/ui/button";
+export { Input } from "./components/ui/input";
+export { Separator } from "./components/ui/separator";
+export { Skeleton } from "./components/ui/skeleton";
+export { default as LlmButton } from "./components/LlmButton.svelte";
+export { default as Sidebar } from "./components/sidebar/sidebar.svelte";
+export { default as SidebarTrigger } from "./components/sidebar/sidebarTrigger.svelte";
+export { default as CreateDetailViewButton } from "./components/detailView/create/createDetailViewButton.svelte";
+export { default as UpdateDetailViewButton } from "./components/detailView/update/updateDetailViewButton.svelte";
+export * as Tooltip from "./components/ui/tooltip";
+export * as Breadcrumb from "./components/ui/breadcrumb";
+export { ContextMenu } from "bits-ui";
+export * as Popover from "./components/ui/popover";
+export * as Icons from "lucide-svelte";
+export * as Dialog from "./components/ui/dialog/index";
+export { default as Table } from "./components/dataTable/table.svelte";
+export { default as RangeCalendarButton } from "./components/rangeCalendarButton.svelte";
+export { default as DataTable } from "./components/dataTable/dataTable.svelte";
+export { default as Drawer } from "./components/drawer.svelte";
+export { default as SelectRecord } from "./components/selectRecord.svelte";
+export { Switch } from "./components/ui/switch";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobb-js/studio",
-  "version": "0.1.42",
+  "version": "0.1.43",
   "type": "module",
   "publishConfig": {
     "access": "public"
@@ -11,19 +11,11 @@
   ],
   "exports": {
     ".": {
-      "svelte": "./dist/components/Studio.svelte"
+      "svelte": "./dist/index.js",
+      "types": "./dist/index.d.ts",
+      "default": "./src/lib/index.ts"
     },
-    "./internal": {
-      "svelte": "./src/lib/components/Studio.svelte"
-    },
-    "./*": {
-      "svelte": "./dist/components/*"
-    },
-    "./internal/*": {
-      "svelte": "./src/lib/components/*"
-    },
-    "./vite-plugins": "./vite-plugins/index.js",
-    "./components": "./src/components-export.ts"
+    "./vite-plugins": "./vite-plugins/index.js"
   },
   "scripts": {
     "dev": "vite",

package/vite-plugins/index.js

@@ -12,7 +12,7 @@ import { monorepoImportResolver } from "./monorepo-import-resolver.js";
  */
 export function lobbStudioPlugins() {
   return [
-    monorepoImportResolver(),
+    // monorepoImportResolver(),
     contextualLibAlias(),
   ];
 }

package/dist/Studio.svelte

@@ -1,150 +0,0 @@
-<script lang="ts">
-    import { Toaster } from "./components/ui/sonner";
-    import { onMount, onDestroy } from "svelte";
-    import { ModeWatcher } from "mode-watcher";
-    import { ctx } from "./store.svelte";
-    import { lobb } from "./";
-    import Header from "./components/header.svelte";
-    import { LoaderCircle, ServerOff } from "lucide-svelte";
-    import Dialog from "./components/confirmationDialog/confirmationDialog.svelte";
-    import MiniSidebar from "./components/miniSidebar.svelte";
-    import SetServerPage from "./components/setServerPage.svelte";
-    import * as Tooltip from "./components/ui/tooltip";
-    import { Router, Route, Fallback, init as initRouter,  } from "@wjfe/n-savant";
-    import {
-        executeExtensionsOnStartup,
-        loadExtensions,
-    } from "./extensions/extensionUtils";
-    import { mediaQueries } from "./utils";
-    import Home from "../../routes/home.svelte";
-    import DataModel from "../../routes/data_model/dataModel.svelte";
-    import Collections from "../../routes/collections/collections.svelte";
-    import Workflows from "../../routes/workflows/workflows.svelte";
-    import Extension from "../../routes/extensions/extension.svelte";
-
-    interface StudioProps {
-      extensions?: any[];
-    }
-
-    const props: StudioProps = $props()
-
-    let error: string | null = $state(null);
-    let loaded = $state(false);
-    let isSmallScreen = $derived(!mediaQueries.sm.current);
-    let cleanupRouter: (() => void) | undefined;
-
-    onMount(async () => {
-        cleanupRouter = initRouter();
-
-        if (ctx.lobbUrl) {
-            try {
-                ctx.meta = await lobb.getMeta();
-                ctx.extensions = await loadExtensions(props.extensions);
-                await executeExtensionsOnStartup();
-            } catch (err) {
-                console.error(err);
-                error = "CANT_CONNECT";
-            }
-        }
-        loaded = true;
-    });
-
-    onDestroy(() => {
-        if (cleanupRouter) {
-            cleanupRouter();
-        }
-    });
-</script>
-
-<ModeWatcher defaultMode="light" />
-<Toaster position="top-right" class="z-50" />
-{#if loaded}
-    {#if ctx.lobbUrl}
-        <Tooltip.Provider delayDuration={0} disableHoverableContent={true}>
-            <main
-                class="bg-muted h-screen w-screen"
-                style="display: grid; grid-template-columns: {isSmallScreen
-                    ? '1fr'
-                    : '3.5rem 1fr'};"
-            >
-                <MiniSidebar />
-                <div class="second_grid">
-                    <Header />
-                    <Router id="root-router">
-                        <Route key="home" path="/">
-                            {#snippet children(params)}
-                                <Home />
-                            {/snippet}
-                        </Route>
-                        <Route
-                            key="collections"
-                            path="/collections/:collection?"
-                        >
-                            {#snippet children(params)}
-                                <Collections
-                                    collectionName={params?.collection}
-                                />
-                            {/snippet}
-                        </Route>
-                        <Route key="datamodel" path="/datamodel/*">
-                            {#snippet children(params)}
-                                <DataModel />
-                            {/snippet}
-                        </Route>
-                        <Route key="workflows" path="/workflows/:workflow?">
-                            {#snippet children(params)}
-                                <Workflows workflowName={params?.workflow} />
-                            {/snippet}
-                        </Route>
-                        <Route
-                            key="extensions"
-                            path="/extensions/:extension?/:page?/*"
-                        >
-                            {#snippet children(params)}
-                                <Extension
-                                    extension={params?.extension}
-                                    page={params?.page}
-                                />
-                            {/snippet}
-                        </Route>
-                        <Fallback>Not Found</Fallback>
-                    </Router>
-                </div>
-            </main>
-        </Tooltip.Provider>
-    {:else}
-        <SetServerPage />
-    {/if}
-{:else if !error}
-    <div
-        class="flex h-screen w-full flex-col items-center justify-center gap-4 text-muted-foreground"
-    >
-        <LoaderCircle class="animate-spin opacity-50" size="50" />
-        <div class="flex flex-col items-center justify-center">
-            <div>Loading the dashboard, please wait...</div>
-            <div class="text-xs">
-                Loading and importing all necessary data and components from the
-                lobb server.
-            </div>
-        </div>
-    </div>
-{:else}
-    <div
-        class="flex h-full w-full flex-col items-center justify-center gap-4 text-muted-foreground"
-    >
-        <ServerOff class="opacity-50" size="50" />
-        <div class="flex flex-col items-center justify-center">
-            <div>Could not connect to the server</div>
-            <div class="text-xs">
-                Could not connect to the lobb server at this endpoint ({ctx.lobbUrl})
-            </div>
-        </div>
-    </div>
-{/if}
-
-<style>
-    .second_grid {
-        display: grid;
-        grid-template-rows: 2.5rem 1fr;
-    }
-</style>

package/dist/Studio.svelte.d.ts

@@ -1,6 +0,0 @@
-interface StudioProps {
-    extensions?: any[];
-}
-declare const Studio: import("svelte").Component<StudioProps, {}, "">;
-type Studio = ReturnType<typeof Studio>;
-export default Studio;