@cfp-studio/plugin-vue3 16.0.1

package/package.json

@@ -0,0 +1,51 @@
+{
+  "name": "@cfp-studio/plugin-vue3",
+  "version": "16.0.1",
+  "license": "MIT",
+  "sideEffects": false,
+  "type": "module",
+  "main": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "dist",
+    "preview"
+  ],
+  "dependencies": {
+    "@vitejs/plugin-vue": "5.2.1",
+    "@vitejs/plugin-vue-jsx": "4.1.1",
+    "@vue/compiler-sfc": "3.5.13",
+    "fs-extra": "11.3.0",
+    "typescript": "5.7.3",
+    "vue": "3.5.13",
+    "@cfp-studio/serializable-values": "9.0.6",
+    "@cfp-studio/vfs": "2.1.4",
+    "@cfp-studio/type-analyzer": "10.1.5",
+    "@cfp-studio/api": "16.1.0",
+    "@cfp-studio/storybook-helpers": "6.0.1",
+    "@cfp-studio/analyzer-api": "0.1.9"
+  },
+  "devDependencies": {
+    "@playwright/test": "1.50.1",
+    "@types/fs-extra": "11.0.4",
+    "@vue/compiler-core": "3.5.13",
+    "@vue/reactivity": "3.5.13",
+    "@vue/runtime-core": "3.5.13",
+    "@vue/runtime-dom": "3.5.13",
+    "@vue/shared": "3.5.13",
+    "pino": "9.6.0",
+    "pino-pretty": "11.3.0",
+    "rimraf": "6.0.1",
+    "shx": "0.3.4",
+    "unbuild": "2.0.0",
+    "vite": "6.2.0",
+    "vitest": "2.1.9",
+    "@cfp-studio/core": "1.0.1",
+    "@cfp-studio/testing": "14.0.1",
+    "@cfp-studio/iframe": "18.0.1"
+  },
+  "scripts": {
+    "build": "tsc && tsc -p preview/tsconfig.json && unbuild",
+    "test": "vitest",
+    "e2e-test": "playwright test"
+  }
+}

package/preview/index.ts

@@ -0,0 +1,141 @@
+import type { GetPropsFn, RendererLoader } from "@cfp-studio/iframe";
+import type { App } from "vue";
+import { createApp } from "vue";
+
+// biome-ignore lint/style/noNonNullAssertion: <explanation>
+const root = document.getElementById("root")!;
+let app: App | null = null;
+
+export const loadRenderer: RendererLoader = async ({
+  wrapperModule,
+  wrapperName,
+  previewableModule,
+  previewableName,
+  shouldAbortRender,
+}) => {
+  const isStoryModule = !!previewableModule.default?.component;
+  const Wrapper =
+    (wrapperModule?.[wrapperName || "default"]) || null;
+  // biome-ignore lint/suspicious/noExplicitAny: <explanation>
+  let Previewable: any;
+  if (
+    (
+      previewableModule.default?.__file ||
+      previewableModule.default?.options?.__file
+    )?.endsWith(".vue")
+  ) {
+    Previewable = previewableModule.default;
+    if (!Previewable) {
+      throw new Error("No default component could be found");
+    }
+  } else {
+    Previewable =
+      previewableModule[previewableName] ||
+      previewableModule.PreviewJsEval(
+        `try { return ${previewableName}; } catch { return null; }`
+      );
+    if (!Previewable) {
+      throw new Error(`No component or story named '${previewableName}'`);
+    }
+  }
+  const storyDecorators = Previewable.decorators || [];
+  let RenderComponent = Previewable;
+  if (Previewable.render && !isStoryModule) {
+    // Vue component. Nothing to do.
+  } else {
+    // JSX or Storybook story, either CSF2 or CSF3.
+    if (typeof Previewable === "function") {
+      // biome-ignore lint/suspicious/noExplicitAny: <explanation>
+      RenderComponent = (props: any) => {
+        const storyReturnValue = Previewable(props);
+        if (storyReturnValue.template) {
+          // CSF2 story.
+          // @ts-ignore
+          return h(storyReturnValue, props);
+        }
+        // JSX
+        return storyReturnValue;
+      };
+    } else {
+      // CSF3 story.
+      const csf3Story = Previewable;
+      RenderComponent =
+        csf3Story.component || previewableModule.default?.component;
+      if (!RenderComponent) {
+        throw new Error("Encountered a story with no component");
+      }
+    }
+  }
+  const decorators = [
+    ...storyDecorators,
+    ...(previewableModule.default?.decorators || []),
+  ];
+  const Decorated = decorators.reduce((component, decorator) => {
+    const decorated = decorator();
+    return {
+      ...decorated,
+      components: { ...decorated.components, story: component },
+    };
+  }, RenderComponent);
+  return {
+    render: async (getProps: GetPropsFn) => {
+      if (shouldAbortRender()) {
+        return;
+      }
+      if (app) {
+        app.unmount();
+        app = null;
+      }
+      const props = getProps({
+        presetGlobalProps: previewableModule.default?.args || {},
+        presetProps: Previewable.args || {},
+      });
+      app = createApp(() => {
+        // @ts-ignore
+        const decoratedNode = slotTransformingH(Decorated, props);
+        return Wrapper
+          ? // @ts-ignore
+          h(Wrapper, null, () => decoratedNode)
+          : decoratedNode;
+      }, {});
+      app.mount(root);
+      if (Previewable.play) {
+        try {
+          await Previewable.play({ canvasElement: root });
+          // biome-ignore lint/suspicious/noExplicitAny: <explanation>
+        } catch (e: any) {
+          // For some reason, Storybook expects to throw exceptions that should be ignored.
+          if (!e.message?.startsWith("ignoredException")) {
+            throw e;
+          }
+        }
+      }
+    },
+    // @ts-ignore
+    jsxFactory: slotTransformingH,
+  };
+};
+
+// biome-ignore lint/suspicious/noExplicitAny: <explanation>
+function slotTransformingH(component: any, props: any, children: any) {
+  const localProps = props || {};
+  // @ts-ignore
+  return h(
+    component,
+    Object.fromEntries(
+      Object.entries(localProps).filter(
+        ([propName]) => !propName.startsWith("slot:")
+      )
+    ),
+    children !== undefined
+      ? children
+      : Object.fromEntries(
+        Object.entries(localProps)
+          .filter(([propName]) => propName.startsWith("slot:"))
+          .map(([propName, propValue]) => [
+            propName.substring(5),
+            () => propValue,
+          ])
+      )
+  );
+}

package/preview/modules/@vue/compiler-core/LICENSE

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2018-present, Yuxi (Evan) You
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

package/preview/modules/@vue/compiler-core/README.md

@@ -0,0 +1 @@
+# @vue/compiler-core