npm - @datocms/svelte - Versions diffs - 0.0.1 - Mend

@datocms/svelte 0.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (71) hide show

package/components/StructuredText/__tests__/__snapshots__/StructuredText.svelte.test.ts.snap ADDED Viewed

@@ -0,0 +1,463 @@
+// Vitest Snapshot v1
+exports[`StructuredText > with a dast including links and blocks > with default rules > renders the document 1`] = `
+<body>
+  <div>
+    <h1>
+      This is a
+      <!--&lt;Lines&gt;-->
+      <!--&lt;Span&gt;-->
+      <!--&lt;Node&gt;-->
+      <mark>
+        title
+        <!--&lt;Lines&gt;-->
+        <!--&lt;Span&gt;-->
+      </mark>
+      <!--&lt;Span&gt;-->
+      <!--&lt;Node&gt;-->
+      <a
+        href="/docs/how-to-code"
+      >
+        How to code
+      </a>
+      ;
+      <!--&lt;InlineItem&gt;-->
+      <!--&lt;Node&gt;-->
+      <a
+        href="/docs/how-to-code"
+        target="_blank"
+      >
+        here!
+        <!--&lt;Lines&gt;-->
+        <!--&lt;Span&gt;-->
+        <!--&lt;Node&gt;-->
+      </a>
+      <!--&lt;ItemLink&gt;-->
+      <!--&lt;Node&gt;-->
+    </h1>
+    <!--&lt;Heading&gt;-->
+    <!--&lt;Node&gt;-->
+    <figure>
+      <blockquote>
+        Foo bar.
+      </blockquote>
+      <figcaption>
+        Mark Smith
+      </figcaption>
+    </figure>
+    <!--&lt;Block&gt;-->
+    <!--&lt;Node&gt;-->
+    <!--&lt;Root&gt;-->
+    <!--&lt;Node&gt;-->
+    <!--&lt;StructuredText&gt;-->
+  </div>
+</body>
+`;
+exports[`StructuredText > with a dast including links and blocks > with missing blocks > raises an error 1`] = `"The Structured Text document contains a 'block' node, but cannot find a record with ID 456 inside data.blocks!"`;
+exports[`StructuredText > with a dast including links and blocks > with missing component for blocks > raises an error 1`] = `"The Structured Text document contains a 'block' node, but no component for rendering is specified!"`;
+exports[`StructuredText > with a dast including links and blocks > with missing component for inline items > raises an error 1`] = `"The Structured Text document contains an 'inlineItem' node, but no component for rendering is specified!"`;
+exports[`StructuredText > with a dast including links and blocks > with missing component for item links > raises an error 1`] = `"The Structured Text document contains an 'itemLink' node, but no component for rendering is specified!"`;
+exports[`StructuredText > with a dast including links and blocks > with missing links > raises an error 1`] = `"The Structured Text document contains an 'itemLink' node, but cannot find a record with ID 123 inside data.links!"`;
+exports[`StructuredText > with a dast with no links nor blocks > with custom rules > renders the document 1`] = `
+<body>
+  <div>
+    <h2>
+      This
+      <br />
+      is a
+      <!--&lt;Lines&gt;-->
+      <!--&lt;Lines&gt;-->
+      <!--&lt;Span&gt;-->
+      <!--&lt;Node&gt;-->
+      <strong>
+        title
+        <!--&lt;Lines&gt;-->
+        <!--&lt;Span&gt;-->
+      </strong>
+      <!--&lt;Span&gt;-->
+      <!--&lt;Node&gt;-->
+    </h2>
+    <!--&lt;IncreasedLevelHeading&gt;-->
+    <!--&lt;Node&gt;-->
+    <!--&lt;Root&gt;-->
+    <!--&lt;Node&gt;-->
+    <!--&lt;StructuredText&gt;-->
+  </div>
+</body>
+`;
+exports[`StructuredText > with a dast with no links nor blocks > with default rules > renders the document 1`] = `
+<body>
+  <div>
+    <h1>
+      This
+      <br />
+      is a
+      <!--&lt;Lines&gt;-->
+      <!--&lt;Lines&gt;-->
+      <!--&lt;Span&gt;-->
+      <!--&lt;Node&gt;-->
+      <strong>
+        title
+        <!--&lt;Lines&gt;-->
+        <!--&lt;Span&gt;-->
+      </strong>
+      <!--&lt;Span&gt;-->
+      <!--&lt;Node&gt;-->
+    </h1>
+    <!--&lt;Heading&gt;-->
+    <!--&lt;Node&gt;-->
+    <!--&lt;Root&gt;-->
+    <!--&lt;Node&gt;-->
+    <!--&lt;StructuredText&gt;-->
+  </div>
+</body>
+`;
+exports[`StructuredText > with a very simple dast > with custom mark rules > renders the document 1`] = `
+<body>
+  <div>
+    <h1>
+      This
+      <br />
+      is a
+      <!--&lt;Lines&gt;-->
+      <!--&lt;Lines&gt;-->
+      <!--&lt;CustomSpan&gt;-->
+      <!--&lt;Node&gt;-->
+      <b>
+        title
+        <!--&lt;Lines&gt;-->
+        <!--&lt;CustomSpan&gt;-->
+      </b>
+      <!--&lt;CustomSpan&gt;-->
+      <!--&lt;Node&gt;-->
+    </h1>
+    <!--&lt;Heading&gt;-->
+    <!--&lt;Node&gt;-->
+    <!--&lt;Root&gt;-->
+    <!--&lt;Node&gt;-->
+    <!--&lt;StructuredText&gt;-->
+  </div>
+</body>
+`;
+exports[`StructuredText > with a very simple dast > with default rules > renders the document 1`] = `
+<body>
+  <div>
+    <h1>
+      This
+      <br />
+      is a
+      <!--&lt;Lines&gt;-->
+      <!--&lt;Lines&gt;-->
+      <!--&lt;Span&gt;-->
+      <!--&lt;Node&gt;-->
+      <strong>
+        title
+        <!--&lt;Lines&gt;-->
+        <!--&lt;Span&gt;-->
+      </strong>
+      <!--&lt;Span&gt;-->
+      <!--&lt;Node&gt;-->
+    </h1>
+    <!--&lt;Heading&gt;-->
+    <!--&lt;Node&gt;-->
+    <!--&lt;Root&gt;-->
+    <!--&lt;Node&gt;-->
+    <!--&lt;StructuredText&gt;-->
+  </div>
+</body>
+`;
+exports[`StructuredText > with a very simple pure dast (only the \`value\` of a structured text) > with custom mark rules > renders the document 1`] = `
+<body>
+  <div>
+    <h1>
+      This
+      <br />
+      is a
+      <!--&lt;Lines&gt;-->
+      <!--&lt;Lines&gt;-->
+      <!--&lt;CustomSpan&gt;-->
+      <!--&lt;Node&gt;-->
+      <b>
+        title
+        <!--&lt;Lines&gt;-->
+        <!--&lt;CustomSpan&gt;-->
+      </b>
+      <!--&lt;CustomSpan&gt;-->
+      <!--&lt;Node&gt;-->
+    </h1>
+    <!--&lt;Heading&gt;-->
+    <!--&lt;Node&gt;-->
+    <!--&lt;Root&gt;-->
+    <!--&lt;Node&gt;-->
+    <!--&lt;StructuredText&gt;-->
+  </div>
+</body>
+`;
+exports[`StructuredText > with a very simple pure dast (only the \`value\` of a structured text) > with default rules > renders the document 1`] = `
+<body>
+  <div>
+    <h1>
+      This
+      <br />
+      is a
+      <!--&lt;Lines&gt;-->
+      <!--&lt;Lines&gt;-->
+      <!--&lt;Span&gt;-->
+      <!--&lt;Node&gt;-->
+      <strong>
+        title
+        <!--&lt;Lines&gt;-->
+        <!--&lt;Span&gt;-->
+      </strong>
+      <!--&lt;Span&gt;-->
+      <!--&lt;Node&gt;-->
+    </h1>
+    <!--&lt;Heading&gt;-->
+    <!--&lt;Node&gt;-->
+    <!--&lt;Root&gt;-->
+    <!--&lt;Node&gt;-->
+    <!--&lt;StructuredText&gt;-->
+  </div>
+</body>
+`;
+exports[`StructuredText > with no value > renders null 1`] = `
+<body>
+  <div>
+    <!--&lt;StructuredText&gt;-->
+  </div>
+</body>
+`;

package/components/StructuredText/nodes/Blockquote.svelte ADDED Viewed

@@ -0,0 +1,5 @@
+<script>export let node;
+node;
+</script>
+<blockquote><slot /></blockquote>

package/components/StructuredText/nodes/Blockquote.svelte.d.ts ADDED Viewed

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

package/components/StructuredText/nodes/Code.svelte ADDED Viewed

@@ -0,0 +1,6 @@
+<script>export let node;
+$:
+  ({ code, language } = node);
+</script>
+<pre class={language}>{code}</pre>

package/components/StructuredText/nodes/Code.svelte.d.ts ADDED Viewed

@@ -0,0 +1,17 @@
+import { SvelteComponentTyped } from "svelte";
+import type { Code } from 'datocms-structured-text-utils';
+declare const __propDef: {
+    props: {
+        node: Code;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type CodeProps = typeof __propDef.props;
+export type CodeEvents = typeof __propDef.events;
+export type CodeSlots = typeof __propDef.slots;
+export default class Code extends SvelteComponentTyped<CodeProps, CodeEvents, CodeSlots> {
+}
+export {};

package/components/StructuredText/nodes/Heading.svelte ADDED Viewed

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

package/components/StructuredText/nodes/Heading.svelte.d.ts ADDED Viewed

@@ -0,0 +1,19 @@
+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 HeadingProps = typeof __propDef.props;
+export type HeadingEvents = typeof __propDef.events;
+export type HeadingSlots = typeof __propDef.slots;
+export default class Heading extends SvelteComponentTyped<HeadingProps, HeadingEvents, HeadingSlots> {
+}
+export {};

package/components/StructuredText/nodes/Link.svelte ADDED Viewed

@@ -0,0 +1,6 @@
+<script>export let node;
+$:
+  ({ url } = node);
+</script>
+<a href={url}><slot /></a>

package/components/StructuredText/nodes/Link.svelte.d.ts ADDED Viewed

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

package/components/StructuredText/nodes/List.svelte ADDED Viewed

@@ -0,0 +1,10 @@
+<script>export let node;
+$:
+  ({ style } = node);
+</script>
+{#if style === 'numbered'}
+	<ol><slot /></ol>
+{:else}
+	<ul><slot /></ul>
+{/if}

package/components/StructuredText/nodes/List.svelte.d.ts ADDED Viewed

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

package/components/StructuredText/nodes/ListItem.svelte ADDED Viewed

@@ -0,0 +1,5 @@
+<script>export let node;
+node;
+</script>
+<li><slot /></li>

package/components/StructuredText/nodes/ListItem.svelte.d.ts ADDED Viewed

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

package/components/StructuredText/nodes/Paragraph.svelte ADDED Viewed

@@ -0,0 +1,5 @@
+<script>export let node;
+node;
+</script>
+<p><slot /></p>

package/components/StructuredText/nodes/Paragraph.svelte.d.ts ADDED Viewed

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

package/components/StructuredText/nodes/Root.svelte ADDED Viewed

@@ -0,0 +1,5 @@
+<script>export let node;
+node;
+</script>
+<slot />

package/components/StructuredText/nodes/Root.svelte.d.ts ADDED Viewed

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