fontdue-js 3.0.0-alpha2 → 3.0.0-alpha4

package/dist/components/BuyButton/index.server.d.ts

@@ -1,5 +1,7 @@
 import React from 'react';
 import { BuyButton_props } from './index.js';
+export type { BuyButtonPreloadedQuery } from './index.js';
+export declare function loadBuyButtonQuery(): never;
 export default function BuyButton({ collectionId, collectionSlug, ...rest }: BuyButton_props & {
     collectionId?: string | null;
     collectionSlug?: string | null;

package/dist/components/BuyButton/index.server.js

@@ -4,6 +4,11 @@ import loadSerializableQuery from '../../relay/loadSerializableQuery.js';
 import { BuyButtonPreloadedIDQueryRenderer, BuyButtonPreloadedSlugQueryRenderer } from './index.js';
 import BuyButtonIDQueryNode from '../../__generated__/BuyButtonIDQuery.graphql.js';
 import BuyButtonSlugQueryNode from '../../__generated__/BuyButtonSlugQuery.graphql.js';
+// Stub for the RSC export condition. See FontdueProvider/index.server.tsx
+// for the rationale.
+export function loadBuyButtonQuery() {
+  throw new Error("loadBuyButtonQuery isn't needed in React Server Components — " + 'the <BuyButton> server entrypoint awaits its query automatically. ' + 'Drop the manual call.');
+}
 
 // Next RSC variant: awaits the query on the server and hands the response to
 // the client `*PreloadedQueryRenderer`. Lets pages just write

package/dist/components/BuyingOptions/index.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+interface BuyingOptionsProps {
+    onPrecartOpen: () => void;
+}
+declare const _default: import("react-redux").ConnectedComponent<({ onPrecartOpen }: BuyingOptionsProps) => React.JSX.Element, {
+    context?: React.Context<import("react-redux").ReactReduxContextValue<any, import("redux").UnknownAction> | null> | undefined;
+    store?: import("redux").Store | undefined;
+}>;
+export default _default;

package/dist/components/CartButton/index.server.d.ts

@@ -1,3 +1,5 @@
 import React from 'react';
 import { CartButton_props } from './index.js';
+export type { CartButtonPreloadedQuery } from './index.js';
+export declare function loadCartButtonQuery(): never;
 export default function CartButton(props: CartButton_props): Promise<React.JSX.Element>;

package/dist/components/CartButton/index.server.js

@@ -3,6 +3,14 @@ import React from 'react';
 import loadSerializableQuery from '../../relay/loadSerializableQuery.js';
 import { CartButtonPreloadedQueryRenderer } from './index.js';
 import CartButtonQueryNode from '../../__generated__/CartButtonQuery.graphql.js';
+// Stub for the RSC export condition. `<CartButton>`'s server entrypoint awaits
+// its query for consumers, so RSC users should never call `loadCartButtonQuery`
+// manually. Re-exporting a throwing stub makes the mistake obvious — without
+// it, importing the loader from `'fontdue-js/CartButton'` in a server
+// component would fail at build time with `Named export not found`.
+export function loadCartButtonQuery() {
+  throw new Error("loadCartButtonQuery isn't needed in React Server Components — " + 'the <CartButton> server entrypoint awaits its query automatically. ' + 'Drop the manual call.');
+}
 
 // Next RSC variant: awaits the query on the server and hands the response to
 // the client `CartButtonPreloadedQueryRenderer`. Lets pages just write

package/dist/components/CharacterViewer/index.server.d.ts

@@ -1,5 +1,7 @@
 import React from 'react';
 import { CharacterViewer_props } from './index.js';
+export type { CharacterViewerPreloadedQuery } from './index.js';
+export declare function loadCharacterViewerQuery(): never;
 export default function CharacterViewer({ collectionId, collectionSlug, ...rest }: CharacterViewer_props & {
     collectionId?: string | null;
     collectionSlug?: string | null;

package/dist/components/CharacterViewer/index.server.js

@@ -4,6 +4,11 @@ import loadSerializableQuery from '../../relay/loadSerializableQuery.js';
 import { CharacterViewerPreloadedIDQueryRenderer, CharacterViewerPreloadedSlugQueryRenderer } from './index.js';
 import CharacterViewerIDQueryNode from '../../__generated__/CharacterViewerIDQuery.graphql.js';
 import CharacterViewerSlugQueryNode from '../../__generated__/CharacterViewerSlugQuery.graphql.js';
+// Stub for the RSC export condition. See FontdueProvider/index.server.tsx
+// for the rationale.
+export function loadCharacterViewerQuery() {
+  throw new Error("loadCharacterViewerQuery isn't needed in React Server Components — " + 'the <CharacterViewer> server entrypoint awaits its query automatically. ' + 'Drop the manual call.');
+}
 
 // Next RSC variant: awaits the query on the server and hands the response to
 // the client `*PreloadedQueryRenderer`. Lets pages just write

package/dist/components/CookieNotification/index.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+interface CookieNotificationProps {
+    siteTitle?: string;
+}
+interface CookieNotificationState {
+    dismissed: boolean;
+}
+export default class CookieNotification extends React.Component<CookieNotificationProps, CookieNotificationState> {
+    constructor(props: CookieNotificationProps);
+    dismiss: () => void;
+    render(): React.JSX.Element | null;
+}
+export {};

package/dist/components/CookieNotification/index.js

@@ -1,5 +1,6 @@
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 import React from 'react';
+// @ts-ignore — `store` package has no published types
 import store from 'store';
 import ComponentsContext from '../ComponentsContext.js';
 const DefaultCookieNotification = _ref => {
@@ -29,7 +30,7 @@ const DefaultCookieNotification = _ref => {
     onClick: onDismiss
   }, "Got it"))));
 };
-const GetComponent = _ref2 => {
+function GetComponent(_ref2) {
   let {
     name,
     fallback,
@@ -39,7 +40,7 @@ const GetComponent = _ref2 => {
     const Component = components[name] || fallback;
     return children(Component);
   });
-};
+}
 const CookieNotificationBase = _ref3 => {
   let {
     siteTitle,
@@ -48,8 +49,7 @@ const CookieNotificationBase = _ref3 => {
   } = _ref3;
   return /*#__PURE__*/React.createElement(GetComponent, {
     name: "CookieNotification",
-    fallback: DefaultCookieNotification,
-    open: open
+    fallback: DefaultCookieNotification
   }, Component => /*#__PURE__*/React.createElement(Component, {
     onDismiss: dismiss,
     siteTitle: siteTitle,

package/dist/components/FontdueProvider/index.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+export { default as loadFontdueProviderQuery } from '../../loadFontdueProviderQuery.js';
 import type { FontdueContextProvider_props } from '../FontdueContextProvider/index.js';
 import { SerializablePreloadedQuery } from '../../relay/loadSerializableQuery.js';
 import { FontdueProviderQuery } from '../../__generated__/FontdueProviderQuery.graphql.js';

package/dist/components/FontdueProvider/index.js

@@ -2,6 +2,7 @@
 
 import _FontdueProviderQuery from "../../__generated__/FontdueProviderQuery.graphql.js";
 import React, { Suspense, lazy } from 'react';
+export { default as loadFontdueProviderQuery } from '../../loadFontdueProviderQuery.js';
 import { ErrorBoundary } from 'react-error-boundary';
 import { graphql, useLazyLoadQuery, usePreloadedQuery } from 'react-relay';
 import TestModeBanner from '../TestModeBanner/index.js';

package/dist/components/FontdueProvider/index.server.d.ts

@@ -1,4 +1,6 @@
 import React from 'react';
 import type { FontdueProvider_props } from './index.js';
 export type { FontdueProvider_props } from './index.js';
+export type { FontdueProviderPreloadedQuery } from '../../loadFontdueProviderQuery.js';
+export declare function loadFontdueProviderQuery(): never;
 export default function FontdueProviderServer({ preloadedQuery, ...rest }: FontdueProvider_props): Promise<React.JSX.Element>;

package/dist/components/FontdueProvider/index.server.js

@@ -1,7 +1,17 @@
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 import React from 'react';
 import FontdueProvider from './index.js';
-import loadFontdueProviderQuery from '../../loadFontdueProviderQuery.js';
+import loadFontdueProviderQueryImpl from '../../loadFontdueProviderQuery.js';
+// Stub for the RSC export condition. The default `<FontdueProvider>` server
+// entrypoint (this file) awaits the query for consumers, so RSC users should
+// never call it manually. Re-exporting a throwing stub makes the mistake
+// obvious — without it, importing `loadFontdueProviderQuery` from
+// `'fontdue-js/FontdueProvider'` in a server component would fail at build
+// time with the unhelpful `Named export 'loadFontdueProviderQuery' not found`.
+export function loadFontdueProviderQuery() {
+  throw new Error("loadFontdueProviderQuery isn't needed in React Server Components — " + 'the <FontdueProvider> server entrypoint awaits its query automatically. ' + 'Drop the manual call.');
+}
+
 // RSC entry. When no preloadedQuery is passed, fetch one server-side so the
 // Next.js App Router path stays "drop the provider in your layout, done."
 export default async function FontdueProviderServer(_ref) {
@@ -9,7 +19,7 @@ export default async function FontdueProviderServer(_ref) {
     preloadedQuery,
     ...rest
   } = _ref;
-  const resolved = preloadedQuery ?? (await loadFontdueProviderQuery({
+  const resolved = preloadedQuery ?? (await loadFontdueProviderQueryImpl({
     url: rest.url
   }));
   return /*#__PURE__*/React.createElement(FontdueProvider, _extends({}, rest, {

package/dist/components/NewsletterSignup/index.server.d.ts

@@ -1,3 +1,5 @@
 import React from 'react';
 import { NewsletterSignup_props } from './index.js';
+export type { NewsletterSignupPreloadedQuery } from './index.js';
+export declare function loadNewsletterSignupQuery(): never;
 export default function NewsletterSignup(props: NewsletterSignup_props): Promise<React.JSX.Element>;

package/dist/components/NewsletterSignup/index.server.js

@@ -3,6 +3,11 @@ import React from 'react';
 import loadSerializableQuery from '../../relay/loadSerializableQuery.js';
 import { NewsletterSignupPreloadedQueryRenderer } from './index.js';
 import NewsletterSignupQueryNode from '../../__generated__/NewsletterSignupQuery.graphql.js';
+// Stub for the RSC export condition. See FontdueProvider/index.server.tsx
+// for the rationale.
+export function loadNewsletterSignupQuery() {
+  throw new Error("loadNewsletterSignupQuery isn't needed in React Server Components — " + 'the <NewsletterSignup> server entrypoint awaits its query automatically. ' + 'Drop the manual call.');
+}
 
 // Next RSC variant: awaits the query on the server and hands the response to
 // the client `NewsletterSignupPreloadedQueryRenderer`. Lets pages just write

package/dist/components/TestFontsForm/index.server.d.ts

@@ -1,3 +1,5 @@
 import React from 'react';
 import { TestFontsForm_props } from './index.js';
+export type { TestFontsFormPreloadedQuery } from './index.js';
+export declare function loadTestFontsFormQuery(): never;
 export default function TestFontsForm(props: TestFontsForm_props): Promise<React.JSX.Element>;

package/dist/components/TestFontsForm/index.server.js

@@ -3,6 +3,11 @@ import React from 'react';
 import loadSerializableQuery from '../../relay/loadSerializableQuery.js';
 import { TestFontsFormPreloadedQueryRenderer } from './index.js';
 import TestFontsFormQueryNode from '../../__generated__/TestFontsForm_Query.graphql.js';
+// Stub for the RSC export condition. See FontdueProvider/index.server.tsx
+// for the rationale.
+export function loadTestFontsFormQuery() {
+  throw new Error("loadTestFontsFormQuery isn't needed in React Server Components — " + 'the <TestFontsForm> server entrypoint awaits its query automatically. ' + 'Drop the manual call.');
+}
 
 // Next RSC variant: awaits the query on the server and hands the response to
 // the client `TestFontsFormPreloadedQueryRenderer`. Lets pages just write

package/dist/components/TypeTester/TypeTesterStandalone.server.d.ts

@@ -1,5 +1,7 @@
 import React from 'react';
 import type { TypeTesterStandalone_props } from './TypeTesterStandalone.js';
+export type { TypeTesterPreloadedQuery } from './TypeTesterStandalone.js';
+export declare function loadTypeTesterQuery(): never;
 export default function TypeTesterStandalone(props: Extract<TypeTesterStandalone_props, {
     familyName: string;
 }>): Promise<React.JSX.Element>;

package/dist/components/TypeTester/TypeTesterStandalone.server.js

@@ -3,6 +3,11 @@ import React from 'react';
 import loadSerializableQuery from '../../relay/loadSerializableQuery.js';
 import { TypeTesterStandalonePreloadedQueryRenderer } from './TypeTesterStandalone.js';
 import TypeTesterStandaloneQueryNode from '../../__generated__/TypeTesterStandaloneQuery.graphql.js';
+// Stub for the RSC export condition. See FontdueProvider/index.server.tsx
+// for the rationale.
+export function loadTypeTesterQuery() {
+  throw new Error("loadTypeTesterQuery isn't needed in React Server Components — " + 'the <TypeTester> server entrypoint awaits its query automatically. ' + 'Drop the manual call.');
+}
 
 // Next RSC variant: awaits the query on the server and hands the response to
 // the client `TypeTesterStandalonePreloadedQueryRenderer`. Lets pages just

package/dist/components/TypeTesters/index.server.d.ts

@@ -1,3 +1,5 @@
 import React from 'react';
 import { TypeTesters_props } from './index.js';
+export type { TypeTestersPreloadedQuery } from './index.js';
+export declare function loadTypeTestersQuery(): never;
 export default function TypeTesters({ collectionId, collectionSlug, tags, excludeTags, ...rest }: TypeTesters_props): Promise<React.JSX.Element | null>;

package/dist/components/TypeTesters/index.server.js

@@ -4,6 +4,11 @@ import loadSerializableQuery from '../../relay/loadSerializableQuery.js';
 import { TypeTestersPreloadedIDQueryRenderer, TypeTestersPreloadedSlugQueryRenderer } from './index.js';
 import TypeTestersIDQueryNode from '../../__generated__/TypeTestersIDQuery.graphql.js';
 import TypeTestersSlugQueryNode from '../../__generated__/TypeTestersSlugQuery.graphql.js';
+// Stub for the RSC export condition. See FontdueProvider/index.server.tsx
+// for the rationale.
+export function loadTypeTestersQuery() {
+  throw new Error("loadTypeTestersQuery isn't needed in React Server Components — " + 'the <TypeTesters> server entrypoint awaits its query automatically. ' + 'Drop the manual call.');
+}
 
 // Next RSC variant: awaits the query on the server and hands the response to
 // the client `*PreloadedQueryRenderer`. Lets pages just write

package/dist/relay/environment.js

@@ -3,7 +3,7 @@ import { handlePossibleCorsError } from '../corsError.js';
 
 // `__FONTDUE_JS_VERSION__` is replaced by an inline babel plugin
 // (defineVersionPlugin in .babelrc.cjs) with the literal package.json#version.
-const version = "3.0.0-alpha2";
+const version = "3.0.0-alpha4";
 const IS_SERVER = typeof window === typeof undefined;
 
 // Read env from either process.env (Node/Next.js) or import.meta.env (Vite/Astro).

package/dist/vite.js

@@ -68,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-alpha2",
+  "version": "3.0.0-alpha4",
   "type": "module",
   "scripts": {
     "build": "npm run relay && run-p build-js build-css build-ts",
@@ -81,7 +81,6 @@
     "@types/react": "19.0.0"
   },
   "exports": {
-    ".": "./dist/index.js",
     "./fontdue.css": "./dist/fontdue.css",
     "./BuyButton": {
       "react-server": "./dist/components/BuyButton/index.server.js",
@@ -100,7 +99,6 @@
       "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"