Remove ESM from example, for some reason it won't work there.

.nvmrc

@@ -1 +1 @@
-18
+18

.prettierignore

@@ -1 +1 @@
-packages/*/dist
+packages/*/dist

packages/example/.nvmrc

@@ -1 +1 @@
-18
+18

packages/example/.storybook/main.ts

@@ -0,0 +1,13 @@
+import type { StorybookConfig } from '@muban/storybook-framework-webpack';
+
+export default {
+  framework: '@muban/storybook-framework-webpack',
+  stories: [
+    {
+      directory: '../src/',
+      files: '**/*.stories.@(js|jsx|ts|tsx)',
+      titlePrefix: '',
+    },
+  ],
+  addons: ['@storybook/addon-links', '@storybook/addon-essentials'],
+} satisfies StorybookConfig;

packages/example/.storybook/preview-head.html

@@ -1 +0,0 @@
-

packages/example/package.json

@@ -4,7 +4,7 @@
   "main": "index.js",
   "author": "Arjan van Wijk",
   "license": "MIT",
-  "type": "module",
+  "type": "commonjs",
   "scripts": {
     "storybook": "sb dev -p 6006",
     "lint": "npm-run-all lint:*",

packages/example/src/Decorators.stories.ts

@@ -3,8 +3,8 @@ import { bind, computed, defineComponent, inject, provide } from '@muban/muban';
 import type { Meta } from '@muban/storybook';
 import { createDecoratorComponent, type StoryObj } from '@muban/storybook';
 import { html } from '@muban/template';
-import { StoryComponent, storyTemplate } from './resources/Component.js';
-import { argTypes } from './resources/StoryComponent.argTypes.js';
+import { StoryComponent, storyTemplate } from './resources/Component';
+import { argTypes } from './resources/StoryComponent.argTypes';
 
 export default {
   title: 'Decorators',

packages/example/src/Legacy.stories.ts

@@ -1,6 +1,6 @@
 import type { StoryFn, Meta } from '@muban/storybook';
-import { StoryComponent, storyTemplate } from './resources/Component.js';
-import { argTypes } from './resources/StoryComponent.argTypes.js';
+import { StoryComponent, storyTemplate } from './resources/Component';
+import { argTypes } from './resources/StoryComponent.argTypes';
 
 type Story = StoryFn<typeof storyTemplate>;
 

packages/example/src/Server.stories.ts

@@ -1,8 +1,8 @@
 import type { Meta } from '@muban/storybook';
 import { createDecoratorComponent, type StoryObj } from '@muban/storybook';
 import { html } from '@muban/template';
-import { StoryComponent, storyTemplate } from './resources/Component.js';
-import { argTypes } from './resources/StoryComponent.argTypes.js';
+import { StoryComponent, storyTemplate } from './resources/Component';
+import { argTypes } from './resources/StoryComponent.argTypes';
 
 export default {
   title: 'Server',

packages/example/src/Test.stories.ts

@@ -1,6 +1,6 @@
 import type { StoryObj, Meta } from '@muban/storybook';
-import { StoryComponent, storyTemplate } from './resources/Component.js';
-import { argTypes } from './resources/StoryComponent.argTypes.js';
+import { StoryComponent, storyTemplate } from './resources/Component';
+import { argTypes } from './resources/StoryComponent.argTypes';
 
 export default {
   title: 'CSF v3',

packages/example/src/argTypes.stories.ts

@@ -1,7 +1,7 @@
 import type { Meta, StoryObj } from '@muban/storybook';
 import { createDecoratorComponent } from '@muban/storybook';
 import { html } from '@muban/template';
-import { StoryComponent, storyTemplate } from './resources/Component.js';
+import { StoryComponent, storyTemplate } from './resources/Component';
 
 export default {
   title: 'ArgTypes',

packages/example/src/components/toggle-expand/toggle-expand.html.twig

@@ -13,4 +13,4 @@
     <button type="button" data-ref="btnEnable" class="btn btn-success">Enable</button>
     <button type="button" data-ref="btnDisable" class="btn btn-danger">Disable</button>
   </div>
-</div>
+</div>

packages/example/src/story-types/StoryTypesMeta.stories.ts

@@ -1,6 +1,6 @@
 import type { Meta, StoryObj } from '@muban/storybook';
-import { MyComponent } from './MyComponent.js';
-import { myComponentTemplate } from './MyComponent.template.js';
+import { MyComponent } from './MyComponent';
+import { myComponentTemplate } from './MyComponent.template';
 
 const meta = {
   title: 'StoryTypes/Meta',

packages/example/src/story-types/StoryTypesNoComponent.stories.ts

@@ -1,6 +1,6 @@
 import type { Meta, StoryObj } from '@muban/storybook';
-import { MyComponent } from './MyComponent.js';
-import { myComponentTemplate } from './MyComponent.template.js';
+import { MyComponent } from './MyComponent';
+import { myComponentTemplate } from './MyComponent.template';
 
 const meta = {
   title: 'StoryTypes/NoComponent',

packages/example/src/story-types/StoryTypesTemplate.stories.ts

@@ -1,6 +1,6 @@
 import type { Meta, StoryObj } from '@muban/storybook';
-import { MyComponent } from './MyComponent.js';
-import { myComponentTemplate } from './MyComponent.template.js';
+import { MyComponent } from './MyComponent';
+import { myComponentTemplate } from './MyComponent.template';
 
 export default {
   title: 'StoryTypes/Template',

packages/framework-webpack/.eslintignore

@@ -1,2 +1,2 @@
 dist/**/*
-preset.js
+preset.js

packages/framework-webpack/.nvmrc

@@ -1 +1 @@
-18
+18

packages/framework-webpack/package.json

@@ -21,11 +21,13 @@
   "type": "module",
   "exports": {
     ".": {
+      "node": "./dist/index.js",
       "import": "./dist/index.js",
       "types": "./dist/index.d.ts"
     },
     "./preset": {
-      "import": "./dist/preset.mjs",
+      "node": "./dist/preset.js",
+      "import": "./dist/preset.js",
       "types": "./dist/preset.d.ts"
     },
     "./package.json": "./package.json"

packages/preset-webpack/.nvmrc

@@ -1 +1 @@
-18
+18

packages/preset-webpack/package.json

@@ -21,10 +21,12 @@
   "type": "module",
   "exports": {
     ".": {
+      "node": "./dist/index.js",
       "import": "./dist/index.js",
       "types": "./dist/index.d.ts"
     },
     "./preset": {
+      "node": "./dist/index.js",
       "import": "./dist/index.js",
       "types": "./dist/index.d.ts"
     },

packages/renderer/.nvmrc

@@ -1 +1 @@
-18
+18

packages/renderer/package.json

@@ -20,10 +20,14 @@
   "type": "module",
   "exports": {
     ".": {
+      "node": "./dist/index.js",
+      "require": "./dist/index.js",
       "import": "./dist/index.js",
       "types": "./dist/index.d.ts"
     },
     "./preview": {
+      "node": "./dist/config.js",
+      "require": "./dist/config.js",
       "import": "./dist/config.js",
       "types": "./dist/config.d.ts"
     },