@prismicio/svelte 0.1.0 → 0.1.2

package/dist/PrismicRichText/DefaultComponent.svelte

@@ -44,9 +44,7 @@ export let node;
 	<span class={node.data.label}><slot /></span>
 {:else}
 	{#each node.text.split("\n") as line, index}
-		{#if index > 0}
-			<br />
-		{/if}
-		{line}
+		<!-- This formatting is intentional to prevent unwanted whitespace between elements. -->
+		{#if index > 0}<br />{/if}{line}
 	{/each}
 {/if}

package/dist/PrismicRichText/Serialize.svelte

@@ -1,23 +1,23 @@
 <script>import DefaultComponent from "./DefaultComponent.svelte";
 export let components = {};
 export let children;
-const rewrittenNodeTypes = {
+const CHILD_TYPE_RENAMES = {
   "list-item": "listItem",
   "o-list-item": "oListItem",
   "group-list-item": "list",
   "group-o-list-item": "oList"
 };
+function getComponent(child) {
+  return components[CHILD_TYPE_RENAMES[child.type] || child.type] || DefaultComponent;
+}
 </script>
 
 {#each children as child}
-	<svelte:component
-		this={components[rewrittenNodeTypes[child.type] || child.type] ||
-			DefaultComponent}
-		node={child.node}
-		key={child.key}
+	<svelte:component this={getComponent(child)} node={child.node}>
+		<!-- This formatting is intentional to prevent unwanted whitespace between elements. -->
+		{#if child.children.length > 0}<svelte:self
+				children={child.children}
+				{components}
+			/>{/if}</svelte:component
 	>
-		{#if child.children.length > 0}
-			<svelte:self children={child.children} {components} />
-		{/if}
-	</svelte:component>
 {/each}

package/dist/SliceZone/SliceZone.svelte.d.ts

@@ -24,18 +24,18 @@ declare const __propDef: {
              * };
              * ```
              */ components?: Record<string, new (...args: any[]) => SvelteComponent<{
-            slice: {
+            slice?: ({
                 slice_type: string;
             } | {
                 type: string;
-            };
-            slices: ({
+            }) | undefined;
+            slices?: ({
                 slice_type: string;
             } | {
                 type: string;
-            })[];
-            context: unknown;
-            index: number;
+            })[] | undefined;
+            context?: unknown;
+            index?: number | undefined;
         }, any, any>> | undefined;
         /**
              * Arbitrary data passed to all Slice components as a `context` prop.
@@ -44,18 +44,18 @@ declare const __propDef: {
              * The Svelte component rendered if a component mapping from the `components`
              * prop cannot be found.
              */ defaultComponent?: (new (...args: any[]) => SvelteComponent<{
-            slice: {
+            slice?: ({
                 slice_type: string;
             } | {
                 type: string;
-            };
-            slices: ({
+            }) | undefined;
+            slices?: ({
                 slice_type: string;
             } | {
                 type: string;
-            })[];
-            context: unknown;
-            index: number;
+            })[] | undefined;
+            context?: unknown;
+            index?: number | undefined;
         }, any, any>) | undefined;
     };
     events: {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@prismicio/svelte",
-	"version": "0.1.0",
+	"version": "0.1.2",
 	"description": "Svelte components to present Prismic content.",
 	"keywords": [
 		"typescript",

package/src/PrismicRichText/DefaultComponent.svelte

@@ -48,9 +48,7 @@
 	<span class={node.data.label}><slot /></span>
 {:else}
 	{#each node.text.split("\n") as line, index}
-		{#if index > 0}
-			<br />
-		{/if}
-		{line}
+		<!-- This formatting is intentional to prevent unwanted whitespace between elements. -->
+		{#if index > 0}<br />{/if}{line}
 	{/each}
 {/if}

package/src/PrismicRichText/Serialize.svelte

@@ -1,5 +1,4 @@
 <script lang="ts">
-	import type { RichTextNodeType } from "@prismicio/client";
 	import type { asTree } from "@prismicio/richtext";
 
 	import type { SvelteRichTextSerializer } from "../types";
@@ -9,28 +8,29 @@
 	export let components: SvelteRichTextSerializer = {};
 	export let children: ReturnType<typeof asTree>["children"];
 
-	const rewrittenNodeTypes: Partial<
-		Record<
-			(typeof RichTextNodeType)[keyof typeof RichTextNodeType],
-			keyof typeof RichTextNodeType
-		>
-	> = {
+	const CHILD_TYPE_RENAMES = {
 		"list-item": "listItem",
 		"o-list-item": "oListItem",
 		"group-list-item": "list",
 		"group-o-list-item": "oList",
-	};
+	} as const;
+
+	function getComponent(child: ReturnType<typeof asTree>["children"][number]) {
+		return (
+			components[
+				CHILD_TYPE_RENAMES[child.type as keyof typeof CHILD_TYPE_RENAMES] ||
+					(child.type as keyof typeof components)
+			] || DefaultComponent
+		);
+	}
 </script>
 
 {#each children as child}
-	<svelte:component
-		this={components[rewrittenNodeTypes[child.type] || child.type] ||
-			DefaultComponent}
-		node={child.node}
-		key={child.key}
+	<svelte:component this={getComponent(child)} node={child.node}>
+		<!-- This formatting is intentional to prevent unwanted whitespace between elements. -->
+		{#if child.children.length > 0}<svelte:self
+				children={child.children}
+				{components}
+			/>{/if}</svelte:component
 	>
-		{#if child.children.length > 0}
-			<svelte:self children={child.children} {components} />
-		{/if}
-	</svelte:component>
 {/each}

package/src/SliceZone/SliceZone.svelte

@@ -8,10 +8,10 @@
 		// eslint-disable-next-line @typescript-eslint/no-explicit-any
 		...args: any[]
 	) => SvelteComponent<{
-		slice: SliceLike;
-		slices: SliceLike[];
-		context: unknown;
-		index: number;
+		slice?: SliceLike;
+		slices?: SliceLike[];
+		context?: unknown;
+		index?: number;
 	}>;
 
 	type SliceComponents = Record<string, SvelteSliceComponent>;