@blotch/rsbuild-plugin-angular-lynx 0.0.0-stage → 22.2.0

package/dist/utils/options.d.ts

@@ -0,0 +1,31 @@
+export type PluginAngularLynxOptions = {
+    customCSSInheritanceList?: string[] | undefined;
+    debugInfoOutside?: boolean;
+    defaultDisplayLinear?: boolean;
+    defaultOverflowVisible?: boolean;
+    enableA11y?: boolean;
+    enableAccessibilityElement?: boolean;
+    enableCSSInheritance?: boolean;
+    enableCSSInvalidation?: boolean;
+    enableCSSSelector?: boolean;
+    enableICU?: boolean;
+    enableNewGesture?: boolean;
+    enableParallelElement?: boolean;
+    enableRemoveCSSScope?: boolean;
+    enableSSR?: boolean;
+    /**
+     * Build multiple angular.json projects as separate Lynx pages.
+     * Each project's `browser` field becomes a named entry producing its own .lynx.bundle.
+     *
+     * - `string[]` — list of angular.json project names to build
+     * - `'all'` — build all `application`-type projects in the workspace
+     *
+     * When omitted, uses `source.entry` from lynx.config.ts (single or multi-entry).
+     */
+    pages?: string[] | 'all' | undefined;
+    pipelineSchedulerConfig?: number;
+    removeDescendantSelectorScope?: boolean;
+    targetSdkVersion?: string;
+    experimental_isLazyBundle?: boolean;
+};
+export declare const normalizeOptions: (options?: Partial<PluginAngularLynxOptions>) => Required<PluginAngularLynxOptions>;

package/dist/utils/options.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/utils/strip-template-whitespace.d.ts

@@ -0,0 +1,34 @@
+/**
+ * Strips leading and trailing newline-induced whitespace from single-line text
+ * nodes in Angular component templates.
+ *
+ * Angular's template compiler (`preserveWhitespaces: false`, the default)
+ * condenses consecutive whitespace but does NOT strip the edge spaces produced
+ * by template indentation. A block-level text element written naturally:
+ *
+ *   <text class="...">
+ *     The Quick Brown Fox
+ *   </text>
+ *
+ * compiles to `ɵɵtext(1, " The Quick Brown Fox ")` — the newlines become
+ * single spaces. Lynx has no HTML whitespace-collapsing model, so those edge
+ * spaces render literally, producing a visible leading/trailing indent.
+ *
+ * This transform runs on the raw template source BEFORE Angular's compiler sees
+ * it (in `buildLynxSchemaSourceFileCache`), so the compiler receives:
+ *
+ *   <text class="...">The Quick Brown Fox</text>
+ *
+ * and emits `ɵɵtext(1, "The Quick Brown Fox")` — clean, no extra spaces.
+ *
+ * Why this is safe for inline text:
+ *   <text>Hello <text style="color:red">world</text> again</text>
+ *
+ * The text nodes "Hello " and " again" sit on the SAME line as their sibling
+ * elements — no surrounding newlines — so the regex never matches them and their
+ * inter-word spaces are preserved.
+ *
+ * Limitation: external templates (`templateUrl`) are read by Angular's compiler
+ * host directly from disk and are not reachable from this transform path.
+ */
+export declare const stripTemplateWhitespace: (source: string) => string;

package/dist/utils/strip-template-whitespace.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/worklet-transform.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Detects functions with a `"main thread"` directive and wraps them with
+ * `mainThreadFn()` at build time. This matches React Lynx's worklet directive
+ * pattern — users write a string directive as the first statement, and the
+ * build transform handles registration.
+ */
+export declare const transformWorklets: (code: string, filename: string) => string;

package/dist/worklet-transform.test.d.ts

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -1,6 +1,75 @@
 {
   "name": "@blotch/rsbuild-plugin-angular-lynx",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
-}
+  "version": "22.2.0",
+  "description": "Rsbuild plugin for building AngularLynx applications",
+  "homepage": "https://github.com/Blotch-Smart-Frames/AngularLynx#readme",
+  "bugs": {
+    "url": "https://github.com/Blotch-Smart-Frames/AngularLynx/issues"
+  },
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/Blotch-Smart-Frames/AngularLynx.git",
+    "directory": "packages/rsbuild-plugin-angular-lynx"
+  },
+  "files": [
+    "dist",
+    "patch"
+  ],
+  "type": "module",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    }
+  },
+  "scripts": {
+    "build": "rslib build",
+    "dev": "rslib build --watch",
+    "test": "vitest run",
+    "test:coverage": "vitest run --coverage",
+    "test:ci:coverage": "vitest run --coverage",
+    "test:ui": "vitest --ui --coverage.enabled=true",
+    "lint": "oxlint .",
+    "lint:fix": "oxlint --fix .",
+    "format": "oxfmt --write .",
+    "format:check": "oxfmt --check .",
+    "cspell": "cspell .",
+    "postinstall": "node ./patch/patch-angular-build.cjs",
+    "publish:local": "yalc publish --push"
+  },
+  "dependencies": {
+    "@lynx-js/css-extract-webpack-plugin": "^0.11.0",
+    "@lynx-js/rsbuild-plugin": "^0.1.3",
+    "@lynx-js/runtime-wrapper-webpack-plugin": "^0.2.4",
+    "@lynx-js/template-webpack-plugin": "^0.16.2",
+    "@lynx-js/webpack-runtime-globals": "^0.0.8",
+    "rsbuild-plugin-tailwindcss": "0.2.4",
+    "tiny-invariant": "^1.3.3"
+  },
+  "devDependencies": {
+    "@angular-devkit/build-angular": "^22.2.2",
+    "@angular-devkit/core": "^22.2.2",
+    "@angular/build": "^22.2.2",
+    "@rsbuild/core": "^2.2.9",
+    "@rslib/core": "^0.21.4",
+    "@rspack/core": "^2.2.8",
+    "@types/node": "^25.6.2",
+    "type-fest": "^5.6.0",
+    "typescript": "^6.0.3"
+  },
+  "peerDependencies": {
+    "@angular-devkit/build-angular": "^22.2.0",
+    "@angular-devkit/core": "^22.2.0",
+    "@angular/build": "^22.2.0",
+    "@angular/localize": "^22.2.0",
+    "@lynx-js/rspeedy": "^0.18.0"
+  },
+  "peerDependenciesMeta": {
+    "@angular/localize": {
+      "optional": true
+    }
+  }
+}

package/patch/patch-angular-build.cjs

@@ -0,0 +1,27 @@
+const { readFileSync, writeFileSync } = require('node:fs');
+
+const main = () => {
+  const angularBuildPackageJson =
+    require.resolve('@angular/build/package.json');
+  const fileContentsJson = JSON.parse(
+    readFileSync(angularBuildPackageJson, 'utf8'),
+  );
+  // Angular 22.2 moved the transformer out of `src/tools/esbuild/`.
+  fileContentsJson.exports['./src/tools/javascript-transformer'] =
+    './src/tools/javascript-transformer/index.js';
+  fileContentsJson.exports['./src/tools/angular/compilation'] =
+    './src/tools/angular/compilation/index.js';
+  fileContentsJson.exports[
+    './src/tools/esbuild/angular/file-reference-tracker'
+  ] = './src/tools/esbuild/angular/file-reference-tracker.js';
+  fileContentsJson.exports[
+    './src/tools/esbuild/angular/component-stylesheets'
+  ] = './src/tools/esbuild/angular/component-stylesheets.js';
+
+  writeFileSync(
+    angularBuildPackageJson,
+    JSON.stringify(fileContentsJson, null, 2),
+  );
+};
+
+main();