@storystick/next 0.2.0-rc.0 → 0.2.0-rc.1

package/PUBLIC-API.md

@@ -1,8 +1,8 @@
 # @storystick/next API contract
 
-Install this candidate explicitly with `@storystick/next@0.2.0-rc.0` after registry bootstrap and publication. This repository alone does not make the candidate or beta channel available on npm.
+Install this candidate explicitly with `@storystick/next@0.2.0-rc.1` after registry bootstrap and publication. This repository alone does not make the candidate or beta channel available on npm.
 
-Version 0.2.0-rc.0, cohort `sdk-0.2.0-rc.0`. ESM distribution; no CommonJS or universal Edge compatibility is promised.
+Version 0.2.0-rc.1, cohort `sdk-0.2.0-rc.1`. ESM distribution; no CommonJS or universal Edge compatibility is promised.
 
 This package is a product integration facade. Reserved contracts are required between SDK packages and must be upgraded with the same cohort. Their public export paths do not promise independent stability.
 

package/dist/.source-hash

@@ -1 +1 @@
-7879ab7fae7e3c028138e1b55edc83b6b5bdc2edd6b6cdfcdc0560dfd44f88ae
+20e8248dcde770c1a3966e62bbd395af132defa0ac1ada5c01ce32f486997919

package/dist/preview/route-initial.js

@@ -6,7 +6,7 @@ import { getPreviewTransport, resolvePreviewRequestOrigin } from './internal.js'
 import { primePreviewGrantAccess } from '@storystick/preview/server/extract-token';
 import { resolveStorystickApplicationBuildId } from '../code-version.js';
 import { buildPreviewGrantCookieFromActivation, setPreviewGrantCookieOnResponse, } from '@storystick/preview/server/route-session-cookie';
-import { previewErrorResponse, previewInitialRouteErrorResponse, } from './route-errors.js';
+import { previewInitialRouteErrorResponse, } from './route-errors.js';
 import { PREVIEW_SESSION_QUERY_PARAM, PREVIEW_VARIANT_QUERY_PARAM, PREVIEW_RELEASE_QUERY_PARAM, PreviewScopeConflictError, createPreviewScope, writePreviewScopeToSearchParams, } from '@storystick/preview/identity';
 const DEFAULTS = {
     redirectParam: 'redirect',
@@ -19,7 +19,10 @@ export function createStorystickPreviewHandler(options = {}) {
         const url = request.nextUrl;
         const sessionId = url.searchParams.get(PREVIEW_SESSION_QUERY_PARAM);
         if (!isSafePreviewSessionId(sessionId)) {
-            return withNoReferrer(previewErrorResponse(400, 'PREVIEW_SESSION_MISSING', 'preview session selector is required', { category: 'validation', recoverable: true }));
+            return withNoReferrer(previewInitialRouteErrorResponse(request, {
+                status: 400, code: 'PREVIEW_SESSION_MISSING', message: 'preview session selector is required',
+                category: 'validation', recoverable: true, retryable: false,
+            }));
         }
         let activation;
         try {
@@ -27,7 +30,10 @@ export function createStorystickPreviewHandler(options = {}) {
         }
         catch (error) {
             if (error instanceof PreviewActivationError) {
-                return withNoReferrer(previewErrorResponse(400, 'PREVIEW_ACTIVATION_INVALID', 'preview activation is missing or malformed', { category: 'validation', recoverable: true }));
+                return withNoReferrer(previewInitialRouteErrorResponse(request, {
+                    status: 400, code: 'PREVIEW_ACTIVATION_INVALID', message: 'preview activation is missing or malformed',
+                    category: 'validation', recoverable: true, retryable: false,
+                }));
             }
             throw error;
         }
@@ -38,7 +44,10 @@ export function createStorystickPreviewHandler(options = {}) {
         catch (error) {
             if (error instanceof PreviewRedirectError) {
                 console.warn('[storystick/preview] unsafe redirect rejected');
-                return withNoReferrer(previewErrorResponse(400, 'PREVIEW_REDIRECT_UNSAFE', 'unsafe redirect', { category: 'validation', recoverable: true }));
+                return withNoReferrer(previewInitialRouteErrorResponse(request, {
+                    status: 400, code: 'PREVIEW_REDIRECT_UNSAFE', message: 'unsafe redirect',
+                    category: 'validation', recoverable: true, retryable: false,
+                }));
             }
             throw error;
         }
@@ -51,7 +60,10 @@ export function createStorystickPreviewHandler(options = {}) {
         }
         catch (error) {
             if (error instanceof PreviewScopeConflictError) {
-                return withNoReferrer(previewErrorResponse(400, 'PREVIEW_SCOPE_CONFLICT', 'preview cannot select a variant and a release together', { category: 'validation', recoverable: true }));
+                return withNoReferrer(previewInitialRouteErrorResponse(request, {
+                    status: 400, code: 'PREVIEW_SCOPE_CONFLICT', message: 'preview cannot select a variant and a release together',
+                    category: 'validation', recoverable: true, retryable: false,
+                }));
             }
             throw error;
         }
@@ -89,7 +101,10 @@ export function createStorystickPreviewHandler(options = {}) {
             exchange.previewOrigin !== requestOrigin ||
             exchange.projectId !== (await getPreviewTransport()).projectId ||
             exchange.grantExpiresAt <= Date.now()) {
-            return withNoReferrer(previewErrorResponse(502, 'PREVIEW_GRANT_BINDING_MISMATCH', 'preview unavailable', { category: 'auth', recoverable: true }));
+            return withNoReferrer(previewInitialRouteErrorResponse(request, {
+                status: 502, code: 'PREVIEW_GRANT_BINDING_MISMATCH', message: 'preview unavailable',
+                category: 'auth', recoverable: true, retryable: false,
+            }));
         }
         const cookie = buildPreviewGrantCookieFromActivation(exchange, Date.now(), resolveStorystickApplicationBuildId());
         const draft = await draftMode();

package/dist/preview-error-surface.js

@@ -3,8 +3,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useRef, useState } from 'react';
 import { createPortal } from 'react-dom';
 import { lookupSdkCopy } from '@storystick/preview/sdk-error-copy';
-import { PreviewPanelMessage } from '@storystick/react/internal/preview-panel-state';
-import { StorystickMark } from '@storystick/react/internal/storystick-mark';
+import { PreviewPageState } from '@storystick/react/internal/preview-page-state';
 /** A terminal Preview state owns its viewport, without changing customer DOM.
  * Isolate product styling from the customer's page and its error boundary. */
 export function PreviewErrorSurface({ code, studioUrl }) {
@@ -16,9 +15,6 @@ export function PreviewErrorSurface({ code, studioUrl }) {
             setRoot(host.current.shadowRoot ?? host.current.attachShadow({ mode: 'open' }));
     }, []);
     return _jsx("div", { ref: host, "data-storystick-preview-error": "", "data-storystick-preview-controls": "", style: {
-            all: 'initial', position: 'fixed', inset: 0, zIndex: 2147483646, background: '#fafafa',
-        }, children: root ? createPortal(_jsxs("div", { style: {
-                boxSizing: 'border-box', minHeight: '100%', display: 'flex', flexDirection: 'column',
-                alignItems: 'center', justifyContent: 'center', padding: 24, color: '#18181b',
-            }, children: [_jsx(StorystickMark, { style: { width: 18, height: 18, marginBottom: 16, transform: 'rotate(90deg)' } }), _jsx(PreviewPanelMessage, { title: copy.title, description: copy.body, actions: studioUrl ? _jsx("a", { "data-ss-panel-action": "", href: studioUrl, children: "Return to Studio" }) : null, children: code || copy.commonCauses.length ? _jsxs("details", { children: [_jsx("summary", { children: "Technical details" }), code ? _jsx("pre", { children: code }) : null, copy.commonCauses.length ? _jsx("ul", { style: { textAlign: 'left', paddingLeft: 18 }, children: copy.commonCauses.map(cause => _jsx("li", { children: cause }, cause)) }) : null] }) : null })] }), root) : null });
+            all: 'initial', position: 'fixed', inset: 0, zIndex: 2147483646, background: '#fff',
+        }, children: root ? createPortal(_jsx(PreviewPageState, { title: copy.title, description: copy.body, role: "alert", actions: studioUrl ? _jsx("a", { "data-ss-preview-page-action": "", href: studioUrl, children: "Return to Studio" }) : null, children: code || copy.commonCauses.length ? _jsxs("details", { children: [_jsx("summary", { children: "Technical details" }), code ? _jsx("pre", { children: code }) : null, copy.commonCauses.length ? _jsx("ul", { style: { textAlign: 'left', paddingLeft: 18 }, children: copy.commonCauses.map(cause => _jsx("li", { children: cause }, cause)) }) : null] }) : null }), root) : null });
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storystick/next",
-  "version": "0.2.0-rc.0",
+  "version": "0.2.0-rc.1",
   "license": "FSL-1.1-MIT",
   "type": "module",
   "main": "dist/index.js",
@@ -88,11 +88,11 @@
   },
   "dependencies": {
     "server-only": "^0.0.1",
-    "@storystick/media": "0.2.0-rc.0",
-    "@storystick/client": "0.2.0-rc.0",
-    "@storystick/types": "0.1.0-rc.0",
-    "@storystick/react": "0.2.0-rc.0",
-    "@storystick/preview": "0.2.0-rc.0"
+    "@storystick/client": "0.2.0-rc.1",
+    "@storystick/media": "0.2.0-rc.1",
+    "@storystick/react": "0.2.0-rc.1",
+    "@storystick/preview": "0.2.0-rc.1",
+    "@storystick/types": "0.1.0-rc.1"
   },
   "devDependencies": {
     "@testing-library/react": "^16.3.2",