@prismicio/svelte 0.0.10 → 0.1.0

package/dist/src/lib/PrismicRichText/PrismicRichText.svelte

@@ -1,67 +0,0 @@
-<script lang="ts">
-	import type { SvelteComponent } from "svelte";
-	import type { RichTextField } from "@prismicio/types";
-	import {
-		asTree,
-		wrapMapSerializer,
-		type RichTextFunctionSerializer,
-		type RichTextMapSerializer,
-		type TreeNode,
-	} from "@prismicio/richtext";
-
-	import Serialize from "./Serialize.svelte";
-	import type { LinkResolverFunction } from "@prismicio/helpers";
-
-	/**
-	 * The Prismic Rich Text field to render.
-	 */
-	export let field: RichTextField = [];
-
-	/**
-	 * The Link Resolver used to resolve links.
-	 *
-	 * @remarks
-	 * If your app uses Route Resolvers when querying for your Prismic
-	 * repository's content, a Link Resolver does not need to be provided.
-	 * @see Learn about Link Resolvers and Route Resolvers {@link https://prismic.io/docs/route-resolver}
-	 */
-	export let linkResolver: LinkResolverFunction | undefined = undefined;
-
-	/**
-	 * An object that maps Rich Text blocks to Svelte components.
-	 *
-	 * **Important**: Your components must be wrapped in a function. For example:
-	 * `{ heading1: () => Heading }`, not: `{ heading1: Heading }`.
-	 *
-	 * @example A serializer that modififes `h1` elements:
-	 *
-	 * ```js
-	 * import Title from "./Title.svelte";
-	 *
-	 * const richTextSerializer = {
-	 * 	h1: () => Title,
-	 * };
-	 * ```
-	 */
-	export let components:
-		| RichTextMapSerializer<typeof SvelteComponent, TreeNode>
-		| RichTextFunctionSerializer<typeof SvelteComponent, TreeNode>
-		| undefined = undefined;
-
-	let resolvedSerializer =
-		typeof components === "object" ? wrapMapSerializer(components) : components;
-
-	const nodes = asTree(field).children;
-</script>
-
-<!--
-  @component
-  Component to render a Prismic Rich Text or Title field as HTML.
-
-  @example Rendering a Link field:
-	```svelte
-		<PrismicRichText field={document.data.example_rich_text} />
-  ```
--->
-
-<Serialize {nodes} serializer={resolvedSerializer} {linkResolver} />

package/dist/src/lib/PrismicRichText/Serialize.svelte

@@ -1,33 +0,0 @@
-<script lang="ts">
-	import type { SvelteComponent } from "svelte";
-	import type {
-		RichTextFunctionSerializer,
-		TreeNode,
-	} from "@prismicio/richtext";
-	import type { LinkResolverFunction } from "@prismicio/helpers";
-
-	import Default from "./DefaultComponent.svelte";
-
-	export let serializer:
-		| RichTextFunctionSerializer<typeof SvelteComponent, TreeNode>
-		| undefined;
-	export let nodes: TreeNode[] = [];
-	export let linkResolver: LinkResolverFunction | undefined = undefined;
-</script>
-
-{#each nodes as node}
-	<svelte:component
-		this={(serializer &&
-			serializer(node.type, node.node, node.text, node.children, node.key)) ||
-			Default}
-		type={node.type}
-		node={node.node}
-		text={node.text}
-		key={node.key}
-		{linkResolver}
-	>
-		{#if node.children.length > 0}
-			<svelte:self nodes={node.children} {serializer} />
-		{/if}
-	</svelte:component>
-{/each}

package/dist/src/lib/PrismicText.svelte

@@ -1,29 +0,0 @@
-<script lang="ts">
-	import * as prismicH from "@prismicio/helpers";
-	import type * as prismicR from "@prismicio/richtext";
-
-	import type { RichTextField as RichTextFieldType } from "@prismicio/types";
-	import type { TitleField as TitleFieldType } from "@prismicio/types";
-
-	/**
-	 * A Rich Text or Title field from Prismic.
-	 */
-	export let field: TitleFieldType | RichTextFieldType;
-
-	/**
-	 * The separator used between blocks. Defaults to `\n`.
-	 */
-	export let separator: string | undefined = undefined;
-</script>
-
-<!-- 
-  @component
-  Component to render a Prismic Rich Text or Title field as plain text.
-  
-  @example Rendering a Rich Text field:
-	```svelte
-		<PrismicText field={document.data.example_rich_text} />
-  ```
--->
-
-{@html prismicH.asText(field, separator)}

package/dist/src/routes/+page.server.ts

@@ -1,19 +0,0 @@
-import * as prismic from "@prismicio/client";
-import type { PageDocument } from "../types/PageDocument.type";
-import type { PageServerLoad } from "./$types";
-
-export const load = (async ({ fetch }) => {
-	const endpoint = prismic.getRepositoryEndpoint("svelte-package-dev");
-	const client = prismic.createClient(endpoint, { fetch });
-
-	const pageDocument: PageDocument = await client.getSingle("homepage");
-
-	const exampleClient = prismic.createClient("example-prismic-repo", { fetch });
-	const exampleDocument = exampleClient.getFirst({ page: 11, pageSize: 1 });
-
-	return {
-		pageDocument,
-		exampleDocument,
-	};
-	// eslint-disable-next-line prettier/prettier
-}) satisfies PageServerLoad;

package/dist/src/routes/+page.svelte

@@ -1,62 +0,0 @@
-<script lang="ts">
-	import {
-		SliceZone,
-		PrismicLink,
-		PrismicImage,
-		PrismicRichText,
-		PrismicText,
-		PrismicEmbed,
-	} from "$lib";
-
-	import type { PageData } from "./$types";
-
-	import CodeSnippet from "./slices/CodeSnippet.svelte";
-	import RichText from "./slices/RichText.svelte";
-
-	const components = {
-		rich_text: RichText,
-		code_snippet: CodeSnippet,
-	};
-
-	export let data: PageData;
-</script>
-
-<main>
-	<h1>Welcome to SvelteKit</h1>
-	<h2><code>PrismicText</code></h2>
-	<PrismicText field={data.exampleDocument.data.example_rich_text} />
-	<h2><code>PrismicRichText</code></h2>
-	<PrismicRichText field={data.exampleDocument.data.example_rich_text} />
-	<h2><code>PrismicImage</code></h2>
-	<PrismicImage
-		field={data.exampleDocument.data.example_image}
-		height="200"
-		alt=""
-	/>
-	<h2><code>PrismicLink</code></h2>
-	<PrismicLink
-		data-sveltekit-noscroll
-		data-sveltekit-preload-code
-		data-sveltekit-preload-data
-		data-sveltekit-reload
-		rel="external"
-		class="doggo"
-		field={data.exampleDocument.data.example_link}>Link</PrismicLink
-	>
-	<h2><code>PrismicEmbed</code></h2>
-	<PrismicEmbed field={data.exampleDocument.data.example_embed} />
-	<h2><code>SliceZone</code></h2>
-	<SliceZone slices={data.pageDocument.data.body} {components} />
-</main>
-
-<style>
-	main {
-		max-width: min(90%, 700px);
-		margin: auto;
-	}
-
-	:global(img) {
-		height: auto;
-		max-width: 100%;
-	}
-</style>

package/dist/src/routes/components/Emphasis.svelte

@@ -1,3 +0,0 @@
-<mark>
-	<slot />
-</mark>

package/dist/src/routes/slices/CodeSnippet.svelte

@@ -1,19 +0,0 @@
-<script lang="ts">
-	import * as prismicH from "@prismicio/helpers";
-	import type { CodeSnippetSlice } from "../../../types/CodeSnippetSlice.type";
-
-	export let slice: CodeSnippetSlice;
-</script>
-
-<pre>
-  {@html prismicH.asHTML(slice.primary.content)}
-</pre>
-
-<style>
-	pre {
-		background: #222;
-		color: white;
-		padding: 10px;
-		border-radius: 10px;
-	}
-</style>

package/dist/src/routes/slices/RichText.svelte

@@ -1,12 +0,0 @@
-<script lang="ts">
-	import { PrismicRichText } from "$lib";
-	import type { RichTextSlice } from "../../types";
-	import Emphasis from "../components/Emphasis.svelte";
-
-	export let slice: RichTextSlice;
-</script>
-
-<PrismicRichText
-	field={slice.primary.content}
-	components={{ em: () => Emphasis }}
-/>

package/dist/src/types/CodeSnippetSlice.type.ts

@@ -1,7 +0,0 @@
-import type * as prismicT from "@prismicio/types";
-
-type PrimaryFields = {
-	content: prismicT.RichTextField;
-};
-
-export type CodeSnippetSlice = prismicT.Slice<"code_snippet", PrimaryFields>;

package/dist/src/types/ExampleDocument.type.ts

@@ -1,8 +0,0 @@
-import type * as prismicT from "@prismicio/types";
-
-export type ExampleDocument = prismicT.PrismicDocument<{
-	example_link: prismicT.LinkField;
-	example_content_relationship: prismicT.ContentRelationshipField;
-	example_rich_text: prismicT.RichTextField;
-	example_image: prismicT.ImageField;
-}>;

package/dist/src/types/PageDocument.type.ts

@@ -1,7 +0,0 @@
-import type * as prismicT from "@prismicio/types";
-import type { CodeSnippetSlice } from "./CodeSnippetSlice.type";
-import type { RichTextSlice } from "./RichTextSlice.type";
-
-export type PageDocument = prismicT.PrismicDocument<{
-	body: prismicT.SliceZone<CodeSnippetSlice | RichTextSlice>;
-}>;

package/dist/src/types/RichTextSlice.type.ts

@@ -1,7 +0,0 @@
-import type * as prismicT from "@prismicio/types";
-
-type PrimaryFields = {
-	content: prismicT.RichTextField;
-};
-
-export type RichTextSlice = prismicT.Slice<"rich_text", PrimaryFields>;

package/dist/src/types/Route.type.ts

@@ -1,14 +0,0 @@
-export interface Route {
-	/**
-	 * The Custom Type of the document.
-	 */
-	type: string;
-	/**
-	 * The resolved path of the document with optional placeholders.
-	 */
-	path: string;
-	/**
-	 * An object that lists the API IDs of the Content Relationships in the route.
-	 */
-	resolvers: Record<string, string>;
-}

package/dist/src/types/index.ts

@@ -1,5 +0,0 @@
-export type { CodeSnippetSlice } from "./CodeSnippetSlice.type";
-export type { PageDocument } from "./PageDocument.type";
-export type { ExampleDocument } from "./ExampleDocument.type";
-export type { RichTextSlice } from "./RichTextSlice.type";
-export type { Route } from "./Route.type";