@contentful/experiences-svelte 0.6.4 → 0.6.6

package/CHANGELOG.md

@@ -1,3 +1,27 @@
+## 0.6.6 (2026-09-21)
+
+### 🚀 Features
+
+- deprecate the SDK viewport surface, guard absent viewports [SPA-5272] ([4a74473](https://github.com/contentful/experiences/commit/4a74473))
+
+### 🩹 Fixes
+
+- reword deprecation notices, drop internal ticket link [SPA-5272] ([8361460](https://github.com/contentful/experiences/commit/8361460))
+
+### 🧱 Updated Dependencies
+
+- Updated live-preview to 0.1.4
+- Updated client to 0.4.5
+- Updated design to 0.8.4
+- Updated core to 0.8.4
+
+## 0.6.5 (2026-09-21)
+
+### 🧱 Updated Dependencies
+
+- Updated live-preview to 0.1.3
+- Updated client to 0.4.4
+
 ## 0.6.4 (2026-09-18)
 
 ### 🚀 Features

package/dist/server-renderer.test.js

@@ -767,6 +767,24 @@ describe('ServerExperienceRenderer — server pre-resolved design values', () =>
         expect(container.innerHTML).toContain('data-padding="12px"');
     });
 });
+describe('ServerExperienceRenderer — absent payload.viewports', () => {
+    it('renders flat design values when the payload has no viewports field', async () => {
+        const cfg = { components: { heading: HeadingFixture } };
+        const plan = await resolveExperience({
+            nodes: [
+                componentNode('heading', {
+                    id: 'h',
+                    designProperties: { cfFontSize: m('32px') },
+                }),
+            ],
+        }, cfg);
+        expect(plan.viewports).toEqual([]);
+        const { container } = render(ServerExperienceRenderer, {
+            props: { experience: plan, config: cfg },
+        });
+        expect(container.innerHTML).toContain('data-font-size="32px"');
+    });
+});
 describe('toCss (Svelte)', () => {
     it('converts bare (non-cf) CSS keys — the shape real payloads use', () => {
         expect(toCss({ fontSize: '20px', backgroundColor: '#4f39f6' })).toEqual({

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

@@ -1,4 +1,9 @@
 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;
 }
@@ -9,6 +14,10 @@ export interface UseActiveViewportResult {
  *
  * 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 +1 @@
-{"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,MAAM,WAAW,uBAAuB;IACtC,QAAQ,CAAC,mBAAmB,EAAE,MAAM,CAAC;CACtC;AAED;;;;;;;GAOG;AACH,wBAAgB,iBAAiB,CAC/B,SAAS,EAAE,WAAW,EAAE,EACxB,iBAAiB,CAAC,EAAE,MAAM,GACzB,uBAAuB,CAiDzB"}
+{"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

@@ -18,6 +18,10 @@ import { createMediaQueryMatchers, getViewportIndex } from '@contentful/experien
  *
  * 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);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@contentful/experiences-svelte",
-  "version": "0.6.4",
+  "version": "0.6.6",
   "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.4.3",
-    "@contentful/experiences-sdk-core": "0.8.3",
-    "@contentful/experiences-design": "0.8.3",
-    "@contentful/experiences-live-preview": "0.1.2"
+    "@contentful/experiences-client": "0.4.5",
+    "@contentful/experiences-sdk-core": "0.8.4",
+    "@contentful/experiences-design": "0.8.4",
+    "@contentful/experiences-live-preview": "0.1.4"
   },
   "peerDependencies": {
     "svelte": "^5.55.7"