@lobb-js/studio 0.28.4 → 0.28.6

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@lobb-js/studio",
   "license": "UNLICENSED",
-  "version": "0.28.4",
+  "version": "0.28.6",
   "type": "module",
   "publishConfig": {
     "access": "public"
@@ -64,11 +64,11 @@
     "storybook": "^10.0.1",
     "svelte": "^5.49.1",
     "svelte-check": "^4.3.4",
-    "tailwindcss": "4.1.18",
+    "tailwindcss": "4.3.0",
     "tailwindcss-animate": "^1.0.7",
     "tw-animate-css": "^1.4.0",
     "typescript": "~5.9.3",
-    "vite": "^7.3.3",
+    "vite": "^8.0.13",
     "vitest": "^4.0.5",
     "@types/lodash-es": "^4.17.12"
   },
@@ -89,7 +89,7 @@
     "@internationalized/date": "^3.12.0",
     "@lobb-js/sdk": "^0.1.6",
     "@lucide/svelte": "^0.563.1",
-    "@tailwindcss/vite": "^4.1.18",
+    "@tailwindcss/vite": "^4.3.0",
     "@tiptap/core": "^3.0.0",
     "@tiptap/extension-link": "^3.0.0",
     "@tiptap/extension-underline": "^3.0.0",

package/vite-plugins/lobb-extensions.js

@@ -13,14 +13,15 @@ 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).
+    // The dep optimizer's bundler doesn't run our resolveId/load hooks, so any
+    // package whose prebundled output references this virtual module would
+    // crash with "Failed to resolve". Excluding the bare virtual ID tells the
+    // optimizer to leave the import statement untouched, so the browser asks
+    // the dev server for it at runtime — where the hooks below actually fire.
     config() {
       return {
         optimizeDeps: {
-          exclude: ["@lobb-js/studio"],
+          exclude: [virtualModuleId],
         },
       };
     },

package/vite-plugins/workspace-optimize.js

@@ -1,22 +1,15 @@
-import { readdirSync, lstatSync, readFileSync, realpathSync } from "node:fs";
-import { join, resolve, dirname } from "node:path";
+import { readFileSync } from "node:fs";
+import { dirname, join } from "node:path";
 
 /**
- * Auto-detects workspace-linked @lobb-js/* packages and configures Vite so
- * that monorepo dev and standalone npm-install users both work without manual
- * configuration:
+ * In monorepo dev, workspace packages are symlinked into node_modules.
+ * Vite's default `server.fs.allow` only covers the project root, so requests
+ * for files inside those symlinked packages (source maps, HMR updates, etc.)
+ * are denied. This plugin walks up from cwd to find the monorepo root and
+ * allows Vite to serve from there.
  *
- * - exclude:              Prevents vite-plugin-svelte's optimize-module from
- *                         running esbuild on raw .svelte source files.
- * - entries:              Tells Vite to crawl workspace packages at startup so
- *                         all their deps are discovered and pre-bundled upfront
- *                         (avoids 504 timeouts on first browser load).
- * - holdUntilCrawlEnd:    Blocks the first response until optimization is done.
- * - server.fs.allow:      Allows Vite to serve files from the monorepo root
- *                         (needed to follow symlinks into workspace packages).
- *
- * For standalone users (real npm install, no symlinks) all lists are empty and
- * the config has no effect.
+ * For standalone npm-installed users there's no workspaces field above them,
+ * the plugin does nothing, and the config has no effect.
  *
  * @returns {import('vite').Plugin}
  */
@@ -26,18 +19,13 @@ export function lobbWorkspaceOptimize() {
     config(_, { command }) {
       if (command !== "serve") return;
 
-      const workspacePkgs = getLobbWorkspacePackages();
-      if (workspacePkgs.length === 0) return;
+      const monorepoRoot = findMonorepoRoot();
+      if (!monorepoRoot) return;
 
       return {
-        optimizeDeps: {
-          holdUntilCrawlEnd: true,
-          entries: getWorkspaceEntries(workspacePkgs),
-          exclude: workspacePkgs,
-        },
         server: {
           fs: {
-            allow: [getMonorepoRoot(workspacePkgs)].filter(Boolean),
+            allow: [monorepoRoot],
           },
         },
       };
@@ -45,62 +33,15 @@ export function lobbWorkspaceOptimize() {
   };
 }
 
-function getLobbWorkspacePackages() {
-  const dir = resolve("node_modules/@lobb-js");
-  try {
-    return readdirSync(dir)
-      .filter((pkg) => lstatSync(join(dir, pkg)).isSymbolicLink())
-      .map((pkg) => `@lobb-js/${pkg}`);
-  } catch {
-    return [];
-  }
-}
-
-
-function getMonorepoRoot(pkgNames) {
-  for (const name of pkgNames) {
-    try {
-      const realPath = realpathSync(resolve(`node_modules/${name}`));
-      // realPath is e.g. /root/lobb/packages/studio — go up to find the monorepo root
-      let dir = realPath;
-      for (let i = 0; i < 5; i++) {
-        const parent = dirname(dir);
-        if (parent === dir) break;
-        const pkgJson = tryReadJson(join(parent, "package.json"));
-        if (pkgJson?.workspaces) return parent;
-        dir = parent;
-      }
-    } catch { /* skip */ }
-  }
-  return null;
-}
-
-function getWorkspaceEntries(pkgNames) {
-  const entries = [];
-  for (const name of pkgNames) {
+function findMonorepoRoot() {
+  let dir = process.cwd();
+  while (true) {
     try {
-      const realPath = realpathSync(resolve(`node_modules/${name}`));
-      const pkg = tryReadJson(join(realPath, "package.json"));
-      if (!pkg) continue;
-      const exportsField = pkg.exports;
-      const entry =
-        pkg.svelte ??
-        pkg.module ??
-        pkg.main ??
-        (typeof exportsField?.["."] === "string"
-          ? exportsField["."]
-          : exportsField?.["."]?.default);
-      if (typeof entry === "string") entries.push(join(realPath, entry));
-    } catch { /* skip */ }
-  }
-  return entries;
-}
-
-
-function tryReadJson(filePath) {
-  try {
-    return JSON.parse(readFileSync(filePath, "utf-8"));
-  } catch {
-    return null;
+      const pkg = JSON.parse(readFileSync(join(dir, "package.json"), "utf-8"));
+      if (pkg?.workspaces) return dir;
+    } catch { /* no package.json here, keep walking */ }
+    const parent = dirname(dir);
+    if (parent === dir) return null;
+    dir = parent;
   }
 }