Merge branch 'main' into pierre-readme

Author: Pierre

.editorconfig

@@ -0,0 +1,11 @@
+
+root = true
+
+[{src,scripts}/**.{ts,json,js}]
+end_of_line = crlf
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true
+indent_style = space
+indent_size = 2
+max_line_length = 120

.eslintrc.js

@@ -4,7 +4,9 @@ module.exports = {
     'eslint:recommended',
     'plugin:@typescript-eslint/recommended',
     'plugin:require-extensions/recommended',
-    // 'prettier', Since configs and plugins are installed in sub folders, this needs to be defined locally in package.json
+    'plugin:storybook/recommended',
+    'plugin:react/recommended',
+    'plugin:react-hooks/recommended',
   ],
   ignorePatterns: ['**/node_modules/**', '**/dist/**'],
   // parser: '@typescript-eslint/parser', Since configs and plugins are installed in sub folders, this needs to be defined locally in package.json
@@ -18,6 +20,8 @@ module.exports = {
     'import/order': 0, // turn off in favor of eslint-plugin-simple-import-sort
     'import/no-unresolved': 0,
     'import/no-duplicates': 1,
+    'react/react-in-jsx-scope': 'off',
+    'react-hooks/exhaustive-deps': 'error',
 
     'sort-imports': 0, // we use eslint-plugin-import instead
 
@@ -56,4 +60,9 @@ module.exports = {
       },
     },
   ],
+  settings: {
+    react: {
+      version: 'detect',
+    },
+  },
 };

.github/workflows/.publish.yml

@@ -3,6 +3,9 @@ name: Publish
 on:
   workflow_call:
     inputs:
+      package:
+        type: string
+        required: true
       branch:
         type: string
         default: ${{ github.ref_name }}
@@ -34,12 +37,12 @@ jobs:
         run: npm ci
 
       - name: Check version
-        run: npm run check-version ${{ inputs.expectedVersion }}
+        run: npm run check-version ${{ inputs.expectedVersion }} ${{ inputs.package }}
 
       - name: Build
-        run: npm run build
+        run: npm run build --workspace=@workflowai/${{ inputs.package }}
 
       - name: Publish to NPM
-        run: npx tsx ./bin/npm-publish --tag=${{ inputs.tag }}
+        run: npm publish --tag=${{ inputs.tag }} --workspace=@workflowai/${{ inputs.package }} --loglevel=error
         env:
           NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}

.github/workflows/branches.yml

@@ -3,7 +3,7 @@ name: branches
 on:
   push:
     branches:
-      - "**"
+      - '**'
 
 permissions:
   contents: read

.github/workflows/manual_publish.yml

@@ -3,21 +3,32 @@ name: tags
 on:
   push:
     tags:
-      - 'v*'
+      - '*@*'
 
 permissions:
   contents: read
   id-token: write
 
+env:
+  TAG_NAME: ${{ github.ref_name }}
+
 jobs:
   quality:
     uses: ./.github/workflows/.quality.yml
     secrets: inherit
 
+  splits:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Set package and version
+        run: |
+          echo "PACKAGE=${TAG_NAME%%@*}" >> $GITHUB_ENV
+          echo "VERSION=${TAG_NAME#*@}" >> $GITHUB_ENV
   publish:
     needs: quality
     uses: ./.github/workflows/.publish.yml
     secrets: inherit
     with:
       tag: latest
-      expectedVersion: ${{ github.ref_name }}
+      expectedVersion: ${{ env.VERSION }}
+      package: ${{ env.PACKAGE }}

.github/workflows/tags.yml

@@ -21,4 +21,5 @@ dist/
 packages/sandbox/
 
 examples/*.ts
-!examples/generated-code.ts
+!examples/generated-code.ts
+*storybook.log

.gitignore

@@ -4,15 +4,8 @@
   "tabWidth": 2,
   "singleQuote": true,
   "jsxSingleQuote": true,
-  "importOrder": [
-    "^@/(.*)$",
-    "^../(.*)$",
-    "^./(.*)$",
-    "^[./]"
-  ],
+  "importOrder": ["^@/(.*)$", "^../(.*)$", "^./(.*)$", "^[./]"],
   "importOrderSeparation": false,
   "importOrderSortSpecifiers": true,
-  "plugins": [
-    "@trivago/prettier-plugin-sort-imports"
-  ]
+  "plugins": ["@trivago/prettier-plugin-sort-imports"]
 }

.prettierrc.json

@@ -0,0 +1,39 @@
+import type { StorybookConfig } from '@storybook/react-vite';
+import { dirname, join } from 'path';
+import { mergeConfig } from 'vite';
+import viteTsConfigPaths from 'vite-tsconfig-paths';
+
+/**
+ * This function is used to resolve the absolute path of a package.
+ * It is needed in projects that use Yarn PnP or are set up within a monorepo.
+ */
+function getAbsolutePath(value: string): any {
+  return dirname(require.resolve(join(value, 'package.json')));
+}
+const config: StorybookConfig = {
+  stories: [
+    '../stories/**/*.mdx',
+    '../stories/**/*.stories.@(js|jsx|mjs|ts|tsx)',
+  ],
+  addons: [
+    {
+      name: getAbsolutePath('@storybook/addon-essentials'),
+      options: {
+        docs: false,
+      },
+    },
+  ],
+  framework: {
+    name: getAbsolutePath('@storybook/react-vite'),
+    options: {},
+  },
+  viteFinal: (config) => {
+    return mergeConfig(config, {
+      plugins: [viteTsConfigPaths()],
+      define: {
+        'process.env': {},
+      },
+    });
+  },
+};
+export default config;

.storybook/main.ts

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