refactor: generate stories for base components

packages/sdk-cli/src/generate-stories.ts

@@ -12,13 +12,15 @@ import {
   WsComponentMeta,
 } from "@webstudio-is/sdk";
 import {
+  coreMetas,
   generateCss,
   generateWebstudioComponent,
   getIndexesWithinAncestors,
   namespaceMeta,
 } from "@webstudio-is/react-sdk";
 import { renderTemplate, type TemplateMeta } from "@webstudio-is/template";
 
+const WS_NAMESPACE = "ws";
 const BASE_NAMESPACE = "@webstudio-is/sdk-components-react";
 
 const generateComponentImports = ({
@@ -53,6 +55,9 @@ const generateComponentImports = ({
 
   let componentImports = "";
   for (const [namespace, componentsSet] of namespaces.entries()) {
+    if (namespace === WS_NAMESPACE) {
+      continue;
+    }
     const specifiers = Array.from(componentsSet)
       .map(
         ([shortName, component]) =>
@@ -135,7 +140,9 @@ export const generateStories = async () => {
     const usedMetas = new Map<string, WsComponentMeta>();
     for (const namespace of namespaces) {
       let namespaceMetas;
-      if (namespace === packageJson.name) {
+      if (namespace === WS_NAMESPACE) {
+        namespaceMetas = new Map(Object.entries(coreMetas));
+      } else if (namespace === packageJson.name) {
         namespaceMetas = metas;
       } else {
         const metasUrl = import.meta.resolve(
@@ -145,7 +152,7 @@ export const generateStories = async () => {
         namespaceMetas = new Map(Object.entries(await import(metasUrl)));
       }
       for (let [name, meta] of namespaceMetas) {
-        if (namespace !== BASE_NAMESPACE) {
+        if (namespace !== BASE_NAMESPACE && namespace !== WS_NAMESPACE) {
           name = `${namespace}:${name}`;
           meta = namespaceMeta(
             meta as WsComponentMeta,

packages/sdk-components-react/package.json

@@ -42,6 +42,7 @@
   "scripts": {
     "build": "vite build --config ../../vite.sdk-components.config.ts",
     "build:args": "NODE_OPTIONS=--conditions=webstudio generate-arg-types './src/*.tsx !./src/*.stories.tsx !./src/*.test.{ts,tsx} !./src/*.ws.ts !./src/*.ws.ts !./src/*.template.tsx' && prettier --write \"**/*.props.ts\"",
+    "build:stories": "webstudio-sdk generate-stories && prettier --write \"src/__generated__/*.stories.tsx\"",
     "dts": "tsc --project tsconfig.dts.json",
     "test": "vitest run",
     "typecheck": "tsc"
@@ -66,6 +67,7 @@
     "@types/react": "^18.2.70",
     "@types/react-dom": "^18.2.25",
     "@webstudio-is/generate-arg-types": "workspace:*",
+    "@webstudio-is/sdk-cli": "workspace:*",
     "@webstudio-is/template": "workspace:*",
     "@webstudio-is/tsconfig": "workspace:*",
     "react": "18.3.0-canary-14898b6a9-20240318",