split the html renderer preview entrypoint into docs & non-docs parts

code/renderers/html/package.json

@@ -26,11 +26,9 @@
       "require": "./dist/index.js",
       "import": "./dist/index.mjs"
     },
-    "./preview": {
-      "types": "./dist/config.d.ts",
-      "require": "./dist/config.js",
-      "import": "./dist/config.mjs"
-    },
+    "./preset": "./preset.js",
+    "./dist/preview.mjs": "./dist/preview.mjs",
+    "./dist/preview-docs.mjs": "./dist/preview-docs.mjs",
     "./package.json": "./package.json"
   },
   "main": "dist/index.js",
@@ -71,7 +69,9 @@
   "bundler": {
     "entries": [
       "./src/index.ts",
-      "./src/config.ts"
+      "./src/preset.ts",
+      "./src/preview.ts",
+      "./src/preview-docs.ts"
     ],
     "platform": "browser"
   },

code/renderers/html/preset.js

@@ -0,0 +1 @@
+module.exports = require('./dist/preset');

code/renderers/html/preview.js

@@ -1 +0,0 @@
-export * from './dist/config';

code/renderers/html/src/config.ts

@@ -1,7 +0,0 @@
-import { parameters as docsParams } from './docs/config';
-import type { Parameters } from './types';
-
-export const parameters: Parameters = { renderer: 'html', ...docsParams };
-
-export { decorators, argTypesEnhancers } from './docs/config';
-export { renderToCanvas, render } from './render';

code/renderers/html/src/preset.ts

@@ -0,0 +1,23 @@
+import type { LoadedPreset, StorybookConfig } from '@storybook/types';
+import { join } from 'path';
+
+const hasDocs = (presetsList: LoadedPreset[]) => {
+  return presetsList.some((preset: string | { name: string }) => {
+    const presetName = typeof preset === 'string' ? preset : preset.name;
+    return presetName.includes('@storybook/addon-docs');
+  });
+};
+
+export const previewAnnotations: StorybookConfig['previewAnnotations'] = async (input, options) => {
+  const { presetsList } = options;
+  if (!presetsList) {
+    return input;
+  }
+  const docsInList = hasDocs(presetsList);
+  const result: string[] = [];
+
+  return result
+    .concat(input)
+    .concat([join(__dirname, 'preview.mjs')])
+    .concat(docsInList ? [join(__dirname, 'preview-docs.mjs')] : []);
+};

code/renderers/html/src/preview-docs.ts

@@ -0,0 +1,2 @@
+export { parameters } from './docs/config';
+export { decorators, argTypesEnhancers } from './docs/config';

code/renderers/html/src/preview.ts

@@ -0,0 +1,5 @@
+import type { Parameters } from './types';
+
+export const parameters: Parameters = { renderer: 'html' };
+
+export { renderToCanvas, render } from './render';