@olenbetong/appframe-vite 6.4.0 → 6.6.0

package/lib/build.js

@@ -25,6 +25,19 @@ export async function addAppframeBuildConfig(config) {
         // Cast visualizer plugin to any to avoid Rollup type version clashes
         plugins: [visualizer({ filename: "./dist/stats.html", gzipSize: true })],
         external: appframe.build.externals !== false ? ["react", "react-dom", "react-dom/client"] : [],
+        treeshake: {
+            /*
+             * `@digdir/designsystemet-react` does not declare `sideEffects: false`, so the
+             * bundler has to assume every module reached through its barrel is needed and
+             * ships all ~140 components (Combobox, Table, Suggestion, …) even when an app
+             * renders a handful. None of its modules have import-time side effects, so opt
+             * them in to tree shaking explicitly.
+             *
+             * Deliberately scoped to `designsystemet-react`: `designsystemet-web` registers
+             * custom elements on import and must keep its side effects.
+             */
+            moduleSideEffects: (id) => !/[\\/]node_modules[\\/].*designsystemet-react[\\/]/.test(id.replace(/\?.*$/, "")),
+        },
         output: {
             globals: appframe.build.externals !== false
                 ? {

package/lib/index.d.ts

@@ -11,6 +11,14 @@ export interface AppframePluginOptions {
      * @default true
      */
     generateTypes?: boolean;
+    /**
+     * Whether to enable the Appframe devtools panel and toolbar in dev mode.
+     * Set to `false` to skip serving the devtools app and injecting the toolbar
+     * script (e.g. when running Storybook).
+     *
+     * @default true
+     */
+    devtools?: boolean;
 }
 export default function appframe(options?: AppframePluginOptions): Plugin[];
 export { addAppframeBuildConfig, createDevMiddleware, publishSafeOutput };

package/lib/index.js

@@ -34,7 +34,7 @@ catch (error) {
 }
 const jsonParser = bodyParser.json();
 export default function appframe(options = {}) {
-    let { generateTypes = true } = options;
+    let { generateTypes = true, devtools = true } = options;
     let plugin = {
         name: "appframe",
         resolveId(source) {
@@ -179,7 +179,9 @@ export default function appframe(options = {}) {
                 }, 300);
             });
             // DevTools panel: serve the devtools app + REST API at /__appframe_devtools__/
-            _server.middlewares.use("/__appframe_devtools__", createDevtoolsMiddleware(hostname));
+            if (devtools) {
+                _server.middlewares.use("/__appframe_devtools__", createDevtoolsMiddleware(hostname));
+            }
             _server.middlewares.use(`/api/user/localize/new/${appframe.article.id}`, jsonParser);
             _server.middlewares.use(`/api/user/localize/new/${appframe.article.id}`, localizeMiddleware);
             _server.middlewares.use("/data/Logger/LogError", jsonParser);
@@ -198,7 +200,7 @@ export default function appframe(options = {}) {
         },
         transformIndexHtml(_html, ctx) {
             // Only inject the toolbar in dev mode
-            if (command !== "serve")
+            if (command !== "serve" || !devtools)
                 return;
             // Only inject for article pages (not the devtools app itself)
             if (ctx.originalUrl?.startsWith("/__appframe_devtools__"))

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@olenbetong/appframe-vite",
-  "version": "6.4.0",
+  "version": "6.6.0",
   "description": "Tools to use and deploy Vite applications to Appframe",
   "main": "./lib/index.js",
   "type": "module",
@@ -31,23 +31,23 @@
   "dependencies": {
     "@olenbetong/appframe-data": "1.5.0",
     "body-parser": "^2.3.0",
-    "chalk": "5.6.2",
+    "chalk": "6.0.0",
     "chokidar": "^5.0.0",
     "commander": "15.0.0",
     "dotenv": "^17.4.2",
     "fuzzy": "^0.1.3",
     "inquirer": "^14.0.2",
     "inquirer-autocomplete-standalone": "^0.8.1",
-    "jsdom": "29.1.1",
+    "jsdom": "30.0.1",
     "rollup-plugin-visualizer": "^7.0.1",
     "yaml": "^2.9.0",
     "@olenbetong/appframe-devtools": "0.3.0"
   },
   "devDependencies": {
     "@types/jsdom": "^27.0.0",
-    "@types/node": "26.1.2",
+    "@types/node": "26.2.0",
     "typescript": "7.0.2",
-    "vite": "8.1.5"
+    "vite": "8.2.1"
   },
   "peerDependencies": {
     "vite": ">=8.1.5"