fontdue-js 3.0.0-alpha1 → 3.0.0-alpha2

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fontdue-js",
-  "version": "3.0.0-alpha1",
+  "version": "3.0.0-alpha2",
   "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",