@prismicio/svelte 0.0.7 → 0.0.8-dev.0

package/components/SliceZone.svelte

@@ -1,17 +0,0 @@
-<script>import TodoSliceComponent from "./TodoSliceComponent.svelte";
-export let slices = [];
-export let components = {};
-export let context = {};
-export let defaultComponent = undefined;
-export let dev = false;
-</script>
-
-{#each slices as slice, index}
-	{@const type = "slice_type" in slice ? slice.slice_type : slice.type}
-	{@const Component = components[type] || defaultComponent}
-	{#if Component}
-		<svelte:component this={Component} {slice} {slices} {context} {index} />
-	{:else}
-		<TodoSliceComponent {slice} {dev} />
-	{/if}
-{/each}

package/components/index.js

@@ -1,7 +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/configurePrismic.js

@@ -1,17 +0,0 @@
-import * as prismic from "@prismicio/client";
-import * as prismicH from "@prismicio/helpers";
-const configurePrismic = (globalOptions) => {
-    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/index.js

@@ -1,12 +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/injectionSymbols.js

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

package/lib/PrismicProvider.svelte.d.ts

@@ -1,24 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        prismic?: {
-            client: undefined;
-            linkResolver: undefined;
-            prismic: undefined;
-            htmlSerializer: undefined;
-            slices: undefined;
-        } | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-};
-export type PrismicProviderProps = typeof __propDef.props;
-export type PrismicProviderEvents = typeof __propDef.events;
-export type PrismicProviderSlots = typeof __propDef.slots;
-export default class PrismicProvider extends SvelteComponentTyped<PrismicProviderProps, PrismicProviderEvents, PrismicProviderSlots> {
-}
-export {};

package/lib/components/PrismicPreview.svelte.d.ts

@@ -1,20 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        linkResolver: any;
-        defaultURL: string;
-        client: any;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-};
-export type PrismicPreviewProps = typeof __propDef.props;
-export type PrismicPreviewEvents = typeof __propDef.events;
-export type PrismicPreviewSlots = typeof __propDef.slots;
-export default class PrismicPreview extends SvelteComponentTyped<PrismicPreviewProps, PrismicPreviewEvents, PrismicPreviewSlots> {
-}
-export {};

package/lib/components/PrismicRichText.svelte.d.ts

@@ -1,20 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-import type { RichTextField as RichTextFieldType } from "@prismicio/types";
-import type { TitleField as TitleFieldType } from "@prismicio/types";
-declare const __propDef: {
-    props: {
-        field: TitleFieldType | RichTextFieldType;
-        htmlSerializer?: any;
-        linkResolver?: any;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type PrismicRichTextProps = typeof __propDef.props;
-export type PrismicRichTextEvents = typeof __propDef.events;
-export type PrismicRichTextSlots = typeof __propDef.slots;
-export default class PrismicRichText extends SvelteComponentTyped<PrismicRichTextProps, PrismicRichTextEvents, PrismicRichTextSlots> {
-}
-export {};

package/lib/components/SliceZone.svelte.d.ts

@@ -1,25 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-import type { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        slices?: ({
-            slice_type: string;
-        } | {
-            type: string;
-        })[] | undefined;
-        components?: Record<string, SvelteComponent | (new (...args: any[]) => SvelteComponent)> | undefined;
-        context?: any;
-        defaultComponent?: SvelteComponent | (new (...args: any[]) => SvelteComponent) | undefined;
-        dev?: boolean | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type SliceZoneProps = typeof __propDef.props;
-export type SliceZoneEvents = typeof __propDef.events;
-export type SliceZoneSlots = typeof __propDef.slots;
-export default class SliceZone extends SvelteComponentTyped<SliceZoneProps, SliceZoneEvents, SliceZoneSlots> {
-}
-export {};

package/lib/components/index.d.ts

@@ -1,3 +0,0 @@
-export { default as PrismicImage } from "./PrismicImage.svelte";
-export { default as PrismicLink } from "./PrismicLink.svelte";
-export { default as SliceZone } from "./SliceZone.svelte";

package/lib/configurePrismic.d.ts

@@ -1,9 +0,0 @@
-interface globalOptions {
-    repositoryName: string;
-    htmlSerializer?: any;
-    linkResolver?: any;
-    routes?: any;
-    slices?: any;
-}
-declare const configurePrismic: (globalOptions: globalOptions) => any;
-export default configurePrismic;

package/lib/index.d.ts

@@ -1 +0,0 @@
-export { PrismicImage, PrismicLink, SliceZone, } from "./components";

package/lib/injectionSymbols.d.ts

@@ -1 +0,0 @@
-export declare const prismicKey: unique symbol;

package/lib/usePrismic.d.ts

@@ -1,2 +0,0 @@
-import type { PrismicContext } from "../types/PrismicContext.type";
-export declare const usePrismic: () => PrismicContext;

package/src/lib/PrismicProvider.svelte

@@ -1,26 +0,0 @@
-<script lang="ts">
-	import { setContext } from "svelte";
-
-	import { prismicKey } from "./injectionSymbols";
-	import type { PrismicContext } from "../types/PrismicContext.type";
-
-	// export let client: PrismicContext["client"] = undefined;
-	// export let linkResolver: PrismicContext["linkResolver"] = undefined;
-	// export let htmlSerializer: PrismicContext["htmlSerializer"] = undefined;
-	export let prismic = {
-		client: undefined,
-		linkResolver: undefined,
-		prismic: undefined,
-		htmlSerializer: undefined,
-		slices: undefined,
-	};
-
-	setContext<PrismicContext>(prismicKey, {
-		client: prismic.client,
-		linkResolver: prismic.linkResolver,
-		htmlSerializer: prismic.htmlSerializer,
-		slices: prismic.slices,
-	});
-</script>
-
-<slot />

package/src/lib/components/PrismicEmbed.svelte

@@ -1,14 +0,0 @@
-<script lang="ts">
-	import * as prismicH from "@prismicio/helpers";
-	import type * as prismicT from "@prismicio/types";
-
-	export let field: prismicT.EmbedField;
-
-	if (!prismicH.isFilled.embed(field)) {
-		console.warn("Invalid prop");
-	}
-</script>
-
-{#if prismicH.isFilled.embed(field)}
-	{@html field.html}
-{/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/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 {};
-    }
-};