@lobb-js/studio 0.27.2 → 0.28.0

package/dist/components/landing.svelte

@@ -0,0 +1,14 @@
+<div class="min-h-screen flex items-center justify-center bg-background text-foreground p-6">
+	<div class="max-w-md text-center space-y-4">
+		<h1 class="text-2xl font-semibold">Lobb Studio</h1>
+		<p class="text-muted-foreground">
+			This application is served under <code class="font-mono">/studio</code>.
+		</p>
+		<a
+			href="/studio"
+			class="inline-block px-4 py-2 rounded-md bg-primary text-primary-foreground hover:opacity-90 transition"
+		>
+			Go to /studio
+		</a>
+	</div>
+</div>

package/dist/components/landing.svelte.d.ts

@@ -0,0 +1,26 @@
+export default Landing;
+type Landing = SvelteComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> & {
+    $$bindings?: string;
+};
+declare const Landing: $$__sveltets_2_IsomorphicComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import("svelte").ComponentConstructorOptions<Props>): import("svelte").SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}

package/dist/index.d.ts

@@ -1,5 +1,6 @@
 export type { ExtensionProps, Extension, ExtensionUtils } from "./extensions/extension.types";
 export { default as Studio } from "./components/Studio.svelte";
+export { default as Landing } from "./components/landing.svelte";
 export { Button } from "./components/ui/button";
 export { Input } from "./components/ui/input";
 export { Separator } from "./components/ui/separator";

package/dist/index.js

@@ -1,4 +1,5 @@
 export { default as Studio } from "./components/Studio.svelte";
+export { default as Landing } from "./components/landing.svelte";
 export { Button } from "./components/ui/button";
 export { Input } from "./components/ui/input";
 export { Separator } from "./components/ui/separator";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@lobb-js/studio",
   "license": "UNLICENSED",
-  "version": "0.27.2",
+  "version": "0.28.0",
   "type": "module",
   "publishConfig": {
     "access": "public"
@@ -29,11 +29,9 @@
   },
   "scripts": {
     "dev": "vite",
-    "build": "rm -rf dist && vite build --config vite.build.svelte.config.ts && vite build",
     "package": "svelte-package --input src/lib",
     "preview": "vite preview",
     "check": "svelte-check --tsconfig ./tsconfig.app.json && tsc -p tsconfig.node.json",
-    "build_extension": "vite build --config vite.extension.config.ts",
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build",
     "test": "vitest",
@@ -42,7 +40,7 @@
     "postpublish": "./scripts/postpublish.sh"
   },
   "devDependencies": {
-    "@lobb-js/core": "^0.31.3",
+    "@lobb-js/core": "^0.31.8",
     "@chromatic-com/storybook": "^4.1.2",
     "@storybook/addon-a11y": "^10.0.1",
     "@storybook/addon-docs": "^10.0.1",
@@ -69,7 +67,6 @@
     "tw-animate-css": "^1.4.0",
     "typescript": "~5.9.3",
     "vite": "6.3.3",
-    "vite-plugin-css-injected-by-js": "^3.5.2",
     "vitest": "^4.0.5"
   },
   "peerDependencies": {

package/src/lib/components/landing.svelte

@@ -0,0 +1,14 @@
+<div class="min-h-screen flex items-center justify-center bg-background text-foreground p-6">
+	<div class="max-w-md text-center space-y-4">
+		<h1 class="text-2xl font-semibold">Lobb Studio</h1>
+		<p class="text-muted-foreground">
+			This application is served under <code class="font-mono">/studio</code>.
+		</p>
+		<a
+			href="/studio"
+			class="inline-block px-4 py-2 rounded-md bg-primary text-primary-foreground hover:opacity-90 transition"
+		>
+			Go to /studio
+		</a>
+	</div>
+</div>

package/src/lib/index.ts

@@ -1,6 +1,7 @@
 export type { ExtensionProps, Extension, ExtensionUtils } from "./extensions/extension.types"
 
 export { default as Studio } from "./components/Studio.svelte";
+export { default as Landing } from "./components/landing.svelte";
 export { Button } from "./components/ui/button";
 export { Input } from "./components/ui/input";
 export { Separator } from "./components/ui/separator";

package/vite-plugins/lobb-extensions.js

@@ -13,6 +13,17 @@ export function lobbExtensionsPlugin() {
 
   return {
     name: "lobb-studio-extensions",
+    // Studio.svelte imports `virtual:lobb-studio-extensions` — a Vite-only
+    // virtual module. Vite's esbuild-based dep optimizer can't resolve it,
+    // so we exclude @lobb-js/studio from optimizeDeps to keep the studio's
+    // sources on the plugin pipeline (where this plugin can resolve them).
+    config() {
+      return {
+        optimizeDeps: {
+          exclude: ["@lobb-js/studio"],
+        },
+      };
+    },
     resolveId(id) {
       if (id === virtualModuleId) return resolvedVirtualModuleId;
     },