Get rid of just-script and just-task entirely and switch to clipanion

.vscode/launch.json

@@ -16,21 +16,6 @@
       "type": "reactnative",
       "cwd": "${workspaceFolder}/apps/win32"
     },
-    {
-      "name": "Debug test",
-      "type": "node",
-      "request": "launch",
-      "program": "${workspaceRoot}/node_modules/jest/bin/jest.js",
-      "cwd": "${workspaceFolder}/packages/just-scripts",
-      "args": ["-i", "--runInBand"],
-      "runtimeArgs": ["--nolazy"],
-      "env": {
-        "NODE_ENV": "development"
-      },
-      "console": "integratedTerminal",
-      "sourceMaps": true,
-      "outFiles": []
-    },
     {
       "name": "Debug current folder test",
       "type": "node",

change/@fluentui-react-native-framework-base-aae7d1a0-0fd4-4337-9e31-27282c9ecd1b.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "tune lage.config and fix @types/node version",
+  "packageName": "@fluentui-react-native/framework-base",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}

change/@fluentui-react-native-immutable-merge-f44046fd-d33d-4906-90fc-f740074f8e90.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "tune lage.config and fix @types/node version",
+  "packageName": "@fluentui-react-native/immutable-merge",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}

change/@fluentui-react-native-memo-cache-2b134818-5dbb-4698-aabb-1639aa75fd6e.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "tune lage.config and fix @types/node version",
+  "packageName": "@fluentui-react-native/memo-cache",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}

change/@uifabricshared-themed-settings-f1e8ad51-ae79-443d-94f7-8c88daa53919.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "tune lage.config and fix @types/node version",
+  "packageName": "@uifabricshared/themed-settings",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}

lage.config.js

@@ -1,14 +1,36 @@
 module.exports = {
   npmClient: 'yarn',
   pipeline: {
-    build: ['^build'],
-    buildci: ['build', 'test', 'depcheck'],
-    bundle: ['build'],
-    clean: [],
-    depcheck: [],
-    lint: [],
-    prettier: [],
+    build: {
+      dependsOn: ['^build'],
+      inputs: ['*', 'src/**/*', 'assets/**/*'],
+      outputs: ['lib/**/*', 'lib-commonjs/**/*'],
+    },
+    buildci: ['build', 'test', 'lint', 'depcheck'],
+    bundle: {
+      inputs: ['**/*', '!node_modules/**/*', '!dist/**/*', '!lib/**/*', '!lib-commonjs/**/*'],
+      outputs: ['dist/**/*'],
+    },
+    clean: {
+      cache: false,
+    },
+    depcheck: {
+      inputs: ['**/*', '!node_modules/**/*', '!dist/**/*', '!lib/**/*', '!lib-commonjs/**/*'],
+      outputs: [],
+    },
+    lint: {
+      inputs: ['*', 'src/**/*'],
+      outputs: [],
+    },
+    prettier: {
+      inputs: ['*', 'src/**/*'],
+      outputs: [],
+    },
     ['prettier-fix']: [],
-    test: ['build', 'lint'],
+    test: {
+      dependsOn: ['build'],
+      inputs: [],
+      outputs: [],
+    },
   },
 };

package.json

@@ -17,7 +17,7 @@
     "bundle": "lage bundle",
     "clean": "lage clean",
     "change": "beachball change",
-    "check-for-changed-files": "cd scripts && yarn fluentui-scripts checkForModifiedFiles",
+    "check-for-changed-files": "cd scripts && yarn fluentui-scripts check-changes",
     "checkchange": "beachball check --changehint \"Run 'yarn change' to generate a change file\"",
     "align-deps": "rnx-align-deps --no-unmanaged --requirements [email protected]",
     "depcheck": "lage depcheck",

packages/deprecated/themed-settings/package.json

@@ -45,7 +45,7 @@
     "@react-native/babel-preset": "^0.74.0",
     "@react-native/metro-config": "^0.74.0",
     "@types/jest": "^29.0.0",
-    "@types/node": "^10.3.5",
+    "@types/node": "^22.0.0",
     "react": "18.2.0",
     "react-native": "^0.74.0"
   },

packages/framework-base/package.json

@@ -38,6 +38,6 @@
     "@fluentui-react-native/eslint-config-rules": "workspace:*",
     "@fluentui-react-native/scripts": "workspace:*",
     "@types/jest": "^29.0.0",
-    "@types/node": "^10.3.5"
+    "@types/node": "^22.0.0"
   }
 }

packages/framework/immutable-merge/package.json

@@ -39,6 +39,6 @@
     "@fluentui-react-native/eslint-config-rules": "workspace:*",
     "@fluentui-react-native/scripts": "workspace:*",
     "@types/jest": "^29.0.0",
-    "@types/node": "^10.3.5"
+    "@types/node": "^22.0.0"
   }
 }

packages/framework/memo-cache/package.json

@@ -39,7 +39,7 @@
     "@fluentui-react-native/eslint-config-rules": "workspace:*",
     "@fluentui-react-native/scripts": "workspace:*",
     "@types/jest": "^29.0.0",
-    "@types/node": "^10.3.5",
+    "@types/node": "^22.0.0",
     "tslib": "^2.3.1"
   }
 }

scripts/package.json

@@ -5,15 +5,15 @@
   "main": "./src/index.js",
   "type": "module",
   "bin": {
-    "fluentui-scripts": "./src/cli.cjs"
+    "fluentui-scripts": "./src/cli.mjs"
   },
   "scripts": {
-    "build": "tsc",
+    "build": "node ./src/cli.mjs build",
     "bundlesize": "bundlesize --debug",
-    "depcheck": "node ./src/cli.cjs check-publishing",
+    "depcheck": "node ./src/cli.mjs check-publishing",
     "lint": "eslint",
-    "prettier": "node ./src/cli.cjs prettier",
-    "prettier-fix": "node ./src/cli.cjs prettier --fix true"
+    "prettier": "node ./src/cli.mjs prettier",
+    "prettier-fix": "node ./src/cli.mjs prettier --fix true"
   },
   "repository": {
     "type": "git",
@@ -40,11 +40,12 @@
     "@types/es6-collections": "^0.5.29",
     "@types/es6-promise": "0.0.32",
     "@types/jest": "^29.0.0",
-    "@types/node": "^12.11.2",
+    "@types/node": "^22.0.0",
     "@types/react-test-renderer": "16.9.0",
     "@typescript-eslint/eslint-plugin": "^8.36.0",
     "@typescript-eslint/parser": "^8.36.0",
     "@uifabric/prettier-rules": "^7.0.3",
+    "clipanion": "^4.0.0-rc.4",
     "depcheck": "^1.0.0",
     "eslint": "^9.0.0",
     "find-up": "^5.0.0",
@@ -53,8 +54,6 @@
     "jest": "^29.2.1",
     "jest-diff": "^27.0.0",
     "jsdom": "^25.0.0",
-    "just-scripts": "^2.3.2",
-    "just-task": "^1.4.2",
     "metro-config": "^0.80.3",
     "metro-react-native-babel-transformer": "^0.76.5",
     "prettier": "^2.4.1",

scripts/src/cli.mjs

@@ -0,0 +1,33 @@
+#!/usr/bin/env node
+// @ts-check
+
+import { Builtins, Cli } from 'clipanion';
+import { BuildCommand } from './tasks/build.js';
+import { CleanCommand } from './tasks/clean.js';
+import { PrettierCommand } from './tasks/prettier.js';
+import { LintCommand } from './tasks/eslint.js';
+import { JestCommand } from './tasks/jest.js';
+import { CheckChangesCommand } from './tasks/checkForModifiedFilesTask.js';
+import { CheckPublishingCommand } from './tasks/checkPublishingTask.js';
+import { DepcheckCommand } from './tasks/depcheck.js';
+
+const cli = new Cli({
+  binaryLabel: 'fluentui-scripts CLI',
+  binaryName: '@fluentui-react-native/scripts',
+  binaryVersion: '0.0.0',
+});
+
+cli.register(BuildCommand);
+cli.register(CleanCommand);
+cli.register(PrettierCommand);
+cli.register(LintCommand);
+cli.register(JestCommand);
+cli.register(CheckChangesCommand);
+cli.register(CheckPublishingCommand);
+cli.register(DepcheckCommand);
+
+cli.register(Builtins.DefinitionsCommand);
+cli.register(Builtins.HelpCommand);
+cli.register(Builtins.VersionCommand);
+
+cli.runExit(process.argv.slice(2));

scripts/src/tasks/build.js

@@ -1,12 +1,46 @@
 // @ts-check
 
+import { Command } from 'clipanion';
 import { findNativeComponents, codegenNativeComponents } from '../utils/codegenNativeComponents.js';
 import path from 'path';
 import fs from 'fs';
 import { runScript } from '../utils/runScript.js';
 import { readTypeScriptConfig } from '@rnx-kit/tools-typescript';
 import { getPackageInfoFromPath } from '@rnx-kit/tools-packages';
 import { JsxEmit, ModuleKind } from 'typescript';
+import { cleanFolder } from './clean.js';
+
+export class BuildCommand extends Command {
+  /** @override */
+  static paths = [['build']];
+
+  /** @override */
+  static usage = Command.Usage({
+    description: 'Builds the current package using TypeScript compiler',
+    details: 'This command builds the current package based on the tsconfig.json and package.json configuration.',
+    examples: [['Build the current package', '$0 build']],
+  });
+
+  async execute() {
+    const cwd = process.cwd();
+    const targets = getBuildTargets(cwd);
+    if (targets.length === 0) {
+      console.log('No build targets found. Skipping build.');
+      return 0;
+    }
+
+    // Clean the output directories before building
+    cleanFolder();
+    const buildPromises = targets.map((target) => buildTarget(target, cwd));
+    const results = await Promise.all(buildPromises);
+    for (const result of results) {
+      if (result !== 0) {
+        throw new Error(`Build failed with exit code: ${result}`);
+      }
+    }
+    return 0;
+  }
+}
 
 /**
  * Get the module string for a given module kind.
@@ -94,31 +128,3 @@ async function buildTarget(target, cwd) {
 
   return result;
 }
-
-/**
- * Task to check the matrix of packages for publishing errors. In particular this checks for published packages that
- * have a dependency on a private package
- *
- * @returns {import('just-scripts').TaskFunction}
- */
-export function build() {
-  return async function (done) {
-    const cwd = process.cwd();
-    const targets = getBuildTargets(cwd);
-    if (targets.length === 0) {
-      console.log('No build targets found. Skipping build.');
-      done();
-      return;
-    }
-
-    const buildPromises = targets.map((target) => buildTarget(target, cwd));
-    const results = await Promise.all(buildPromises);
-    for (const result of results) {
-      if (result !== 0) {
-        done(new Error(`Build failed with exit code: ${result}`));
-        return;
-      }
-    }
-    done();
-  };
-}