fontdue-js 2.28.0 → 3.0.0-alpha10

package/.babelrc.cjs

@@ -0,0 +1,72 @@
+const path = require('path');
+const addJsExtensionsPlugin = require('./scripts/addJsExtensionsBabelPlugin.cjs');
+const { version: PACKAGE_VERSION } = require('./package.json');
+
+// Replace `__FONTDUE_JS_VERSION__` references with the literal string
+// version from package.json. Avoids needing a generated file or a
+// runtime JSON import (which Node ESM rejects without import attributes).
+function defineVersionPlugin({ types: t }) {
+  return {
+    name: 'define-fontdue-js-version',
+    visitor: {
+      Identifier(path) {
+        if (path.node.name !== '__FONTDUE_JS_VERSION__') return;
+        // Skip declarations and import/export specifiers.
+        if (path.parent.type === 'VariableDeclarator' && path.parent.id === path.node) return;
+        path.replaceWith(t.stringLiteral(PACKAGE_VERSION));
+      },
+    },
+  };
+}
+
+// fbjs (transitive via draft-js) references Node's `global` at module init —
+// browsers don't define it, so hydration fails with a ReferenceError.
+// For any source file that imports draft-js or fbjs, prepend an import of
+// ./global-shim (which aliases globalThis.global = globalThis). ESM evaluates
+// imports in source order, so the shim module runs before draft-js loads.
+//
+// Only applied to the browser-targeted ESM build. The CJS build is consumed
+// by Node SSR, where `global` is already defined.
+const SHIM_ABS = path.resolve(__dirname, 'src/global-shim');
+const isTrigger = (s) => s === 'draft-js' || s === 'fbjs' || s.startsWith('fbjs/');
+
+function autoShimPlugin({ types: t }) {
+  return {
+    name: 'auto-global-shim',
+    visitor: {
+      Program(programPath, state) {
+        const filename = state.file.opts.filename;
+        if (!filename) return;
+        const resolvedNoExt = path.resolve(filename).replace(/\.[^/.]+$/, '');
+        if (resolvedNoExt === SHIM_ABS) return;
+        const imports = programPath
+          .get('body')
+          .filter((n) => n.isImportDeclaration());
+        if (!imports.some((imp) => isTrigger(imp.node.source.value))) return;
+        let rel = path.relative(path.dirname(filename), SHIM_ABS);
+        if (!rel.startsWith('.')) rel = './' + rel;
+        rel = rel.replace(/\\/g, '/');
+        if (imports.some((imp) => imp.node.source.value === rel)) return;
+        programPath.unshiftContainer(
+          'body',
+          t.importDeclaration([], t.stringLiteral(rel))
+        );
+      },
+    },
+  };
+}
+
+module.exports = {
+  presets: [
+    ['@babel/env', { modules: false }],
+    '@babel/react',
+    [
+      '@babel/typescript',
+      {
+        allExtensions: true,
+        isTSX: true,
+      },
+    ],
+  ],
+  plugins: ['relay', autoShimPlugin, addJsExtensionsPlugin, defineVersionPlugin],
+};