npm - hydrogen-sanity - Versions diffs - 1.1.0 → 2.0.1 - Mend

hydrogen-sanity 1.1.0 → 2.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (17) hide show

package/README.md +20 -18
package/dist/index.d.ts +42 -47
package/dist/index.js +1 -202
package/dist/index.js.map +1 -1
package/dist/index.mjs +1 -0
package/dist/index.mjs.map +1 -0
package/package.json +21 -21
package/src/client.ts +22 -11
package/src/preview/PreviewProvider.tsx +43 -0
package/src/preview/PreviewSession.ts +54 -0
package/src/preview/SanityPreview.tsx +55 -0
package/src/preview/context.tsx +6 -0
package/src/preview/getPreview.ts +12 -0
package/src/preview/index.ts +5 -0
package/dist/index.esm.js +0 -190
package/dist/index.esm.js.map +0 -1
package/src/preview.tsx +0 -177

package/README.md CHANGED Viewed

@@ -63,6 +63,9 @@ export default () => {
         ? {
             session: previewSession,
             token: env.SANITY_API_TOKEN,
+            // Optionally, provide an alternative to the default `previewDrafts` perspective when in preview mode
+            // See https://www.sanity.io/docs/perspectives
+            // perspective: "raw"
           }
         : undefined,
     // Pass configuration options for Sanity client
@@ -71,7 +74,7 @@ export default () => {
       dataset: env.SANITY_DATASET,
       apiVersion: env.SANITY_API_VERSION ?? '2023-03-30',
       useCdn: process.env.NODE_ENV === 'production',
-    },
+    }
   });
   // 3. Add Sanity client to the request handler inside getLoadContext
@@ -176,16 +179,10 @@ First setup your root route to enable preview mode across the entire application
 // ./app/root.tsx
 // ...other imports
-import {Preview, type PreviewData, isPreviewModeEnabled} from 'hydrogen-sanity'
+import {PreviewProvider, getPreview} from 'hydrogen-sanity'
 export async function loader({context}: LoaderArgs) {
-  const preview: PreviewData | undefined = isPreviewModeEnabled(context.sanity.preview)
-    ? {
-        projectId: context.sanity.preview.projectId,
-        dataset: context.sanity.preview.dataset,
-        token: context.sanity.preview.token,
-      }
-    : undefined
+  const preview = getPreview(context)
   return json({
     // ... other loader data
@@ -205,8 +202,8 @@ export default function App() {
         <Links />
       </head>
       <body>
-        {/* 👇 Wrap <Outlet /> in Preview component */}
-        <Preview preview={preview}>
+        {/* 👇 Wrap <Outlet /> in PreviewProvider component */}
+        <PreviewProvider {...preview}>
           <Outlet />
         </Preview>
         <ScrollRestoration />
@@ -217,18 +214,20 @@ export default function App() {
 }
 ```
-You can also pass a `ReactNode` to render a loading indicator or adjust the default message:
+`PreviewProvider` wraps the `LiveQueryProvider` component of `@sanity/preview-kit` - props passed to `PreviewProvider` will be passed to `LiveQueryProvider`. For more information, see the [`@sanity/preview-kit` documentation](https://github.com/sanity-io/preview-kit).
+By default, `PreviewProvider` will passthrough rendering to its children if you don't provide a fallback; however you can also pass a `ReactNode` to render a loading indicator or message:
 ```tsx
 import {PreviewLoading} from '~/components/PreviewLoading';
-// pass a string or your own React component to show while data is loading
-<Preview preview={preview} fallback={<PreviewLoading />}>
+// (Optional) pass a string or your own React component to show while data is loading
+<PreviewProvider {...preview} fallback={<PreviewLoading />}>
 ```
-Next, for any route that needs to render a preview, wrap it in a `Preview` component which re-runs the same query client-side but will render draft content in place of published content, if it exists. Updating in real-time as changes are streamed in.
+Next, for any route that needs to render a preview, wrap it in a `SanityPreview` component which re-runs the same query client-side but will render draft content in place of published content, if it exists. Updating in real-time as changes are streamed in.
-The `usePreview` hook conditionally renders the preview component if the preview session is found, otherwise, it renders the default component.
+The component will be rendered with live preview if the preview session is found, otherwise, it renders the component with static content.
 ```tsx
 // Any route file, such as ./app/routes/index.tsx
@@ -295,8 +294,11 @@ export const loader: LoaderFunction = async function ({request, context}) {
 ## Limits
-The real-time preview isn't optimized and comes with a configured limit of 3000 documents. You can experiment with larger datasets by configuring the hook with `documentLimit: <Integer>`. Be aware that this might significantly affect the preview performance.
-You may use the `includeTypes` option to reduce the amount of documents and reduce the risk of hitting the `documentLimit`:
+The real-time preview comes with a configured limit of 3000 documents. You can experiment with larger datasets by configuring `cache.maxDocuments: <Integer>` in your `PreviewProvider`. Be aware that this might affect the preview performance.
+You can also use the `cache.includeTypes` option to reduce the amount of documents and reduce the risk of hitting the document limit.
+If you're a Sanity Enterprise user with Content Source Maps enabled, you can optimize further by enabling `turboSourceMap` which opts-in to a faster and smarter cache. It'll only listen for mutations on the documents that you are using in your queries, and apply the mutations to the cache in real-time.
 ## Using `@sanity/client` directly

package/dist/index.d.ts CHANGED Viewed

@@ -1,9 +1,11 @@
+/// <reference types="react" />
 import type {CacheShort} from '@shopify/hydrogen'
 import {ClientConfig} from '@sanity/client'
-import {ElementType} from 'react'
+import {ClientPerspective} from '@sanity/client'
 import {JSX as JSX_2} from 'react/jsx-runtime'
-import {Params} from '@sanity/preview-kit'
-import {ReactFragment} from 'react'
+import type {LiveQueryProviderProps} from '@sanity/preview-kit'
+import {QueryParams} from '@sanity/client'
 import {ReactNode} from 'react'
 import {SanityClient} from '@sanity/client'
 import {Session} from '@shopify/remix-oxygen'
@@ -22,6 +24,7 @@ declare type CreateSanityClientOptions = EnvironmentOptions & {
   preview?: {
     session: PreviewSession
     token: string
+    perspective?: ClientPerspective
   }
 }
@@ -42,38 +45,40 @@ declare interface ExecutionContext {
   waitUntil(promise: Promise<any>): void
 }
+/** TODO: inline documentation */
+export declare function getPreview<
+  T extends {
+    sanity: Sanity
+  }
+>(context: T): ClientConfig | undefined
 export declare function isPreviewModeEnabled(preview?: Sanity['preview']): preview is {
   session: PreviewSession
-} & PreviewData
-/**
- * Conditionally apply `PreviewSuspense` boundary
- * @see https://www.sanity.io/docs/preview-content-on-site
- */
-export declare function Preview(props: PreviewProps): JSX_2.Element
-export declare type PreviewData = {
   projectId: string
   dataset: string
   token: string
 }
-declare type PreviewDataProps<T> = {
+declare type PreviewProps<T> = {
   data: T
-  children: ReactNode | ((data: T | null) => ReactNode)
+  children: ReactNode | ((data?: T | null) => ReactNode)
   query?: string | null
-  params?: Params
+  params?: QueryParams
 }
-export declare type PreviewProps = {
-  children: ReactNode
-  fallback?: ReactNode
-  preview?: PreviewData
-}
+/**
+ * TODO: inline documentation
+ * @see https://www.sanity.io/docs/preview-content-on-site
+ */
+export declare function PreviewProvider(
+  props: SanityPreviewProps
+): string | number | boolean | Iterable<ReactNode> | JSX_2.Element | null | undefined
+/**
+ * TODO: needs inline documentation
+ */
 export declare class PreviewSession {
-  private sessionStorage
-  private session
+  #private
   constructor(sessionStorage: SessionStorage, session: Session)
   static init(request: Request, secrets: string[]): Promise<PreviewSession>
   has(key: string): boolean
@@ -85,9 +90,12 @@ export declare class PreviewSession {
 export declare type Sanity = {
   client: SanityClient
   preview?:
-    | ({
+    | {
         session: PreviewSession
-      } & PreviewData)
+        projectId: string
+        dataset: string
+        token: string
+      }
     | {
         session: PreviewSession
       }
@@ -101,8 +109,13 @@ export declare type Sanity = {
  * changes will be streamed in the client
  */
 export declare function SanityPreview<T = unknown>(
-  props: PreviewDataProps<T>
-): string | number | boolean | ReactFragment | JSX_2.Element | null | undefined
+  props: PreviewProps<T>
+): string | number | boolean | Iterable<ReactNode> | JSX_2.Element | null | undefined
+declare type SanityPreviewProps = Omit<LiveQueryProviderProps, 'client'> & {
+  fallback?: ReactNode
+  previewConfig?: ClientConfig
+}
 /**
  * Create an SHA-256 hash as a hex string
@@ -110,34 +123,16 @@ export declare function SanityPreview<T = unknown>(
  */
 export declare function sha256(message: string): Promise<string>
-declare type UsePreview = <R = any, P extends Params = Params, Q extends string = string>(
-  query: Q,
-  params?: P,
-  serverSnapshot?: R
-) => R
-/**
- * Select and memoize which component to render based on preview mode
- * @deprecated use `SanityPreview` instead
- */
-export declare function usePreviewComponent<T>(
-  component: ElementType<T>,
-  preview: ElementType<T>
-): ElementType<T>
+/** TODO: needs inline documentation */
 export declare const usePreviewContext: () =>
   | {
-      /**
-       * Query Sanity and subscribe to changes, optionally
-       * passing a server snapshot to speed up hydration
-       */
-      usePreview: UsePreview
+      projectId: string
     }
   | undefined
 declare type useSanityQuery = {
   query: string
-  params?: Record<string, unknown>
+  params?: QueryParams
   cache?: CachingStrategy
 }

package/dist/index.js CHANGED Viewed

@@ -1,202 +1 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', {
-  value: true
-});
-var client = require('@sanity/client');
-var hydrogen = require('@shopify/hydrogen');
-var jsxRuntime = require('react/jsx-runtime');
-var previewKit = require('@sanity/preview-kit');
-var remixOxygen = require('@shopify/remix-oxygen');
-var react = require('react');
-function createSanityClient(options) {
-  const {
-    cache,
-    waitUntil,
-    preview,
-    config
-  } = options;
-  const withCache = hydrogen.createWithCache_unstable({
-    cache,
-    waitUntil
-  });
-  const sanity = {
-    client: client.createClient(config),
-    async query(_ref) {
-      let {
-        query,
-        params,
-        cache: strategy = hydrogen.CacheLong()
-      } = _ref;
-      const queryHash = await hashQuery(query, params);
-      return withCache(queryHash, strategy, () => sanity.client.fetch(query, params));
-    }
-  };
-  if (preview) {
-    sanity.preview = {
-      session: preview.session
-    };
-    if (preview.session.has("projectId")) {
-      sanity.preview = {
-        ...sanity.preview,
-        projectId: config.projectId,
-        dataset: config.dataset,
-        token: preview.token
-      };
-      sanity.client = sanity.client.withConfig({
-        useCdn: false,
-        token: preview.token
-      });
-      sanity.query = _ref2 => {
-        let {
-          query,
-          params
-        } = _ref2;
-        return sanity.client.fetch(query, params);
-      };
-    }
-  }
-  return sanity;
-}
-function isPreviewModeEnabled(preview) {
-  return preview && preview.token !== null;
-}
-async function sha256(message) {
-  const messageBuffer = await new TextEncoder().encode(message);
-  const hashBuffer = await crypto.subtle.digest("SHA-256", messageBuffer);
-  return Array.from(new Uint8Array(hashBuffer)).map(b => b.toString(16).padStart(2, "0")).join("");
-}
-function hashQuery(query, params) {
-  let hash = query;
-  if (params !== null) {
-    hash += JSON.stringify(params);
-  }
-  return sha256(hash);
-}
-class PreviewSession {
-  // eslint-disable-next-line no-useless-constructor, no-empty-function
-  constructor(sessionStorage, session) {
-    this.sessionStorage = sessionStorage;
-    this.session = session;
-  }
-  static async init(request, secrets) {
-    const storage = remixOxygen.createCookieSessionStorage({
-      cookie: {
-        name: "__preview",
-        httpOnly: true,
-        sameSite: true,
-        secrets
-      }
-    });
-    const session = await storage.getSession(request.headers.get("Cookie"));
-    return new this(storage, session);
-  }
-  has(key) {
-    return this.session.has(key);
-  }
-  // get(key: string) {
-  //   return this.session.get(key);
-  // }
-  destroy() {
-    return this.sessionStorage.destroySession(this.session);
-  }
-  // unset(key: string) {
-  //   this.session.unset(key);
-  // }
-  set(key, value) {
-    this.session.set(key, value);
-  }
-  commit() {
-    return this.sessionStorage.commitSession(this.session);
-  }
-}
-const PreviewContext = react.createContext(void 0);
-const usePreviewContext = () => react.useContext(PreviewContext);
-function Preview(props) {
-  var _a;
-  const {
-    children,
-    preview
-  } = props;
-  if (!(preview == null ? void 0 : preview.token)) {
-    return /* @__PURE__ */jsxRuntime.jsx(jsxRuntime.Fragment, {
-      children
-    });
-  }
-  const fallback = (_a = props.fallback) != null ? _a : /* @__PURE__ */jsxRuntime.jsx("div", {
-    children: "Loading preview..."
-  });
-  const {
-    projectId,
-    dataset,
-    token
-  } = preview;
-  const _usePreview = previewKit.definePreview({
-    projectId,
-    dataset,
-    overlayDrafts: true
-  });
-  function usePreview(query, params, serverSnapshot) {
-    return _usePreview(token, query, params, serverSnapshot);
-  }
-  return /* @__PURE__ */jsxRuntime.jsx(PreviewContext.Provider, {
-    value: {
-      usePreview
-    },
-    children: /* @__PURE__ */jsxRuntime.jsx(previewKit.PreviewSuspense, {
-      fallback,
-      children
-    })
-  });
-}
-function usePreviewComponent(component, preview) {
-  const isPreview = Boolean(usePreviewContext());
-  return react.useMemo(() => isPreview ? preview : component, [component, isPreview, preview]);
-}
-function SanityPreview(props) {
-  const {
-    data,
-    children,
-    query,
-    params
-  } = props;
-  const isPreview = Boolean(usePreviewContext());
-  if (typeof children !== "function") {
-    return children;
-  }
-  if (isPreview && query) {
-    return /* @__PURE__ */jsxRuntime.jsx(ResolvePreview, {
-      query,
-      params,
-      serverSnapshot: data,
-      children
-    });
-  }
-  return /* @__PURE__ */jsxRuntime.jsx(jsxRuntime.Fragment, {
-    children: children(data)
-  });
-}
-function ResolvePreview(props) {
-  const {
-    serverSnapshot,
-    query,
-    params,
-    children
-  } = props;
-  const {
-    usePreview
-  } = usePreviewContext();
-  const data = usePreview(query, params, serverSnapshot);
-  return /* @__PURE__ */jsxRuntime.jsx(jsxRuntime.Fragment, {
-    children: children(data)
-  });
-}
-exports.Preview = Preview;
-exports.PreviewSession = PreviewSession;
-exports.SanityPreview = SanityPreview;
-exports.createSanityClient = createSanityClient;
-exports.isPreviewModeEnabled = isPreviewModeEnabled;
-exports.sha256 = sha256;
-exports.usePreviewComponent = usePreviewComponent;
-exports.usePreviewContext = usePreviewContext;
-//# sourceMappingURL=index.js.map
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@sanity/client"),t=require("@shopify/hydrogen"),r=require("react"),i=require("react/jsx-runtime"),n=require("@shopify/remix-oxygen"),s=require("@sanity/preview-kit");function a(e){return Boolean(e&&e.token&&null!==e.token)}async function o(e){const t=await(new TextEncoder).encode(e),r=await crypto.subtle.digest("SHA-256",t);return Array.from(new Uint8Array(r)).map((e=>e.toString(16).padStart(2,"0"))).join("")}const c=r.createContext(void 0),u=()=>r.useContext(c);const l=r.lazy((()=>import("@sanity/preview-kit").then((e=>({default:e.LiveQueryProvider})))));var p,d,h=(e,t,r)=>{if(!t.has(e))throw TypeError("Cannot "+r)},y=(e,t,r)=>(h(e,t,"read from private field"),r?r.call(e):t.get(e)),f=(e,t,r)=>{if(t.has(e))throw TypeError("Cannot add the same private member more than once");t instanceof WeakSet?t.add(e):t.set(e,r)},v=(e,t,r,i)=>(h(e,t,"write to private field"),i?i.call(e,r):t.set(e,r),r);function w(e){const{initialData:t,query:r,params:n,children:a}=e,[o]=s.useLiveQuery(t,r,n);return i.jsx(i.Fragment,{children:a(o)})}p=new WeakMap,d=new WeakMap,exports.PreviewProvider=function(t){const{children:n,previewConfig:s,fallback:a=n,...o}=t,[,u]=r.useTransition(),[p,d]=r.useState(!1);if(r.useEffect((()=>u((()=>d(!0)))),[]),!p||!s||!s.projectId)return n;const h=e.createClient(s);return i.jsx(c.Provider,{value:{projectId:s.projectId},children:i.jsx(r.Suspense,{fallback:a,children:i.jsx(l,{...o,client:h,children:n})})})},exports.PreviewSession=class{constructor(e,t){f(this,p,void 0),f(this,d,void 0),v(this,p,e),v(this,d,t)}static async init(e,t){const r=n.createCookieSessionStorage({cookie:{name:"__preview",httpOnly:!0,sameSite:!0,secrets:t}}),i=await r.getSession(e.headers.get("Cookie"));return new this(r,i)}has(e){return y(this,d).has(e)}destroy(){return y(this,p).destroySession(y(this,d))}set(e,t){y(this,d).set(e,t)}commit(){return y(this,p).commitSession(y(this,d))}},exports.SanityPreview=function(e){const{data:t,children:r,query:n,params:s}=e,a=Boolean(u());return"function"!=typeof r?r:a&&n?i.jsx(w,{query:n,params:s,initialData:t,children:r}):i.jsx(i.Fragment,{children:r(t)})},exports.createSanityClient=function(r){const{cache:i,waitUntil:n,preview:s,config:a}=r,c={client:e.createClient(a),async query(e){let{query:r,params:s,cache:a=t.CacheLong()}=e;const u=await function(e,t){let r=e;null!==t&&(r+=JSON.stringify(t));return o(r)}(r,s);return t.createWithCache_unstable({cache:i,waitUntil:n})(u,a,(()=>c.client.fetch(r,s)))}};return s&&(c.preview={session:s.session},s.session.has("projectId")&&(c.preview={...c.preview,projectId:a.projectId,dataset:a.dataset,token:s.token},c.client=c.client.withConfig({useCdn:!1,token:s.token,perspective:s.perspective||"previewDrafts",ignoreBrowserTokenWarning:!0}),c.query=e=>{let{query:t,params:r}=e;return c.client.fetch(t,r)})),c},exports.getPreview=function(e){return a(e.sanity.preview)?{...e.sanity.client.config()}:void 0},exports.isPreviewModeEnabled=a,exports.sha256=o,exports.usePreviewContext=u;//# sourceMappingURL=index.js.map

package/dist/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../src/client.ts","../src/preview.tsx"],"sourcesContent":["import {type ClientConfig, createClient, type SanityClient} from '@sanity/client'\n// eslint-disable-next-line camelcase\nimport {CacheLong, createWithCache_unstable} from '@shopify/hydrogen'\n\nimport type {PreviewData, PreviewSession} from './preview'\nimport type {CachingStrategy, EnvironmentOptions} from './types'\n\ntype CreateSanityClientOptions = EnvironmentOptions & {\n config: ClientConfig & Required<Pick<ClientConfig, 'projectId' \| 'dataset'>>\n preview?: {\n session: PreviewSession\n token: string\n }\n}\n\ntype useSanityQuery = {\n query: string\n params?: Record<string, unknown>\n cache?: CachingStrategy\n}\n\nexport type Sanity = {\n client: SanityClient\n preview?: ({session: PreviewSession} & PreviewData) \| {session: PreviewSession}\n query<T>(options: useSanityQuery): Promise<T>\n}\n\n/*\n Create Sanity provider with API client.\n /\nexport function createSanityClient(options: CreateSanityClientOptions): Sanity {\n const {cache, waitUntil, preview, config} = options\n const withCache = createWithCache_unstable({\n cache,\n waitUntil,\n })\n\n const sanity: Sanity = {\n client: createClient(config),\n async query({query, params, cache: strategy = CacheLong()}) {\n const queryHash = await hashQuery(query, params)\n\n return withCache(queryHash, strategy, () => sanity.client.fetch(query, params))\n },\n }\n\n if (preview) {\n sanity.preview = {session: preview.session}\n\n if (preview.session.has('projectId')) {\n sanity.preview = {\n ...sanity.preview,\n projectId: config.projectId,\n dataset: config.dataset,\n token: preview.token,\n }\n\n sanity.client = sanity.client.withConfig({\n useCdn: false,\n token: preview.token,\n })\n\n sanity.query = ({query, params}) => {\n return sanity.client.fetch(query, params)\n }\n }\n }\n\n return sanity\n}\n\nexport function isPreviewModeEnabled(\n preview?: Sanity['preview']\n): preview is {session: PreviewSession} & PreviewData {\n // @ts-expect-error\n return preview && preview.token !== null\n}\n\n/\n Create an SHA-256 hash as a hex string\n * @see https://developer.mozilla.org/en-US/docs/Web/API/SubtleCrypto/digest#converting_a_digest_to_a_hex_string\n /\nexport async function sha256(message: string): Promise<string> {\n // encode as UTF-8\n const messageBuffer = await new TextEncoder().encode(message)\n // hash the message\n const hashBuffer = await crypto.subtle.digest('SHA-256', messageBuffer)\n // convert bytes to hex string\n return Array.from(new Uint8Array(hashBuffer))\n .map((b) => b.toString(16).padStart(2, '0'))\n .join('')\n}\n\n/\n Hash query and its parameters for use as cache key\n * NOTE: Oxygen deployment will break if the cache key is long or contains `\\n`\n /\nfunction hashQuery(\n query: useSanityQuery['query'],\n params: useSanityQuery['params']\n): Promise<string> {\n let hash = query\n\n if (params !== null) {\n hash += JSON.stringify(params)\n }\n\n return sha256(hash)\n}\n","/ eslint-disable react/require-default-props /\nimport {definePreview, type Params, PreviewSuspense} from '@sanity/preview-kit'\nimport {createCookieSessionStorage, type Session, type SessionStorage} from '@shopify/remix-oxygen'\nimport {createContext, ElementType, type ReactNode, useContext, useMemo} from 'react'\n\ntype UsePreview = <R = any, P extends Params = Params, Q extends string = string>(\n query: Q,\n params?: P,\n serverSnapshot?: R\n) => R\n\nexport type PreviewData = {\n projectId: string\n dataset: string\n token: string\n}\n\nexport type PreviewProps = {\n children: ReactNode\n fallback?: ReactNode\n preview?: PreviewData\n}\n\nexport class PreviewSession {\n // eslint-disable-next-line no-useless-constructor, no-empty-function\n constructor(private sessionStorage: SessionStorage, private session: Session) {}\n\n static async init(request: Request, secrets: string[]) {\n const storage = createCookieSessionStorage({\n cookie: {\n name: '__preview',\n httpOnly: true,\n sameSite: true,\n secrets,\n },\n })\n\n const session = await storage.getSession(request.headers.get('Cookie'))\n\n return new this(storage, session)\n }\n\n has(key: string) {\n return this.session.has(key)\n }\n\n // get(key: string) {\n // return this.session.get(key);\n // }\n\n destroy() {\n return this.sessionStorage.destroySession(this.session)\n }\n\n // unset(key: string) {\n // this.session.unset(key);\n // }\n\n set(key: string, value: any) {\n this.session.set(key, value)\n }\n\n commit() {\n return this.sessionStorage.commitSession(this.session)\n }\n}\n\nconst PreviewContext = createContext<\n \| {\n /\n Query Sanity and subscribe to changes, optionally\n * passing a server snapshot to speed up hydration\n /\n usePreview: UsePreview\n }\n \| undefined\n>(undefined)\n\nexport const usePreviewContext = () => useContext(PreviewContext)\n\n/\n Conditionally apply `PreviewSuspense` boundary\n * @see https://www.sanity.io/docs/preview-content-on-site\n /\nexport function Preview(props: PreviewProps) {\n const {children, preview} = props\n\n if (!preview?.token) {\n return <>{children}</>\n }\n\n const fallback = props.fallback ?? <div>Loading preview...</div>\n const {projectId, dataset, token} = preview\n const _usePreview = definePreview({\n projectId,\n dataset,\n overlayDrafts: true,\n })\n\n function usePreview<R = any, P extends Params = Params, Q extends string = string>(\n query: Q,\n params?: P,\n serverSnapshot?: R\n ): R {\n return _usePreview(token, query, params, serverSnapshot)\n }\n usePreview satisfies UsePreview\n\n return (\n <PreviewContext.Provider value={{usePreview}}>\n <PreviewSuspense fallback={fallback}>{children}</PreviewSuspense>\n </PreviewContext.Provider>\n )\n}\n\n/\n Select and memoize which component to render based on preview mode\n * @deprecated use `SanityPreview` instead\n /\nexport function usePreviewComponent<T>(component: ElementType<T>, preview: ElementType<T>) {\n const isPreview = Boolean(usePreviewContext())\n\n return useMemo(() => (isPreview ? preview : component), [component, isPreview, preview])\n}\n\ntype PreviewDataProps<T> = {\n data: T\n children: ReactNode \| ((data: T \| null) => ReactNode)\n query?: string \| null\n params?: Params\n}\n\n/\n Component to use for rendering in preview mode\n \n When provided a Sanity query and render prop,\n * changes will be streamed in the client\n /\nexport function SanityPreview<T = unknown>(props: PreviewDataProps<T>) {\n const {data, children, query, params} = props\n const isPreview = Boolean(usePreviewContext())\n\n if (typeof children !== 'function') {\n return children\n }\n\n if (isPreview && query) {\n return (\n <ResolvePreview<typeof data> query={query} params={params} serverSnapshot={data}>\n {children}\n </ResolvePreview>\n )\n }\n\n return <>{children(data)}</>\n}\n\ntype ResolvePreviewProps<T> = {\n serverSnapshot?: T \| null\n query: string\n params?: Params\n children: (data: T \| null) => ReactNode\n}\n\n/\n Subscribe to live preview and delegate rendering to consumer\n /\nfunction ResolvePreview<T = unknown>(props: ResolvePreviewProps<T>) {\n const {serverSnapshot, query, params, children} = props\n // This won't break the conditional rule of hooks,\n // but* it relies on the assumption that this component\n // will only be used in preview mode 👇🏻\n const {usePreview} = usePreviewContext()!\n const data = usePreview(query, params, serverSnapshot)\n\n return <>{children(data)}</>\n}\n"],"names":["createSanityClient","options","cache","waitUntil","preview","config","withCache","createWithCache_unstable","sanity","client","createClient","query","params","strategy","CacheLong","_ref","queryHash","hashQuery","fetch","session","has","projectId","dataset","token","withConfig","useCdn","_ref2","isPreviewModeEnabled","sha256","message","messageBuffer","TextEncoder","encode","hashBuffer","crypto","subtle","digest","Array","from","Uint8Array","map","b","toString","padStart","join","hash","JSON","stringify","PreviewSession","constructor","sessionStorage","init","request","secrets","storage","createCookieSessionStorage","cookie","name","httpOnly","sameSite","getSession","headers","get","key","destroy","destroySession","set","value","commit","commitSession","PreviewContext","createContext","usePreviewContext","useContext","Preview","props","_a","children","fallback","jsx","_usePreview","definePreview","overlayDrafts","usePreview","serverSnapshot","Provider","PreviewSuspense","usePreviewComponent","component","isPreview","Boolean","useMemo","SanityPreview","data","ResolvePreview","Fragment"],"mappings":"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"}
1	+ {"version":3,"file":"index.js","sources":["../src/client.ts","../src/preview/context.tsx","../src/preview/PreviewProvider.tsx","../src/preview/PreviewSession.ts","../src/preview/SanityPreview.tsx","../src/preview/getPreview.ts"],"sourcesContent":["import {\n type ClientConfig,\n type ClientPerspective,\n createClient,\n type QueryParams,\n type SanityClient,\n} from '@sanity/client'\n// eslint-disable-next-line camelcase\nimport {CacheLong, createWithCache_unstable} from '@shopify/hydrogen'\n\nimport type {PreviewSession} from './preview'\nimport type {CachingStrategy, EnvironmentOptions} from './types'\n\ntype CreateSanityClientOptions = EnvironmentOptions & {\n config: ClientConfig & Required<Pick<ClientConfig, 'projectId' \| 'dataset'>>\n preview?: {\n session: PreviewSession\n token: string\n perspective?: ClientPerspective\n }\n}\n\ntype useSanityQuery = {\n query: string\n params?: QueryParams\n cache?: CachingStrategy\n}\n\nexport type Sanity = {\n client: SanityClient\n preview?:\n \| {session: PreviewSession; projectId: string; dataset: string; token: string}\n \| {session: PreviewSession}\n query<T>(options: useSanityQuery): Promise<T>\n}\n\n/*\n Create Sanity provider with API client.\n /\nexport function createSanityClient(options: CreateSanityClientOptions): Sanity {\n const {cache, waitUntil, preview, config} = options\n\n const sanity: Sanity = {\n client: createClient(config),\n async query<T = any>({query, params, cache: strategy = CacheLong()}: useSanityQuery) {\n const queryHash = await hashQuery(query, params)\n const withCache = createWithCache_unstable<T>({\n cache,\n waitUntil,\n })\n\n return withCache(queryHash, strategy, () => sanity.client.fetch(query, params))\n },\n }\n\n if (preview) {\n sanity.preview = {session: preview.session}\n\n if (preview.session.has('projectId')) {\n sanity.preview = {\n ...sanity.preview,\n projectId: config.projectId,\n dataset: config.dataset,\n token: preview.token,\n }\n\n sanity.client = sanity.client.withConfig({\n useCdn: false,\n token: preview.token,\n perspective: preview.perspective \|\| 'previewDrafts',\n ignoreBrowserTokenWarning: true,\n })\n\n sanity.query = ({query, params}) => {\n return sanity.client.fetch(query, params)\n }\n }\n }\n\n return sanity\n}\n\nexport function isPreviewModeEnabled(\n preview?: Sanity['preview']\n): preview is {session: PreviewSession; projectId: string; dataset: string; token: string} {\n // @ts-expect-error\n return Boolean(preview && preview.token && preview.token !== null)\n}\n\n/\n Create an SHA-256 hash as a hex string\n * @see https://developer.mozilla.org/en-US/docs/Web/API/SubtleCrypto/digest#converting_a_digest_to_a_hex_string\n /\nexport async function sha256(message: string): Promise<string> {\n // encode as UTF-8\n const messageBuffer = await new TextEncoder().encode(message)\n // hash the message\n const hashBuffer = await crypto.subtle.digest('SHA-256', messageBuffer)\n // convert bytes to hex string\n return Array.from(new Uint8Array(hashBuffer))\n .map((b) => b.toString(16).padStart(2, '0'))\n .join('')\n}\n\n/\n Hash query and its parameters for use as cache key\n * NOTE: Oxygen deployment will break if the cache key is long or contains `\\n`\n /\nfunction hashQuery(\n query: useSanityQuery['query'],\n params: useSanityQuery['params']\n): Promise<string> {\n let hash = query\n\n if (params !== null) {\n hash += JSON.stringify(params)\n }\n\n return sha256(hash)\n}\n","import {createContext, useContext} from 'react'\n\nexport const PreviewContext = createContext<{projectId: string} \| undefined>(undefined)\n\n/* TODO: needs inline documentation /\nexport const usePreviewContext = () => useContext(PreviewContext)\n","/ eslint-disable react/require-default-props /\nimport {type ClientConfig, createClient} from '@sanity/client'\nimport type {LiveQueryProviderProps} from '@sanity/preview-kit'\nimport {lazy, type ReactNode, Suspense, useEffect, useState, useTransition} from 'react'\n\nimport {PreviewContext} from './context'\n\nconst LiveQueryProvider = lazy(() =>\n import('@sanity/preview-kit').then((m) => ({default: m.LiveQueryProvider}))\n)\n\ntype SanityPreviewProps = Omit<LiveQueryProviderProps, 'client'> & {\n fallback?: ReactNode\n previewConfig?: ClientConfig\n}\n\n/\n TODO: inline documentation\n * @see https://www.sanity.io/docs/preview-content-on-site\n /\nexport function PreviewProvider(props: SanityPreviewProps) {\n const {children, previewConfig, fallback = children, ...rest} = props\n\n const [, startTransition] = useTransition()\n const [hydrated, setHydrated] = useState(false)\n useEffect(() => startTransition(() => setHydrated(true)), [])\n\n if (!hydrated \|\| !previewConfig \|\| !previewConfig.projectId) {\n return children\n }\n\n const client = createClient(previewConfig)\n\n return (\n <PreviewContext.Provider value={{projectId: previewConfig.projectId}}>\n <Suspense fallback={fallback}>\n <LiveQueryProvider {...rest} client={client}>\n {children}\n </LiveQueryProvider>\n </Suspense>\n </PreviewContext.Provider>\n )\n}\n","import {createCookieSessionStorage, type Session, type SessionStorage} from '@shopify/remix-oxygen'\n\n/\n TODO: needs inline documentation\n /\nexport class PreviewSession {\n #sessionStorage: SessionStorage\n #session: Session\n\n constructor(sessionStorage: SessionStorage, session: Session) {\n this.#sessionStorage = sessionStorage\n this.#session = session\n }\n\n static async init(request: Request, secrets: string[]): Promise<PreviewSession> {\n const storage = createCookieSessionStorage({\n cookie: {\n name: '__preview',\n httpOnly: true,\n sameSite: true,\n secrets,\n },\n })\n\n const session = await storage.getSession(request.headers.get('Cookie'))\n\n return new this(storage, session)\n }\n\n has(key: string): boolean {\n return this.#session.has(key)\n }\n\n // get(key: string) {\n // return this.session.get(key);\n // }\n\n destroy(): Promise<string> {\n return this.#sessionStorage.destroySession(this.#session)\n }\n\n // unset(key: string) {\n // this.session.unset(key);\n // }\n\n // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types\n set(key: string, value: any): void {\n this.#session.set(key, value)\n }\n\n commit(): Promise<string> {\n return this.#sessionStorage.commitSession(this.#session)\n }\n}\n","/ eslint-disable react/require-default-props /\nimport type {QueryParams} from '@sanity/client'\nimport {useLiveQuery} from '@sanity/preview-kit'\nimport {type ReactNode} from 'react'\n\nimport {usePreviewContext} from './context'\n\ntype PreviewProps<T> = {\n data: T\n children: ReactNode \| ((data?: T \| null) => ReactNode)\n query?: string \| null\n params?: QueryParams\n}\n\n/\n Component to use for rendering in preview mode\n \n When provided a Sanity query and render prop,\n * changes will be streamed in the client\n /\nexport function SanityPreview<T = unknown>(props: PreviewProps<T>) {\n const {data, children, query, params} = props\n const isPreview = Boolean(usePreviewContext())\n\n if (typeof children !== 'function') {\n return children\n }\n\n if (isPreview && query) {\n return (\n <ResolvePreview<typeof data> query={query} params={params} initialData={data}>\n {children}\n </ResolvePreview>\n )\n }\n\n return <>{children(data)}</>\n}\n\ntype ResolvePreviewProps<T> = {\n initialData?: T \| null\n query: string\n params?: QueryParams\n children: (data?: T \| null) => ReactNode\n}\n\n/\n Subscribe to live preview and delegate rendering to consumer\n /\nfunction ResolvePreview<T = unknown>(props: ResolvePreviewProps<T>) {\n const {initialData, query, params, children} = props\n const [data] = useLiveQuery(initialData, query, params)\n\n return <>{children(data)}</>\n}\n","import type {ClientConfig} from '@sanity/client'\n\nimport {isPreviewModeEnabled, Sanity} from '../client'\n\n/* TODO: inline documentation */\nexport function getPreview<T extends {sanity: Sanity}>(context: T): ClientConfig \| undefined {\n return isPreviewModeEnabled(context.sanity.preview)\n ? {\n ...context.sanity.client.config(),\n }\n : undefined\n}\n"],"names":["isPreviewModeEnabled","preview","Boolean","token","async","sha256","message","messageBuffer","TextEncoder","encode","hashBuffer","crypto","subtle","digest","Array","from","Uint8Array","map","b","toString","padStart","join","PreviewContext","createContext","usePreviewContext","useContext","LiveQueryProvider","lazy","import","then","m","default","_sessionStorage","_session","ResolvePreview","props","initialData","query","params","children","data","useLiveQuery","jsx","Fragment","WeakMap","exports","PreviewProvider","previewConfig","fallback","rest","startTransition","useTransition","hydrated","setHydrated","useState","useEffect","projectId","client","createClient","Provider","value","Suspense","PreviewSession","constructor","sessionStorage","session","__privateAdd","this","__privateSet","static","request","secrets","storage","createCookieSessionStorage","cookie","name","httpOnly","sameSite","getSession","headers","get","has","key","__privateGet","destroy","destroySession","set","commit","commitSession","SanityPreview","isPreview","createSanityClient","options","cache","waitUntil","config","sanity","strategy","CacheLong","_ref","queryHash","hash","JSON","stringify","hashQuery","createWithCache_unstable","withCache","fetch","dataset","withConfig","useCdn","perspective","ignoreBrowserTokenWarning","_ref2","getPreview","context"],"mappings":"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"}

package/dist/index.mjs ADDED Viewed

@@ -0,0 +1 @@

+ import{createClient as e}from"@sanity/client";import{createWithCache_unstable as t,CacheLong as r}from"@shopify/hydrogen";import{createContext as i,useContext as n,lazy as o,useTransition as a,useState as s,useEffect as c,Suspense as p}from"react";import{jsx as l,Fragment as d}from"react/jsx-runtime";import{createCookieSessionStorage as h}from"@shopify/remix-oxygen";import{useLiveQuery as u}from"@sanity/preview-kit";function f(i){const{cache:n,waitUntil:o,preview:a,config:s}=i,c={client:e(s),async query(e){let{query:i,params:a,cache:s=r()}=e;const p=await function(e,t){let r=e;null!==t&&(r+=JSON.stringify(t));return y(r)}(i,a);return t({cache:n,waitUntil:o})(p,s,(()=>c.client.fetch(i,a)))}};return a&&(c.preview={session:a.session},a.session.has("projectId")&&(c.preview={...c.preview,projectId:s.projectId,dataset:s.dataset,token:a.token},c.client=c.client.withConfig({useCdn:!1,token:a.token,perspective:a.perspective||"previewDrafts",ignoreBrowserTokenWarning:!0}),c.query=e=>{let{query:t,params:r}=e;return c.client.fetch(t,r)})),c}function m(e){return Boolean(e&&e.token&&null!==e.token)}async function y(e){const t=await(new TextEncoder).encode(e),r=await crypto.subtle.digest("SHA-256",t);return Array.from(new Uint8Array(r)).map((e=>e.toString(16).padStart(2,"0"))).join("")}const w=i(void 0),v=()=>n(w);function k(e){return m(e.sanity.preview)?{...e.sanity.client.config()}:void 0}const g=o((()=>import("@sanity/preview-kit").then((e=>({default:e.LiveQueryProvider})))));function S(t){const{children:r,previewConfig:i,fallback:n=r,...o}=t,[,d]=a(),[h,u]=s(!1);if(c((()=>d((()=>u(!0)))),[]),!h||!i||!i.projectId)return r;const f=e(i);return l(w.Provider,{value:{projectId:i.projectId},children:l(p,{fallback:n,children:l(g,{...o,client:f,children:r})})})}var j,q,C=(e,t,r)=>{if(!t.has(e))throw TypeError("Cannot "+r)},I=(e,t,r)=>(C(e,t,"read from private field"),r?r.call(e):t.get(e)),x=(e,t,r)=>{if(t.has(e))throw TypeError("Cannot add the same private member more than once");t instanceof WeakSet?t.add(e):t.set(e,r)},b=(e,t,r,i)=>(C(e,t,"write to private field"),i?i.call(e,r):t.set(e,r),r);class T{constructor(e,t){x(this,j,void 0),x(this,q,void 0),b(this,j,e),b(this,q,t)}static async init(e,t){const r=h({cookie:{name:"__preview",httpOnly:!0,sameSite:!0,secrets:t}}),i=await r.getSession(e.headers.get("Cookie"));return new this(r,i)}has(e){return I(this,q).has(e)}destroy(){return I(this,j).destroySession(I(this,q))}set(e,t){I(this,q).set(e,t)}commit(){return I(this,j).commitSession(I(this,q))}}function W(e){const{data:t,children:r,query:i,params:n}=e,o=Boolean(v());return"function"!=typeof r?r:o&&i?l(A,{query:i,params:n,initialData:t,children:r}):l(d,{children:r(t)})}function A(e){const{initialData:t,query:r,params:i,children:n}=e,[o]=u(t,r,i);return l(d,{children:n(o)})}j=new WeakMap,q=new WeakMap;export{S as PreviewProvider,T as PreviewSession,W as SanityPreview,f as createSanityClient,k as getPreview,m as isPreviewModeEnabled,y as sha256,v as usePreviewContext};//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.mjs","sources":["../src/client.ts","../src/preview/context.tsx","../src/preview/getPreview.ts","../src/preview/PreviewProvider.tsx","../src/preview/PreviewSession.ts","../src/preview/SanityPreview.tsx"],"sourcesContent":["import {\n type ClientConfig,\n type ClientPerspective,\n createClient,\n type QueryParams,\n type SanityClient,\n} from '@sanity/client'\n// eslint-disable-next-line camelcase\nimport {CacheLong, createWithCache_unstable} from '@shopify/hydrogen'\n\nimport type {PreviewSession} from './preview'\nimport type {CachingStrategy, EnvironmentOptions} from './types'\n\ntype CreateSanityClientOptions = EnvironmentOptions & {\n config: ClientConfig & Required<Pick<ClientConfig, 'projectId' | 'dataset'>>\n preview?: {\n session: PreviewSession\n token: string\n perspective?: ClientPerspective\n }\n}\n\ntype useSanityQuery = {\n query: string\n params?: QueryParams\n cache?: CachingStrategy\n}\n\nexport type Sanity = {\n client: SanityClient\n preview?:\n | {session: PreviewSession; projectId: string; dataset: string; token: string}\n | {session: PreviewSession}\n query<T>(options: useSanityQuery): Promise<T>\n}\n\n/**\n * Create Sanity provider with API client.\n */\nexport function createSanityClient(options: CreateSanityClientOptions): Sanity {\n const {cache, waitUntil, preview, config} = options\n\n const sanity: Sanity = {\n client: createClient(config),\n async query<T = any>({query, params, cache: strategy = CacheLong()}: useSanityQuery) {\n const queryHash = await hashQuery(query, params)\n const withCache = createWithCache_unstable<T>({\n cache,\n waitUntil,\n })\n\n return withCache(queryHash, strategy, () => sanity.client.fetch(query, params))\n },\n }\n\n if (preview) {\n sanity.preview = {session: preview.session}\n\n if (preview.session.has('projectId')) {\n sanity.preview = {\n ...sanity.preview,\n projectId: config.projectId,\n dataset: config.dataset,\n token: preview.token,\n }\n\n sanity.client = sanity.client.withConfig({\n useCdn: false,\n token: preview.token,\n perspective: preview.perspective || 'previewDrafts',\n ignoreBrowserTokenWarning: true,\n })\n\n sanity.query = ({query, params}) => {\n return sanity.client.fetch(query, params)\n }\n }\n }\n\n return sanity\n}\n\nexport function isPreviewModeEnabled(\n preview?: Sanity['preview']\n): preview is {session: PreviewSession; projectId: string; dataset: string; token: string} {\n // @ts-expect-error\n return Boolean(preview && preview.token && preview.token !== null)\n}\n\n/**\n * Create an SHA-256 hash as a hex string\n * @see https://developer.mozilla.org/en-US/docs/Web/API/SubtleCrypto/digest#converting_a_digest_to_a_hex_string\n */\nexport async function sha256(message: string): Promise<string> {\n // encode as UTF-8\n const messageBuffer = await new TextEncoder().encode(message)\n // hash the message\n const hashBuffer = await crypto.subtle.digest('SHA-256', messageBuffer)\n // convert bytes to hex string\n return Array.from(new Uint8Array(hashBuffer))\n .map((b) => b.toString(16).padStart(2, '0'))\n .join('')\n}\n\n/**\n * Hash query and its parameters for use as cache key\n * NOTE: Oxygen deployment will break if the cache key is long or contains `\\n`\n */\nfunction hashQuery(\n query: useSanityQuery['query'],\n params: useSanityQuery['params']\n): Promise<string> {\n let hash = query\n\n if (params !== null) {\n hash += JSON.stringify(params)\n }\n\n return sha256(hash)\n}\n","import {createContext, useContext} from 'react'\n\nexport const PreviewContext = createContext<{projectId: string} | undefined>(undefined)\n\n/** TODO: needs inline documentation */\nexport const usePreviewContext = () => useContext(PreviewContext)\n","import type {ClientConfig} from '@sanity/client'\n\nimport {isPreviewModeEnabled, Sanity} from '../client'\n\n/** TODO: inline documentation */\nexport function getPreview<T extends {sanity: Sanity}>(context: T): ClientConfig | undefined {\n return isPreviewModeEnabled(context.sanity.preview)\n ? {\n ...context.sanity.client.config(),\n }\n : undefined\n}\n","/* eslint-disable react/require-default-props */\nimport {type ClientConfig, createClient} from '@sanity/client'\nimport type {LiveQueryProviderProps} from '@sanity/preview-kit'\nimport {lazy, type ReactNode, Suspense, useEffect, useState, useTransition} from 'react'\n\nimport {PreviewContext} from './context'\n\nconst LiveQueryProvider = lazy(() =>\n import('@sanity/preview-kit').then((m) => ({default: m.LiveQueryProvider}))\n)\n\ntype SanityPreviewProps = Omit<LiveQueryProviderProps, 'client'> & {\n fallback?: ReactNode\n previewConfig?: ClientConfig\n}\n\n/**\n * TODO: inline documentation\n * @see https://www.sanity.io/docs/preview-content-on-site\n */\nexport function PreviewProvider(props: SanityPreviewProps) {\n const {children, previewConfig, fallback = children, ...rest} = props\n\n const [, startTransition] = useTransition()\n const [hydrated, setHydrated] = useState(false)\n useEffect(() => startTransition(() => setHydrated(true)), [])\n\n if (!hydrated || !previewConfig || !previewConfig.projectId) {\n return children\n }\n\n const client = createClient(previewConfig)\n\n return (\n <PreviewContext.Provider value={{projectId: previewConfig.projectId}}>\n <Suspense fallback={fallback}>\n <LiveQueryProvider {...rest} client={client}>\n {children}\n </LiveQueryProvider>\n </Suspense>\n </PreviewContext.Provider>\n )\n}\n","import {createCookieSessionStorage, type Session, type SessionStorage} from '@shopify/remix-oxygen'\n\n/**\n * TODO: needs inline documentation\n */\nexport class PreviewSession {\n #sessionStorage: SessionStorage\n #session: Session\n\n constructor(sessionStorage: SessionStorage, session: Session) {\n this.#sessionStorage = sessionStorage\n this.#session = session\n }\n\n static async init(request: Request, secrets: string[]): Promise<PreviewSession> {\n const storage = createCookieSessionStorage({\n cookie: {\n name: '__preview',\n httpOnly: true,\n sameSite: true,\n secrets,\n },\n })\n\n const session = await storage.getSession(request.headers.get('Cookie'))\n\n return new this(storage, session)\n }\n\n has(key: string): boolean {\n return this.#session.has(key)\n }\n\n // get(key: string) {\n // return this.session.get(key);\n // }\n\n destroy(): Promise<string> {\n return this.#sessionStorage.destroySession(this.#session)\n }\n\n // unset(key: string) {\n // this.session.unset(key);\n // }\n\n // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types\n set(key: string, value: any): void {\n this.#session.set(key, value)\n }\n\n commit(): Promise<string> {\n return this.#sessionStorage.commitSession(this.#session)\n }\n}\n","/* eslint-disable react/require-default-props */\nimport type {QueryParams} from '@sanity/client'\nimport {useLiveQuery} from '@sanity/preview-kit'\nimport {type ReactNode} from 'react'\n\nimport {usePreviewContext} from './context'\n\ntype PreviewProps<T> = {\n data: T\n children: ReactNode | ((data?: T | null) => ReactNode)\n query?: string | null\n params?: QueryParams\n}\n\n/**\n * Component to use for rendering in preview mode\n *\n * When provided a Sanity query and render prop,\n * changes will be streamed in the client\n */\nexport function SanityPreview<T = unknown>(props: PreviewProps<T>) {\n const {data, children, query, params} = props\n const isPreview = Boolean(usePreviewContext())\n\n if (typeof children !== 'function') {\n return children\n }\n\n if (isPreview && query) {\n return (\n <ResolvePreview<typeof data> query={query} params={params} initialData={data}>\n {children}\n </ResolvePreview>\n )\n }\n\n return <>{children(data)}</>\n}\n\ntype ResolvePreviewProps<T> = {\n initialData?: T | null\n query: string\n params?: QueryParams\n children: (data?: T | null) => ReactNode\n}\n\n/**\n * Subscribe to live preview and delegate rendering to consumer\n */\nfunction ResolvePreview<T = unknown>(props: ResolvePreviewProps<T>) {\n const {initialData, query, params, children} = props\n const [data] = useLiveQuery(initialData, query, params)\n\n return <>{children(data)}</>\n}\n"],"names":["createSanityClient","options","cache","waitUntil","preview","config","sanity","client","createClient","async","query","params","strategy","CacheLong","_ref","queryHash","hash","JSON","stringify","sha256","hashQuery","createWithCache_unstable","withCache","fetch","session","has","projectId","dataset","token","withConfig","useCdn","perspective","ignoreBrowserTokenWarning","_ref2","isPreviewModeEnabled","Boolean","message","messageBuffer","TextEncoder","encode","hashBuffer","crypto","subtle","digest","Array","from","Uint8Array","map","b","toString","padStart","join","PreviewContext","createContext","usePreviewContext","useContext","getPreview","context","LiveQueryProvider","lazy","import","then","m","default","PreviewProvider","props","children","previewConfig","fallback","rest","startTransition","useTransition","hydrated","setHydrated","useState","useEffect","jsx","Provider","value","Suspense","_sessionStorage","_session","PreviewSession","constructor","sessionStorage","__privateAdd","this","__privateSet","static","request","secrets","storage","createCookieSessionStorage","cookie","name","httpOnly","sameSite","getSession","headers","get","key","__privateGet","destroy","destroySession","set","commit","commitSession","SanityPreview","data","isPreview","ResolvePreview","initialData","Fragment","useLiveQuery","WeakMap"],"mappings":"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"}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "hydrogen-sanity",
-  "version": "1.1.0",
+  "version": "2.0.1",
   "description": "Sanity.io toolkit for Hydrogen",
   "keywords": [
     "sanity",
@@ -20,20 +20,20 @@
     "url": "git+ssh://git@github.com/sanity-io/hydrogen-sanity.git"
   },
   "license": "MIT",
-  "author": "Sanity.io <hello@sanity.io> <noah@sanity.io>",
+  "author": "Sanity.io <hello@sanity.io>",
   "sideEffects": false,
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
       "source": "./src/index.ts",
       "require": "./dist/index.js",
-      "import": "./dist/index.esm.js",
-      "default": "./dist/index.esm.js"
+      "import": "./dist/index.mjs",
+      "default": "./dist/index.mjs"
     },
     "./package.json": "./package.json"
   },
   "main": "./dist/index.js",
-  "module": "./dist/index.esm.js",
+  "module": "./dist/index.mjs",
   "source": "./src/index.ts",
   "types": "./dist/index.d.ts",
   "files": [
@@ -45,27 +45,27 @@
     "clean": "rimraf dist",
     "format": "prettier --write --cache --ignore-unknown .",
     "link-watch": "plugin-kit link-watch",
-    "lint": "eslint .",
+    "lint": "eslint --ignore-path .gitignore .",
     "prepublishOnly": "run-s build",
     "watch": "pkg-utils watch --strict",
     "prepare": "husky install"
   },
   "dependencies": {
-    "@sanity/client": "^6.0.1",
-    "@sanity/preview-kit": "^1.5.2"
+    "@sanity/client": "^6.1.6",
+    "@sanity/preview-kit": "^2.3.0"
   },
   "devDependencies": {
-    "@commitlint/cli": "^17.6.3",
-    "@commitlint/config-conventional": "^17.6.3",
-    "@sanity/pkg-utils": "^2.2.14",
+    "@commitlint/cli": "^17.6.6",
+    "@commitlint/config-conventional": "^17.6.6",
+    "@sanity/pkg-utils": "^2.3.3",
     "@sanity/plugin-kit": "^3.1.7",
     "@sanity/semantic-release-preset": "^4.1.1",
-    "@shopify/hydrogen": "^2023.4.0",
-    "@shopify/remix-oxygen": "^1.0.5",
-    "@types/react": "^18.2.6",
-    "@typescript-eslint/eslint-plugin": "^5.59.5",
-    "@typescript-eslint/parser": "^5.59.5",
-    "eslint": "^8.40.0",
+    "@shopify/hydrogen": "^2023.4.6",
+    "@shopify/remix-oxygen": "^1.1.1",
+    "@types/react": "^18.2.14",
+    "@typescript-eslint/eslint-plugin": "^5.61.0",
+    "@typescript-eslint/parser": "^5.61.0",
+    "eslint": "^8.44.0",
     "eslint-config-prettier": "^8.8.0",
     "eslint-config-sanity": "^6.0.0",
     "eslint-plugin-prettier": "^4.2.1",
@@ -73,14 +73,14 @@
     "eslint-plugin-react-hooks": "^4.6.0",
     "eslint-plugin-simple-import-sort": "^10.0.0",
     "husky": "^8.0.3",
-    "lint-staged": "^13.2.2",
+    "lint-staged": "^13.2.3",
     "npm-run-all": "^4.1.5",
     "prettier": "^2.8.8",
-    "prettier-plugin-packagejson": "^2.4.3",
+    "prettier-plugin-packagejson": "^2.4.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "rimraf": "^5.0.0",
-    "typescript": "^5.0.4"
+    "rimraf": "^5.0.1",
+    "typescript": "^5.1.6"
   },
   "peerDependencies": {
     "@shopify/hydrogen": "^2023.4.0",

package/src/client.ts CHANGED Viewed

@@ -1,8 +1,14 @@
-import {type ClientConfig, createClient, type SanityClient} from '@sanity/client'
+import {
+  type ClientConfig,
+  type ClientPerspective,
+  createClient,
+  type QueryParams,
+  type SanityClient,
+} from '@sanity/client'
 // eslint-disable-next-line camelcase
 import {CacheLong, createWithCache_unstable} from '@shopify/hydrogen'
-import type {PreviewData, PreviewSession} from './preview'
+import type {PreviewSession} from './preview'
 import type {CachingStrategy, EnvironmentOptions} from './types'
 type CreateSanityClientOptions = EnvironmentOptions & {
@@ -10,18 +16,21 @@ type CreateSanityClientOptions = EnvironmentOptions & {
   preview?: {
     session: PreviewSession
     token: string
+    perspective?: ClientPerspective
   }
 }
 type useSanityQuery = {
   query: string
-  params?: Record<string, unknown>
+  params?: QueryParams
   cache?: CachingStrategy
 }
 export type Sanity = {
   client: SanityClient
-  preview?: ({session: PreviewSession} & PreviewData) | {session: PreviewSession}
+  preview?:
+    | {session: PreviewSession; projectId: string; dataset: string; token: string}
+    | {session: PreviewSession}
   query<T>(options: useSanityQuery): Promise<T>
 }
@@ -30,15 +39,15 @@ export type Sanity = {
  */
 export function createSanityClient(options: CreateSanityClientOptions): Sanity {
   const {cache, waitUntil, preview, config} = options
-  const withCache = createWithCache_unstable({
-    cache,
-    waitUntil,
-  })
   const sanity: Sanity = {
     client: createClient(config),
-    async query({query, params, cache: strategy = CacheLong()}) {
+    async query<T = any>({query, params, cache: strategy = CacheLong()}: useSanityQuery) {
       const queryHash = await hashQuery(query, params)
+      const withCache = createWithCache_unstable<T>({
+        cache,
+        waitUntil,
+      })
       return withCache(queryHash, strategy, () => sanity.client.fetch(query, params))
     },
@@ -58,6 +67,8 @@ export function createSanityClient(options: CreateSanityClientOptions): Sanity {
       sanity.client = sanity.client.withConfig({
         useCdn: false,
         token: preview.token,
+        perspective: preview.perspective || 'previewDrafts',
+        ignoreBrowserTokenWarning: true,
       })
       sanity.query = ({query, params}) => {
@@ -71,9 +82,9 @@ export function createSanityClient(options: CreateSanityClientOptions): Sanity {
 export function isPreviewModeEnabled(
   preview?: Sanity['preview']
-): preview is {session: PreviewSession} & PreviewData {
+): preview is {session: PreviewSession; projectId: string; dataset: string; token: string} {
   // @ts-expect-error
-  return preview && preview.token !== null
+  return Boolean(preview && preview.token && preview.token !== null)
 }
 /**

package/src/preview/PreviewProvider.tsx ADDED Viewed

@@ -0,0 +1,43 @@
+/* eslint-disable react/require-default-props */
+import {type ClientConfig, createClient} from '@sanity/client'
+import type {LiveQueryProviderProps} from '@sanity/preview-kit'
+import {lazy, type ReactNode, Suspense, useEffect, useState, useTransition} from 'react'
+import {PreviewContext} from './context'
+const LiveQueryProvider = lazy(() =>
+  import('@sanity/preview-kit').then((m) => ({default: m.LiveQueryProvider}))
+)
+type SanityPreviewProps = Omit<LiveQueryProviderProps, 'client'> & {
+  fallback?: ReactNode
+  previewConfig?: ClientConfig
+}
+/**
+ * TODO: inline documentation
+ * @see https://www.sanity.io/docs/preview-content-on-site
+ */
+export function PreviewProvider(props: SanityPreviewProps) {
+  const {children, previewConfig, fallback = children, ...rest} = props
+  const [, startTransition] = useTransition()
+  const [hydrated, setHydrated] = useState(false)
+  useEffect(() => startTransition(() => setHydrated(true)), [])
+  if (!hydrated || !previewConfig || !previewConfig.projectId) {
+    return children
+  }
+  const client = createClient(previewConfig)
+  return (
+    <PreviewContext.Provider value={{projectId: previewConfig.projectId}}>
+      <Suspense fallback={fallback}>
+        <LiveQueryProvider {...rest} client={client}>
+          {children}
+        </LiveQueryProvider>
+      </Suspense>
+    </PreviewContext.Provider>
+  )
+}

package/src/preview/PreviewSession.ts ADDED Viewed

@@ -0,0 +1,54 @@
+import {createCookieSessionStorage, type Session, type SessionStorage} from '@shopify/remix-oxygen'
+/**
+ * TODO: needs inline documentation
+ */
+export class PreviewSession {
+  #sessionStorage: SessionStorage
+  #session: Session
+  constructor(sessionStorage: SessionStorage, session: Session) {
+    this.#sessionStorage = sessionStorage
+    this.#session = session
+  }
+  static async init(request: Request, secrets: string[]): Promise<PreviewSession> {
+    const storage = createCookieSessionStorage({
+      cookie: {
+        name: '__preview',
+        httpOnly: true,
+        sameSite: true,
+        secrets,
+      },
+    })
+    const session = await storage.getSession(request.headers.get('Cookie'))
+    return new this(storage, session)
+  }
+  has(key: string): boolean {
+    return this.#session.has(key)
+  }
+  // get(key: string) {
+  //   return this.session.get(key);
+  // }
+  destroy(): Promise<string> {
+    return this.#sessionStorage.destroySession(this.#session)
+  }
+  // unset(key: string) {
+  //   this.session.unset(key);
+  // }
+  // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types
+  set(key: string, value: any): void {
+    this.#session.set(key, value)
+  }
+  commit(): Promise<string> {
+    return this.#sessionStorage.commitSession(this.#session)
+  }
+}

package/src/preview/SanityPreview.tsx ADDED Viewed

@@ -0,0 +1,55 @@
+/* eslint-disable react/require-default-props */
+import type {QueryParams} from '@sanity/client'
+import {useLiveQuery} from '@sanity/preview-kit'
+import {type ReactNode} from 'react'
+import {usePreviewContext} from './context'
+type PreviewProps<T> = {
+  data: T
+  children: ReactNode | ((data?: T | null) => ReactNode)
+  query?: string | null
+  params?: QueryParams
+}
+/**
+ * Component to use for rendering in preview mode
+ *
+ * When provided a Sanity query and render prop,
+ * changes will be streamed in the client
+ */
+export function SanityPreview<T = unknown>(props: PreviewProps<T>) {
+  const {data, children, query, params} = props
+  const isPreview = Boolean(usePreviewContext())
+  if (typeof children !== 'function') {
+    return children
+  }
+  if (isPreview && query) {
+    return (
+      <ResolvePreview<typeof data> query={query} params={params} initialData={data}>
+        {children}
+      </ResolvePreview>
+    )
+  }
+  return <>{children(data)}</>
+}
+type ResolvePreviewProps<T> = {
+  initialData?: T | null
+  query: string
+  params?: QueryParams
+  children: (data?: T | null) => ReactNode
+}
+/**
+ * Subscribe to live preview and delegate rendering to consumer
+ */
+function ResolvePreview<T = unknown>(props: ResolvePreviewProps<T>) {
+  const {initialData, query, params, children} = props
+  const [data] = useLiveQuery(initialData, query, params)
+  return <>{children(data)}</>
+}

package/src/preview/context.tsx ADDED Viewed

@@ -0,0 +1,6 @@
+import {createContext, useContext} from 'react'
+export const PreviewContext = createContext<{projectId: string} | undefined>(undefined)
+/** TODO: needs inline documentation */
+export const usePreviewContext = () => useContext(PreviewContext)

package/src/preview/getPreview.ts ADDED Viewed

@@ -0,0 +1,12 @@
+import type {ClientConfig} from '@sanity/client'
+import {isPreviewModeEnabled, Sanity} from '../client'
+/** TODO: inline documentation */
+export function getPreview<T extends {sanity: Sanity}>(context: T): ClientConfig | undefined {
+  return isPreviewModeEnabled(context.sanity.preview)
+    ? {
+        ...context.sanity.client.config(),
+      }
+    : undefined
+}

package/src/preview/index.ts ADDED Viewed

@@ -0,0 +1,5 @@
+export {usePreviewContext} from './context'
+export {getPreview} from './getPreview'
+export {PreviewProvider} from './PreviewProvider'
+export {PreviewSession} from './PreviewSession'
+export {SanityPreview} from './SanityPreview'

package/dist/index.esm.js DELETED Viewed

@@ -1,190 +0,0 @@
-import { createClient } from '@sanity/client';
-import { createWithCache_unstable, CacheLong } from '@shopify/hydrogen';
-import { jsx, Fragment } from 'react/jsx-runtime';
-import { definePreview, PreviewSuspense } from '@sanity/preview-kit';
-import { createCookieSessionStorage } from '@shopify/remix-oxygen';
-import { createContext, useContext, useMemo } from 'react';
-function createSanityClient(options) {
-  const {
-    cache,
-    waitUntil,
-    preview,
-    config
-  } = options;
-  const withCache = createWithCache_unstable({
-    cache,
-    waitUntil
-  });
-  const sanity = {
-    client: createClient(config),
-    async query(_ref) {
-      let {
-        query,
-        params,
-        cache: strategy = CacheLong()
-      } = _ref;
-      const queryHash = await hashQuery(query, params);
-      return withCache(queryHash, strategy, () => sanity.client.fetch(query, params));
-    }
-  };
-  if (preview) {
-    sanity.preview = {
-      session: preview.session
-    };
-    if (preview.session.has("projectId")) {
-      sanity.preview = {
-        ...sanity.preview,
-        projectId: config.projectId,
-        dataset: config.dataset,
-        token: preview.token
-      };
-      sanity.client = sanity.client.withConfig({
-        useCdn: false,
-        token: preview.token
-      });
-      sanity.query = _ref2 => {
-        let {
-          query,
-          params
-        } = _ref2;
-        return sanity.client.fetch(query, params);
-      };
-    }
-  }
-  return sanity;
-}
-function isPreviewModeEnabled(preview) {
-  return preview && preview.token !== null;
-}
-async function sha256(message) {
-  const messageBuffer = await new TextEncoder().encode(message);
-  const hashBuffer = await crypto.subtle.digest("SHA-256", messageBuffer);
-  return Array.from(new Uint8Array(hashBuffer)).map(b => b.toString(16).padStart(2, "0")).join("");
-}
-function hashQuery(query, params) {
-  let hash = query;
-  if (params !== null) {
-    hash += JSON.stringify(params);
-  }
-  return sha256(hash);
-}
-class PreviewSession {
-  // eslint-disable-next-line no-useless-constructor, no-empty-function
-  constructor(sessionStorage, session) {
-    this.sessionStorage = sessionStorage;
-    this.session = session;
-  }
-  static async init(request, secrets) {
-    const storage = createCookieSessionStorage({
-      cookie: {
-        name: "__preview",
-        httpOnly: true,
-        sameSite: true,
-        secrets
-      }
-    });
-    const session = await storage.getSession(request.headers.get("Cookie"));
-    return new this(storage, session);
-  }
-  has(key) {
-    return this.session.has(key);
-  }
-  // get(key: string) {
-  //   return this.session.get(key);
-  // }
-  destroy() {
-    return this.sessionStorage.destroySession(this.session);
-  }
-  // unset(key: string) {
-  //   this.session.unset(key);
-  // }
-  set(key, value) {
-    this.session.set(key, value);
-  }
-  commit() {
-    return this.sessionStorage.commitSession(this.session);
-  }
-}
-const PreviewContext = createContext(void 0);
-const usePreviewContext = () => useContext(PreviewContext);
-function Preview(props) {
-  var _a;
-  const {
-    children,
-    preview
-  } = props;
-  if (!(preview == null ? void 0 : preview.token)) {
-    return /* @__PURE__ */jsx(Fragment, {
-      children
-    });
-  }
-  const fallback = (_a = props.fallback) != null ? _a : /* @__PURE__ */jsx("div", {
-    children: "Loading preview..."
-  });
-  const {
-    projectId,
-    dataset,
-    token
-  } = preview;
-  const _usePreview = definePreview({
-    projectId,
-    dataset,
-    overlayDrafts: true
-  });
-  function usePreview(query, params, serverSnapshot) {
-    return _usePreview(token, query, params, serverSnapshot);
-  }
-  return /* @__PURE__ */jsx(PreviewContext.Provider, {
-    value: {
-      usePreview
-    },
-    children: /* @__PURE__ */jsx(PreviewSuspense, {
-      fallback,
-      children
-    })
-  });
-}
-function usePreviewComponent(component, preview) {
-  const isPreview = Boolean(usePreviewContext());
-  return useMemo(() => isPreview ? preview : component, [component, isPreview, preview]);
-}
-function SanityPreview(props) {
-  const {
-    data,
-    children,
-    query,
-    params
-  } = props;
-  const isPreview = Boolean(usePreviewContext());
-  if (typeof children !== "function") {
-    return children;
-  }
-  if (isPreview && query) {
-    return /* @__PURE__ */jsx(ResolvePreview, {
-      query,
-      params,
-      serverSnapshot: data,
-      children
-    });
-  }
-  return /* @__PURE__ */jsx(Fragment, {
-    children: children(data)
-  });
-}
-function ResolvePreview(props) {
-  const {
-    serverSnapshot,
-    query,
-    params,
-    children
-  } = props;
-  const {
-    usePreview
-  } = usePreviewContext();
-  const data = usePreview(query, params, serverSnapshot);
-  return /* @__PURE__ */jsx(Fragment, {
-    children: children(data)
-  });
-}
-export { Preview, PreviewSession, SanityPreview, createSanityClient, isPreviewModeEnabled, sha256, usePreviewComponent, usePreviewContext };
-//# sourceMappingURL=index.esm.js.map

package/dist/index.esm.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"index.esm.js","sources":["../src/client.ts","../src/preview.tsx"],"sourcesContent":["import {type ClientConfig, createClient, type SanityClient} from '@sanity/client'\n// eslint-disable-next-line camelcase\nimport {CacheLong, createWithCache_unstable} from '@shopify/hydrogen'\n\nimport type {PreviewData, PreviewSession} from './preview'\nimport type {CachingStrategy, EnvironmentOptions} from './types'\n\ntype CreateSanityClientOptions = EnvironmentOptions & {\n config: ClientConfig & Required<Pick<ClientConfig, 'projectId' | 'dataset'>>\n preview?: {\n session: PreviewSession\n token: string\n }\n}\n\ntype useSanityQuery = {\n query: string\n params?: Record<string, unknown>\n cache?: CachingStrategy\n}\n\nexport type Sanity = {\n client: SanityClient\n preview?: ({session: PreviewSession} & PreviewData) | {session: PreviewSession}\n query<T>(options: useSanityQuery): Promise<T>\n}\n\n/**\n * Create Sanity provider with API client.\n */\nexport function createSanityClient(options: CreateSanityClientOptions): Sanity {\n const {cache, waitUntil, preview, config} = options\n const withCache = createWithCache_unstable({\n cache,\n waitUntil,\n })\n\n const sanity: Sanity = {\n client: createClient(config),\n async query({query, params, cache: strategy = CacheLong()}) {\n const queryHash = await hashQuery(query, params)\n\n return withCache(queryHash, strategy, () => sanity.client.fetch(query, params))\n },\n }\n\n if (preview) {\n sanity.preview = {session: preview.session}\n\n if (preview.session.has('projectId')) {\n sanity.preview = {\n ...sanity.preview,\n projectId: config.projectId,\n dataset: config.dataset,\n token: preview.token,\n }\n\n sanity.client = sanity.client.withConfig({\n useCdn: false,\n token: preview.token,\n })\n\n sanity.query = ({query, params}) => {\n return sanity.client.fetch(query, params)\n }\n }\n }\n\n return sanity\n}\n\nexport function isPreviewModeEnabled(\n preview?: Sanity['preview']\n): preview is {session: PreviewSession} & PreviewData {\n // @ts-expect-error\n return preview && preview.token !== null\n}\n\n/**\n * Create an SHA-256 hash as a hex string\n * @see https://developer.mozilla.org/en-US/docs/Web/API/SubtleCrypto/digest#converting_a_digest_to_a_hex_string\n */\nexport async function sha256(message: string): Promise<string> {\n // encode as UTF-8\n const messageBuffer = await new TextEncoder().encode(message)\n // hash the message\n const hashBuffer = await crypto.subtle.digest('SHA-256', messageBuffer)\n // convert bytes to hex string\n return Array.from(new Uint8Array(hashBuffer))\n .map((b) => b.toString(16).padStart(2, '0'))\n .join('')\n}\n\n/**\n * Hash query and its parameters for use as cache key\n * NOTE: Oxygen deployment will break if the cache key is long or contains `\\n`\n */\nfunction hashQuery(\n query: useSanityQuery['query'],\n params: useSanityQuery['params']\n): Promise<string> {\n let hash = query\n\n if (params !== null) {\n hash += JSON.stringify(params)\n }\n\n return sha256(hash)\n}\n","/* eslint-disable react/require-default-props */\nimport {definePreview, type Params, PreviewSuspense} from '@sanity/preview-kit'\nimport {createCookieSessionStorage, type Session, type SessionStorage} from '@shopify/remix-oxygen'\nimport {createContext, ElementType, type ReactNode, useContext, useMemo} from 'react'\n\ntype UsePreview = <R = any, P extends Params = Params, Q extends string = string>(\n query: Q,\n params?: P,\n serverSnapshot?: R\n) => R\n\nexport type PreviewData = {\n projectId: string\n dataset: string\n token: string\n}\n\nexport type PreviewProps = {\n children: ReactNode\n fallback?: ReactNode\n preview?: PreviewData\n}\n\nexport class PreviewSession {\n // eslint-disable-next-line no-useless-constructor, no-empty-function\n constructor(private sessionStorage: SessionStorage, private session: Session) {}\n\n static async init(request: Request, secrets: string[]) {\n const storage = createCookieSessionStorage({\n cookie: {\n name: '__preview',\n httpOnly: true,\n sameSite: true,\n secrets,\n },\n })\n\n const session = await storage.getSession(request.headers.get('Cookie'))\n\n return new this(storage, session)\n }\n\n has(key: string) {\n return this.session.has(key)\n }\n\n // get(key: string) {\n // return this.session.get(key);\n // }\n\n destroy() {\n return this.sessionStorage.destroySession(this.session)\n }\n\n // unset(key: string) {\n // this.session.unset(key);\n // }\n\n set(key: string, value: any) {\n this.session.set(key, value)\n }\n\n commit() {\n return this.sessionStorage.commitSession(this.session)\n }\n}\n\nconst PreviewContext = createContext<\n | {\n /**\n * Query Sanity and subscribe to changes, optionally\n * passing a server snapshot to speed up hydration\n */\n usePreview: UsePreview\n }\n | undefined\n>(undefined)\n\nexport const usePreviewContext = () => useContext(PreviewContext)\n\n/**\n * Conditionally apply `PreviewSuspense` boundary\n * @see https://www.sanity.io/docs/preview-content-on-site\n */\nexport function Preview(props: PreviewProps) {\n const {children, preview} = props\n\n if (!preview?.token) {\n return <>{children}</>\n }\n\n const fallback = props.fallback ?? <div>Loading preview...</div>\n const {projectId, dataset, token} = preview\n const _usePreview = definePreview({\n projectId,\n dataset,\n overlayDrafts: true,\n })\n\n function usePreview<R = any, P extends Params = Params, Q extends string = string>(\n query: Q,\n params?: P,\n serverSnapshot?: R\n ): R {\n return _usePreview(token, query, params, serverSnapshot)\n }\n usePreview satisfies UsePreview\n\n return (\n <PreviewContext.Provider value={{usePreview}}>\n <PreviewSuspense fallback={fallback}>{children}</PreviewSuspense>\n </PreviewContext.Provider>\n )\n}\n\n/**\n * Select and memoize which component to render based on preview mode\n * @deprecated use `SanityPreview` instead\n */\nexport function usePreviewComponent<T>(component: ElementType<T>, preview: ElementType<T>) {\n const isPreview = Boolean(usePreviewContext())\n\n return useMemo(() => (isPreview ? preview : component), [component, isPreview, preview])\n}\n\ntype PreviewDataProps<T> = {\n data: T\n children: ReactNode | ((data: T | null) => ReactNode)\n query?: string | null\n params?: Params\n}\n\n/**\n * Component to use for rendering in preview mode\n *\n * When provided a Sanity query and render prop,\n * changes will be streamed in the client\n */\nexport function SanityPreview<T = unknown>(props: PreviewDataProps<T>) {\n const {data, children, query, params} = props\n const isPreview = Boolean(usePreviewContext())\n\n if (typeof children !== 'function') {\n return children\n }\n\n if (isPreview && query) {\n return (\n <ResolvePreview<typeof data> query={query} params={params} serverSnapshot={data}>\n {children}\n </ResolvePreview>\n )\n }\n\n return <>{children(data)}</>\n}\n\ntype ResolvePreviewProps<T> = {\n serverSnapshot?: T | null\n query: string\n params?: Params\n children: (data: T | null) => ReactNode\n}\n\n/**\n * Subscribe to live preview and delegate rendering to consumer\n */\nfunction ResolvePreview<T = unknown>(props: ResolvePreviewProps<T>) {\n const {serverSnapshot, query, params, children} = props\n // This won't break the conditional rule of hooks,\n // **but** it relies on the assumption that this component\n // will only be used in preview mode 👇🏻\n const {usePreview} = usePreviewContext()!\n const data = usePreview(query, params, serverSnapshot)\n\n return <>{children(data)}</>\n}\n"],"names":["createSanityClient","options","cache","waitUntil","preview","config","withCache","createWithCache_unstable","sanity","client","createClient","query","params","strategy","CacheLong","_ref","queryHash","hashQuery","fetch","session","has","projectId","dataset","token","withConfig","useCdn","_ref2","isPreviewModeEnabled","sha256","message","messageBuffer","TextEncoder","encode","hashBuffer","crypto","subtle","digest","Array","from","Uint8Array","map","b","toString","padStart","join","hash","JSON","stringify","PreviewSession","constructor","sessionStorage","init","request","secrets","storage","createCookieSessionStorage","cookie","name","httpOnly","sameSite","getSession","headers","get","key","destroy","destroySession","set","value","commit","commitSession","PreviewContext","createContext","usePreviewContext","useContext","Preview","props","_a","children","fallback","jsx","_usePreview","definePreview","overlayDrafts","usePreview","serverSnapshot","Provider","PreviewSuspense","usePreviewComponent","component","isPreview","Boolean","useMemo","SanityPreview","data","ResolvePreview","Fragment"],"mappings":"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"}

package/src/preview.tsx DELETED Viewed

@@ -1,177 +0,0 @@
-/* eslint-disable react/require-default-props */
-import {definePreview, type Params, PreviewSuspense} from '@sanity/preview-kit'
-import {createCookieSessionStorage, type Session, type SessionStorage} from '@shopify/remix-oxygen'
-import {createContext, ElementType, type ReactNode, useContext, useMemo} from 'react'
-type UsePreview = <R = any, P extends Params = Params, Q extends string = string>(
-  query: Q,
-  params?: P,
-  serverSnapshot?: R
-) => R
-export type PreviewData = {
-  projectId: string
-  dataset: string
-  token: string
-}
-export type PreviewProps = {
-  children: ReactNode
-  fallback?: ReactNode
-  preview?: PreviewData
-}
-export class PreviewSession {
-  // eslint-disable-next-line no-useless-constructor, no-empty-function
-  constructor(private sessionStorage: SessionStorage, private session: Session) {}
-  static async init(request: Request, secrets: string[]) {
-    const storage = createCookieSessionStorage({
-      cookie: {
-        name: '__preview',
-        httpOnly: true,
-        sameSite: true,
-        secrets,
-      },
-    })
-    const session = await storage.getSession(request.headers.get('Cookie'))
-    return new this(storage, session)
-  }
-  has(key: string) {
-    return this.session.has(key)
-  }
-  // get(key: string) {
-  //   return this.session.get(key);
-  // }
-  destroy() {
-    return this.sessionStorage.destroySession(this.session)
-  }
-  // unset(key: string) {
-  //   this.session.unset(key);
-  // }
-  set(key: string, value: any) {
-    this.session.set(key, value)
-  }
-  commit() {
-    return this.sessionStorage.commitSession(this.session)
-  }
-}
-const PreviewContext = createContext<
-  | {
-      /**
-       * Query Sanity and subscribe to changes, optionally
-       * passing a server snapshot to speed up hydration
-       */
-      usePreview: UsePreview
-    }
-  | undefined
->(undefined)
-export const usePreviewContext = () => useContext(PreviewContext)
-/**
- * Conditionally apply `PreviewSuspense` boundary
- * @see https://www.sanity.io/docs/preview-content-on-site
- */
-export function Preview(props: PreviewProps) {
-  const {children, preview} = props
-  if (!preview?.token) {
-    return <>{children}</>
-  }
-  const fallback = props.fallback ?? <div>Loading preview...</div>
-  const {projectId, dataset, token} = preview
-  const _usePreview = definePreview({
-    projectId,
-    dataset,
-    overlayDrafts: true,
-  })
-  function usePreview<R = any, P extends Params = Params, Q extends string = string>(
-    query: Q,
-    params?: P,
-    serverSnapshot?: R
-  ): R {
-    return _usePreview(token, query, params, serverSnapshot)
-  }
-  usePreview satisfies UsePreview
-  return (
-    <PreviewContext.Provider value={{usePreview}}>
-      <PreviewSuspense fallback={fallback}>{children}</PreviewSuspense>
-    </PreviewContext.Provider>
-  )
-}
-/**
- * Select and memoize which component to render based on preview mode
- * @deprecated use `SanityPreview` instead
- */
-export function usePreviewComponent<T>(component: ElementType<T>, preview: ElementType<T>) {
-  const isPreview = Boolean(usePreviewContext())
-  return useMemo(() => (isPreview ? preview : component), [component, isPreview, preview])
-}
-type PreviewDataProps<T> = {
-  data: T
-  children: ReactNode | ((data: T | null) => ReactNode)
-  query?: string | null
-  params?: Params
-}
-/**
- * Component to use for rendering in preview mode
- *
- * When provided a Sanity query and render prop,
- * changes will be streamed in the client
- */
-export function SanityPreview<T = unknown>(props: PreviewDataProps<T>) {
-  const {data, children, query, params} = props
-  const isPreview = Boolean(usePreviewContext())
-  if (typeof children !== 'function') {
-    return children
-  }
-  if (isPreview && query) {
-    return (
-      <ResolvePreview<typeof data> query={query} params={params} serverSnapshot={data}>
-        {children}
-      </ResolvePreview>
-    )
-  }
-  return <>{children(data)}</>
-}
-type ResolvePreviewProps<T> = {
-  serverSnapshot?: T | null
-  query: string
-  params?: Params
-  children: (data: T | null) => ReactNode
-}
-/**
- * Subscribe to live preview and delegate rendering to consumer
- */
-function ResolvePreview<T = unknown>(props: ResolvePreviewProps<T>) {
-  const {serverSnapshot, query, params, children} = props
-  // This won't break the conditional rule of hooks,
-  // **but** it relies on the assumption that this component
-  // will only be used in preview mode   👇🏻
-  const {usePreview} = usePreviewContext()!
-  const data = usePreview(query, params, serverSnapshot)
-  return <>{children(data)}</>
-}