Scaffold react sdk package

.eslintrc.js

@@ -0,0 +1,21 @@
+module.exports = {
+  env: {
+    browser: true,
+    es2021: true,
+  },
+  extends: [
+    "eslint:recommended",
+    "plugin:@typescript-eslint/recommended",
+    "plugin:@builder.io/mitosis/recommended",
+    "prettier",
+  ],
+  parser: "@typescript-eslint/parser",
+  parserOptions: {
+    ecmaFeatures: {
+      jsx: true,
+    },
+    ecmaVersion: "latest",
+    sourceType: "module",
+  },
+  plugins: ["@typescript-eslint", "@builder.io/mitosis"],
+};

.github/workflows/main.yml

@@ -0,0 +1,65 @@
+name: Publish React component SDK to npmjs
+on:
+  workflow_dispatch:
+    inputs:
+      npmversion:
+        required: true
+        type: string
+        default: 2.0.0
+      publishtag:
+        required: true
+        type: string
+        default: alpha
+jobs:
+  mitosis:
+    runs-on: ubuntu-latest
+
+    defaults:
+      run:
+        working-directory: .
+    steps:
+      - uses: actions/checkout@v3
+      - uses: actions/setup-node@v3
+        with:
+          node-version: 18
+          registry-url: 'https://registry.npmjs.org'
+          check-latest: true
+      - run: npm ci
+      - name: Run mitosis build
+        run: npm build
+      - name: Export framework code for react
+        uses: actions/upload-artifact@v3
+        with:
+          name: react-ui
+          path: ./react/src
+
+  build:
+    runs-on: ubuntu-latest
+
+    defaults:
+      run:
+        working-directory: ./react
+
+    steps:
+      - uses: actions/checkout@v3
+      # Setup .npmrc file to publish to npm
+      - uses: actions/setup-node@v3
+        with:
+          node-version: 18
+          registry-url: 'https://registry.npmjs.org'
+          check-latest: true
+      - uses: actions/download-artifact@v3
+        with:
+          name: react-ui
+          path: ./react/src
+      - run: npm ci
+      - name: Publish NPM
+        if: github.ref == 'refs/heads/release' || contains(github.ref, 'refs/tags/beta-v')
+        run: |
+          npm install -g json
+          PKG_VERSION=${{ inputs.npmversion }}
+          json -I -f package.json -e "this.version=\"${PKG_VERSION}\""
+
+          npm publish --tag ${{ inputs.publishtag }} --access public
+        env:
+          NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}

.gitignore

@@ -0,0 +1,78 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+lerna-debug.log*
+.pnpm-debug.log*
+
+# Diagnostic reports (https://nodejs.org/api/report.html)
+report.[0-9]*.[0-9]*.[0-9]*.[0-9]*.json
+
+# Runtime data
+pids
+*.pid
+*.seed
+*.pid.lock
+
+# Directory for instrumented libs generated by jscoverage/JSCover
+lib-cov
+
+# Coverage directory used by tools like istanbul
+coverage
+*.lcov
+
+# nyc test coverage
+.nyc_output
+
+# node-waf configuration
+.lock-wscript
+
+# Compiled binary addons (https://nodejs.org/api/addons.html)
+build/Release
+
+# Dependency directories
+node_modules/
+jspm_packages/
+
+# Snowpack dependency directory (https://snowpack.dev/)
+web_modules/
+
+# TypeScript cache
+*.tsbuildinfo
+
+# Optional npm cache directory
+.npm
+
+# Optional eslint cache
+.eslintcache
+
+# Optional stylelint cache
+.stylelintcache
+
+# Microbundle cache
+.rpt2_cache/
+.rts2_cache_cjs/
+.rts2_cache_es/
+.rts2_cache_umd/
+
+# Optional REPL history
+.node_repl_history
+
+# Output of 'npm pack'
+*.tgz
+
+# Yarn Integrity file
+.yarn-integrity
+
+# dotenv environment variable files
+.env
+.env.development.local
+.env.test.local
+.env.production.local
+.env.local
+
+# mitosis build out
+output
+

.prettierignore

@@ -0,0 +1,18 @@
+node_modules
+.next
+public
+**/**/node_modules
+**/**/.next
+**/**/public
+npm/migration/**
+
+*.lock
+*.log
+
+.gitignore
+.npmignore
+.prettierignore
+.DS_Store
+.eslintignore
+
+**/LICENSE

.prettierrc.js

@@ -0,0 +1,11 @@
+module.exports = {
+  bracketSpacing: true,
+  bracketSameLine: true,
+  singleQuote: true,
+  jsxSingleQuote: true,
+  trailingComma: "es5",
+  semi: true,
+  printWidth: 110,
+  arrowParens: "always",
+  importOrderSeparation: true,
+};

mitosis.config.cjs

@@ -0,0 +1,8 @@
+/** @type {import('@builder.io/mitosis').MitosisConfig} */
+module.exports = {
+  files: 'src/**',
+  dest: '.',
+  options: { react: { typescript: true } },
+  targets: ['react'],
+  exclude: ['src/css.d.ts'],
+};