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

package/README.md

@@ -1,3 +1,3 @@
 # @sealpixel/astro
 
-`astro add @sealpixel/astro`, then `<SealpixelEditor src="/photo.jpg" />` from `@sealpixel/astro/SealpixelEditor.astro`, or use the React, Vue or Svelte bindings inside an island. `sealpixel({ renderRoute: true })` injects `/api/sealpixel/render` (needs an SSR adapter).
+`astro add @sealpixel/astro`, then `<SealpixelEditor src="/photo.jpg" />` from `@sealpixel/astro/SealpixelEditor.astro`, or use the React, Vue or Svelte bindings inside an island.

package/dist/index.d.ts

@@ -1,19 +1,8 @@
 import type { AstroIntegration } from 'astro';
-export interface SealpixelAstroOptions {
-    /**
-     * Inject `POST /api/sealpixel/render` backed by `@sealpixel/server` with the
-     * first-party plugins and inline sources. Requires an SSR adapter.
-     */
-    renderRoute?: boolean | {
-        path?: string;
-        cors?: string[] | '*';
-        maxMegapixels?: number;
-    };
-}
 /**
  * `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
- * the worker keep working, and optionally injects the render endpoint.
+ * the worker keep working.
  */
-export default function sealpixel(options?: SealpixelAstroOptions): AstroIntegration;
+export default function sealpixel(): AstroIntegration;
 //# sourceMappingURL=index.d.ts.map

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;AAE9C;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,SAAS,IAAI,gBAAgB,CAyBpD"}

package/dist/index.js

@@ -1,13 +1,13 @@
 /**
  * `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
- * the worker keep working, and optionally injects the render endpoint.
+ * the worker keep working.
  */
-export default function sealpixel(options = {}) {
+export default function sealpixel() {
     return {
         name: '@sealpixel/astro',
         hooks: {
-            'astro:config:setup': ({ updateConfig, injectRoute }) => {
+            'astro:config:setup': ({ updateConfig }) => {
                 updateConfig({
                     vite: {
                         optimizeDeps: {
@@ -25,14 +25,6 @@ export default function sealpixel(options = {}) {
                         worker: { format: 'es' },
                     },
                 });
-                if (options.renderRoute) {
-                    const route = typeof options.renderRoute === 'object' ? options.renderRoute : {};
-                    injectRoute({
-                        pattern: route.path ?? '/api/sealpixel/render',
-                        entrypoint: '@sealpixel/astro/render-route',
-                        prerender: false,
-                    });
-                }
             },
         },
     };

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;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,SAAS;IAC/B,OAAO;QACL,IAAI,EAAE,kBAAkB;QACxB,KAAK,EAAE;YACL,oBAAoB,EAAE,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE;gBACzC,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;YACL,CAAC;SACF;KACF,CAAC;AACJ,CAAC"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sealpixel/astro",
-  "version": "1.0.0-rc.11",
-  "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.",
+  "version": "1.0.0-rc.13",
+  "description": "Astro integration for the Sealpixel image editor: Vite config for the wasm and worker, and a <SealpixelEditor /> component.",
   "license": "BUSL-1.1",
   "repository": {
     "type": "git",
@@ -23,19 +23,14 @@
       "default": "./dist/index.js"
     },
     "./SealpixelEditor.astro": "./src/components/SealpixelEditor.astro",
-    "./render-route": {
-      "types": "./dist/render-route.d.ts",
-      "default": "./dist/render-route.js"
-    },
     "./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.13",
+    "@sealpixel/element": "1.0.0-rc.13",
+    "@sealpixel/plugins": "1.0.0-rc.13",
+    "@sealpixel/ui": "1.0.0-rc.13",
+    "@sealpixel/wasm": "1.0.0-rc.13"
   },
   "peerDependencies": {
     "astro": ">=5.0.0"
@@ -44,10 +39,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"
   }
 }

package/src/components/SealpixelEditor.astro

@@ -1,14 +1,13 @@
 ---
 /**
  * Client-only editor. Props that are plain data (`src` url, `theme`, `locale`,
- * `serverEndpoint`, `editLog`) travel as attributes; complex options belong in
- * an island using @sealpixel/react, @sealpixel/vue or @sealpixel/svelte.
+ * `editLog`) travel as attributes; complex options belong in an island using
+ * @sealpixel/react, @sealpixel/vue or @sealpixel/svelte.
  */
 interface Props {
   src?: string;
   theme?: 'dark' | 'light' | 'auto';
   locale?: string;
-  serverEndpoint?: string;
   editLog?: unknown;
   /** `{ pluginId: partialOptions }`, serialised into the `plugin-options` attribute. */
   pluginOptions?: Record<string, unknown>;
@@ -23,7 +22,6 @@ const {
   src,
   theme = 'dark',
   locale = 'en',
-  serverEndpoint,
   editLog,
   pluginOptions,
   showExport,
@@ -43,7 +41,6 @@ const id = `sealpixel-${Math.random().toString(36).slice(2, 10)}`;
   style={style}
   data-src={src}
   data-locale={locale}
-  data-server-endpoint={serverEndpoint}
   data-edit-log={editLog === undefined ? undefined : JSON.stringify(editLog)}
   plugin-options={pluginOptions === undefined ? undefined : JSON.stringify(pluginOptions)}
   show-export={showExport}
@@ -54,12 +51,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,40 @@
+/**
+ * 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;
+  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 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);
+}

package/dist/render-route.d.ts

@@ -1,11 +0,0 @@
-export declare const prerender = false;
-export declare function POST({ request }: {
-    request: Request;
-}): Promise<Response>;
-export declare function GET({ request }: {
-    request: Request;
-}): Promise<Response>;
-export declare function OPTIONS({ request }: {
-    request: Request;
-}): Promise<Response>;
-//# sourceMappingURL=render-route.d.ts.map

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

@@ -1 +0,0 @@
-{"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"}

package/dist/render-route.js

@@ -1,24 +0,0 @@
-/**
- * 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`.
- */
-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) },
-});
-export const prerender = false;
-export function POST({ request }) {
-    return handler(request);
-}
-export function GET({ request }) {
-    return handler(request);
-}
-export function OPTIONS({ request }) {
-    return handler(request);
-}
-//# sourceMappingURL=render-route.js.map

package/dist/render-route.js.map

@@ -1 +0,0 @@
-{"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"}