npm - @lobb-js/studio - Versions diffs - 0.1.31 → 0.1.32 - Mend

@lobb-js/studio 0.1.31 → 0.1.32

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (364) hide show

package/dockerfile DELETED Viewed

@@ -1,27 +0,0 @@
-# Stage 1: Build
-FROM node:22-alpine AS builder
-WORKDIR /app
-COPY package*.json ./
-RUN npm install
-COPY . .
-RUN npm run build
-# Stage 2: Runtime
-FROM node:22-alpine
-WORKDIR /app
-RUN npm install -g sirv-cli
-# Copy only built output
-COPY --from=builder /app/dist ./dist
-COPY docker-entrypoint.sh /usr/local/bin/docker-entrypoint.sh
-RUN chmod +x /usr/local/bin/docker-entrypoint.sh
-EXPOSE 3000
-ENTRYPOINT ["sh", "/usr/local/bin/docker-entrypoint.sh"]

package/index.html DELETED Viewed

@@ -1,13 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/lobb.svg" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Lobb Studio</title>
-  </head>
-  <body>
-    <div id="app"></div>
-    <script type="module" src="/src/main.ts"></script>
-  </body>
-</html>

package/public/lobb.svg DELETED Viewed

@@ -1,15 +0,0 @@
-<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_2801_3)">
-<mask id="path-1-outside-1_2801_3" maskUnits="userSpaceOnUse" x="7" y="1" width="20" height="28" fill="black">
-<rect fill="white" x="7" y="1" width="20" height="28"/>
-<path d="M25.1389 23.874L24.416 28H11.8439L12.5669 23.874H25.1389ZM17.9977 2.32685L13.5367 28H8.37029L12.8137 2.32685H17.9977Z"/>
-</mask>
-<path d="M25.1389 23.874L24.416 28H11.8439L12.5669 23.874H25.1389ZM17.9977 2.32685L13.5367 28H8.37029L12.8137 2.32685H17.9977Z" fill="black"/>
-<path d="M25.1389 23.874L26.1239 24.0465L26.3294 22.874H25.1389V23.874ZM24.416 28V29H25.256L25.401 28.1726L24.416 28ZM11.8439 28L10.8589 27.8274L10.6535 29H11.8439V28ZM12.5669 23.874V22.874H11.7268L11.5819 23.7014L12.5669 23.874ZM17.9977 2.32685L18.983 2.49805L19.1865 1.32685H17.9977V2.32685ZM13.5367 28V29H14.3779L14.5219 28.1712L13.5367 28ZM8.37029 28L7.38494 27.8295L7.18234 29H8.37029V28ZM12.8137 2.32685V1.32685H11.9719L11.8284 2.15631L12.8137 2.32685ZM24.1539 23.7014L23.431 27.8274L25.401 28.1726L26.1239 24.0465L24.1539 23.7014ZM24.416 27H11.8439V29H24.416V27ZM12.8289 28.1726L13.5519 24.0465L11.5819 23.7014L10.8589 27.8274L12.8289 28.1726ZM12.5669 24.874H25.1389V22.874H12.5669V24.874ZM17.0125 2.15565L12.5514 27.8288L14.5219 28.1712L18.983 2.49805L17.0125 2.15565ZM13.5367 27H8.37029V29H13.5367V27ZM9.35564 28.1705L13.7991 2.49739L11.8284 2.15631L7.38494 27.8295L9.35564 28.1705ZM12.8137 3.32685H17.9977V1.32685H12.8137V3.32685Z" fill="white" mask="url(#path-1-outside-1_2801_3)"/>
-</g>
-<defs>
-<clipPath id="clip0_2801_3">
-<rect width="32" height="32" fill="white"/>
-</clipPath>
-</defs>
-</svg>

package/src/app.css DELETED Viewed

@@ -1,121 +0,0 @@
-@import "tailwindcss";
-@import "tw-animate-css";
-@custom-variant dark (&:is(.dark *));
-:root {
-  --radius: 0.625rem;
-  --background: oklch(1 0 0);
-  --foreground: oklch(0.129 0.042 264.695);
-  --card: oklch(1 0 0);
-  --card-foreground: oklch(0.129 0.042 264.695);
-  --popover: oklch(1 0 0);
-  --popover-foreground: oklch(0.129 0.042 264.695);
-  --primary: oklch(0.208 0.042 265.755);
-  --primary-foreground: oklch(0.984 0.003 247.858);
-  --secondary: oklch(0.968 0.007 247.896);
-  --secondary-foreground: oklch(0.208 0.042 265.755);
-  --muted: oklch(0.968 0.007 247.896);
-  --muted-foreground: oklch(0.554 0.046 257.417);
-  --accent: oklch(0.968 0.007 247.896);
-  --accent-foreground: oklch(0.208 0.042 265.755);
-  --destructive: oklch(0.577 0.245 27.325);
-  --border: oklch(0.929 0.013 255.508);
-  --input: oklch(0.929 0.013 255.508);
-  --ring: oklch(0.704 0.04 256.788);
-  --chart-1: oklch(0.646 0.222 41.116);
-  --chart-2: oklch(0.6 0.118 184.704);
-  --chart-3: oklch(0.398 0.07 227.392);
-  --chart-4: oklch(0.828 0.189 84.429);
-  --chart-5: oklch(0.769 0.188 70.08);
-  --sidebar: oklch(0.984 0.003 247.858);
-  --sidebar-foreground: oklch(0.129 0.042 264.695);
-  --sidebar-primary: oklch(0.208 0.042 265.755);
-  --sidebar-primary-foreground: oklch(0.984 0.003 247.858);
-  --sidebar-accent: oklch(0.968 0.007 247.896);
-  --sidebar-accent-foreground: oklch(0.208 0.042 265.755);
-  --sidebar-border: oklch(0.929 0.013 255.508);
-  --sidebar-ring: oklch(0.704 0.04 256.788);
-}
-.dark {
-  --background: oklch(0.129 0.042 264.695);
-  --foreground: oklch(0.984 0.003 247.858);
-  --card: oklch(0.208 0.042 265.755);
-  --card-foreground: oklch(0.984 0.003 247.858);
-  --popover: oklch(0.208 0.042 265.755);
-  --popover-foreground: oklch(0.984 0.003 247.858);
-  --primary: oklch(0.929 0.013 255.508);
-  --primary-foreground: oklch(0.208 0.042 265.755);
-  --secondary: oklch(0.279 0.041 260.031);
-  --secondary-foreground: oklch(0.984 0.003 247.858);
-  --muted: oklch(0.279 0.041 260.031);
-  --muted-foreground: oklch(0.704 0.04 256.788);
-  --accent: oklch(0.279 0.041 260.031);
-  --accent-foreground: oklch(0.984 0.003 247.858);
-  --destructive: oklch(0.704 0.191 22.216);
-  --border: oklch(1 0 0 / 10%);
-  --input: oklch(1 0 0 / 15%);
-  --ring: oklch(0.551 0.027 264.364);
-  --chart-1: oklch(0.488 0.243 264.376);
-  --chart-2: oklch(0.696 0.17 162.48);
-  --chart-3: oklch(0.769 0.188 70.08);
-  --chart-4: oklch(0.627 0.265 303.9);
-  --chart-5: oklch(0.645 0.246 16.439);
-  --sidebar: oklch(0.208 0.042 265.755);
-  --sidebar-foreground: oklch(0.984 0.003 247.858);
-  --sidebar-primary: oklch(0.488 0.243 264.376);
-  --sidebar-primary-foreground: oklch(0.984 0.003 247.858);
-  --sidebar-accent: oklch(0.279 0.041 260.031);
-  --sidebar-accent-foreground: oklch(0.984 0.003 247.858);
-  --sidebar-border: oklch(1 0 0 / 10%);
-  --sidebar-ring: oklch(0.551 0.027 264.364);
-}
-@theme inline {
-  --radius-sm: calc(var(--radius) - 4px);
-  --radius-md: calc(var(--radius) - 2px);
-  --radius-lg: var(--radius);
-  --radius-xl: calc(var(--radius) + 4px);
-  --color-background: var(--background);
-  --color-foreground: var(--foreground);
-  --color-card: var(--card);
-  --color-card-foreground: var(--card-foreground);
-  --color-popover: var(--popover);
-  --color-popover-foreground: var(--popover-foreground);
-  --color-primary: var(--primary);
-  --color-primary-foreground: var(--primary-foreground);
-  --color-secondary: var(--secondary);
-  --color-secondary-foreground: var(--secondary-foreground);
-  --color-muted: var(--muted);
-  --color-muted-foreground: var(--muted-foreground);
-  --color-accent: var(--accent);
-  --color-accent-foreground: var(--accent-foreground);
-  --color-destructive: var(--destructive);
-  --color-border: var(--border);
-  --color-input: var(--input);
-  --color-ring: var(--ring);
-  --color-chart-1: var(--chart-1);
-  --color-chart-2: var(--chart-2);
-  --color-chart-3: var(--chart-3);
-  --color-chart-4: var(--chart-4);
-  --color-chart-5: var(--chart-5);
-  --color-sidebar: var(--sidebar);
-  --color-sidebar-foreground: var(--sidebar-foreground);
-  --color-sidebar-primary: var(--sidebar-primary);
-  --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
-  --color-sidebar-accent: var(--sidebar-accent);
-  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
-  --color-sidebar-border: var(--sidebar-border);
-  --color-sidebar-ring: var(--sidebar-ring);
-}
-@layer base {
-  * {
-    @apply border-border outline-ring/50;
-  }
-  body {
-    @apply bg-background text-foreground;
-  }
-}

package/src/components-export.ts DELETED Viewed

@@ -1,21 +0,0 @@
-// Re-export all Studio components for use in extensions and consuming apps
-export { Button } from "$lib/components/ui/button";
-export { Input } from "$lib/components/ui/input";
-export { Separator } from "$lib/components/ui/separator";
-export { Skeleton } from "$lib/components/ui/skeleton";
-export { default as LlmButton } from "$lib/components/LlmButton.svelte";
-export { default as Sidebar } from "$lib/components/sidebar/sidebar.svelte";
-export { default as SidebarTrigger } from "$lib/components/sidebar/sidebarTrigger.svelte";
-export { default as CreateDetailViewButton } from "$lib/components/detailView/create/createDetailViewButton.svelte";
-export { default as UpdateDetailViewButton } from "$lib/components/detailView/update/updateDetailViewButton.svelte";
-export * as Tooltip from "$lib/components/ui/tooltip";
-export * as Breadcrumb from "$lib/components/ui/breadcrumb";
-export { ContextMenu } from "bits-ui";
-export * as Popover from "$lib/components/ui/popover";
-export * as Icons from "lucide-svelte";
-export { default as Table } from "$lib/components/dataTable/table.svelte";
-export { default as RangeCalendarButton } from "$lib/components/rangeCalendarButton.svelte";
-export { default as DataTable } from "$lib/components/dataTable/dataTable.svelte";
-export { default as Drawer } from "$lib/components/drawer.svelte";
-export { default as SelectRecord } from "$lib/components/selectRecord.svelte";
-export { Switch } from "$lib/components/ui/switch";

package/src/extensions/extension.types.ts DELETED Viewed

@@ -1,93 +0,0 @@
-import type { Lobb } from "$lib/Lobb";
-import type { CTX } from "../lib/store.types";
-import type { Button } from "$lib/components/ui/button";
-import type { Input } from "$lib/components/ui/input";
-import type { Separator } from "$lib/components/ui/separator";
-import type { Skeleton } from "$lib/components/ui/skeleton";
-import type LlmButton from "$lib/components/LlmButton.svelte";
-import type Sidebar from "$lib/components/sidebar/sidebar.svelte";
-import type SidebarTrigger from "$lib/components/sidebar/sidebarTrigger.svelte";
-import type CreateDetailViewButton from "$lib/components/detailView/create/createDetailViewButton.svelte";
-import type UpdateDetailViewButton from "$lib/components/detailView/update/updateDetailViewButton.svelte";
-import type { getFileFromUser, mediaQueries } from "$lib/utils";
-import type Table from "$lib/components/dataTable/table.svelte";
-import type { Location } from "@wjfe/n-savant";
-import type RangeCalendarButton from "$lib/components/rangeCalendarButton.svelte";
-import type DataTable from "$lib/components/dataTable/dataTable.svelte";
-import type Drawer from "$lib/components/drawer.svelte";
-import type SelectRecord from "$lib/components/selectRecord.svelte";
-import * as Popover from "$lib/components/ui/popover";
-import * as intlDate from "@internationalized/date";
-import * as Icons from "lucide-svelte"
-import { ContextMenu } from "bits-ui";
-import * as Tooltip from "$lib/components/ui/tooltip";
-import * as Breadcrumb from "$lib/components/ui/breadcrumb";
-import { showDialog } from "$lib/components/confirmationDialog/store.svelte";
-import { toast } from "svelte-sonner";
-import type Drawer from "$lib/components/drawer.svelte";
-import { Switch } from "$lib/components/ui/switch";
-// extensions utils
-export interface Components {
-    Button: typeof Button;
-    Input: typeof Input;
-    Separator: typeof Separator;
-    Skeleton: typeof Skeleton;
-    LlmButton: typeof LlmButton;
-    Sidebar: typeof Sidebar;
-    SidebarTrigger: typeof SidebarTrigger;
-    CreateDetailViewButton: typeof CreateDetailViewButton;
-    UpdateDetailViewButton: typeof UpdateDetailViewButton;
-    Tooltip: typeof Tooltip;
-    Breadcrumb: typeof Breadcrumb;
-    ContextMenu: typeof ContextMenu;
-    Popover: typeof Popover;
-    Icons: typeof Icons;
-    Table: typeof Table;
-    RangeCalendarButton: typeof RangeCalendarButton;
-    DataTable: typeof DataTable;
-    Drawer: typeof Drawer;
-    SelectRecord: typeof SelectRecord,
-    Switch: typeof Switch,
-}
-export interface ExtensionUtils {
-    ctx: CTX;
-    lobb: Lobb;
-    location: Location;
-    toast: typeof toast;
-    showDialog: typeof showDialog;
-    getFileFromUser: typeof getFileFromUser;
-    components: Components;
-    mediaQueries: typeof mediaQueries;
-    intlDate: typeof intlDate;
-}
-// dashboard nav
-interface DashboardNav {
-    label: string;
-    icon: any;
-    href?: string;
-    onclick?: () => void;
-    navs?: DashboardNav[];
-}
-export interface DashboardNavs {
-    top?: DashboardNav[];
-    middle?: DashboardNav[];
-    bottom?: DashboardNav[];
-}
-// extension components base Props
-export interface ExtensionProps {
-    utils: ExtensionUtils;
-    [key: string]: any;
-}
-// extension exported object
-export interface Extension {
-    name: string;
-    onStartup?: (utils: ExtensionUtils) => Promise<void>;
-    components?: Record<string, any>;
-    dashboardNavs?: DashboardNavs;
-}

package/src/extensions/extensionUtils.ts DELETED Viewed

@@ -1,192 +0,0 @@
-import type {
-  Components,
-  DashboardNavs,
-  Extension,
-  ExtensionUtils,
-} from "./extension.types";
-import { lobb } from "$lib";
-import { ctx } from "$lib/store.svelte";
-import { toast } from "svelte-sonner";
-import { showDialog } from "$lib/components/confirmationDialog/store.svelte";
-import { Button } from "$lib/components/ui/button";
-import { Input } from "$lib/components/ui/input";
-import { Separator } from "$lib/components/ui/separator";
-import { Skeleton } from "$lib/components/ui/skeleton";
-import Table from "$lib/components/dataTable/table.svelte";
-import { getFileFromUser, mediaQueries } from "$lib/utils";
-import LlmButton from "$lib/components/LlmButton.svelte";
-import Sidebar from "$lib/components/sidebar/sidebar.svelte";
-import SidebarTrigger from "$lib/components/sidebar/sidebarTrigger.svelte";
-import CreateDetailViewButton from "$lib/components/detailView/create/createDetailViewButton.svelte";
-import UpdateDetailViewButton from "$lib/components/detailView/update/updateDetailViewButton.svelte";
-import * as intlDate from "@internationalized/date";
-import * as Tooltip from "$lib/components/ui/tooltip";
-import * as Breadcrumb from "$lib/components/ui/breadcrumb";
-import { ContextMenu } from "bits-ui";
-import * as Popover from "$lib/components/ui/popover";
-import * as Icons from "lucide-svelte";
-import { location } from "@wjfe/n-savant";
-import RangeCalendarButton from "$lib/components/rangeCalendarButton.svelte";
-import DataTable from "$lib/components/dataTable/dataTable.svelte";
-import Drawer from "$lib/components/drawer.svelte";
-import SelectRecord from "$lib/components/selectRecord.svelte";
-import { Switch } from "$lib/components/ui/switch";
-export function getComponents(): Components {
-  return {
-    Button: Button,
-    Input: Input,
-    Separator: Separator,
-    Skeleton: Skeleton,
-    LlmButton: LlmButton,
-    Sidebar: Sidebar,
-    SidebarTrigger: SidebarTrigger,
-    CreateDetailViewButton: CreateDetailViewButton,
-    UpdateDetailViewButton: UpdateDetailViewButton,
-    Tooltip: Tooltip,
-    Breadcrumb: Breadcrumb,
-    ContextMenu: ContextMenu,
-    Popover: Popover,
-    Icons: Icons,
-    Table: Table,
-    RangeCalendarButton: RangeCalendarButton,
-    DataTable: DataTable,
-    Drawer: Drawer,
-    SelectRecord: SelectRecord,
-    Switch: Switch,
-  };
-}
-export function getExtensionUtils(): ExtensionUtils {
-  return {
-    ctx: ctx,
-    lobb: lobb,
-    location: location,
-    toast: toast,
-    showDialog: showDialog,
-    getFileFromUser: getFileFromUser,
-    components: getComponents(),
-    mediaQueries: mediaQueries,
-    intlDate: intlDate,
-  };
-}
-export function getExtensionsThatHasDash(): string[] {
-  const extensionNames = Object.keys(ctx.meta.extensions);
-  const extensionsWithDashExt = [];
-  for (let index = 0; index < extensionNames.length; index++) {
-    const extensionName = extensionNames[index];
-    const extensionMeta = ctx.meta.extensions[extensionName];
-    if (extensionMeta.hasDashboardExtension) {
-      extensionsWithDashExt.push(extensionName);
-    }
-  }
-  return extensionsWithDashExt;
-}
-export async function loadExtensions(studioExtensions?: any[]): Promise<Record<string, Extension>> {
-  const extensions: Record<string, Extension> = {};
-  if (studioExtensions) {
-    for (let index = 0; index < studioExtensions.length; index++) {
-      const studioExtension = studioExtensions[index](getExtensionUtils());
-      extensions[studioExtension.name] = studioExtension;
-    }
-  }
-  const extensionsThatHasDash = getExtensionsThatHasDash();
-  for (let index = 0; index < extensionsThatHasDash.length; index++) {
-    const extensionName = extensionsThatHasDash[index];
-    // Try to import locally-installed extension by name first
-    if (extensionName && extensions[extensionName]) {
-      continue;
-    }
-    // Fall back to remote import
-    try {
-      extensions[extensionName] = (
-        await import(
-          /* @vite-ignore */ `${ctx.lobbUrl}/api/extensions/${extensionName}/dashboard?v=${ctx.meta.extensions[extensionName]?.version}`
-        )
-      ).extension(getExtensionUtils());
-    } catch (error) {
-      console.warn(`Failed to load remote extension ${extensionName}`, error);
-    }
-  }
-  return extensions;
-}
-export function loadExtensionComponents(
-  name: string,
-  filterByExtensions?: string[],
-): any[] {
-  const components = [];
-  for (const [extensionName, extensionValue] of Object.entries(
-    ctx.extensions,
-  )) {
-    if (filterByExtensions && !filterByExtensions.includes(extensionName)) {
-      continue;
-    }
-    if (extensionValue.components) {
-      for (const [componentName, componentValue] of Object.entries(
-        extensionValue.components,
-      )) {
-        if (name.startsWith(componentName)) {
-          components.push(componentValue);
-        }
-      }
-    }
-  }
-  return components;
-}
-export async function executeExtensionsOnStartup() {
-  const extensionNames: string[] = 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());
-      }
-    }
-  }
-}
-export function getDashboardNavs(): DashboardNavs {
-  let navs: DashboardNavs = {
-    top: [],
-    middle: [],
-    bottom: [],
-  };
-  const extensionNames: string[] = 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 = [...navs.top, ...extension.dashboardNavs.top];
-      }
-      if (
-        extension.dashboardNavs &&
-        extension.dashboardNavs.middle &&
-        navs.middle
-      ) {
-        navs.middle = [...navs.middle, ...extension.dashboardNavs.middle];
-      }
-      if (
-        extension.dashboardNavs &&
-        extension.dashboardNavs.bottom &&
-        navs.bottom
-      ) {
-        navs.bottom = [...navs.bottom, ...extension.dashboardNavs.bottom];
-      }
-    }
-  }
-  return navs;
-}