refactor: remove runtime storybook, change swc to babel, add batiq editor as submodule

.gitmodules

@@ -1,3 +1,6 @@
 [submodule "apps/dashboard"]
 	path = apps/dashboard
 	url = git@github.com:feedloop/batiq-dashboard.git
+[submodule "apps/batiq-editor"]
+	path = apps/batiq-editor
+	url = https://github.com/feedloop/batiq-editor

nx.json

@@ -66,7 +66,8 @@
       },
       "library": {
         "style": "css",
-        "linter": "eslint"
+        "linter": "eslint",
+        "unitTestRunner": "none"
       }
     }
   }

package.json

@@ -5,6 +5,7 @@
   "scripts": {},
   "private": true,
   "workspaces": [
+    "apps/*",
     "packages/*"
   ],
   "dependencies": {
@@ -22,12 +23,12 @@
     "@babel/preset-typescript": "7.12.13",
     "@nrwl/esbuild": "^15.9.3",
     "@nrwl/eslint-plugin-nx": "^15.9.3",
-    "@nrwl/jest": "^15.9.3",
-    "@nrwl/js": "15.9.3",
+    "@nrwl/jest": "15.9.4",
+    "@nrwl/js": "15.9.4",
     "@nrwl/linter": "^15.9.3",
-    "@nrwl/react": "^15.9.3",
+    "@nrwl/react": "15.9.4",
     "@nrwl/react-native": "15.9.3",
-    "@nrwl/rollup": "^15.9.3",
+    "@nrwl/rollup": "15.9.4",
     "@nrwl/storybook": "15.9.3",
     "@nrwl/vite": "^15.9.3",
     "@nrwl/webpack": "^15.9.3",
@@ -36,6 +37,7 @@
     "@react-native-community/cli": "10.2.1",
     "@react-native-community/cli-platform-android": "10.2.0",
     "@react-native-community/cli-platform-ios": "10.2.1",
+    "@rollup/plugin-url": "^7.0.0",
     "@storybook/addon-essentials": "^6.5.15",
     "@storybook/addon-ondevice-actions": "^6.0.1-beta.11",
     "@storybook/addon-ondevice-backgrounds": "^6.0.1-beta.11",
@@ -50,24 +52,26 @@
     "@storybook/react": "^6.5.16",
     "@storybook/react-native": "^6.0.1-beta.11",
     "@storybook/test-runner": "^0.7.2",
+    "@svgr/rollup": "^6.1.2",
     "@svgr/webpack": "^5.4.0",
     "@swc/cli": "^0.1.62",
     "@swc/core": "^1.3.41",
     "@swc/jest": "^0.2.24",
     "@testing-library/jest-native": "5.4.2",
-    "@testing-library/react-native": "11.5.2",
-    "@types/react-native": "^0.71.6",
     "@testing-library/react": "14.0.0",
+    "@testing-library/react-native": "11.5.2",
     "@types/jest": "^29.4.0",
     "@types/node": "18.14.2",
     "@types/react": "18.0.28",
     "@types/react-dom": "18.0.11",
+    "@types/react-native": "^0.71.6",
     "@types/react-router-dom": "5.3.3",
     "@typescript-eslint/eslint-plugin": "^5.36.1",
     "@typescript-eslint/parser": "^5.36.1",
     "@vitejs/plugin-react": "^3.0.0",
     "@vitest/coverage-c8": "~0.25.8",
     "@vitest/ui": "^0.25.8",
+    "babel-jest": "^29.4.1",
     "babel-loader": "8.1.0",
     "eslint": "~8.15.0",
     "eslint-config-prettier": "8.1.0",
@@ -79,8 +83,10 @@
     "html-webpack-plugin": "^5.5.0",
     "jest": "^29.4.1",
     "jest-environment-jsdom": "^29.4.1",
+    "jest-environment-node": "^29.4.1",
     "jest-file-snapshot": "^0.5.0",
     "jest-react-native": "18.0.0",
+    "jsdom": "~20.0.3",
     "metro": "0.74.1",
     "metro-babel-register": "0.74.1",
     "metro-config": "^0.76.3",
@@ -98,7 +104,6 @@
     "react-native-svg": "13.8.0",
     "react-native-svg-transformer": "1.0.0",
     "react-native-url-polyfill": "^1.3.0",
-    "jsdom": "~20.0.3",
     "react-test-renderer": "18.2.0",
     "ts-jest": "^29.0.5",
     "ts-node": "^10.9.1",

packages/data/src/OpenAPI.tsx

@@ -40,7 +40,9 @@ export const OpenAPI = async (data: DataSourceDefinitionSchema) => {
   const client = await api.init();
 
   const { origin } =
-    Platform.OS === "web" ? new URL(definition) : new URLNative(definition);
+    // temporary fix as react-native-url-polyfill doesn't work on web https://github.com/charpeni/react-native-url-polyfill/issues/366
+    // Platform.OS === "web" ? new URL(definition) : new URLNative(definition);
+    new URL(definition);
 
   // eslint-disable-next-line prefer-const
   let { http, apiKey, oauth2, openIdConnect } = auth;

packages/expo-runtime/.babelrc

@@ -0,0 +1,12 @@
+{
+  "presets": [
+    [
+      "@nrwl/react/babel",
+      {
+        "runtime": "automatic",
+        "useBuiltIns": "usage"
+      }
+    ]
+  ],
+  "plugins": []
+}

packages/expo-runtime/.eslintrc.json

@@ -1,12 +1,10 @@
 {
-  "extends": ["../../.eslintrc.json"],
+  "extends": ["plugin:@nrwl/nx/react", "../../.eslintrc.json"],
   "ignorePatterns": ["!**/*"],
   "overrides": [
     {
       "files": ["*.ts", "*.tsx", "*.js", "*.jsx"],
-      "rules": {
-        "@typescript-eslint/ban-types": "off"
-      }
+      "rules": {}
     },
     {
       "files": ["*.ts", "*.tsx"],

packages/expo-runtime/project.json

@@ -10,11 +10,13 @@
       "options": {
         "outputPath": "dist/packages/expo-runtime",
         "project": "packages/expo-runtime/package.json",
-        "main": "packages/expo-runtime/src/index.ts",
+        "entryFile": "packages/expo-runtime/src/index.ts",
         "tsConfig": "packages/expo-runtime/tsconfig.lib.json",
+        "compiler": "babel",
         "assets": [],
         "format": ["esm", "cjs"],
         "external": [
+          "react/jsx-runtime",
           "@react-navigation/native",
           "expo",
           "@react-navigation/bottom-tabs",
@@ -34,15 +36,7 @@
       "executor": "@nrwl/linter:eslint",
       "outputs": ["{options.outputFile}"],
       "options": {
-        "lintFilePatterns": ["packages/expo-runtime/**/*.ts"]
-      }
-    },
-    "test": {
-      "executor": "@nrwl/jest:jest",
-      "outputs": ["{workspaceRoot}/coverage/{projectRoot}"],
-      "options": {
-        "jestConfig": "packages/expo-runtime/jest.config.ts",
-        "passWithNoTests": true
+        "lintFilePatterns": ["packages/expo-runtime/**/*.{ts,tsx}"]
       }
     }
   },

packages/expo-runtime/tsconfig.json

@@ -18,9 +18,6 @@
   "references": [
     {
       "path": "./tsconfig.lib.json"
-    },
-    {
-      "path": "./tsconfig.spec.json"
     }
   ]
 }

packages/expo-runtime/tsconfig.lib.json

@@ -5,6 +5,16 @@
     "declaration": true,
     "types": ["node"]
   },
-  "include": ["src/**/*.ts"],
-  "exclude": ["jest.config.ts", "src/**/*.spec.ts", "src/**/*.test.ts"]
+  "files": [
+    "../../node_modules/@nrwl/react/typings/cssmodule.d.ts",
+    "../../node_modules/@nrwl/react/typings/image.d.ts"
+  ],
+  "include": ["src/**/*.ts", "src/**/*.tsx"],
+  "exclude": [
+    "jest.config.ts",
+    "src/**/*.spec.ts",
+    "src/**/*.test.ts",
+    "src/**/*.spec.tsx",
+    "src/**/*.test.tsx"
+  ]
 }

packages/ir/.babelrc

@@ -0,0 +1,12 @@
+{
+  "presets": [
+    [
+      "@nrwl/react/babel",
+      {
+        "runtime": "automatic",
+        "useBuiltIns": "usage"
+      }
+    ]
+  ],
+  "plugins": []
+}

packages/ir/.eslintrc.json

@@ -1,5 +1,5 @@
 {
-  "extends": ["../../.eslintrc.json"],
+  "extends": ["plugin:@nrwl/nx/react", "../../.eslintrc.json"],
   "ignorePatterns": ["!**/*"],
   "overrides": [
     {

packages/ir/jest.config.ts

@@ -1,18 +1,12 @@
 /* eslint-disable */
-import { readFileSync } from "fs";
-
-// Reading the SWC compilation config and remove the "exclude"
-// for the test files to be compiled by SWC
-const { exclude: _, ...swcJestConfig } = JSON.parse(
-  readFileSync(`${__dirname}/.lib.swcrc`, "utf-8")
-);
 export default {
   displayName: "ir",
   preset: "../../jest.preset.js",
   transform: {
-    "^.+\\.[tj]sx?$": ["@swc/jest", { ...swcJestConfig }],
+    "^(?!.*\\.(js|jsx|ts|tsx|css|json)$)": "@nrwl/react/plugins/jest",
+    "^.+\\.[tj]sx?$": ["babel-jest", { presets: ["@nrwl/react/babel"] }],
   },
-  moduleFileExtensions: ["ts", "js", "html", "tsx"],
+  moduleFileExtensions: ["ts", "tsx", "js", "jsx"],
   coverageDirectory: "../../coverage/packages/ir",
   extensionsToTreatAsEsm: [".ts", ".tsx"],
 };

packages/ir/project.json

@@ -10,8 +10,11 @@
       "options": {
         "outputPath": "dist/packages/ir",
         "project": "packages/ir/package.json",
-        "main": "packages/ir/src/index.ts",
+        "entryFile": "packages/ir/src/index.ts",
         "tsConfig": "packages/ir/tsconfig.lib.json",
+        "external": ["react/jsx-runtime"],
+        "rollupConfig": "@nrwl/react/plugins/bundle-rollup",
+        "compiler": "babel",
         "assets": [],
         "format": ["esm", "cjs"]
       }
@@ -27,7 +30,7 @@
       "executor": "@nrwl/linter:eslint",
       "outputs": ["{options.outputFile}"],
       "options": {
-        "lintFilePatterns": ["packages/ir/**/*.ts"]
+        "lintFilePatterns": ["packages/ir/**/*.{ts,tsx}"]
       }
     },
     "test": {

packages/ir/tsconfig.lib.json

@@ -5,6 +5,16 @@
     "declaration": true,
     "types": ["node"]
   },
-  "include": ["src/**/*.ts"],
-  "exclude": ["jest.config.ts", "src/**/*.spec.ts", "src/**/*.test.ts"]
+  "files": [
+    "../../node_modules/@nrwl/react/typings/cssmodule.d.ts",
+    "../../node_modules/@nrwl/react/typings/image.d.ts"
+  ],
+  "include": ["src/**/*.ts", "src/**/*.tsx"],
+  "exclude": [
+    "jest.config.ts",
+    "src/**/*.spec.ts",
+    "src/**/*.test.ts",
+    "src/**/*.spec.tsx",
+    "src/**/*.test.tsx"
+  ]
 }

packages/ir/tsconfig.spec.json

@@ -9,6 +9,8 @@
     "jest.config.ts",
     "src/**/*.test.ts",
     "src/**/*.spec.ts",
+    "src/**/*.test.tsx",
+    "src/**/*.spec.tsx",
     "src/**/*.d.ts"
   ]
 }