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

code/renderers/svelte/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",
     "./templates/HOC.svelte": "./templates/HOC.svelte",
     "./templates/PreviewRender.svelte": "./templates/PreviewRender.svelte",
@@ -81,7 +79,9 @@
   "bundler": {
     "entries": [
       "./src/index.ts",
-      "./src/config.ts"
+      "./src/preset.ts",
+      "./src/preview.ts",
+      "./src/preview-docs.ts"
     ],
     "platform": "browser"
   },

code/renderers/svelte/preset.js

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

code/renderers/svelte/preview.js

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

code/renderers/svelte/src/config.ts

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

code/renderers/svelte/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/svelte/src/preview-docs.ts

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

code/renderers/svelte/src/preview.ts

@@ -0,0 +1,4 @@
+export const parameters: {} = { renderer: 'svelte' };
+
+export { render, renderToCanvas } from './render';
+export { decorateStory as applyDecorators } from './decorators';