@lobb-js/studio 0.28.3 → 0.28.4

package/dist/components/ui/tooltip/index.js

@@ -1,8 +1,8 @@
 import { Tooltip as TooltipPrimitive } from "bits-ui";
 import Content from "./tooltip-content.svelte";
-var Root = TooltipPrimitive.Root;
-var Trigger = TooltipPrimitive.Trigger;
-var Provider = TooltipPrimitive.Provider;
+const Root = TooltipPrimitive.Root;
+const Trigger = TooltipPrimitive.Trigger;
+const Provider = TooltipPrimitive.Provider;
 export { Root, Trigger, Content, Provider, 
 //
 Root as Tooltip, Content as TooltipContent, Trigger as TooltipTrigger, Provider as TooltipProvider, };

package/dist/context.js

@@ -1,5 +1,5 @@
 import { setContext, getContext } from 'svelte';
-export var STUDIO_CONTEXT_KEY = Symbol('studio');
+export const STUDIO_CONTEXT_KEY = Symbol('studio');
 export function setStudioContext(context) {
     setContext(STUDIO_CONTEXT_KEY, context);
 }

package/dist/eventSystem.js

@@ -1,89 +1,29 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
-    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
 import { toast } from "svelte-sonner";
 import { openCreateDetailView, openUpdateDetailView } from "./actions";
-export function emitEvent(studioContext, eventName, input) {
-    return __awaiter(this, void 0, void 0, function () {
-        var ctx, workflows, index, workflow, localOutput, _a, _b, _c, error_1;
-        return __generator(this, function (_d) {
-            switch (_d.label) {
-                case 0:
-                    ctx = studioContext.ctx;
-                    workflows = ctx.meta.studio_workflows.filter(function (workflow) {
-                        return eventName.startsWith(workflow.eventName);
-                    });
-                    index = 0;
-                    _d.label = 1;
-                case 1:
-                    if (!(index < workflows.length)) return [3 /*break*/, 7];
-                    workflow = workflows[index];
-                    _d.label = 2;
-                case 2:
-                    _d.trys.push([2, 5, , 6]);
-                    _b = (_a = workflow).handler;
-                    _c = [input];
-                    return [4 /*yield*/, getEventContext(studioContext)];
-                case 3: return [4 /*yield*/, _b.apply(_a, _c.concat([_d.sent()]))];
-                case 4:
-                    localOutput = _d.sent();
-                    if (localOutput) {
-                        input = localOutput;
-                    }
-                    return [3 /*break*/, 6];
-                case 5:
-                    error_1 = _d.sent();
-                    toast.error(error_1.message);
-                    throw error_1;
-                case 6:
-                    index++;
-                    return [3 /*break*/, 1];
-                case 7: return [2 /*return*/, input];
-            }
-        });
+export async function emitEvent(studioContext, eventName, input) {
+    const { ctx } = studioContext;
+    const workflows = ctx.meta.studio_workflows.filter((workflow) => {
+        return eventName.startsWith(workflow.eventName);
     });
+    for (let index = 0; index < workflows.length; index++) {
+        const workflow = workflows[index];
+        try {
+            const localOutput = await workflow.handler(input, await getEventContext(studioContext));
+            if (localOutput) {
+                input = localOutput;
+            }
+        }
+        catch (error) {
+            toast.error(error.message);
+            throw error;
+        }
+    }
+    return input;
 }
-function getEventContext(studioContext) {
-    return __awaiter(this, void 0, void 0, function () {
-        return __generator(this, function (_a) {
-            return [2 /*return*/, {
-                    toast: toast,
-                    openCreateDetailView: function (props) { return openCreateDetailView(studioContext, props); },
-                    openUpdateDetailView: function (props) { return openUpdateDetailView(studioContext, props); },
-                }];
-        });
-    });
+async function getEventContext(studioContext) {
+    return {
+        toast,
+        openCreateDetailView: (props) => openCreateDetailView(studioContext, props),
+        openUpdateDetailView: (props) => openUpdateDetailView(studioContext, props),
+    };
 }

package/dist/extensions/extension.types.js

@@ -1 +1,9 @@
-export {};
+import * as Popover from "../components/ui/popover";
+import * as intlDate from "@internationalized/date";
+import * as Icons from "lucide-svelte";
+import { ContextMenu } from "bits-ui";
+import * as Tooltip from "../components/ui/tooltip";
+import * as Breadcrumb from "../components/ui/breadcrumb";
+import { showDialog } from "../actions";
+import { toast } from "svelte-sonner";
+import { Switch } from "../components/ui/switch";

package/dist/extensions/extensionUtils.js

@@ -1,48 +1,3 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
-    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
 import { toast } from "svelte-sonner";
 import { showDialog, openDataTableDrawer } from "../actions";
 import { emitEvent } from "../eventSystem";
@@ -100,39 +55,31 @@ export function getExtensionUtils(lobb, ctx) {
         location: location,
         toast: toast,
         showDialog: showDialog,
-        openDataTableDrawer: function (props) { return openDataTableDrawer({ lobb: lobb, ctx: ctx }, props); },
-        emitEvent: function (eventName, input) { return emitEvent({ lobb: lobb, ctx: ctx }, eventName, input); },
+        openDataTableDrawer: (props) => openDataTableDrawer({ lobb, ctx }, props),
+        emitEvent: (eventName, input) => emitEvent({ lobb, ctx }, eventName, input),
         components: getComponents(),
         mediaQueries: mediaQueries,
         intlDate: intlDate,
     };
 }
-export function loadExtensions(lobb_1, ctx_1) {
-    return __awaiter(this, arguments, Promise, function (lobb, ctx, extensionMap) {
-        var extensions, extensionNames, index, extensionName, studioExtension;
-        if (extensionMap === void 0) { extensionMap = {}; }
-        return __generator(this, function (_a) {
-            extensions = {};
-            extensionNames = Object.keys(extensionMap).filter(function (name) { return ctx.meta.extensions[name] != null; });
-            for (index = 0; index < extensionNames.length; index++) {
-                extensionName = extensionNames[index];
-                studioExtension = extensionMap[extensionName](getExtensionUtils(lobb, ctx));
-                extensions[studioExtension.name] = studioExtension;
-            }
-            return [2 /*return*/, extensions];
-        });
-    });
+export async function loadExtensions(lobb, ctx, extensionMap = {}) {
+    const extensions = {};
+    const extensionNames = Object.keys(extensionMap).filter(name => ctx.meta.extensions[name] != null);
+    for (let index = 0; index < extensionNames.length; index++) {
+        const extensionName = extensionNames[index];
+        const studioExtension = extensionMap[extensionName](getExtensionUtils(lobb, ctx));
+        extensions[studioExtension.name] = studioExtension;
+    }
+    return extensions;
 }
 export function loadExtensionComponents(ctx, name, filterByExtensions, props) {
-    var components = [];
-    for (var _i = 0, _a = Object.entries(ctx.extensions); _i < _a.length; _i++) {
-        var _b = _a[_i], extensionName = _b[0], extensionValue = _b[1];
+    const components = [];
+    for (const [extensionName, extensionValue] of Object.entries(ctx.extensions)) {
         if (filterByExtensions && !filterByExtensions.includes(extensionName)) {
             continue;
         }
         if (extensionValue.components) {
-            for (var _c = 0, _d = Object.entries(extensionValue.components); _c < _d.length; _c++) {
-                var _e = _d[_c], componentName = _e[0], componentValue = _e[1];
+            for (const [componentName, componentValue] of Object.entries(extensionValue.components)) {
                 if (name.startsWith(componentName)) {
                     if (componentValue && typeof componentValue === "object" && "component" in componentValue && "when" in componentValue) {
                         if (!props || componentValue.when(props)) {
@@ -149,76 +96,59 @@ export function loadExtensionComponents(ctx, name, filterByExtensions, props) {
     return components;
 }
 export function loadExtensionWorkflows(ctx) {
-    var _a;
-    var extensionNames = Object.keys(ctx.extensions);
-    for (var _i = 0, extensionNames_1 = extensionNames; _i < extensionNames_1.length; _i++) {
-        var extensionName = extensionNames_1[_i];
-        var extension = ctx.extensions[extensionName];
-        if (extension === null || extension === void 0 ? void 0 : extension.workflows) {
-            (_a = ctx.meta.studio_workflows).push.apply(_a, extension.workflows);
+    const extensionNames = Object.keys(ctx.extensions);
+    for (const extensionName of extensionNames) {
+        const extension = ctx.extensions[extensionName];
+        if (extension?.workflows) {
+            ctx.meta.studio_workflows.push(...extension.workflows);
         }
     }
 }
-export function executeExtensionsOnStartup(lobb, ctx) {
-    return __awaiter(this, void 0, void 0, function () {
-        var extensionNames, index, extensionName, extension;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    extensionNames = Object.keys(ctx.extensions);
-                    index = 0;
-                    _a.label = 1;
-                case 1:
-                    if (!(index < extensionNames.length)) return [3 /*break*/, 4];
-                    extensionName = extensionNames[index];
-                    extension = ctx.extensions[extensionName];
-                    if (!extension) return [3 /*break*/, 3];
-                    if (!extension.onStartup) return [3 /*break*/, 3];
-                    return [4 /*yield*/, extension.onStartup(getExtensionUtils(lobb, ctx))];
-                case 2:
-                    _a.sent();
-                    _a.label = 3;
-                case 3:
-                    index++;
-                    return [3 /*break*/, 1];
-                case 4: return [2 /*return*/];
+export async function executeExtensionsOnStartup(lobb, ctx) {
+    const extensionNames = Object.keys(ctx.extensions);
+    for (let index = 0; index < extensionNames.length; index++) {
+        const extensionName = extensionNames[index];
+        const extension = ctx.extensions[extensionName];
+        if (extension) {
+            if (extension.onStartup) {
+                await extension.onStartup(getExtensionUtils(lobb, ctx));
             }
-        });
-    });
+        }
+    }
 }
 export function executeExtensionsOnRouteChange(lobb, ctx, path) {
-    var extensionNames = Object.keys(ctx.extensions);
-    for (var index = 0; index < extensionNames.length; index++) {
-        var extensionName = extensionNames[index];
-        var extension = ctx.extensions[extensionName];
-        if (extension === null || extension === void 0 ? void 0 : extension.onRouteChange) {
+    const extensionNames = Object.keys(ctx.extensions);
+    for (let index = 0; index < extensionNames.length; index++) {
+        const extensionName = extensionNames[index];
+        const extension = ctx.extensions[extensionName];
+        if (extension?.onRouteChange) {
             extension.onRouteChange(getExtensionUtils(lobb, ctx), path);
         }
     }
 }
 export function getDashboardNavs(ctx) {
-    var navs = {
+    let navs = {
         top: [],
         middle: [],
         bottom: [],
     };
-    var extensionNames = Object.keys(ctx.extensions);
-    for (var index = 0; index < extensionNames.length; index++) {
-        var extensionName = extensionNames[index];
-        var extension = ctx.extensions[extensionName];
+    const extensionNames = Object.keys(ctx.extensions);
+    for (let index = 0; index < extensionNames.length; index++) {
+        const extensionName = extensionNames[index];
+        const extension = ctx.extensions[extensionName];
         if (extension) {
             if (extension.dashboardNavs && extension.dashboardNavs.top && navs.top) {
-                navs.top = __spreadArray(__spreadArray([], navs.top, true), extension.dashboardNavs.top, true);
+                navs.top = [...navs.top, ...extension.dashboardNavs.top];
             }
             if (extension.dashboardNavs &&
                 extension.dashboardNavs.middle &&
                 navs.middle) {
-                navs.middle = __spreadArray(__spreadArray([], navs.middle, true), extension.dashboardNavs.middle, true);
+                navs.middle = [...navs.middle, ...extension.dashboardNavs.middle];
             }
             if (extension.dashboardNavs &&
                 extension.dashboardNavs.bottom &&
                 navs.bottom) {
-                navs.bottom = __spreadArray(__spreadArray([], navs.bottom, true), extension.dashboardNavs.bottom, true);
+                navs.bottom = [...navs.bottom, ...extension.dashboardNavs.bottom];
             }
         }
     }

package/dist/relations.d.ts

@@ -10,5 +10,5 @@ export declare function getPolymorphicRelation(ctx: CTX, collectionName: string,
         id_field: string;
     };
     to: string[];
-};
+} | null;
 export declare function recordHasChildrean(ctx: CTX, collectionName: string): boolean;

package/dist/relations.js

@@ -1,7 +1,7 @@
 function getFieldRelation(ctx, collectionName, fieldName) {
-    var relations = ctx.meta.relations;
-    for (var index = 0; index < relations.length; index++) {
-        var relation = relations[index];
+    const relations = ctx.meta.relations;
+    for (let index = 0; index < relations.length; index++) {
+        const relation = relations[index];
         if (relation.type === "polymorphic")
             continue;
         if (relation.from.collection === collectionName && relation.from.field === fieldName) {
@@ -16,14 +16,13 @@ export function isRelationField(ctx, collectionName, fieldName) {
 }
 ;
 export function getFieldRelationTarget(ctx, collectionName, fieldName) {
-    var _a, _b;
-    return (_b = (_a = getFieldRelation(ctx, collectionName, fieldName)) === null || _a === void 0 ? void 0 : _a.to.collection) !== null && _b !== void 0 ? _b : null;
+    return getFieldRelation(ctx, collectionName, fieldName)?.to.collection ?? null;
 }
 ;
 export function getPolymorphicRelation(ctx, collectionName, fieldName) {
-    var relations = ctx.meta.relations;
-    for (var index = 0; index < relations.length; index++) {
-        var relation = relations[index];
+    const relations = ctx.meta.relations;
+    for (let index = 0; index < relations.length; index++) {
+        const relation = relations[index];
         if (relation.type === "polymorphic" &&
             relation.from.collection === collectionName &&
             relation.from.virtual_field === fieldName) {
@@ -34,8 +33,8 @@ export function getPolymorphicRelation(ctx, collectionName, fieldName) {
 }
 ;
 export function recordHasChildrean(ctx, collectionName) {
-    for (var index = 0; index < ctx.meta.relations.length; index++) {
-        var relation = ctx.meta.relations[index];
+    for (let index = 0; index < ctx.meta.relations.length; index++) {
+        const relation = ctx.meta.relations[index];
         if (relation.type === "polymorphic")
             continue;
         if (relation.to.collection === collectionName) {

package/dist/store.svelte.d.ts

@@ -1 +1,2 @@
-export declare function createLobb(url: string): any;
+import { LobbClient } from '@lobb-js/sdk';
+export declare function createLobb(url: string): LobbClient;

package/dist/store.svelte.js

@@ -1,58 +1,12 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
-    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
 import { LobbClient } from '@lobb-js/sdk';
 import { toast } from 'svelte-sonner';
 export function createLobb(url) {
-    var _this = this;
-    var client = new LobbClient(url);
-    client.onResponse(function (response) { return __awaiter(_this, void 0, void 0, function () {
-        var body;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    if (!(response.status >= 400)) return [3 /*break*/, 2];
-                    return [4 /*yield*/, response.json()];
-                case 1:
-                    body = _a.sent();
-                    toast.error(body.message);
-                    _a.label = 2;
-                case 2: return [2 /*return*/];
-            }
-        });
-    }); });
+    const client = new LobbClient(url);
+    client.onResponse(async (response) => {
+        if (response.status >= 400) {
+            const body = await response.json();
+            toast.error(body.message);
+        }
+    });
     return client;
 }

package/dist/utils.js

@@ -2,14 +2,10 @@ import { clsx } from "clsx";
 import { twMerge } from "tailwind-merge";
 import { isEqual } from "lodash-es";
 import { MediaQuery } from 'svelte/reactivity';
-export function cn() {
-    var inputs = [];
-    for (var _i = 0; _i < arguments.length; _i++) {
-        inputs[_i] = arguments[_i];
-    }
+export function cn(...inputs) {
     return twMerge(clsx(inputs));
 }
-export var mediaQueries = {
+export const mediaQueries = {
     sm: new MediaQuery('min-width: 640px'),
     md: new MediaQuery('min-width: 768px'),
     lg: new MediaQuery('min-width: 1024px'),
@@ -17,16 +13,15 @@ export var mediaQueries = {
     '2xl': new MediaQuery('min-width: 1536px'),
 };
 export function calculateDrawerWidth() {
-    var backgroundDrawerButtons = document.querySelectorAll(".backgroundDrawerButton");
-    var drawersCount = Array.from(backgroundDrawerButtons).length;
-    var width = 672 - (30 * drawersCount);
+    const backgroundDrawerButtons = document.querySelectorAll(".backgroundDrawerButton");
+    const drawersCount = Array.from(backgroundDrawerButtons).length;
+    const width = 672 - (30 * drawersCount);
     return width;
 }
 ;
 export function getChangedProperties(oldObj, newObj) {
-    var changes = {};
-    for (var _i = 0, _a = Object.keys(newObj); _i < _a.length; _i++) {
-        var key = _a[_i];
+    const changes = {};
+    for (const key of Object.keys(newObj)) {
         if (!isEqual(oldObj[key], newObj[key])) {
             changes[key] = newObj[key];
         }
@@ -34,7 +29,7 @@ export function getChangedProperties(oldObj, newObj) {
     return changes;
 }
 export function parseFunction(functionString) {
-    var functionObj = new Function("return " + functionString)();
+    const functionObj = new Function("return " + functionString)();
     return functionObj;
 }
 ;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@lobb-js/studio",
   "license": "UNLICENSED",
-  "version": "0.28.3",
+  "version": "0.28.4",
   "type": "module",
   "publishConfig": {
     "access": "public"
@@ -28,10 +28,12 @@
     }
   },
   "scripts": {
-    "dev": "vite",
-    "package": "svelte-package --input src/lib",
+    "dev": "vite dev",
+    "build": "vite build && bun run package",
+    "package": "svelte-kit sync && svelte-package --input src/lib",
     "preview": "vite preview",
-    "check": "svelte-check --tsconfig ./tsconfig.app.json && tsc -p tsconfig.node.json",
+    "prepare": "svelte-kit sync || echo ''",
+    "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build",
     "test": "vitest",
@@ -47,8 +49,9 @@
     "@storybook/addon-svelte-csf": "^5.0.10",
     "@storybook/addon-vitest": "^10.0.1",
     "@storybook/svelte-vite": "^10.0.1",
+    "@sveltejs/adapter-node": "^5.5.4",
+    "@sveltejs/kit": "^2.60.1",
     "@sveltejs/package": "^2.5.7",
-    "@sveltejs/vite-plugin-svelte": "^7.1.2",
     "@tsconfig/svelte": "^5.0.6",
     "@types/mustache": "^4.2.6",
     "@types/node": "^24.10.1",

package/src/app.d.ts

@@ -0,0 +1,19 @@
+// See https://svelte.dev/docs/kit/types#app.d.ts
+// for information about these interfaces
+declare global {
+  namespace App {
+    // interface Error {}
+    // interface Locals {}
+    // interface PageData {}
+    // interface PageState {}
+    // interface Platform {}
+  }
+
+  interface Window {
+    APP_ENV: {
+      LOBB_URL: string;
+    };
+  }
+}
+
+export {};

package/src/app.html

@@ -0,0 +1,13 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <link rel="icon" href="%sveltekit.assets%/lobb.svg" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title>Lobb Studio</title>
+    %sveltekit.head%
+  </head>
+  <body data-sveltekit-preload-data="hover">
+    <div style="display: contents">%sveltekit.body%</div>
+  </body>
+</html>

package/src/routes/+page.svelte

@@ -0,0 +1,6 @@
+<script lang="ts">
+  import { Studio } from '$lib/index.js';
+  import '../app.css';
+</script>
+
+<Studio />

package/src/App.svelte

@@ -1,5 +0,0 @@
-<script lang="ts">
-  import Studio from "./lib/components/Studio.svelte";
-</script>
-
-<Studio />

package/src/main.ts

@@ -1,18 +0,0 @@
-import "./app.css";
-
-import { mount } from 'svelte'
-import App from './App.svelte'
-
-declare global {
-  interface Window {
-    APP_ENV: {
-        LOBB_URL: string
-    }
-  }
-}
-
-const app = mount(App, {
-  target: document.getElementById('app')!,
-})
-
-export default app