feat(*): create mitosis build script

packages/ui.mitosis/.gitignore

@@ -1,5 +1,3 @@
-.angular
 .turbo
 node_modules
 dist
-/targets/**/src

packages/ui.mitosis/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@wds/ui.mitosis",
   "scripts": {
-    "dev": "watch \"npm run build\" ./src",
-    "build": "mitosis build --c mitosis.config.cjs",
+    "dev": "watch \"npm run build\" src targets",
+    "build": "node tools/build.cli.mjs",
     "lint": "prettier . --check && eslint .",
     "lint:fix": "prettier . --write && eslint . --fix"
   },

packages/ui.mitosis/src/example/example.lite.tsx

@@ -4,5 +4,5 @@ import { type WdsExampleProps } from "./example.types";
  * Example Mitosis generated component.
  */
 export default function WdsExample(props: WdsExampleProps) {
-  return <p>Hello {props.name || "World"}!</p>;
+  return <p>Hello {props.name || "Woooorld"}!</p>;
 }

packages/ui.mitosis/targets/angular/package.target.json

@@ -6,19 +6,20 @@
     "types": "./dist/index.d.ts"
   },
   "scripts": {
-    "dev": "ng build --watch",
-    "build": "ng build"
+    "dev": "watch \"npm run build\" src",
+    "build": "ng build && rimraf dist/package.json"
   },
   "peerDependencies": {
     "@angular/common": "18.x",
     "@angular/core": "18.x"
   },
   "devDependencies": {
-    "@wds/ui.mitosis": "*",
     "@angular-devkit/build-angular": "^18.2.1",
     "@angular/cli": "^18.2.0",
     "@angular/compiler-cli": "^18.2.0",
     "ng-packagr": "^18.2.0",
-    "typescript": "^5.5.2"
+    "typescript": "^5.5.2",
+    "rimraf": "^5.0.10",
+    "watch": "^1.0.2"
   }
 }

packages/ui.mitosis/targets/react/package.target.json

@@ -13,7 +13,6 @@
     "react": "18.x"
   },
   "devDependencies": {
-    "@wds/ui.mitosis": "*",
     "@vitejs/plugin-react": "^4.3.1",
     "vite": "^5.4.8",
     "vite-plugin-dts": "^4.2.2",

packages/ui.mitosis/targets/vue/package.target.json

@@ -13,7 +13,6 @@
     "vue": "3.x"
   },
   "devDependencies": {
-    "@wds/ui.mitosis": "*",
     "@vitejs/plugin-vue": "^5.1.4",
     "vite": "^5.4.8",
     "vite-plugin-dts": "^4.2.2",

packages/ui.mitosis/targets/vue/tsconfig.target.json

@@ -15,7 +15,6 @@
     "noEmit": true,
 
     /* Linting */
-    "strict": true,
     "noUnusedLocals": true,
     "noUnusedParameters": true,
     "noFallthroughCasesInSwitch": true

packages/ui.mitosis/tools/build.cli.mjs

@@ -0,0 +1,78 @@
+// @ts-check
+
+/* eslint-disable no-console */
+
+import { exec } from "child_process";
+import fs from "node:fs";
+import path from "path";
+
+import mitosisConfig from "../mitosis.config.cjs";
+
+const MITOSIS_BUILD_SCRIPT = "mitosis build --c mitosis.config.cjs";
+const BUILD_DIRECTORY = "dist";
+const TARGETS = mitosisConfig.targets;
+const TARGETS_DIRECTORY = "targets";
+const TARGET_FILE_REPLACE_TOKEN = ".target";
+
+(async () => {
+  await runMitosisBuild();
+  await copyTargetConfigFiles();
+})();
+
+/**
+ * Runs the Mitosis build script asynchronously.
+ * @returns {Promise<void>} Promise of the result.
+ */
+export function runMitosisBuild() {
+  return new Promise((resolve, reject) => {
+    exec(MITOSIS_BUILD_SCRIPT, (error, stdout, stderr) => {
+      // Run Mitosis build
+      if (stderr) {
+        reject(stderr);
+        return;
+      }
+
+      if (error) {
+        reject(error);
+        return;
+      }
+
+      console.log(stdout);
+      resolve();
+    });
+  });
+}
+
+/**
+ * Copies target configurations to build folder.
+ * @returns {Promise<void>} Promise of the result.
+ */
+function copyTargetConfigFiles() {
+  return new Promise((resolve, reject) => {
+    for (const target of TARGETS) {
+      const sourceFolder = path.resolve(process.cwd(), TARGETS_DIRECTORY, target);
+      const destinationFolder = path.resolve(process.cwd(), BUILD_DIRECTORY, target);
+
+      if (!fs.existsSync(destinationFolder)) {
+        fs.mkdirSync(destinationFolder, { recursive: true });
+      }
+
+      try {
+        const fileNames = fs.readdirSync(sourceFolder);
+        for (const fileName of fileNames) {
+          const sourceFilePath = path.join(sourceFolder, fileName);
+          const destinationFilePath = path.join(destinationFolder, fileName.replace(TARGET_FILE_REPLACE_TOKEN, ""));
+
+          fs.copyFileSync(sourceFilePath, destinationFilePath);
+        }
+
+        console.log(`Copied "${target}" target configurations to build folder.`);
+      } catch (error) {
+        reject(error);
+        break;
+      }
+    }
+
+    resolve();
+  });
+}