@sit-onyx/storybook-utils 1.0.1-dev-20250930120837 → 1.0.2-dev-20251016073921

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sit-onyx/storybook-utils",
   "description": "Storybook utilities for Vue",
-  "version": "1.0.1-dev-20250930120837",
+  "version": "1.0.2-dev-20251016073921",
   "type": "module",
   "author": "Schwarz IT KG",
   "license": "Apache-2.0",
@@ -32,16 +32,16 @@
     "storybook": ">= 9.0.0",
     "vue-component-type-helpers": ">= 2",
     "@sit-onyx/flags": "^1.0.0",
-    "@sit-onyx/icons": "^1.1.0-dev-20250930120837"
+    "@sit-onyx/icons": "^1.1.0"
   },
   "dependencies": {
     "deepmerge-ts": "^7.1.5"
   },
   "devDependencies": {
-    "storybook": "^9.1.8",
+    "storybook": "^9.1.10",
     "vue": "3.5.22",
-    "vue-component-type-helpers": "^3.1.0",
-    "@sit-onyx/icons": "^1.1.0-dev-20250930120837",
+    "vue-component-type-helpers": "^3.1.1",
+    "@sit-onyx/icons": "^1.1.0",
     "@sit-onyx/shared": "^0.1.0"
   },
   "scripts": {

package/src/preview.spec.ts

@@ -30,4 +30,28 @@ import { flagDE } from "@sit-onyx/flags";
   <OnyxComp>Test</OnyxComp>
 </template>`);
   });
+
+  test("should not add imports twice", async () => {
+    // ACT
+    let sourceCode = await sourceCodeTransformer(`<template>
+  <OnyxTest />
+</template>`);
+
+    // ASSERT
+    const expectedCode = `<script lang="ts" setup>
+import { OnyxTest } from "sit-onyx";
+</script>
+
+<template>
+  <OnyxTest />
+</template>`;
+
+    expect(sourceCode).toBe(expectedCode);
+
+    // ACT (call transformer twice)
+    sourceCode = await sourceCodeTransformer(sourceCode);
+
+    // ASSERT
+    expect(sourceCode).toBe(expectedCode);
+  });
 });

package/src/preview.ts

@@ -195,13 +195,12 @@ export const sourceCodeTransformer = async (originalSourceCode: string): Promise
   // generate the source code for the additional imports and add them to the top of the code snippet
   if (additionalImports.size > 0) {
     const additionalImportsCode = Array.from(additionalImports.entries()).reduce(
-      (code, [packageName, imports]) => {
+      (importsCode, [packageName, imports]) => {
         if (imports.size) {
-          code.push(
-            `import { ${Array.from(imports.values()).sort().join(", ")} } from "${packageName}";`,
-          );
+          const newImport = `import { ${Array.from(imports.values()).sort().join(", ")} } from "${packageName}";`;
+          if (!code.includes(newImport)) importsCode.push(newImport);
         }
-        return code;
+        return importsCode;
       },
       [] as string[],
     );