pob 40.1.0 → 40.2.0

package/lib/generators/app/PobAppGenerator.js

@@ -5,6 +5,7 @@ import { removeFromGitIndex } from "../../utils/git.js";
 import inMonorepo from "../../utils/inMonorepo.js";
 import removeLegacyGeneratedDocs from "../../utils/legacyGeneratedDocs.js";
 import * as packageUtils from "../../utils/package.js";
+import { detectStorybookReactNative } from "../../utils/storybook.js";
 import { appIgnorePaths } from "./ignorePaths.js";
 
 const appsWithTypescript = [
@@ -95,6 +96,13 @@ export default class PobAppGenerator extends Generator {
       delete config.ci;
     }
 
+    const storybookDefault = detectStorybookReactNative([
+      this.fs.readJSON(this.destinationPath("package.json"), {}),
+    ]);
+    if (config?.type === "expo" && config.storybook === undefined) {
+      config.storybook = storybookDefault;
+    }
+
     if (config && this.options.updateOnly) {
       this.config.set("app", this.appConfig);
       this.config.save();
@@ -151,7 +159,7 @@ export default class PobAppGenerator extends Generator {
         type: "confirm",
         name: "storybook",
         message: "Do you want storybook ?",
-        default: (config && config.storybook) || false,
+        default: config?.storybook ?? storybookDefault,
         when: (values) => values.type === "expo",
       },
     ]);
@@ -315,7 +323,8 @@ export default class PobAppGenerator extends Generator {
     this.composeWith("pob:common:format-lint", {
       isApp: true,
       documentation: false,
-      storybook: pkg?.devDependencies?.storybook,
+      // only asked for expo apps: the on-device react-native storybook
+      storybookReactNative: this.appConfig.storybook,
       testing: this.appConfig.testing,
       testRunner: this.appConfig.testRunner,
       babel,

package/lib/generators/common/format-lint/CommonLintGenerator.js

@@ -5,6 +5,7 @@ import { runTransform } from "@pob/codemods";
 import { format } from "oxfmt";
 import semver from "semver";
 import Generator from "yeoman-generator";
+import hasDesignSync from "../../../utils/designSync.js";
 import { quoteArg } from "../../../utils/execUtils.js";
 import inMonorepo from "../../../utils/inMonorepo.js";
 import * as packageUtils from "../../../utils/package.js";
@@ -160,6 +161,13 @@ export default class CommonFormatLintGenerator extends Generator {
       description: "Enable storybook",
     });
 
+    this.option("storybookReactNative", {
+      type: Boolean,
+      required: false,
+      default: false,
+      description: "Enable the on-device react-native storybook",
+    });
+
     this.option("rootAsSrc", {
       type: Boolean,
       required: false,
@@ -566,6 +574,20 @@ export default class CommonFormatLintGenerator extends Generator {
           ignorePatterns.add("/rollup.config.mjs");
         }
 
+        if (this.options.storybook) {
+          ignorePatterns.add("**/.storybook/");
+          ignorePatterns.add("**/storybook-static/");
+        }
+        if (this.options.storybookReactNative) {
+          ignorePatterns.add("**/.rnstorybook/");
+        }
+
+        if (hasDesignSync(this)) {
+          ignorePatterns.add("/.design-sync/");
+          ignorePatterns.add("/.ds-sync/");
+          ignorePatterns.add("/ds-bundle/");
+        }
+
         if (rootIgnorePaths) {
           rootIgnorePaths.forEach((ignorePath) => {
             if (ignorePath.startsWith("#")) return;
@@ -703,7 +725,7 @@ export default class CommonFormatLintGenerator extends Generator {
           ? `${packageManagerExecWithCwd(this.options.packageManager, "../..", "oxlint")} ${args} ${quoteArg(path.relative("../..", "."))}`
           : `oxlint ${args}`,
         lint: `${packageManagerRun(this.options.packageManager, "lint:oxlint")} && ${
-          useTypescript && !composite ? "tsc && " : ""
+          useTypescript && !composite ? "tsrs && " : ""
         }${packageManagerRun(this.options.packageManager, "lint:eslint")}`,
       });
 

package/lib/generators/common/transpiler/CommonTranspilerGenerator.js

@@ -178,7 +178,7 @@ export default class CommonTranspilerGenerator extends Generator {
           if (bundler && bundler.startsWith("rollup")) {
             return `${packageManagerRun(this.options.packageManager, "clean:build")} && rollup --config rollup.config.mjs --watch`;
           }
-          if (bundler === "tsc") return "tsc --watch";
+          if (bundler === "tsc") return "tsrs --watch";
           if (bundler === "esbuild") return "pob-esbuild-watch";
         })(),
       });
@@ -194,7 +194,7 @@ export default class CommonTranspilerGenerator extends Generator {
         if (bundler && bundler.startsWith("rollup")) {
           return `${packageManagerRun(this.options.packageManager, "clean:build")} && rollup --config rollup.config.mjs`;
         }
-        if (bundler === "tsc") return "tsc";
+        if (bundler === "tsc") return "tsrs";
         if (bundler === "esbuild") return "pob-esbuild-build";
       })(),
     });
@@ -203,7 +203,7 @@ export default class CommonTranspilerGenerator extends Generator {
       !this.options.isApp && withTypescript && bundler !== "tsc";
 
     packageUtils.addOrRemoveScripts(pkg, shouldBuildDefinitions, {
-      "build:definitions": "tsc -p tsconfig.json",
+      "build:definitions": "tsrs -p tsconfig.json",
     });
 
     if (shouldBuildDefinitions) {
@@ -218,7 +218,7 @@ export default class CommonTranspilerGenerator extends Generator {
       if (this.fs.exists(this.destinationPath("lib/index.d.ts"))) {
         packageUtils.addScripts(pkg, {
           "build:definitions":
-            "tsc --lib esnext --noEmit --skipLibCheck ./lib/index.d.ts",
+            "tsrs --lib esnext --noEmit --skipLibCheck ./lib/index.d.ts",
           build: packageManagerRun(
             this.options.packageManager,
             "build:definitions",
@@ -229,7 +229,7 @@ export default class CommonTranspilerGenerator extends Generator {
       if (this.fs.exists(this.destinationPath("lib/index.ts"))) {
         packageUtils.addScripts(pkg, {
           "build:definitions":
-            "tsc --lib esnext --noEmit --skipLibCheck ./lib/index.ts",
+            "tsrs --lib esnext --noEmit --skipLibCheck ./lib/index.ts",
           build: packageManagerRun(
             this.options.packageManager,
             "build:definitions",
@@ -740,7 +740,9 @@ export default class CommonTranspilerGenerator extends Generator {
   }
 
   end() {
-    if (this.bundler) {
+    // when updated from the monorepo root, dependencies are not installed yet:
+    // the root builds after installing
+    if (this.bundler && !this.options.fromPob) {
       this.spawnCommandSync(
         packageManagerRun(this.options.packageManager, "build"),
       );

package/lib/generators/common/typescript/CommonTypescriptGenerator.js

@@ -222,12 +222,13 @@ export default class CommonTypescriptGenerator extends Generator {
 
     // "typescript" is aliased to the typescript 6 api package, still required by
     // typescript-eslint and typedoc. "@typescript/native" is typescript 7, which
-    // provides the "tsc" binary.
+    // provides the "tsc" binary, kept for the "tsc:go" script. "tsrs" is the
+    // rust port of typescript 7, used by all the other scripts.
     packageUtils.addOrRemoveDevDependencies(
       pkg,
       this.options.enable ||
         this.fs.exists(this.destinationPath("lib/index.d.ts")),
-      ["typescript", "@typescript/native"],
+      ["typescript", "@typescript/native", "tsrs"],
     );
 
     const tsconfigPath = this.destinationPath("tsconfig.json");
@@ -401,11 +402,15 @@ export default class CommonTypescriptGenerator extends Generator {
     }
 
     if (!pkg.workspaces || !this.options.enable) {
+      // tsrs and tsc do not share their .tsbuildinfo: switching between them
+      // triggers a full rebuild
+      const tscCommand = (compiler) =>
+        inMonorepo || !this.options.enable
+          ? compiler
+          : `${compiler} && ${compiler} -p tsconfig.tools.json`;
       packageUtils.addOrRemoveScripts(pkg, this.options.enable, {
-        tsc:
-          inMonorepo || !this.options.enable
-            ? "tsc"
-            : "tsc && tsc -p tsconfig.tools.json",
+        tsc: tscCommand("tsrs"),
+        "tsc:go": tscCommand("tsc"),
       });
     }
 

package/lib/generators/core/gitignore/CoreGitignoreGenerator.js

@@ -1,4 +1,5 @@
 import Generator from "yeoman-generator";
+import hasDesignSync from "../../../utils/designSync.js";
 
 export default class CoreGitignoreGenerator extends Generator {
   constructor(args, opts) {
@@ -82,6 +83,7 @@ export default class CoreGitignoreGenerator extends Generator {
         typescript: withBabel || this.options.typescript,
         paths: this.options.paths,
         playwright: this.options.playwright,
+        designSync: hasDesignSync(this),
       });
     }
 

package/lib/generators/core/gitignore/templates/gitignore.ejs

@@ -44,6 +44,12 @@ yarn-error.log*
 /test-results
 /playwright-report
 <% } -%>
+<% if (designSync) { -%>
+
+# Claude Design sync
+/.ds-sync/
+/ds-bundle/
+<% } -%>
 
 #*
 *$

package/lib/generators/core/vscode/CoreVSCodeGenerator.js

@@ -69,6 +69,24 @@ export default class CoreVSCodeGenerator extends Generator {
   async writing() {
     if (this.options.root) {
       const pkg = this.fs.readJSON(this.destinationPath("package.json"));
+      // the tsdk script runs tsrs from node_modules, which pnp does not have
+      const withTsrs =
+        this.options.typescript && this.options.yarnNodeLinker !== "pnp";
+      const tsdkPath = this.destinationPath(".vscode/tsrs-tsdk/tsgo");
+
+      if (withTsrs) {
+        // the extension runs it directly, so it must be executable
+        this.fs.write(
+          tsdkPath,
+          this.fs.read(this.templatePath("tsrs-tsdk-tsgo")),
+          {
+            stat: /** @type {import("node:fs").Stats} */ ({ mode: 0o755 }),
+          },
+        );
+      } else {
+        this.fs.delete(tsdkPath);
+      }
+
       await copyAndFormatTpl(
         this.fs,
         this.templatePath("extensions.json.ejs"),
@@ -90,6 +108,7 @@ export default class CoreVSCodeGenerator extends Generator {
           bun: this.options.packageManager === "bun",
           pnpm: this.options.packageManager === "pnpm",
           typescript: this.options.typescript,
+          tsrs: withTsrs,
           testing: this.options.testing,
           testRunner: this.options.testRunner,
           module: pkg.type === "module",

package/lib/generators/core/vscode/templates/settings.json.ejs

@@ -17,6 +17,16 @@
   // typescript 7 is provided by the TypeScriptTeam.native-preview extension.
   // "typescript" resolves to the typescript 6 api package, which has no
   // tsserver, so it cannot be used as "typescript.tsdk".
+<% if (tsrs) { -%>
+  // The extension runs tsrs, the same compiler as the "tsc" script, through
+  // .vscode/tsrs-tsdk/tsgo once its "TypeScript 7 tsdk" prompt is allowed.
+  // Without the prompt, use "Select TypeScript Version…", which offers the
+  // "additionalLocations" entry.
+  "js/ts.experimental.useTsgo": true,
+  "js/ts.tsdk.path": ".vscode/tsrs-tsdk",
+  "js/ts.tsdk.additionalLocations": [".vscode/tsrs-tsdk"],
+  "js/ts.enablePromptUseWorkspaceTsdk": true,
+<% } -%>
 <% } -%>
 
 <% if (yarn) { -%>

package/lib/generators/core/vscode/templates/tsrs-tsdk-tsgo

@@ -0,0 +1,9 @@
+#!/bin/sh
+# Generated by pob: do not edit, it is overwritten on each pob run.
+# "js/ts.tsdk.path" points to this directory, so that the TypeScript 7
+# extension (TypeScriptTeam.native-preview) runs the project's tsrs instead of
+# its bundled typescript 7. The extension silently falls back to the bundled
+# one when this fails: tsrs not installed, no tsrs binary for the platform
+# (Windows, Intel macOS) or node not in VS Code's PATH.
+# Check with: ps -axo command | grep -- '--lsp --stdio'
+exec node "$(dirname "$0")/../../node_modules/tsrs/bin/tsrs" "$@"

package/lib/generators/lib/PobLibGenerator.js

@@ -365,7 +365,6 @@ export default class PobLibGenerator extends Generator {
       documentation:
         !!this.pobjson.documentation ||
         !!(this.pobjson.testing && this.pobjson.testing.codecov),
-      storybook: pkg?.devDependencies?.storybook,
       testing: !!this.pobjson.testing,
       testRunner: inMonorepo
         ? inMonorepo.pobMonorepoConfig.testRunner

package/lib/generators/monorepo/PobMonorepoGenerator.js

@@ -9,6 +9,10 @@ import {
   workspacesRun,
   workspacesRunSequential,
 } from "../../utils/packageManagerWorkspacesUtils.js";
+import {
+  detectStorybook,
+  detectStorybookReactNative,
+} from "../../utils/storybook.js";
 import {
   buildDependenciesMaps,
   buildTopologicalOrderBatches,
@@ -152,7 +156,16 @@ export default class PobMonorepoGenerator extends Generator {
   }
 
   async prompting() {
-    const config = this.config.get("monorepo");
+    const storedConfig = this.config.get("monorepo");
+    const allPackages = [
+      this.fs.readJSON(this.destinationPath("package.json"), {}),
+      ...this.packages,
+    ];
+    const config = storedConfig && {
+      storybook: detectStorybook(allPackages),
+      storybookReactNative: detectStorybookReactNative(allPackages),
+      ...storedConfig,
+    };
 
     if (this.options.updateOnly && config) {
       this.pobMonorepoConfig = config;
@@ -232,6 +245,20 @@ export default class PobMonorepoGenerator extends Generator {
         message: "Would you like eslint in monorepo ?",
         default: config ? config.eslint : true,
       },
+      {
+        type: "confirm",
+        name: "storybook",
+        message: "Would you like storybook ?",
+        default: config ? config.storybook : detectStorybook(allPackages),
+      },
+      {
+        type: "confirm",
+        name: "storybookReactNative",
+        message: "Would you like the on-device react-native storybook ?",
+        default: config
+          ? config.storybookReactNative
+          : detectStorybookReactNative(allPackages),
+      },
     ]);
     this.pobMonorepoConfig.packageNames = this.packageNames;
     this.config.set("monorepo", this.pobMonorepoConfig);
@@ -320,7 +347,8 @@ export default class PobMonorepoGenerator extends Generator {
     this.composeWith("pob:common:format-lint", {
       monorepo: true,
       documentation: this.pobMonorepoConfig.documentation,
-      storybook: pkg?.devDependencies?.storybook,
+      storybook: this.pobMonorepoConfig.storybook,
+      storybookReactNative: this.pobMonorepoConfig.storybookReactNative,
       typescript: this.pobMonorepoConfig.typescript,
       build: hasRootBuild,
       testing: this.pobMonorepoConfig.testing,

package/lib/generators/monorepo/typescript/MonorepoTypescriptGenerator.js

@@ -101,22 +101,26 @@ export default class MonorepoTypescriptGenerator extends Generator {
 
     // "typescript" is aliased to the typescript 6 api package, still required by
     // typescript-eslint and typedoc. "@typescript/native" is typescript 7, which
-    // provides the "tsc" binary.
+    // provides the "tsc" binary, kept for the "tsc:go" script. "tsrs" is the
+    // rust port of typescript 7, used by all the other scripts.
     packageUtils.addOrRemoveDevDependencies(
       pkg,
       pkg.name === "@pob/eslint-config-monorepo" || this.options.enable,
-      ["typescript", "@typescript/native"],
+      ["typescript", "@typescript/native", "tsrs"],
     );
 
     if (this.options.enable) {
+      // tsrs and tsc do not share their .tsbuildinfo: switching between them
+      // triggers a full rebuild
       packageUtils.addOrRemoveScripts(pkg, this.#hasTypescriptProjects(), {
-        tsc: "tsc -b",
+        tsc: "tsrs -b",
+        "tsc:go": "tsc -b",
       });
       packageUtils.addOrRemoveScripts(
         pkg,
         !this.options.isAppProject && !this.options.checkOnly,
         {
-          "build:definitions": "tsc -b",
+          "build:definitions": "tsrs -b",
         },
       );
 
@@ -134,6 +138,7 @@ export default class MonorepoTypescriptGenerator extends Generator {
       }
     } else if (pkg.scripts) {
       delete pkg.scripts.tsc;
+      delete pkg.scripts["tsc:go"];
       if (
         pkg.scripts.postbuild === "tsc -b tsconfig.build.json" ||
         pkg.scripts.postbuild === "tsc -b"

package/lib/generators/monorepo/workspaces/MonorepoWorkspacesGenerator.js

@@ -186,7 +186,11 @@ export default class MonorepoWorkspacesGenerator extends Generator {
     );
   }
 
-  end() {
+  // packages are updated in the install phase, after root files are written and
+  // before the root install of the end phase (see CorePnpmGenerator,
+  // CoreYarnGenerator, CoreBunGenerator), so the lockfile includes the
+  // dependencies updated in packages
+  install() {
     this.packagePaths.forEach((packagePath) => {
       if (
         !existsSync(`${packagePath}/.yo-rc.json`) &&

package/lib/utils/designSync.js

@@ -0,0 +1,12 @@
+/**
+ * Whether the project uses Claude Design sync: its tracked config lives in
+ * ".design-sync", next to the untracked ".ds-sync" cache and "ds-bundle"
+ * build output.
+ *
+ * @param {import("yeoman-generator").default} generator
+ */
+export default function hasDesignSync(generator) {
+  return generator.fs.exists(
+    generator.destinationPath(".design-sync/config.json"),
+  );
+}

package/lib/utils/storybook.js

@@ -0,0 +1,26 @@
+// Fallbacks for the storybook options of a config missing them.
+
+/**
+ * @param {Record<string, any>[]} pkgs
+ * @param {(name: string) => boolean} test
+ */
+const someDependency = (pkgs, test) =>
+  pkgs.some((pkg) =>
+    [pkg.dependencies, pkg.devDependencies].some(
+      (dependencies) => dependencies && Object.keys(dependencies).some(test),
+    ),
+  );
+
+// a web storybook depends on its framework (@storybook/react-vite,
+// @storybook/nextjs...): "storybook" alone is also a dependency of the
+// react-native one
+const webFrameworkRegExp =
+  /^@storybook\/(?:.+-(?:vite|webpack5)|nextjs|angular|ember|sveltekit)$/;
+
+/** @param {Record<string, any>[]} pkgs */
+export const detectStorybook = (pkgs) =>
+  someDependency(pkgs, (name) => webFrameworkRegExp.test(name));
+
+/** @param {Record<string, any>[]} pkgs */
+export const detectStorybookReactNative = (pkgs) =>
+  someDependency(pkgs, (name) => name === "@storybook/react-native");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pob",
-  "version": "40.1.0",
+  "version": "40.2.0",
   "description": "Pile of bones, library generator with git/babel/typescript/typedoc/readme/vitest",
   "keywords": [
     "skeleton"
@@ -31,7 +31,7 @@
     "./package.json": "./package.json"
   },
   "dependencies": {
-    "@pob/codemods": "0.18.0",
+    "@pob/codemods": "0.18.1",
     "@pob/eslint-config": "68.0.0",
     "@pob/eslint-config-typescript-react": "68.0.0",
     "@pob/sort-object": "11.2.0",
@@ -51,7 +51,7 @@
     "minimist": "1.2.8",
     "oxfmt": "0.72.0",
     "parse-author": "2.0.0",
-    "pob-dependencies": "28.1.0",
+    "pob-dependencies": "28.2.0",
     "semver": "7.8.5",
     "typescript": "npm:@typescript/typescript6@6.0.2",
     "validate-npm-package-name": "^8.0.0",
@@ -59,10 +59,11 @@
     "yeoman-generator": "10.0.1"
   },
   "devDependencies": {
-    "@pob/root": "28.1.0",
+    "@pob/root": "28.2.0",
     "@types/node": "24.19.1",
     "@typescript/native": "npm:typescript@7.0.2",
-    "@yeoman/types": "1.13.1"
+    "@yeoman/types": "1.13.1",
+    "tsrs": "0.18.0-ts7.1.0-dev.20260929"
   },
   "engines": {
     "node": ">=24.14.1"
@@ -72,10 +73,11 @@
   },
   "scripts": {
     "build": "pnpm run build:definitions",
-    "build:definitions": "tsc -p tsconfig.json",
+    "build:definitions": "tsrs -p tsconfig.json",
     "lint": "pnpm run lint:oxlint && pnpm run lint:eslint",
     "lint:eslint": "pnpm --dir '../..' exec eslint --quiet 'packages/pob'",
     "lint:oxlint": "pnpm --dir '../..' exec oxlint --quiet 'packages/pob'",
-    "tsc": "tsc"
+    "tsc": "tsrs",
+    "tsc:go": "tsc"
   }
 }