fix: linaria PR #1256

packages/taler-wallet-webextension/linaria-esbuild-plugin-fixed.mjs

@@ -0,0 +1,108 @@
+// src/index.ts
+import fs from "fs";
+import path from "path";
+import { transformSync } from "esbuild";
+import { slugify, transform } from "@linaria/babel-preset";
+var nodeModulesRegex = /^(?:.*[\\/])?node_modules(?:[\\/].*)?$/;
+function linaria({ sourceMap, preprocessor, esbuildOptions, ...rest } = {}) {
+  let options = esbuildOptions;
+  return {
+    name: "linaria",
+    setup(build) {
+      const cssLookup = /* @__PURE__ */ new Map();
+      const asyncResolve = async (token, importer) => {
+        const context = path.isAbsolute(importer)
+          ? path.dirname(importer)
+          : path.join(process.cwd(), path.dirname(importer));
+        const result = await build.resolve(token, {
+          resolveDir: context,
+          kind: "import-statement",
+        });
+        if (result.errors.length > 0) {
+          throw new Error(`Cannot resolve ${token}`);
+        }
+        return result.path;
+      };
+      build.onResolve({ filter: /\.linaria\.css$/ }, (args) => {
+        return {
+          namespace: "linaria",
+          path: args.path,
+        };
+      });
+      build.onLoad({ filter: /.*/, namespace: "linaria" }, (args) => {
+        return {
+          contents: cssLookup.get(args.path),
+          loader: "css",
+          resolveDir: path.basename(args.path),
+        };
+      });
+      build.onLoad({ filter: /\.(js|jsx|ts|tsx)$/ }, async (args) => {
+        const rawCode = fs.readFileSync(args.path, "utf8");
+        const { ext, name: filename } = path.parse(args.path);
+        const loader = ext.replace(/^\./, "");
+        if (nodeModulesRegex.test(args.path)) {
+          return {
+            loader,
+            contents: rawCode,
+          };
+        }
+        if (!options) {
+          options = {};
+          if ("jsxFactory" in build.initialOptions) {
+            options.jsxFactory = build.initialOptions.jsxFactory;
+          }
+          if ("jsxFragment" in build.initialOptions) {
+            options.jsxFragment = build.initialOptions.jsxFragment;
+          }
+        }
+        const transformed = transformSync(rawCode, {
+          ...options,
+          sourcefile: args.path,
+          sourcemap: sourceMap,
+          loader,
+        });
+        let { code } = transformed;
+        if (sourceMap) {
+          const esbuildMap = Buffer.from(transformed.map).toString("base64");
+          code += `/*# sourceMappingURL=data:application/json;base64,${esbuildMap}*/`;
+        }
+        const result = await transform(
+          code,
+          {
+            filename: args.path,
+            preprocessor,
+            pluginOptions: rest,
+          },
+          asyncResolve
+        );
+        if (!result.cssText) {
+          return {
+            contents: code,
+            loader,
+            resolveDir: path.dirname(args.path),
+          };
+        }
+        let { cssText } = result;
+        const slug = slugify(cssText);
+        const cssFilename = `${filename}_${slug}.linaria.css`;
+        let contents = `import ${JSON.stringify(cssFilename)}; ${result.code}`;
+        if (sourceMap && result.cssSourceMapText) {
+          const map = Buffer.from(result.cssSourceMapText).toString("base64");
+          cssText += `/*# sourceMappingURL=data:application/json;base64,${map}*/`;
+          const linariaMap = Buffer.from(
+            JSON.stringify(result.sourceMap)
+          ).toString("base64");
+          contents += `/*# sourceMappingURL=data:application/json;base64,${linariaMap}*/`;
+        }
+        cssLookup.set(cssFilename, cssText);
+        return {
+          contents,
+          loader,
+          resolveDir: path.dirname(args.path),
+        };
+      });
+    },
+  };
+}
+export { linaria as default };
+//# sourceMappingURL=index.mjs.map

packages/taler-wallet-webextension/package.json

@@ -12,7 +12,7 @@
     "clean": "rimraf dist lib tsconfig.tsbuildinfo",
     "test": "./test.mjs && mocha --require source-map-support/register 'dist/test/**/*.test.js' 'dist/test/**/test.js'",
     "test:coverage": "nyc pnpm test",
-    "compile": "tsc && ./build.mjs",
+    "compile": "./patch-linaria.sh && tsc && ./build.mjs",
     "prepare": "tsc",
     "dev": "./dev.mjs",
     "pretty": "prettier --write src",

packages/taler-wallet-webextension/patch-linaria.sh

@@ -0,0 +1,9 @@
+#!/bin/bash
+# This file is in the public domain.
+
+# Fix: ERROR Cannot find module 'xxx' with esbuild 0.17 and linaria 4.2
+# remove when this PR is accepted
+# https://github.com/callstack/linaria/pull/1256
+
+cp linaria-esbuild-plugin-fixed.mjs ./node_modules/@linaria/esbuild/dist/index.mjs
+