@contentful/experiences-svelte 0.10.0 → 0.11.0

package/dist/use-live-preview-experience.test.js

@@ -39,14 +39,6 @@ const payload = (title) => ({
         },
     ],
     sys: { type: 'Experience' },
-    viewports: [
-        {
-            displayName: 'Default',
-            id: 'default',
-            previewSize: '1024px',
-            query: '*',
-        },
-    ],
 });
 const previewSessionOptions = {
     environmentId: 'environment-id',

package/dist/use-live-preview.test.js

@@ -1,13 +1,7 @@
 import { render } from '@testing-library/svelte';
 import { describe, expect, it } from 'vitest';
 import LivePreviewPlanProbe from './test-fixtures/LivePreviewPlanProbe.svelte';
-const payload = {
-    nodes: [],
-    sys: { type: 'Experience' },
-    viewports: [{ displayName: 'Default', id: 'default', previewSize: '1024px', query: '*' }],
-};
 const initialPlan = {
-    fallbackViewportIndex: 0,
     nodes: [
         {
             nodeId: 'initial',
@@ -16,7 +10,6 @@ const initialPlan = {
             slots: {},
         },
     ],
-    viewports: payload.viewports,
     metadata: {},
     debug: false,
     diagnostics: [],

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@contentful/experiences-svelte",
-  "version": "0.10.0",
+  "version": "0.11.0",
   "description": "Svelte adapter for Contentful Experiences — Server and Client renderers over a PortableRenderPlan",
   "license": "MIT",
   "type": "module",
@@ -35,10 +35,10 @@
     "check": "svelte-check --tsconfig ./tsconfig.json"
   },
   "dependencies": {
-    "@contentful/experiences-client": "0.8.0",
-    "@contentful/experiences-sdk-core": "0.11.0",
-    "@contentful/experiences-design": "0.11.0",
-    "@contentful/experiences-live-preview": "0.5.0"
+    "@contentful/experiences-client": "0.9.0",
+    "@contentful/experiences-sdk-core": "0.12.0",
+    "@contentful/experiences-design": "0.12.0",
+    "@contentful/experiences-live-preview": "0.6.0"
   },
   "peerDependencies": {
     "svelte": "^5.55.7"

package/dist/use-active-viewport.svelte.d.ts

@@ -1,23 +0,0 @@
-import type { ViewportDef } from '@contentful/experiences-sdk-core';
-/**
- * @deprecated Viewports are being removed from the Experiences APIs, with no
- * direct replacement — use CSS media queries or `window.matchMedia` instead.
- * Will not be removed before 2026-10-06.
- */
-export interface UseActiveViewportResult {
-    readonly activeViewportIndex: number;
-}
-/**
- * Returns a reactive object whose `activeViewportIndex` updates as the
- * window's matched media queries change. Mounts listeners via `$effect`
- * and tears them down automatically when the calling component unmounts.
- *
- * Must be called at the top level of a `.svelte` component or a function
- * that's itself called during component setup (because of `$effect`).
- *
- * @deprecated Viewports are being removed from the Experiences APIs, with no
- * direct replacement — use CSS media queries or `window.matchMedia` instead.
- * Will not be removed before 2026-10-06.
- */
-export declare function useActiveViewport(viewports: ViewportDef[], initialViewportId?: string): UseActiveViewportResult;
-//# sourceMappingURL=use-active-viewport.svelte.d.ts.map

package/dist/use-active-viewport.svelte.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-active-viewport.svelte.d.ts","sourceRoot":"","sources":["../src/use-active-viewport.svelte.ts"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAC;AAGpE;;;;GAIG;AACH,MAAM,WAAW,uBAAuB;IACtC,QAAQ,CAAC,mBAAmB,EAAE,MAAM,CAAC;CACtC;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,iBAAiB,CAC/B,SAAS,EAAE,WAAW,EAAE,EACxB,iBAAiB,CAAC,EAAE,MAAM,GACzB,uBAAuB,CAiDzB"}

package/dist/use-active-viewport.svelte.js

@@ -1,66 +0,0 @@
-/*
- * Reactive viewport-matcher rune.
- *
- * "Active viewport" = the last-matching media query in the ordered viewports
- * list. With desktop-first ordering (`*`, `<992px`, `<576px`), the narrowest
- * matching query wins. With mobile-first ordering, the widest wins. Either
- * way: the last `findLastIndex` of `mediaQueryMatches[i] === true`.
- *
- * Pass `initialViewportId` (typically derived from User-Agent on the server)
- * to seed the first render so SSR + client agree on viewport before
- * window.matchMedia takes over.
- */
-import { createMediaQueryMatchers, getViewportIndex } from '@contentful/experiences-design';
-/**
- * Returns a reactive object whose `activeViewportIndex` updates as the
- * window's matched media queries change. Mounts listeners via `$effect`
- * and tears them down automatically when the calling component unmounts.
- *
- * Must be called at the top level of a `.svelte` component or a function
- * that's itself called during component setup (because of `$effect`).
- *
- * @deprecated Viewports are being removed from the Experiences APIs, with no
- * direct replacement — use CSS media queries or `window.matchMedia` instead.
- * Will not be removed before 2026-10-06.
- */
-export function useActiveViewport(viewports, initialViewportId) {
-    const initialIndex = getViewportIndex(viewports, initialViewportId);
-    const [, initialMatches] = createMediaQueryMatchers(viewports);
-    let matches = $state(initialMatches);
-    let activeViewportIndex = $state(initialIndex);
-    $effect(() => {
-        const [matchers] = createMediaQueryMatchers(viewports);
-        // Sync once on mount in case the initial seed was server-side.
-        matches = matchers.reduce((acc, { index, signal }) => {
-            acc[index] = signal.matches;
-            return acc;
-        }, [...initialMatches]);
-        const listeners = matchers.map(({ index, signal }) => {
-            const onChange = () => {
-                const next = [...matches];
-                next[index] = signal.matches;
-                matches = next;
-            };
-            signal.addEventListener('change', onChange);
-            return onChange;
-        });
-        return () => {
-            listeners.forEach((listener, i) => {
-                const matcher = matchers[i];
-                if (matcher)
-                    matcher.signal.removeEventListener('change', listener);
-            });
-        };
-    });
-    $effect(() => {
-        const currentIndex = matches.findLastIndex((isMatch) => isMatch);
-        if (currentIndex !== -1 && currentIndex !== activeViewportIndex) {
-            activeViewportIndex = currentIndex;
-        }
-    });
-    return {
-        get activeViewportIndex() {
-            return activeViewportIndex;
-        },
-    };
-}