@lobb-js/studio 0.28.1 → 0.28.3

package/dist/components/dataTable/dataTable.svelte

@@ -13,7 +13,7 @@
 </script>
 
 <script lang="ts">
-    import _ from "lodash";
+    import * as _ from "lodash-es";
     import { getStudioContext } from "../../context";
     import Footer from "./footer.svelte";
     import Header from "./header.svelte";

package/dist/components/dataTable/filter.svelte

@@ -10,7 +10,7 @@
         Trash,
     } from "lucide-svelte";
     import { buttonVariants } from "../ui/button";
-    import _ from "lodash";
+    import * as _ from "lodash-es";
     import { getStudioContext } from "../../context";
     import Button from "../ui/button/button.svelte";
 

package/dist/components/dataTable/sort.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-    import _ from "lodash";
+    import * as _ from "lodash-es";
 
     import * as Popover from "../../components/ui/popover/index.js";
     import { ArrowDown, ArrowUp, GripVertical, Plus, X } from "lucide-svelte";

package/dist/components/dataTable/table.svelte

@@ -52,7 +52,7 @@
 		CircleOff,
 	} from "lucide-svelte";
 	import Checkbox from "../ui/checkbox/checkbox.svelte";
-	import { orderBy } from "lodash";
+	import { orderBy } from "lodash-es";
 	import type { Snippet } from "svelte";
 	import Button from "../ui/button/button.svelte";
 

package/dist/components/workflowEditor.svelte

@@ -20,7 +20,7 @@
     import { location } from "@wjfe/n-savant";
     import { Edit, Plus } from "lucide-svelte";
     import { toast } from "svelte-sonner";
-    import { isEqual } from "lodash";
+    import { isEqual } from "lodash-es";
 
     interface Props {
         workflow: WorkflowEntry;

package/dist/utils.js

@@ -1,6 +1,6 @@
 import { clsx } from "clsx";
 import { twMerge } from "tailwind-merge";
-import { isEqual } from "lodash";
+import { isEqual } from "lodash-es";
 import { MediaQuery } from 'svelte/reactivity';
 export function cn() {
     var inputs = [];

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@lobb-js/studio",
   "license": "UNLICENSED",
-  "version": "0.28.1",
+  "version": "0.28.3",
   "type": "module",
   "publishConfig": {
     "access": "public"
@@ -40,7 +40,7 @@
     "postpublish": "./scripts/postpublish.sh"
   },
   "devDependencies": {
-    "@lobb-js/core": "^0.31.8",
+    "@lobb-js/core": "^0.31.9",
     "@chromatic-com/storybook": "^4.1.2",
     "@storybook/addon-a11y": "^10.0.1",
     "@storybook/addon-docs": "^10.0.1",
@@ -48,9 +48,8 @@
     "@storybook/addon-vitest": "^10.0.1",
     "@storybook/svelte-vite": "^10.0.1",
     "@sveltejs/package": "^2.5.7",
-    "@sveltejs/vite-plugin-svelte": "6.2.1",
+    "@sveltejs/vite-plugin-svelte": "^7.1.2",
     "@tsconfig/svelte": "^5.0.6",
-    "@types/lodash": "^4.17.17",
     "@types/mustache": "^4.2.6",
     "@types/node": "^24.10.1",
     "@types/qs": "^6.9.18",
@@ -66,8 +65,9 @@
     "tailwindcss-animate": "^1.0.7",
     "tw-animate-css": "^1.4.0",
     "typescript": "~5.9.3",
-    "vite": "6.3.3",
-    "vitest": "^4.0.5"
+    "vite": "^7.3.3",
+    "vitest": "^4.0.5",
+    "@types/lodash-es": "^4.17.12"
   },
   "peerDependencies": {
     "svelte": "^5.0.0",
@@ -101,7 +101,6 @@
     "fuse.js": "^7.3.0",
     "javascript-time-ago": "^2.6.4",
     "json-stable-stringify": "^1.3.0",
-    "lodash": "^4.17.21",
     "lucide-svelte": "^0.488.0",
     "mode-watcher": "^0.5.1",
     "mustache": "^4.2.0",
@@ -109,6 +108,7 @@
     "svelte-portal": "^2.2.1",
     "svelte-sonner": "^0.3.28",
     "tailwind-merge": "^3.4.0",
-    "tailwind-variants": "^3.2.2"
+    "tailwind-variants": "^3.2.2",
+    "lodash-es": "^4.17.21"
   }
 }

package/src/lib/components/dataTable/dataTable.svelte

@@ -13,7 +13,7 @@
 </script>
 
 <script lang="ts">
-    import _ from "lodash";
+    import * as _ from "lodash-es";
     import { getStudioContext } from "../../context";
     import Footer from "./footer.svelte";
     import Header from "./header.svelte";

package/src/lib/components/dataTable/filter.svelte

@@ -10,7 +10,7 @@
         Trash,
     } from "lucide-svelte";
     import { buttonVariants } from "../ui/button";
-    import _ from "lodash";
+    import * as _ from "lodash-es";
     import { getStudioContext } from "../../context";
     import Button from "../ui/button/button.svelte";
 

package/src/lib/components/dataTable/sort.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-    import _ from "lodash";
+    import * as _ from "lodash-es";
 
     import * as Popover from "../../components/ui/popover/index.js";
     import { ArrowDown, ArrowUp, GripVertical, Plus, X } from "lucide-svelte";

package/src/lib/components/dataTable/table.svelte

@@ -52,7 +52,7 @@
 		CircleOff,
 	} from "lucide-svelte";
 	import Checkbox from "../ui/checkbox/checkbox.svelte";
-	import { orderBy } from "lodash";
+	import { orderBy } from "lodash-es";
 	import type { Snippet } from "svelte";
 	import Button from "../ui/button/button.svelte";
 

package/src/lib/components/workflowEditor.svelte

@@ -20,7 +20,7 @@
     import { location } from "@wjfe/n-savant";
     import { Edit, Plus } from "lucide-svelte";
     import { toast } from "svelte-sonner";
-    import { isEqual } from "lodash";
+    import { isEqual } from "lodash-es";
 
     interface Props {
         workflow: WorkflowEntry;

package/src/lib/utils.ts

@@ -1,6 +1,6 @@
 import { clsx, type ClassValue } from "clsx";
 import { twMerge } from "tailwind-merge";
-import { isEqual } from "lodash";
+import { isEqual } from "lodash-es";
 
 import { MediaQuery } from 'svelte/reactivity';
 

package/vite-plugins/index.js

@@ -1,5 +1,5 @@
 import { contextualLibAlias } from "./contextual-lib-alias.js";
-import { lobbWorkspaceOptimize } from "./monorepo-workspace.js";
+import { lobbWorkspaceOptimize } from "./workspace-optimize.js";
 import { lobbExtensionsPlugin } from "./lobb-extensions.js";
 import { lobbProxyPlugin } from "./lobb-proxy.js";
 

package/vite-plugins/{monorepo-workspace.js → workspace-optimize.js}

@@ -11,8 +11,6 @@ import { join, resolve, dirname } from "node:path";
  * - 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).
- * - include:              Re-includes leaf CJS deps of excluded packages so
- *                         Vite still pre-bundles them for the browser.
  * - 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).
@@ -36,7 +34,6 @@ export function lobbWorkspaceOptimize() {
           holdUntilCrawlEnd: true,
           entries: getWorkspaceEntries(workspacePkgs),
           exclude: workspacePkgs,
-          include: getCjsDepsOf(workspacePkgs),
         },
         server: {
           fs: {
@@ -59,6 +56,7 @@ function getLobbWorkspacePackages() {
   }
 }
 
+
 function getMonorepoRoot(pkgNames) {
   for (const name of pkgNames) {
     try {
@@ -98,36 +96,6 @@ function getWorkspaceEntries(pkgNames) {
   return entries;
 }
 
-function readPkgFrom(name, baseDir) {
-  let dir = baseDir;
-  for (let i = 0; i < 8; i++) {
-    const pkg = tryReadJson(join(dir, "node_modules", name, "package.json"));
-    if (pkg) return pkg;
-    const parent = dirname(dir);
-    if (parent === dir) break;
-    dir = parent;
-  }
-  return null;
-}
-
-function getCjsDepsOf(pkgNames) {
-  const deps = [];
-  for (const name of pkgNames) {
-    try {
-      const realPath = realpathSync(resolve(`node_modules/${name}`));
-      const pkg = tryReadJson(join(realPath, "package.json"));
-      if (!pkg) continue;
-      for (const dep of Object.keys(pkg.dependencies ?? {})) {
-        const depPkg = readPkgFrom(dep, realPath);
-        if (!depPkg) continue;
-        const isCjs = depPkg.type !== "module";
-        const isLeaf = Object.keys(depPkg.dependencies ?? {}).length === 0;
-        if (isCjs && isLeaf) deps.push(dep);
-      }
-    } catch { /* skip */ }
-  }
-  return [...new Set(deps)];
-}
 
 function tryReadJson(filePath) {
   try {