@datocms/svelte 1.2.1 → 1.3.0

package/components/StructuredText/__tests__/StructuredText.svelte.test.d.ts

@@ -1 +0,0 @@
-import '@testing-library/jest-dom';

package/components/StructuredText/__tests__/StructuredText.svelte.test.js

@@ -1,171 +0,0 @@
-import { describe, expect, it } from 'vitest';
-import '@testing-library/jest-dom';
-import { render } from '@testing-library/svelte';
-import { isBlock, isHeading, isInlineItem, isItemLink, isSpan } from 'datocms-structured-text-utils';
-import { StructuredText } from '../../..';
-import { heading, paragraphWithLink, structuredTextWithBlocksAndLinks } from './__fixtures__/structuredText';
-import CustomSpan from './__fixtures__/CustomSpan.svelte';
-import IncreasedLevelHeading from './__fixtures__/IncreasedLevelHeading.svelte';
-import ItemLink from './__fixtures__/ItemLink.svelte';
-import Block from './__fixtures__/Block.svelte';
-import InlineItem from './__fixtures__/InlineItem.svelte';
-describe('StructuredText', () => {
-    describe('with no value', () => {
-        it('renders null', () => {
-            const { container } = render(StructuredText, { props: { data: null } });
-            expect(container).toMatchSnapshot();
-        });
-    });
-    describe('with a very simple pure dast (only the `value` of a structured text)', () => {
-        describe('with default rules', () => {
-            it('renders the document', () => {
-                const { container } = render(StructuredText, { props: { data: heading.value } });
-                expect(container).toMatchSnapshot();
-            });
-        });
-        describe('with custom mark rules', () => {
-            it('renders the document', () => {
-                const { container } = render(StructuredText, {
-                    props: { data: heading, components: [[isSpan, CustomSpan]] }
-                });
-                expect(container).toMatchSnapshot();
-            });
-        });
-    });
-    describe('with a very simple dast', () => {
-        describe('with default rules', () => {
-            it('renders the document', () => {
-                const { container } = render(StructuredText, { props: { data: heading } });
-                expect(container).toMatchSnapshot();
-            });
-        });
-        describe('with custom mark rules', () => {
-            it('renders the document', () => {
-                const { container } = render(StructuredText, {
-                    props: { data: heading, components: [[isSpan, CustomSpan]] }
-                });
-                expect(container).toMatchSnapshot();
-            });
-        });
-    });
-    describe('with a dast which has a link inside', () => {
-        describe('with default rules', () => {
-            it('renders the document', () => {
-                const { container } = render(StructuredText, { props: { data: paragraphWithLink } });
-                expect(container).toMatchSnapshot();
-            });
-        });
-    });
-    describe('with a dast with no links nor blocks', () => {
-        describe('with default rules', () => {
-            it('renders the document', () => {
-                const { container } = render(StructuredText, {
-                    props: { data: heading }
-                });
-                expect(container).toMatchSnapshot();
-            });
-        });
-        describe('with custom rules', () => {
-            it('renders the document', () => {
-                const { container } = render(StructuredText, {
-                    props: { data: heading, components: [[isHeading, IncreasedLevelHeading]] }
-                });
-                expect(container).toMatchSnapshot();
-            });
-        });
-    });
-    describe('with a dast including links and blocks', () => {
-        describe('with default rules', () => {
-            it('renders the document', () => {
-                const { container } = render(StructuredText, {
-                    props: {
-                        data: structuredTextWithBlocksAndLinks,
-                        components: [
-                            [isInlineItem, InlineItem],
-                            [isItemLink, ItemLink],
-                            [isBlock, Block]
-                        ]
-                    }
-                });
-                expect(container).toMatchSnapshot();
-            });
-        });
-        describe('with missing component for item links', () => {
-            it('raises an error', () => {
-                expect(() => {
-                    render(StructuredText, {
-                        props: {
-                            data: structuredTextWithBlocksAndLinks,
-                            components: [
-                                [isBlock, Block],
-                                [isInlineItem, InlineItem]
-                            ]
-                        }
-                    });
-                }).toThrowErrorMatchingSnapshot();
-            });
-        });
-        describe('with missing component for inline items', () => {
-            it('raises an error', () => {
-                expect(() => {
-                    render(StructuredText, {
-                        props: {
-                            data: structuredTextWithBlocksAndLinks,
-                            components: [
-                                [isBlock, Block],
-                                [isItemLink, ItemLink]
-                            ]
-                        }
-                    });
-                }).toThrowErrorMatchingSnapshot();
-            });
-        });
-        describe('with missing links', () => {
-            it('raises an error', () => {
-                expect(() => {
-                    render(StructuredText, {
-                        props: {
-                            data: { ...structuredTextWithBlocksAndLinks, links: [] },
-                            components: [
-                                [isBlock, Block],
-                                [isInlineItem, InlineItem],
-                                [isItemLink, ItemLink]
-                            ]
-                        }
-                    });
-                }).toThrowErrorMatchingSnapshot();
-            });
-        });
-        describe('with missing component for blocks', () => {
-            it('raises an error', () => {
-                expect(() => {
-                    render(StructuredText, {
-                        props: {
-                            data: structuredTextWithBlocksAndLinks,
-                            components: [
-                                [isInlineItem, InlineItem],
-                                [isItemLink, ItemLink]
-                            ]
-                        }
-                    });
-                }).toThrowErrorMatchingSnapshot();
-            });
-        });
-        describe('with missing blocks', () => {
-            it('raises an error', () => {
-                expect(() => {
-                    render(StructuredText, {
-                        props: {
-                            data: { ...structuredTextWithBlocksAndLinks, blocks: [] },
-                            components: [
-                                [isBlock, Block],
-                                [isInlineItem, InlineItem],
-                                [isItemLink, ItemLink]
-                            ]
-                        }
-                    });
-                }).toThrowErrorMatchingSnapshot();
-            });
-        });
-    });
-});

package/components/StructuredText/__tests__/__fixtures__/Block.svelte

@@ -1,11 +0,0 @@
-<script>import { isBlock } from "datocms-structured-text-utils";
-export let node;
-export let block;
-</script>
-
-{#if block.__typename == 'QuoteRecord' && isBlock(node)}
-	<figure>
-		<blockquote>{block.quote}</blockquote>
-		<figcaption>{block.author}</figcaption>
-	</figure>
-{/if}

package/components/StructuredText/__tests__/__fixtures__/Block.svelte.d.ts

@@ -1,19 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-import { type Block } from 'datocms-structured-text-utils';
-import type { QuoteRecord } from './types';
-declare const __propDef: {
-    props: {
-        node: Block;
-        block: QuoteRecord;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type BlockProps = typeof __propDef.props;
-export type BlockEvents = typeof __propDef.events;
-export type BlockSlots = typeof __propDef.slots;
-export default class Block extends SvelteComponentTyped<BlockProps, BlockEvents, BlockSlots> {
-}
-export {};

package/components/StructuredText/__tests__/__fixtures__/CustomSpan.svelte

@@ -1,49 +0,0 @@
-<script>import Lines from "../../utils/Lines.svelte";
-export let node;
-$:
-  ({ type, value, marks } = node);
-$:
-  [mark, ...otherMarks] = marks ?? [];
-</script>
-
-{#if mark}
-	{#if mark === 'emphasis'}
-		<em>
-			<svelte:self node={{ type, value, marks: otherMarks }}>
-				<slot />
-			</svelte:self>
-		</em>
-	{:else if mark === 'highlight'}
-		<mark>
-			<svelte:self node={{ type, value, marks: otherMarks }}>
-				<slot />
-			</svelte:self>
-		</mark>
-	{:else if mark === 'strikethrough'}
-		<del>
-			<svelte:self node={{ type, value, marks: otherMarks }}>
-				<slot />
-			</svelte:self>
-		</del>
-	{:else if mark === 'strong'}
-		<b>
-			<svelte:self node={{ type, value, marks: otherMarks }}>
-				<slot />
-			</svelte:self>
-		</b>
-	{:else if mark === 'underline'}
-		<u>
-			<svelte:self node={{ type, value, marks: otherMarks }}>
-				<slot />
-			</svelte:self>
-		</u>
-	{:else if mark === 'code'}
-		<pre>
-			<svelte:self node={{ type, value, marks: otherMarks }}>
-				<slot />
-			</svelte:self> 
-		</pre>
-	{/if}
-{:else}
-	<Lines lines={node.value.split(/\n/)} />
-{/if}

package/components/StructuredText/__tests__/__fixtures__/CustomSpan.svelte.d.ts

@@ -1,19 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-import type { Span } from 'datocms-structured-text-utils';
-declare const __propDef: {
-    props: {
-        node: Span;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-};
-export type CustomSpanProps = typeof __propDef.props;
-export type CustomSpanEvents = typeof __propDef.events;
-export type CustomSpanSlots = typeof __propDef.slots;
-export default class CustomSpan extends SvelteComponentTyped<CustomSpanProps, CustomSpanEvents, CustomSpanSlots> {
-}
-export {};

package/components/StructuredText/__tests__/__fixtures__/IncreasedLevelHeading.svelte

@@ -1,8 +0,0 @@
-<script>export let node;
-$:
-  ({ level = 1 } = node);
-$:
-  element = `h${level + 1}`;
-</script>
-
-<svelte:element this={element}><slot /></svelte:element>

package/components/StructuredText/__tests__/__fixtures__/IncreasedLevelHeading.svelte.d.ts

@@ -1,19 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-import type { Heading } from 'datocms-structured-text-utils';
-declare const __propDef: {
-    props: {
-        node: Heading;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-};
-export type IncreasedLevelHeadingProps = typeof __propDef.props;
-export type IncreasedLevelHeadingEvents = typeof __propDef.events;
-export type IncreasedLevelHeadingSlots = typeof __propDef.slots;
-export default class IncreasedLevelHeading extends SvelteComponentTyped<IncreasedLevelHeadingProps, IncreasedLevelHeadingEvents, IncreasedLevelHeadingSlots> {
-}
-export {};

package/components/StructuredText/__tests__/__fixtures__/InlineItem.svelte

@@ -1,8 +0,0 @@
-<script>import { isInlineItem } from "datocms-structured-text-utils";
-export let node;
-export let link;
-</script>
-
-{#if link.__typename == 'DocPageRecord' && isInlineItem(node)}
-	<a href={`/docs/${link.slug}`}>{link.title}</a>;
-{/if}

package/components/StructuredText/__tests__/__fixtures__/InlineItem.svelte.d.ts

@@ -1,19 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-import { type InlineItem } from 'datocms-structured-text-utils';
-import type { DocPageRecord } from './types';
-declare const __propDef: {
-    props: {
-        node: InlineItem;
-        link: DocPageRecord;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type InlineItemProps = typeof __propDef.props;
-export type InlineItemEvents = typeof __propDef.events;
-export type InlineItemSlots = typeof __propDef.slots;
-export default class InlineItem extends SvelteComponentTyped<InlineItemProps, InlineItemEvents, InlineItemSlots> {
-}
-export {};

package/components/StructuredText/__tests__/__fixtures__/ItemLink.svelte

@@ -1,15 +0,0 @@
-<script>import { defaultMetaTransformer } from "datocms-structured-text-generic-html-renderer";
-import { isItemLink } from "datocms-structured-text-utils";
-export let node;
-export let link;
-$:
-  ({ meta } = node);
-$:
-  transformedMeta = meta ? defaultMetaTransformer({ node, meta }) : null;
-</script>
-
-{#if link.__typename == 'DocPageRecord' && isItemLink(node)}
-	<a {...transformedMeta} href={`/docs/${link.slug}`}>
-		<slot />
-	</a>
-{/if}

package/components/StructuredText/__tests__/__fixtures__/ItemLink.svelte.d.ts

@@ -1,21 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-import { type ItemLink } from 'datocms-structured-text-utils';
-import type { DocPageRecord } from './types';
-declare const __propDef: {
-    props: {
-        node: ItemLink;
-        link: DocPageRecord;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-};
-export type ItemLinkProps = typeof __propDef.props;
-export type ItemLinkEvents = typeof __propDef.events;
-export type ItemLinkSlots = typeof __propDef.slots;
-export default class ItemLink extends SvelteComponentTyped<ItemLinkProps, ItemLinkEvents, ItemLinkSlots> {
-}
-export {};

package/components/StructuredText/__tests__/__fixtures__/structuredText.d.ts

@@ -1,7 +0,0 @@
-import type { StructuredText } from 'datocms-structured-text-utils';
-import type { BlogPostRecord, DocPageRecord, ImageRecord, QuoteRecord } from './types';
-export declare const paragraph: StructuredText;
-export declare const heading: StructuredText;
-export declare const paragraphWithLink: StructuredText;
-export declare const structuredTextWithBlocksAndLinks: StructuredText<QuoteRecord, DocPageRecord>;
-export declare const full: StructuredText<ImageRecord | BlogPostRecord>;