@prismicio/svelte 2.2.3-pr.64.25522e1 → 2.2.3-pr.65.59e7199

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -30,12 +30,12 @@
30
30
 
31
31
  const { field, components = {}, fallback: Fallback }: Props = $props()
32
32
 
33
- const Table = $derived(components.table)
34
- const Thead = $derived(components.thead)
35
- const Tbody = $derived(components.tbody)
36
- const Tr = $derived(components.tr)
37
- const Th = $derived(components.th)
38
- const Td = $derived(components.td)
33
+ const Table = components.table
34
+ const Thead = components.thead
35
+ const Tbody = components.tbody
36
+ const Tr = components.tr
37
+ const Th = components.th
38
+ const Td = components.td
39
39
  </script>
40
40
 
41
41
  {#snippet thead(head: TableFieldHead)}
@@ -10,23 +10,19 @@
10
10
  simulatorClass,
11
11
  simulatorRootClass,
12
12
  } from "@prismicio/simulator/kit"
13
- import type { Snippet } from "svelte"
14
- import type { ClassValue } from "svelte/elements"
15
13
 
16
14
  const defaultProps = getDefaultProps()
17
15
 
18
16
  type Props = {
19
17
  zIndex?: number
20
18
  background?: string
21
- class?: ClassValue
22
- children?: Snippet<[{ slices: ReturnType<typeof getDefaultSlices> }]>
19
+ class?: string
23
20
  }
24
21
 
25
22
  const {
26
23
  zIndex = defaultProps.zIndex,
27
24
  background = defaultProps.background,
28
25
  class: className,
29
- children,
30
26
  }: Props = $props()
31
27
 
32
28
  let slices = $state.raw(getDefaultSlices())
@@ -55,7 +51,7 @@
55
51
  </script>
56
52
 
57
53
  <div
58
- class={[simulatorClass, className]}
54
+ class="{simulatorClass} {className}"
59
55
  style="z-index: {zIndex}; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; overflow: auto; background: {background}"
60
56
  >
61
57
  {#if message}
@@ -72,7 +68,9 @@
72
68
  onsubmit={disableEventHandler}
73
69
  onkeypress={disableEventHandler}
74
70
  >
75
- {@render children?.({ slices })}
71
+ <!-- TODO: Use a snippet in the next major; it would break `let:slices`. -->
72
+ <!-- svelte-ignore slot_element_deprecated -->
73
+ <slot {slices} />
76
74
  </div>
77
75
  {/if}
78
76
  </div>
@@ -1,14 +1,36 @@
1
- import { getDefaultSlices } from "@prismicio/simulator/kit";
2
- import type { Snippet } from "svelte";
3
- import type { ClassValue } from "svelte/elements";
4
1
  type Props = {
5
2
  zIndex?: number;
6
3
  background?: string;
7
- class?: ClassValue;
8
- children?: Snippet<[{
9
- slices: ReturnType<typeof getDefaultSlices>;
10
- }]>;
4
+ class?: string;
11
5
  };
12
- declare const SliceSimulator: import("svelte").Component<Props, {}, "">;
13
- type SliceSimulator = ReturnType<typeof SliceSimulator>;
6
+ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
7
+ new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
8
+ $$bindings?: Bindings;
9
+ } & Exports;
10
+ (internal: unknown, props: Props & {
11
+ $$events?: Events;
12
+ $$slots?: Slots;
13
+ }): Exports & {
14
+ $set?: any;
15
+ $on?: any;
16
+ };
17
+ z_$$bindings?: Bindings;
18
+ }
19
+ type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
20
+ default: any;
21
+ } ? Props extends Record<string, never> ? any : {
22
+ children?: any;
23
+ } : {});
24
+ declare const SliceSimulator: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<Props, {
25
+ default: {
26
+ slices: import("@prismicio/client").SliceZone;
27
+ };
28
+ }>, {
29
+ [evt: string]: CustomEvent<any>;
30
+ }, {
31
+ default: {
32
+ slices: import("@prismicio/client").SliceZone;
33
+ };
34
+ }, {}, "">;
35
+ type SliceSimulator = InstanceType<typeof SliceSimulator>;
14
36
  export default SliceSimulator;
@@ -1,7 +1,6 @@
1
1
  <script lang="ts">
2
- import { beforeNavigate, goto, refreshAll } from "$app/navigation"
2
+ import { beforeNavigate, goto, invalidateAll } from "$app/navigation"
3
3
  import { getToolbarSrc } from "@prismicio/client"
4
- import { VERSION } from "@sveltejs/kit"
5
4
  import { onMount } from "svelte"
6
5
 
7
6
  type Props = {
@@ -37,7 +36,7 @@
37
36
  "prismicPreviewUpdate",
38
37
  (event) => {
39
38
  event.preventDefault()
40
- refreshAll()
39
+ invalidateAll()
41
40
  },
42
41
  { signal: controller.signal },
43
42
  )
@@ -56,11 +55,10 @@
56
55
  ),
57
56
  window.location.origin,
58
57
  ),
59
- // SvelteKit 3 replaced `noScroll` with `reset`, and
60
- // throws if `noScroll` is passed.
61
- (VERSION.startsWith("2.")
62
- ? { invalidateAll: true, noScroll: true }
63
- : { refreshAll: true, reset: false }) as Parameters<typeof goto>[1],
58
+ {
59
+ invalidateAll: true,
60
+ noScroll: true,
61
+ },
64
62
  )
65
63
  },
66
64
  { signal: controller.signal },
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@prismicio/svelte",
3
- "version": "2.2.3-pr.64.25522e1",
3
+ "version": "2.2.3-pr.65.59e7199",
4
4
  "description": "Svelte components to present Prismic content.",
5
5
  "keywords": [
6
6
  "prismic",
@@ -64,25 +64,25 @@
64
64
  "devDependencies": {
65
65
  "@prismicio/client": "^7.22.3",
66
66
  "@prismicio/mock": "^0.7.2",
67
- "@sveltejs/kit": "^3.0.1",
67
+ "@sveltejs/kit": "^2.70.3",
68
68
  "@sveltejs/package": "^3.0.0",
69
69
  "@sveltejs/vite-plugin-svelte": "^7.3.1",
70
70
  "@testing-library/svelte": "^5.4.2",
71
71
  "@types/node": "^26.6.5",
72
- "@vitest/coverage-v8": "^5.0.4",
72
+ "@vitest/coverage-v8": "^5.0.3",
73
73
  "globals": "^17.13.0",
74
- "happy-dom": "^21.0.1",
75
- "oxfmt": "^0.73.0",
76
- "oxlint": "^1.88.0",
74
+ "happy-dom": "^20.14.6",
75
+ "oxfmt": "^0.72.0",
76
+ "oxlint": "^1.87.0",
77
77
  "standard-version": "^9.5.0",
78
78
  "svelte": "^5.57.2",
79
79
  "typescript": "^6.0.3",
80
- "vitest": "^5.0.4"
80
+ "vitest": "^5.0.3"
81
81
  },
82
82
  "peerDependencies": {
83
83
  "@prismicio/client": ">=7",
84
- "@sveltejs/kit": "^2.27.0 || ^3.0.0",
85
- "svelte": "^5.16.0"
84
+ "@sveltejs/kit": "^2",
85
+ "svelte": "^5"
86
86
  },
87
87
  "peerDependenciesMeta": {
88
88
  "@sveltejs/kit": {
@@ -30,12 +30,12 @@
30
30
 
31
31
  const { field, components = {}, fallback: Fallback }: Props = $props()
32
32
 
33
- const Table = $derived(components.table)
34
- const Thead = $derived(components.thead)
35
- const Tbody = $derived(components.tbody)
36
- const Tr = $derived(components.tr)
37
- const Th = $derived(components.th)
38
- const Td = $derived(components.td)
33
+ const Table = components.table
34
+ const Thead = components.thead
35
+ const Tbody = components.tbody
36
+ const Tr = components.tr
37
+ const Th = components.th
38
+ const Td = components.td
39
39
  </script>
40
40
 
41
41
  {#snippet thead(head: TableFieldHead)}
@@ -10,23 +10,19 @@
10
10
  simulatorClass,
11
11
  simulatorRootClass,
12
12
  } from "@prismicio/simulator/kit"
13
- import type { Snippet } from "svelte"
14
- import type { ClassValue } from "svelte/elements"
15
13
 
16
14
  const defaultProps = getDefaultProps()
17
15
 
18
16
  type Props = {
19
17
  zIndex?: number
20
18
  background?: string
21
- class?: ClassValue
22
- children?: Snippet<[{ slices: ReturnType<typeof getDefaultSlices> }]>
19
+ class?: string
23
20
  }
24
21
 
25
22
  const {
26
23
  zIndex = defaultProps.zIndex,
27
24
  background = defaultProps.background,
28
25
  class: className,
29
- children,
30
26
  }: Props = $props()
31
27
 
32
28
  let slices = $state.raw(getDefaultSlices())
@@ -55,7 +51,7 @@
55
51
  </script>
56
52
 
57
53
  <div
58
- class={[simulatorClass, className]}
54
+ class="{simulatorClass} {className}"
59
55
  style="z-index: {zIndex}; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; overflow: auto; background: {background}"
60
56
  >
61
57
  {#if message}
@@ -72,7 +68,9 @@
72
68
  onsubmit={disableEventHandler}
73
69
  onkeypress={disableEventHandler}
74
70
  >
75
- {@render children?.({ slices })}
71
+ <!-- TODO: Use a snippet in the next major; it would break `let:slices`. -->
72
+ <!-- svelte-ignore slot_element_deprecated -->
73
+ <slot {slices} />
76
74
  </div>
77
75
  {/if}
78
76
  </div>
@@ -1,7 +1,6 @@
1
1
  <script lang="ts">
2
- import { beforeNavigate, goto, refreshAll } from "$app/navigation"
2
+ import { beforeNavigate, goto, invalidateAll } from "$app/navigation"
3
3
  import { getToolbarSrc } from "@prismicio/client"
4
- import { VERSION } from "@sveltejs/kit"
5
4
  import { onMount } from "svelte"
6
5
 
7
6
  type Props = {
@@ -37,7 +36,7 @@
37
36
  "prismicPreviewUpdate",
38
37
  (event) => {
39
38
  event.preventDefault()
40
- refreshAll()
39
+ invalidateAll()
41
40
  },
42
41
  { signal: controller.signal },
43
42
  )
@@ -56,11 +55,10 @@
56
55
  ),
57
56
  window.location.origin,
58
57
  ),
59
- // SvelteKit 3 replaced `noScroll` with `reset`, and
60
- // throws if `noScroll` is passed.
61
- (VERSION.startsWith("2.")
62
- ? { invalidateAll: true, noScroll: true }
63
- : { refreshAll: true, reset: false }) as Parameters<typeof goto>[1],
58
+ {
59
+ invalidateAll: true,
60
+ noScroll: true,
61
+ },
64
62
  )
65
63
  },
66
64
  { signal: controller.signal },