fontdue-js 3.0.0-alpha1 → 3.0.0-alpha3

package/dist/vite.js

@@ -21,9 +21,8 @@
 // Returned shape is structurally a Vite Plugin (or array of plugins).
 //
 // @ts-ignore — vite-plugin-cjs-interop has no bundled types but exports
-// cjsInterop at runtime; we don't take a build-time `vite` dep on the user.
+// cjsInterop at runtime.
 import { cjsInterop } from 'vite-plugin-cjs-interop';
-
 // Packages whose imports cjsInterop should rewrite to default-import +
 // destructure shape. Limit this to packages that genuinely ship as CJS-only
 // with `module.exports = require('./lib')` shapes that defeat named-import
@@ -36,7 +35,16 @@ const CJS_DEPS = ['react-relay', 'relay-runtime', 'draft-js', 'fbjs'];
 // the cjs-module-lexer trap when an ESM package (react-redux) imports a CJS
 // transitive (use-sync-external-store). Without this, the browser dev path
 // fails with "does not provide an export named useSyncExternalStoreWithSelector".
-const CLIENT_OPTIMIZE = [...CJS_DEPS, 'react-redux'];
+//
+// `react-google-recaptcha` and `@stripe/react-stripe-js` are pulled into the
+// StoreModal subtree (checkout flow). Both transitively import `prop-types`,
+// whose `module.exports = require('./factoryWithTypeCheckers')(...)` shape
+// hides exports behind a runtime call — cjs-module-lexer can't see them, so
+// the optimizer's auto-generated wrapper omits a `default` export. Including
+// the consumers + setting `needsInterop` on `prop-types` forces Vite to
+// synthesize a default export so `import PropTypes from 'prop-types'` resolves.
+const CLIENT_OPTIMIZE = [...CJS_DEPS, 'react-redux', 'react-google-recaptcha', '@stripe/react-stripe-js', 'prop-types'];
+const NEEDS_INTEROP = ['prop-types'];
 export default function fontdueJs() {
   return [cjsInterop({
     dependencies: CJS_DEPS
@@ -50,7 +58,8 @@ export default function fontdueJs() {
         // its `module.exports = require('./lib/index.js')` shape can't
         // be statically analyzed for named exports.
         optimizeDeps: {
-          include: [...CLIENT_OPTIMIZE]
+          include: [...CLIENT_OPTIMIZE],
+          needsInterop: [...NEEDS_INTEROP]
         },
         // fbjs (transitive via draft-js) references Node's `global` at
         // module init. Browsers don't define it, so the pre-bundled chunk
@@ -59,16 +68,32 @@ export default function fontdueJs() {
         // and SSR paths.
         define: {
           global: 'globalThis'
-        },
-        ssr: {
-          // Run fontdue-js source through Vite's transform pipeline so
-          // cjsInterop sees its imports of CJS-shaped Relay/draft-js/fbjs
-          // and rewrites them. Otherwise Node externalizes fontdue-js and
-          // its `import { graphql } from 'react-relay'` fails — cjs-module-
-          // lexer can't extract names from `module.exports = require('./lib')`.
-          noExternal: ['fontdue-js']
         }
       };
+    },
+    // Apply `noExternal` to every server-side Vite environment so
+    // fontdue-js source flows through Vite's transform pipeline and
+    // cjsInterop can rewrite its imports of CJS-shaped Relay/draft-js/
+    // fbjs. The legacy `ssr.noExternal` only covered the default `ssr`
+    // environment, so Astro 6's separate `prerender` build externalized
+    // fontdue-js and `import { graphql } from 'react-relay'` ran against
+    // unrewritten CJS at prerender time.
+    //
+    // `config.consumer` would be the principled check, but at
+    // `configEnvironment` time Vite hasn't populated it yet (undefined
+    // for ssr/prerender/client alike). Match by name instead:
+    //   - 'ssr':        default Vite SSR env (plain Vite SSR, RR7)
+    //   - 'prerender':  Astro 6's static-prerender env
+    // The `consumer` fallback is kept as future-proofing if a framework
+    // ever names its server env something else but does populate consumer.
+    configEnvironment(name, config) {
+      if (name === 'ssr' || name === 'prerender' || config.consumer === 'server') {
+        return {
+          resolve: {
+            noExternal: ['fontdue-js']
+          }
+        };
+      }
     }
   }];
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fontdue-js",
-  "version": "3.0.0-alpha1",
+  "version": "3.0.0-alpha3",
   "type": "module",
   "scripts": {
     "build": "npm run relay && run-p build-js build-css build-ts",
@@ -63,6 +63,7 @@
     "relay-compiler": "^18.0.0",
     "sass": "^1.62",
     "typescript": "^5.9",
+    "vite": "^8.0.10",
     "vitest": "^4.1.1"
   },
   "relay": {
@@ -99,6 +100,7 @@
       "react-server": "./dist/components/FontdueProvider/index.server.js",
       "default": "./dist/components/FontdueProvider/index.js"
     },
+    "./loadFontdueProviderQuery": "./dist/loadFontdueProviderQuery.js",
     "./NewsletterSignup": {
       "react-server": "./dist/components/NewsletterSignup/index.server.js",
       "default": "./dist/components/NewsletterSignup/index.js"
@@ -112,7 +114,6 @@
       "react-server": "./dist/components/TypeTester/TypeTesterStandalone.server.js",
       "default": "./dist/components/TypeTester/TypeTesterStandalone.js"
     },
-    "./TypeTester/preload": "./dist/components/TypeTester/TypeTesterStandalone.preload.js",
     "./vite": "./dist/vite.js",
     "./TypeTesters": {
       "react-server": "./dist/components/TypeTesters/index.server.js",