chore: fallback to wasm (#1196)

* chore: fallback to wasm

* fixup!

* fixup!

Author: avivkeller

.changeset/wasm-bindings-fallback.md

@@ -0,0 +1,5 @@
+---
+'@doc-kit/generator-react': patch
+---
+
+Fall back on platforms without native Rolldown or Lightning CSS bindings

packages/react/package.json

@@ -39,11 +39,13 @@
     "@node-core/ui-components": "^1.8.1",
     "@orama/orama": "^3.1.18",
     "@orama/ui": "^1.5.4",
+    "@rolldown/binding-wasm32-wasi": "~1.2.15",
     "estree-util-to-js": "^2.0.0",
     "github-slugger": "^2.0.0",
     "hast-util-to-html": "^9.0.5",
     "hast-util-to-string": "^3.0.1",
     "hastscript": "^9.0.1",
+    "lightningcss-wasm": "^1.33.0",
     "mdast-util-slice-markdown": "^2.0.1",
     "preact": "^10.29.7",
     "preact-render-to-string": "^6.7.0",

packages/react/src/html/bundlers/vite.mjs

@@ -2,6 +2,7 @@ import { readFile, rm, rmdir } from 'node:fs/promises';
 import { dirname, join, posix, resolve } from 'node:path';
 import { fileURLToPath, pathToFileURL } from 'node:url';
 
+import './wasm-fallback.mjs';
 import {
   build as viteBuild,
   defaultClientConditions,

packages/react/src/html/bundlers/wasm-fallback.mjs

@@ -0,0 +1,17 @@
+import { registerHooks } from 'node:module';
+
+if (process.arch === 'ppc64' || process.arch === 's390x') {
+  const url = import.meta.resolve('lightningcss-wasm');
+
+  registerHooks({
+    /**
+     * Resolves `lightningcss` to `lightningcss-wasm`.
+     *
+     * @type {import('node:module').ResolveHookSync}
+     */
+    resolve: (specifier, context, nextResolve) =>
+      specifier === 'lightningcss'
+        ? { url, format: 'module', shortCircuit: true }
+        : nextResolve(specifier, context),
+  });
+}