@sealpixel/astro 1.0.0-rc.11 → 1.0.0-rc.12

package/dist/index.d.ts

@@ -3,6 +3,11 @@ export interface SealpixelAstroOptions {
     /**
      * Inject `POST /api/sealpixel/render` backed by `@sealpixel/server` with the
      * first-party plugins and inline sources. Requires an SSR adapter.
+     *
+     * The object form sets the route `path`, the handler's `cors` and
+     * `limits.maxMegapixels`. Without `cors` the handler's own default applies:
+     * no CORS headers, so only the same origin can call the route. Without
+     * `maxMegapixels` the route reads `SEALPIXEL_MAX_MEGAPIXELS`, then uses 40.
      */
     renderRoute?: boolean | {
         path?: string;

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,OAAO,CAAC;AAE9C,MAAM,WAAW,qBAAqB;IACpC;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,EAAE,GAAG,GAAG,CAAC;QAAC,aAAa,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;CAC1F;AAED;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,OAAO,GAAE,qBAA0B,GAAG,gBAAgB,CAiCvF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,OAAO,CAAC;AAK9C,MAAM,WAAW,qBAAqB;IACpC;;;;;;;;OAQG;IACH,WAAW,CAAC,EAAE,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,EAAE,GAAG,GAAG,CAAC;QAAC,aAAa,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;CAC1F;AAED;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,OAAO,GAAE,qBAA0B,GAAG,gBAAgB,CA8CvF"}

package/dist/index.js

@@ -1,3 +1,5 @@
+/** Carries the object form of `renderRoute` into the injected route. */
+const ROUTE_CONFIG_ID = 'virtual:sealpixel/render-route-config';
 /**
  * `astro add @sealpixel/astro`. Keeps the Sealpixel packages out of Vite's
  * dependency pre-bundling so `new URL(..., import.meta.url)` for the wasm and
@@ -8,6 +10,12 @@ export default function sealpixel(options = {}) {
         name: '@sealpixel/astro',
         hooks: {
             'astro:config:setup': ({ updateConfig, injectRoute }) => {
+                const route = typeof options.renderRoute === 'object' ? options.renderRoute : {};
+                const routeConfig = {
+                    ...(route.cors === undefined ? {} : { cors: route.cors }),
+                    ...(route.maxMegapixels === undefined ? {} : { maxMegapixels: route.maxMegapixels }),
+                };
+                const resolvedId = `\0${ROUTE_CONFIG_ID}`;
                 updateConfig({
                     vite: {
                         optimizeDeps: {
@@ -23,10 +31,16 @@ export default function sealpixel(options = {}) {
                             ],
                         },
                         worker: { format: 'es' },
+                        plugins: [
+                            {
+                                name: '@sealpixel/astro:render-route-config',
+                                resolveId: (id) => (id === ROUTE_CONFIG_ID ? resolvedId : undefined),
+                                load: (id) => id === resolvedId ? `export default ${JSON.stringify(routeConfig)};` : undefined,
+                            },
+                        ],
                     },
                 });
                 if (options.renderRoute) {
-                    const route = typeof options.renderRoute === 'object' ? options.renderRoute : {};
                     injectRoute({
                         pattern: route.path ?? '/api/sealpixel/render',
                         entrypoint: '@sealpixel/astro/render-route',

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAUA;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,UAAiC,EAAE;IACnE,OAAO;QACL,IAAI,EAAE,kBAAkB;QACxB,KAAK,EAAE;YACL,oBAAoB,EAAE,CAAC,EAAE,YAAY,EAAE,WAAW,EAAE,EAAE,EAAE;gBACtD,YAAY,CAAC;oBACX,IAAI,EAAE;wBACJ,YAAY,EAAE;4BACZ,OAAO,EAAE;gCACP,iBAAiB;gCACjB,iBAAiB;gCACjB,eAAe;gCACf,oBAAoB;gCACpB,oBAAoB;gCACpB,kBAAkB;gCAClB,gBAAgB;gCAChB,mBAAmB;6BACpB;yBACF;wBACD,MAAM,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE;qBACzB;iBACF,CAAC,CAAC;gBACH,IAAI,OAAO,CAAC,WAAW,EAAE,CAAC;oBACxB,MAAM,KAAK,GAAG,OAAO,OAAO,CAAC,WAAW,KAAK,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC;oBACjF,WAAW,CAAC;wBACV,OAAO,EAAE,KAAK,CAAC,IAAI,IAAI,uBAAuB;wBAC9C,UAAU,EAAE,+BAA+B;wBAC3C,SAAS,EAAE,KAAK;qBACjB,CAAC,CAAC;gBACL,CAAC;YACH,CAAC;SACF;KACF,CAAC;AACJ,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAEA,wEAAwE;AACxE,MAAM,eAAe,GAAG,uCAAuC,CAAC;AAehE;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,UAAiC,EAAE;IACnE,OAAO;QACL,IAAI,EAAE,kBAAkB;QACxB,KAAK,EAAE;YACL,oBAAoB,EAAE,CAAC,EAAE,YAAY,EAAE,WAAW,EAAE,EAAE,EAAE;gBACtD,MAAM,KAAK,GAAG,OAAO,OAAO,CAAC,WAAW,KAAK,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC;gBACjF,MAAM,WAAW,GAAG;oBAClB,GAAG,CAAC,KAAK,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,CAAC;oBACzD,GAAG,CAAC,KAAK,CAAC,aAAa,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,aAAa,EAAE,KAAK,CAAC,aAAa,EAAE,CAAC;iBACrF,CAAC;gBACF,MAAM,UAAU,GAAG,KAAK,eAAe,EAAE,CAAC;gBAC1C,YAAY,CAAC;oBACX,IAAI,EAAE;wBACJ,YAAY,EAAE;4BACZ,OAAO,EAAE;gCACP,iBAAiB;gCACjB,iBAAiB;gCACjB,eAAe;gCACf,oBAAoB;gCACpB,oBAAoB;gCACpB,kBAAkB;gCAClB,gBAAgB;gCAChB,mBAAmB;6BACpB;yBACF;wBACD,MAAM,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE;wBACxB,OAAO,EAAE;4BACP;gCACE,IAAI,EAAE,sCAAsC;gCAC5C,SAAS,EAAE,CAAC,EAAU,EAAE,EAAE,CAAC,CAAC,EAAE,KAAK,eAAe,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC;gCAC5E,IAAI,EAAE,CAAC,EAAU,EAAE,EAAE,CACnB,EAAE,KAAK,UAAU,CAAC,CAAC,CAAC,kBAAkB,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS;6BACnF;yBACF;qBACF;iBACF,CAAC,CAAC;gBACH,IAAI,OAAO,CAAC,WAAW,EAAE,CAAC;oBACxB,WAAW,CAAC;wBACV,OAAO,EAAE,KAAK,CAAC,IAAI,IAAI,uBAAuB;wBAC9C,UAAU,EAAE,+BAA+B;wBAC3C,SAAS,EAAE,KAAK;qBACjB,CAAC,CAAC;gBACL,CAAC;YACH,CAAC;SACF;KACF,CAAC;AACJ,CAAC"}

package/dist/render-route.d.ts

@@ -1,3 +1,8 @@
+/**
+ * Astro API route running `@sealpixel/server` in the SSR runtime (Node, Deno,
+ * Bun, Cloudflare via the fetch handler). Inline sources only; hosts wanting
+ * S3 sources write their own route with `createSealpixelHandler`.
+ */
 export declare const prerender = false;
 export declare function POST({ request }: {
     request: Request;

package/dist/render-route.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"render-route.d.ts","sourceRoot":"","sources":["../src/render-route.ts"],"names":[],"mappings":"AAeA,eAAO,MAAM,SAAS,QAAQ,CAAC;AAE/B,wBAAgB,IAAI,CAAC,EAAE,OAAO,EAAE,EAAE;IAAE,OAAO,EAAE,OAAO,CAAA;CAAE,GAAG,OAAO,CAAC,QAAQ,CAAC,CAEzE;AAED,wBAAgB,GAAG,CAAC,EAAE,OAAO,EAAE,EAAE;IAAE,OAAO,EAAE,OAAO,CAAA;CAAE,GAAG,OAAO,CAAC,QAAQ,CAAC,CAExE;AAED,wBAAgB,OAAO,CAAC,EAAE,OAAO,EAAE,EAAE;IAAE,OAAO,EAAE,OAAO,CAAA;CAAE,GAAG,OAAO,CAAC,QAAQ,CAAC,CAE5E"}
+{"version":3,"file":"render-route.d.ts","sourceRoot":"","sources":["../src/render-route.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAeH,eAAO,MAAM,SAAS,QAAQ,CAAC;AAE/B,wBAAgB,IAAI,CAAC,EAAE,OAAO,EAAE,EAAE;IAAE,OAAO,EAAE,OAAO,CAAA;CAAE,GAAG,OAAO,CAAC,QAAQ,CAAC,CAEzE;AAED,wBAAgB,GAAG,CAAC,EAAE,OAAO,EAAE,EAAE;IAAE,OAAO,EAAE,OAAO,CAAA;CAAE,GAAG,OAAO,CAAC,QAAQ,CAAC,CAExE;AAED,wBAAgB,OAAO,CAAC,EAAE,OAAO,EAAE,EAAE;IAAE,OAAO,EAAE,OAAO,CAAA;CAAE,GAAG,OAAO,CAAC,QAAQ,CAAC,CAE5E"}

package/dist/render-route.js

@@ -3,13 +3,16 @@
  * Bun, Cloudflare via the fetch handler). Inline sources only; hosts wanting
  * S3 sources write their own route with `createSealpixelHandler`.
  */
+import config from 'virtual:sealpixel/render-route-config';
 import { defaultPlugins } from '@sealpixel/plugins';
 import { createSealpixelHandler, inlineSource } from '@sealpixel/server';
 const handler = createSealpixelHandler({
     plugins: defaultPlugins,
     sources: [inlineSource()],
-    cors: '*',
-    limits: { maxMegapixels: Number(process.env['SEALPIXEL_MAX_MEGAPIXELS'] ?? 40) },
+    ...(config.cors === undefined ? {} : { cors: config.cors }),
+    limits: {
+        maxMegapixels: config.maxMegapixels ?? Number(process.env['SEALPIXEL_MAX_MEGAPIXELS'] ?? 40),
+    },
 });
 export const prerender = false;
 export function POST({ request }) {

package/dist/render-route.js.map

@@ -1 +1 @@
-{"version":3,"file":"render-route.js","sourceRoot":"","sources":["../src/render-route.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,sBAAsB,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEzE,MAAM,OAAO,GAAG,sBAAsB,CAAC;IACrC,OAAO,EAAE,cAAc;IACvB,OAAO,EAAE,CAAC,YAAY,EAAE,CAAC;IACzB,IAAI,EAAE,GAAG;IACT,MAAM,EAAE,EAAE,aAAa,EAAE,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,0BAA0B,CAAC,IAAI,EAAE,CAAC,EAAE;CACjF,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,SAAS,GAAG,KAAK,CAAC;AAE/B,MAAM,UAAU,IAAI,CAAC,EAAE,OAAO,EAAwB;IACpD,OAAO,OAAO,CAAC,OAAO,CAAC,CAAC;AAC1B,CAAC;AAED,MAAM,UAAU,GAAG,CAAC,EAAE,OAAO,EAAwB;IACnD,OAAO,OAAO,CAAC,OAAO,CAAC,CAAC;AAC1B,CAAC;AAED,MAAM,UAAU,OAAO,CAAC,EAAE,OAAO,EAAwB;IACvD,OAAO,OAAO,CAAC,OAAO,CAAC,CAAC;AAC1B,CAAC"}
+{"version":3,"file":"render-route.js","sourceRoot":"","sources":["../src/render-route.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,MAAM,MAAM,uCAAuC,CAAC;AAC3D,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,sBAAsB,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEzE,MAAM,OAAO,GAAG,sBAAsB,CAAC;IACrC,OAAO,EAAE,cAAc;IACvB,OAAO,EAAE,CAAC,YAAY,EAAE,CAAC;IACzB,GAAG,CAAC,MAAM,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,MAAM,CAAC,IAAI,EAAE,CAAC;IAC3D,MAAM,EAAE;QACN,aAAa,EAAE,MAAM,CAAC,aAAa,IAAI,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,0BAA0B,CAAC,IAAI,EAAE,CAAC;KAC7F;CACF,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,SAAS,GAAG,KAAK,CAAC;AAE/B,MAAM,UAAU,IAAI,CAAC,EAAE,OAAO,EAAwB;IACpD,OAAO,OAAO,CAAC,OAAO,CAAC,CAAC;AAC1B,CAAC;AAED,MAAM,UAAU,GAAG,CAAC,EAAE,OAAO,EAAwB;IACnD,OAAO,OAAO,CAAC,OAAO,CAAC,CAAC;AAC1B,CAAC;AAED,MAAM,UAAU,OAAO,CAAC,EAAE,OAAO,EAAwB;IACvD,OAAO,OAAO,CAAC,OAAO,CAAC,CAAC;AAC1B,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sealpixel/astro",
-  "version": "1.0.0-rc.11",
+  "version": "1.0.0-rc.12",
   "description": "Astro integration for the Sealpixel image editor: Vite config for the wasm and worker, a <SealpixelEditor /> component, and an optional /api/sealpixel/render endpoint.",
   "license": "BUSL-1.1",
   "repository": {
@@ -30,12 +30,12 @@
     "./package.json": "./package.json"
   },
   "dependencies": {
-    "@sealpixel/core": "1.0.0-rc.11",
-    "@sealpixel/element": "1.0.0-rc.11",
-    "@sealpixel/plugins": "1.0.0-rc.11",
-    "@sealpixel/server": "1.0.0-rc.11",
-    "@sealpixel/ui": "1.0.0-rc.11",
-    "@sealpixel/wasm": "1.0.0-rc.11"
+    "@sealpixel/core": "1.0.0-rc.12",
+    "@sealpixel/element": "1.0.0-rc.12",
+    "@sealpixel/plugins": "1.0.0-rc.12",
+    "@sealpixel/server": "1.0.0-rc.12",
+    "@sealpixel/ui": "1.0.0-rc.12",
+    "@sealpixel/wasm": "1.0.0-rc.12"
   },
   "peerDependencies": {
     "astro": ">=5.0.0"
@@ -44,10 +44,13 @@
     "@sealpixel/config": "0.0.0",
     "@types/node": "^24.0.0",
     "astro": "^7.0.0",
-    "typescript": "^6.0.0"
+    "happy-dom": "^20.0.0",
+    "typescript": "^6.0.0",
+    "vitest": "^5.0.0"
   },
   "scripts": {
     "build": "tsc -p tsconfig.build.json",
-    "typecheck": "tsc -p tsconfig.json --noEmit"
+    "typecheck": "tsc -p tsconfig.json --noEmit",
+    "test": "vitest run && node --test test/*.node.test.mjs"
   }
 }

package/src/components/SealpixelEditor.astro

@@ -54,12 +54,7 @@ const id = `sealpixel-${Math.random().toString(36).slice(2, 10)}`;
 
 <script>
   import '@sealpixel/element';
-  for (const el of document.querySelectorAll<HTMLElement & { src: unknown; locale: string; serverEndpoint: string | null; defaultEditLog: unknown }>('sealpixel-editor[data-src], sealpixel-editor[data-locale]')) {
-    if (el.dataset.hydrated) continue;
-    el.dataset.hydrated = '1';
-    el.locale = el.dataset.locale ?? 'en';
-    if (el.dataset.serverEndpoint) el.serverEndpoint = el.dataset.serverEndpoint;
-    if (el.dataset.editLog) el.defaultEditLog = JSON.parse(el.dataset.editLog);
-    if (el.dataset.src) el.src = el.dataset.src;
-  }
+  import { startHydration } from './hydrate';
+
+  startHydration();
 </script>

package/src/components/hydrate.ts

@@ -0,0 +1,43 @@
+/**
+ * The client script of `SealpixelEditor.astro`. The component renders plain
+ * data as `data-*` attributes; this script copies it into the properties that
+ * the element reads.
+ */
+
+type EditorElement = HTMLElement & {
+  src: unknown;
+  locale: string;
+  serverEndpoint: string | null;
+  defaultEditLog: unknown;
+};
+
+function hydrateEditors(): void {
+  for (const el of document.querySelectorAll<EditorElement>(
+    'sealpixel-editor[data-src], sealpixel-editor[data-locale]',
+  )) {
+    // A second pass must not reset an editor, for example one that the router kept.
+    if (el.hasAttribute('data-hydrated')) continue;
+    el.setAttribute('data-hydrated', '1');
+    el.locale = el.getAttribute('data-locale') ?? 'en';
+    const serverEndpoint = el.getAttribute('data-server-endpoint');
+    if (serverEndpoint) el.serverEndpoint = serverEndpoint;
+    const editLog = el.getAttribute('data-edit-log');
+    if (editLog) el.defaultEditLog = JSON.parse(editLog);
+    const src = el.getAttribute('data-src');
+    if (src) el.src = src;
+  }
+}
+
+let started = false;
+
+/**
+ * Hydrates the editors on the page now and after every client-side navigation.
+ * A module script runs once per full page load, but the ClientRouter swaps
+ * pages without one and fires `astro:page-load` instead.
+ */
+export function startHydration(): void {
+  hydrateEditors();
+  if (started) return;
+  started = true;
+  document.addEventListener('astro:page-load', hydrateEditors);
+}