@prismicio/svelte 0.0.6 → 0.0.8-dev.0

package/src/lib/components/PrismicImage.svelte

@@ -1,20 +0,0 @@
-<script lang="ts">
-	import * as prismicH from "@prismicio/helpers";
-	import type * as prismicT from "@prismicio/types";
-
-	export let field: prismicT.ImageField;
-
-	let className: string;
-
-	export { className as class };
-</script>
-
-{#if prismicH.isFilled.image(field)}
-	{@const { alt, dimensions } = field}
-	{@const { width, height } = dimensions}
-	{@const { src, srcset } = prismicH.asImageWidthSrcSet(field)}
-
-	<img {src} {srcset} {alt} {width} {height} class={className} />
-{:else}
-	<img alt={field.alt || ""} class={className} />
-{/if}

package/src/lib/components/PrismicPreview.svelte

@@ -1,29 +0,0 @@
-<script lang="ts">
-	import * as prismic from "@prismicio/client";
-	import { goto } from "$app/navigation";
-	import { onMount } from "svelte";
-
-	export let linkResolver: any;
-	export let defaultURL: string;
-	export let client: any;
-
-	onMount(async () => {
-		const urlParams = new URLSearchParams(window.location.search);
-		const previewToken = urlParams.get("token");
-		const documentID = urlParams.get("documentId");
-		if (documentID && previewToken) {
-			const redirect = await client.resolvePreviewURL({
-				documentID,
-				defaultURL,
-				previewToken,
-				linkResolver,
-			});
-			await goto(redirect);
-			return;
-		}
-		console.log("Could not resolve preview URL.");
-		// TODO: Handle else
-	});
-</script>
-
-<slot />

package/src/lib/components/PrismicRichText.svelte

@@ -1,14 +0,0 @@
-<script lang="ts">
-	import * as prismicH from "@prismicio/helpers";
-	import { usePrismic } from "./..";
-
-	import type { RichTextField as RichTextFieldType } from "@prismicio/types";
-	import type { TitleField as TitleFieldType } from "@prismicio/types";
-
-	let { htmlSerializer, linkResolver } = usePrismic();
-
-	export let field: TitleFieldType | RichTextFieldType;
-	export { htmlSerializer, linkResolver };
-</script>
-
-{@html prismicH.asHTML(field, linkResolver, htmlSerializer)}

package/src/lib/components/PrismicText.svelte

@@ -1,12 +0,0 @@
-<script lang="ts">
-	import * as prismicH from "@prismicio/helpers";
-
-	import type { RichTextField as RichTextFieldType } from "@prismicio/types";
-	import type { TitleField as TitleFieldType } from "@prismicio/types";
-
-	export let field: TitleFieldType | RichTextFieldType;
-	export let separator: string;
-</script>
-
-<!-- TODO: Separator not working for newlines `\n\n` -->
-{@html prismicH.asText(field, separator)}

package/src/lib/components/index.ts

@@ -1,13 +0,0 @@
-// export { default as PrismicEmbed } from "./PrismicEmbed.svelte";
-
-// export { default as PrismicImage } from "./PrismicImage.svelte";
-
-export { default as PrismicLink } from "./PrismicLink.svelte";
-
-// export { default as PrismicText } from "./PrismicText.svelte";
-
-// export { default as PrismicRichText } from "./PrismicRichText.svelte";
-
-// export { default as PrismicPreview } from "./PrismicPreview.svelte";
-
-export { default as SliceZone } from "./SliceZone.svelte";

package/src/lib/configurePrismic.ts

@@ -1,30 +0,0 @@
-import * as prismic from "@prismicio/client";
-import * as prismicH from "@prismicio/helpers";
-
-interface globalOptions {
-	repositoryName: string;
-	htmlSerializer?: any;
-	linkResolver?: any;
-	routes?: any;
-	slices?: any;
-}
-
-const configurePrismic = (globalOptions: globalOptions): any => {
-	const { repositoryName, htmlSerializer, linkResolver, slices } =
-		globalOptions;
-	const endpoint = prismic.getEndpoint(repositoryName);
-	const client = prismic.createClient(endpoint, globalOptions);
-	const clientWithFetch = () =>
-		prismic.createClient(endpoint, { ...globalOptions, fetch });
-
-	return {
-		...prismicH,
-		client,
-		clientWithFetch,
-		htmlSerializer,
-		linkResolver,
-		slices,
-	};
-};
-
-export default configurePrismic;

package/src/lib/index.ts

@@ -1,18 +0,0 @@
-// export { default as configurePrismic } from "./configurePrismic";
-
-export {
-	// Components
-	// PrismicEmbed,
-	// PrismicImage,
-	PrismicLink,
-	// PrismicText,
-	// PrismicRichText,
-	// Slice Zone
-	SliceZone,
-} from "./components";
-
-// export { default as PrismicProvider } from "./PrismicProvider.svelte";
-
-// export { usePrismic } from "./usePrismic";
-
-// export type { PrismicContext } from "./types";

package/src/lib/injectionSymbols.ts

@@ -1 +0,0 @@
-export const prismicKey = Symbol("prismic");

package/src/lib/usePrismic.ts

@@ -1,12 +0,0 @@
-import { hasContext, getContext } from "svelte";
-
-import { prismicKey } from "./injectionSymbols";
-import type { PrismicContext } from "../types/PrismicContext.type";
-
-export const usePrismic = (): PrismicContext => {
-	if (hasContext(prismicKey)) {
-		return getContext<PrismicContext>(prismicKey);
-	} else {
-		return {};
-	}
-};

package/src/routes/+page.svelte

@@ -1,35 +0,0 @@
-<script lang="ts">
-	import { SliceZone, PrismicLink } from "$lib";
-	import { RichText, CodeSnippet } from "./slices";
-	import type { PageData } from "./$types";
-
-	const components = {
-		rich_text: RichText,
-		code_snippet: CodeSnippet,
-	};
-
-	export let data: PageData;
-</script>
-
-<main>
-	<h1>Welcome to SvelteKit</h1>
-	<h2>Prismic Link</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>Slice Zone</h2>
-	<SliceZone slices={data.pageDocument.data.body} {components} />
-</main>
-
-<style>
-	main {
-		max-width: min(90%, 800px);
-		margin: auto;
-	}
-</style>

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

@@ -1,8 +0,0 @@
-<script lang="ts">
-	import * as prismicH from "@prismicio/helpers";
-	import type { RichTextSlice } from "./../../../types/RichTextSlice.type";
-
-	export let slice: RichTextSlice;
-</script>
-
-{@html prismicH.asHTML(slice.primary.content)}

package/src/types/PrismicConfig.type.ts

@@ -1,8 +0,0 @@
-import type { Route } from "./Route.type";
-
-export interface PrismicConfig {
-	repoName: string;
-	routes?: Route[];
-	accessToken?: string;
-	options?: null;
-}

package/src/types/PrismicContext.type.ts

@@ -1,13 +0,0 @@
-import type { Client } from "@prismicio/client";
-import type {
-	LinkResolverFunction,
-	HTMLFunctionSerializer,
-	HTMLMapSerializer,
-} from "@prismicio/helpers";
-// import type * as prismicH from "@prismicio/helpers";
-
-export type PrismicContext = {
-	client?: Client;
-	linkResolver?: LinkResolverFunction;
-	htmlSerializer?: HTMLFunctionSerializer | HTMLMapSerializer;
-};

package/types/PrismicContext.type.d.ts

@@ -1,7 +0,0 @@
-import type { Client } from "@prismicio/client";
-import type { LinkResolverFunction, HTMLFunctionSerializer, HTMLMapSerializer } from "@prismicio/helpers";
-export type PrismicContext = {
-    client?: Client;
-    linkResolver?: LinkResolverFunction;
-    htmlSerializer?: HTMLFunctionSerializer | HTMLMapSerializer;
-};

package/usePrismic.js

@@ -1,10 +0,0 @@
-import { hasContext, getContext } from "svelte";
-import { prismicKey } from "./injectionSymbols";
-export const usePrismic = () => {
-    if (hasContext(prismicKey)) {
-        return getContext(prismicKey);
-    }
-    else {
-        return {};
-    }
-};