@datocms/svelte 0.0.1

package/components/StructuredText/nodes/Span.svelte

@@ -0,0 +1,49 @@
+<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'}
+		<strong>
+			<svelte:self node={{ type, value, marks: otherMarks }}>
+				<slot />
+			</svelte:self>
+		</strong>
+	{: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/nodes/Span.svelte.d.ts

@@ -0,0 +1,19 @@
+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 SpanProps = typeof __propDef.props;
+export type SpanEvents = typeof __propDef.events;
+export type SpanSlots = typeof __propDef.slots;
+export default class Span extends SvelteComponentTyped<SpanProps, SpanEvents, SpanSlots> {
+}
+export {};

package/components/StructuredText/nodes/ThematicBreak.svelte

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

package/components/StructuredText/nodes/ThematicBreak.svelte.d.ts

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

package/components/StructuredText/utils/Lines.svelte

@@ -0,0 +1,11 @@
+<script>export let lines = [];
+$:
+  [first, ...rest] = lines;
+</script>
+
+{first}
+
+{#if rest.length > 0}
+	<br />
+	<svelte:self lines={rest} />
+{/if}

package/components/StructuredText/utils/Lines.svelte.d.ts

@@ -0,0 +1,16 @@
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        lines?: string[] | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type LinesProps = typeof __propDef.props;
+export type LinesEvents = typeof __propDef.events;
+export type LinesSlots = typeof __propDef.slots;
+export default class Lines extends SvelteComponentTyped<LinesProps, LinesEvents, LinesSlots> {
+}
+export {};

package/index.d.ts

@@ -0,0 +1,9 @@
+import type { Node } from 'datocms-structured-text-utils';
+import type { SvelteComponentTyped } from 'svelte';
+export { default as StructuredText } from './components/StructuredText/StructuredText.svelte';
+export { default as Image } from './components/Image/Image.svelte';
+export { default as Head } from './components/Head/Head.svelte';
+export type PredicateComponentTuple = [
+    (n: Node) => boolean,
+    new (...any: any) => SvelteComponentTyped
+];

package/index.js

@@ -0,0 +1,3 @@
+export { default as StructuredText } from './components/StructuredText/StructuredText.svelte';
+export { default as Image } from './components/Image/Image.svelte';
+export { default as Head } from './components/Head/Head.svelte';

package/package.json

@@ -0,0 +1,61 @@
+{
+  "name": "@datocms/svelte",
+  "version": "0.0.1",
+  "devDependencies": {
+    "@sveltejs/adapter-auto": "^1.0.0",
+    "@sveltejs/kit": "^1.0.0",
+    "@sveltejs/package": "^1.0.0",
+    "@testing-library/jest-dom": "^5.16.5",
+    "@testing-library/svelte": "^3.2.2",
+    "@typescript-eslint/eslint-plugin": "^5.45.0",
+    "@typescript-eslint/parser": "^5.45.0",
+    "csstype": "^3.1.1",
+    "datocms-structured-text-generic-html-renderer": "^2.0.4",
+    "eslint": "^8.28.0",
+    "eslint-config-prettier": "^8.5.0",
+    "eslint-plugin-svelte3": "^4.0.0",
+    "jsdom": "^21.1.0",
+    "jsdom-testing-mocks": "^1.7.0",
+    "prettier": "^2.8.0",
+    "prettier-plugin-svelte": "^2.8.1",
+    "svelte": "^3.54.0",
+    "svelte-check": "^3.0.1",
+    "tslib": "^2.4.1",
+    "typescript": "^4.9.3",
+    "vite": "^4.0.0",
+    "vitest": "^0.25.3"
+  },
+  "type": "module",
+  "dependencies": {
+    "datocms-structured-text-utils": "^2.0.4",
+    "np": "^7.6.3",
+    "svelte-intersection-observer": "^0.10.0",
+    "universal-base64": "^2.1.0"
+  },
+  "exports": {
+    "./package.json": "./package.json",
+    "./components/Head/Head.svelte": "./components/Head/Head.svelte",
+    "./components/Head/README.md": "./components/Head/README.md",
+    "./components/Image/Image.svelte": "./components/Image/Image.svelte",
+    "./components/Image/Placeholder.svelte": "./components/Image/Placeholder.svelte",
+    "./components/Image/README.md": "./components/Image/README.md",
+    "./components/Image/Sizer.svelte": "./components/Image/Sizer.svelte",
+    "./components/Image/Source.svelte": "./components/Image/Source.svelte",
+    "./components/StructuredText/Node.svelte": "./components/StructuredText/Node.svelte",
+    "./components/StructuredText/README.md": "./components/StructuredText/README.md",
+    "./components/StructuredText/StructuredText.svelte": "./components/StructuredText/StructuredText.svelte",
+    "./components/StructuredText/nodes/Blockquote.svelte": "./components/StructuredText/nodes/Blockquote.svelte",
+    "./components/StructuredText/nodes/Code.svelte": "./components/StructuredText/nodes/Code.svelte",
+    "./components/StructuredText/nodes/Heading.svelte": "./components/StructuredText/nodes/Heading.svelte",
+    "./components/StructuredText/nodes/Link.svelte": "./components/StructuredText/nodes/Link.svelte",
+    "./components/StructuredText/nodes/List.svelte": "./components/StructuredText/nodes/List.svelte",
+    "./components/StructuredText/nodes/ListItem.svelte": "./components/StructuredText/nodes/ListItem.svelte",
+    "./components/StructuredText/nodes/Paragraph.svelte": "./components/StructuredText/nodes/Paragraph.svelte",
+    "./components/StructuredText/nodes/Root.svelte": "./components/StructuredText/nodes/Root.svelte",
+    "./components/StructuredText/nodes/Span.svelte": "./components/StructuredText/nodes/Span.svelte",
+    "./components/StructuredText/nodes/ThematicBreak.svelte": "./components/StructuredText/nodes/ThematicBreak.svelte",
+    "./components/StructuredText/utils/Lines.svelte": "./components/StructuredText/utils/Lines.svelte",
+    ".": "./index.js"
+  },
+  "svelte": "./index.js"
+}