Merge pull request #1 from inngest/feat/ui

UI

package.json

@@ -1,5 +1,2 @@
 {
-	"dependencies": {
-		"@sinclair/typebox": "^0.33.7"
-	}
 }

packages/workflow/.gitignore

@@ -11,3 +11,5 @@ src/version.ts
 coverage/
 
 tsdoc-metadata.json
+
+*storybook.log

packages/workflow/.storybook/main.js

@@ -0,0 +1,16 @@
+/** @type { import('@storybook/react-vite').StorybookConfig } */
+const config = {
+  stories: ["../src/**/*.mdx", "../src/**/*.stories.@(js|jsx|mjs|ts|tsx)"],
+  addons: [
+    "@storybook/addon-onboarding",
+    "@storybook/addon-links",
+    "@storybook/addon-essentials",
+    "@chromatic-com/storybook",
+    "@storybook/addon-interactions",
+  ],
+  framework: {
+    name: "@storybook/react-vite",
+    options: {},
+  },
+};
+export default config;

packages/workflow/.storybook/preview.js

@@ -0,0 +1,13 @@
+/** @type { import('@storybook/react').Preview } */
+const preview = {
+  parameters: {
+    controls: {
+      matchers: {
+        color: /(background|color)$/i,
+        date: /Date$/i,
+      },
+    },
+  },
+};
+
+export default preview;

packages/workflow/package.json

@@ -4,21 +4,41 @@
   "description": "Durable visual worfklows in your app, instantly",
   "main": "dist/index.js",
   "scripts": {
-    "test": "jest --logHeapUsage --maxWorkers=8 --coverage --ci --silent=false"
+    "test": "jest --logHeapUsage --maxWorkers=8 --coverage --ci --silent=false",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build"
   },
   "author": "Inngest Inc",
   "license": "Apache 2",
   "dependencies": {
+    "@dagrejs/dagre": "^1.1.4",
+    "@sinclair/typebox": "^0.33.7",
+    "@xyflow/react": "^12.1.1",
     "graphology": "^0.25.4",
     "graphology-dag": "^0.4.1",
     "inngest": "^3.19.14",
+    "json-logic-js": "^2.0.5",
     "jsonpath": "^1.1.1",
     "reactflow": "^11.11.3"
   },
   "devDependencies": {
+    "@chromatic-com/storybook": "^1.7.0",
+    "@storybook/addon-essentials": "^8.2.9",
+    "@storybook/addon-interactions": "^8.2.9",
+    "@storybook/addon-links": "^8.2.9",
+    "@storybook/addon-onboarding": "^8.2.9",
+    "@storybook/blocks": "^8.2.9",
+    "@storybook/react": "^8.2.9",
+    "@storybook/react-vite": "^8.2.9",
+    "@storybook/test": "^8.2.9",
     "@types/jest": "^29.5.12",
+    "@types/json-logic-js": "^2.0.7",
     "@types/jsonpath": "^0.2.4",
+    "@types/react": "^18.3.5",
     "jest": "^29.7.0",
+    "preset": "link:@storybook/react-vite/preset",
+    "prop-types": "^15.8.1",
+    "storybook": "^8.2.9",
     "ts-jest": "^29.1.5"
   }
 }