@tpitre/story-ui 2.1.5 → 2.3.0

package/dist/templates/StoryUI/StoryUIPanel.stories.d.ts

@@ -0,0 +1,18 @@
+import type { StoryObj } from '@storybook/react';
+import { StoryUIPanel } from './StoryUIPanel';
+declare const meta: {
+    title: string;
+    component: typeof StoryUIPanel;
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+//# sourceMappingURL=StoryUIPanel.stories.d.ts.map

package/dist/templates/StoryUI/StoryUIPanel.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StoryUIPanel.stories.d.ts","sourceRoot":"","sources":["../../../templates/StoryUI/StoryUIPanel.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,QAAA,MAAM,IAAI;;;;;;;;;;;CAmB2B,CAAC;AAEtC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAerB,CAAC"}

package/dist/templates/StoryUI/StoryUIPanel.stories.js

@@ -0,0 +1,37 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { StoryUIPanel } from './StoryUIPanel';
+const meta = {
+    title: 'Story UI/Story Generator',
+    component: StoryUIPanel,
+    parameters: {
+        layout: 'fullscreen',
+        docs: {
+            description: {
+                component: `
+Story UI Panel connects to the MCP server running on your configured port.
+The port is determined by:
+1. VITE_STORY_UI_PORT environment variable (recommended)
+2. URL parameter: ?mcp-port=XXXX
+3. Default port: 4001
+
+This design system agnostic approach works with any component library.
+        `
+            }
+        }
+    },
+};
+export default meta;
+export const Default = {
+    render: () => {
+        // Check for URL parameter override first
+        if (typeof window !== 'undefined') {
+            const urlParams = new URLSearchParams(window.location.search);
+            const mcpPortParam = urlParams.get('mcp-port');
+            if (mcpPortParam) {
+                // Set the global variable that the panel will use
+                window.STORY_UI_MCP_PORT = mcpPortParam;
+            }
+        }
+        return _jsx(StoryUIPanel, {});
+    }
+};

package/dist/templates/StoryUI/index.d.ts

@@ -0,0 +1,3 @@
+export { StoryUIPanel } from './StoryUIPanel';
+export { default } from './StoryUIPanel';
+//# sourceMappingURL=index.d.ts.map

package/dist/templates/StoryUI/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../templates/StoryUI/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/templates/StoryUI/index.js

@@ -0,0 +1,2 @@
+export { StoryUIPanel } from './StoryUIPanel';
+export { default } from './StoryUIPanel';

package/package.json

@@ -1,10 +1,20 @@
 {
   "name": "@tpitre/story-ui",
-  "version": "2.1.5",
+  "version": "2.3.0",
   "description": "AI-powered Storybook story generator with dynamic component discovery",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    },
+    "./panel": {
+      "import": "./dist/templates/StoryUI/index.js",
+      "types": "./dist/templates/StoryUI/index.d.ts"
+    }
+  },
   "bin": {
     "story-ui": "dist/cli/index.js"
   },
@@ -18,13 +28,17 @@
   "scripts": {
     "build": "tsc",
     "start": "yarn build && node dist/mcp-server/index.js",
+    "mcp": "yarn build && node dist/mcp-server/mcp-stdio-server.js",
     "dev": "tsc --watch",
     "prepublishOnly": "npm run build",
     "test": "echo \"Tests coming soon\" && exit 0",
     "release": "semantic-release",
     "release:dry-run": "semantic-release --dry-run",
     "commit": "cz",
-    "prepare": "husky"
+    "prepare": "husky",
+    "story-ui": "story-ui start --port 4001",
+    "deploy:edge": "./scripts/deploy-edge.sh",
+    "deploy:edge:dry-run": "./scripts/deploy-edge.sh --dry-run"
   },
   "keywords": [
     "storybook",
@@ -60,6 +74,10 @@
     "registry": "https://registry.npmjs.org/"
   },
   "dependencies": {
+    "@emotion/react": "^11.14.0",
+    "@emotion/styled": "^11.14.1",
+    "@modelcontextprotocol/sdk": "^0.5.0",
+    "@mui/material": "^7.2.0",
     "chalk": "^5.3.0",
     "commander": "^11.0.0",
     "cors": "^2.8.5",
@@ -68,7 +86,8 @@
     "glob": "^11.0.3",
     "inquirer": "^9.2.0",
     "node-fetch": "^2.6.7",
-    "typescript": "^5.8.3"
+    "typescript": "^5.8.3",
+    "zod": "^3.22.4"
   },
   "devDependencies": {
     "@commitlint/cli": "^19.6.1",
@@ -89,7 +108,8 @@
     "cz-conventional-changelog": "^3.3.0",
     "husky": "^9.1.7",
     "semantic-release": "^24.2.0",
-    "ts-node": "^10.9.2"
+    "ts-node": "^10.9.2",
+    "concurrently": "^8.2.0"
   },
   "peerDependencies": {
     "@storybook/react": ">=6.0.0",
@@ -107,5 +127,16 @@
     "commitizen": {
       "path": "./node_modules/cz-conventional-changelog"
     }
+  },
+  "mcp": {
+    "name": "story-ui",
+    "description": "AI-powered Storybook story generator with dynamic component discovery",
+    "command": "node",
+    "args": [
+      "dist/mcp-server/mcp-stdio-server.js"
+    ],
+    "env": {
+      "NODE_ENV": "production"
+    }
   }
 }