refactor: remove runtime storybook, change swc to babel, add batiq editor as submodule (#23)

Author: arrizalamin

.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

apps/batiq-editor

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

nx.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",

package.json

@@ -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/data/src/OpenAPI.tsx

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

packages/expo-runtime/.babelrc

@@ -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/.eslintrc.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}"]
       }
     }
   },