@datocms/svelte 1.1.1 → 1.2.1

package/components/Head/Head.svelte.d.ts

@@ -1,7 +1,7 @@
 import { SvelteComponentTyped } from "svelte";
 export interface TitleMetaLinkTag {
     /** the tag for the meta information */
-    tag: string;
+    tag: "title" | "meta" | "link";
     /** the inner content of the meta tag */
     content?: string | null | undefined;
     /** the HTML attributes to attach to the meta tag */

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

@@ -3,7 +3,7 @@ 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, structuredTextWithBlocksAndLinks } from './__fixtures__/structuredText';
+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';
@@ -48,6 +48,14 @@ describe('StructuredText', () => {
             });
         });
     });
+    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', () => {

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

@@ -2,5 +2,6 @@ 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>;

package/components/StructuredText/__tests__/__fixtures__/structuredText.js

@@ -47,6 +47,44 @@ export const heading = {
         }
     }
 };
+export const paragraphWithLink = {
+    value: {
+        schema: 'dast',
+        document: {
+            type: 'root',
+            children: [
+                {
+                    type: 'paragraph',
+                    children: [
+                        {
+                            type: 'span',
+                            value: 'This is a paragraph with a '
+                        },
+                        {
+                            url: 'https://random.link',
+                            type: 'link',
+                            meta: [
+                                { id: 'rel', value: 'nofollow' },
+                                { id: 'foo', value: '123' },
+                                { id: 'target', value: '_blank' }
+                            ],
+                            children: [
+                                {
+                                    type: 'span',
+                                    value: 'very cool link'
+                                }
+                            ]
+                        },
+                        {
+                            type: 'span',
+                            value: '. And the link has the target and the rel attributes set.'
+                        }
+                    ]
+                }
+            ]
+        }
+    }
+};
 export const structuredTextWithBlocksAndLinks = {
     value: {
         schema: 'dast',

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

@@ -111,6 +111,74 @@ exports[`StructuredText > with a dast including links and blocks > with missing
 
 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 which has a link inside > with default rules > renders the document 1`] = `
+<body>
+  <div>
+    <p>
+      This is a paragraph with a 
+       
+      
+      <!--&lt;Lines&gt;-->
+      
+      <!--&lt;Span&gt;-->
+      
+      
+      
+      <!--&lt;Node&gt;-->
+      <a
+        href="https://random.link"
+        rel="nofollow"
+        target="_blank"
+      >
+        very cool link
+         
+        
+        <!--&lt;Lines&gt;-->
+        
+        <!--&lt;Span&gt;-->
+        
+        
+        
+        <!--&lt;Node&gt;-->
+        
+        
+      </a>
+      <!--&lt;Link&gt;-->
+      
+      
+      
+      <!--&lt;Node&gt;-->
+      . And the link has the target and the rel attributes set.
+       
+      
+      <!--&lt;Lines&gt;-->
+      
+      <!--&lt;Span&gt;-->
+      
+      
+      
+      <!--&lt;Node&gt;-->
+      
+      
+    </p>
+    <!--&lt;Paragraph&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 custom rules > renders the document 1`] = `
 <body>
   <div>

package/components/StructuredText/nodes/Link.svelte

@@ -1,6 +1,20 @@
 <script>export let node;
 $:
-  ({ url } = node);
+  ({ url, meta } = node);
+let target = void 0;
+$: {
+  const targetMetaEntry = meta?.find((metaEntry) => metaEntry.id === "target");
+  if (targetMetaEntry?.value) {
+    target = targetMetaEntry.value;
+  }
+}
+let rel = void 0;
+$: {
+  const relMetaEntry = meta?.find((metaEntry) => metaEntry.id === "rel");
+  if (relMetaEntry?.value) {
+    rel = relMetaEntry.value;
+  }
+}
 </script>
 
-<a href={url}><slot /></a>
+<a href={url} {target} {rel}><slot /></a>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@datocms/svelte",
-  "version": "1.1.1",
+  "version": "1.2.1",
   "description": "A set of components and utilities to work faster with DatoCMS in Svelte",
   "license": "MIT",
   "repository": {
@@ -14,33 +14,33 @@
     "datocms"
   ],
   "devDependencies": {
-    "@sveltejs/adapter-auto": "^1.0.0",
-    "@sveltejs/kit": ">=1.15.2",
-    "@sveltejs/package": "^1.0.0",
-    "@testing-library/jest-dom": "^5.16.5",
+    "@sveltejs/adapter-auto": "^1.0.3",
+    "@sveltejs/kit": "^1.30.3",
+    "@sveltejs/package": "^1.0.2",
+    "@testing-library/jest-dom": "^5.17.0",
     "@testing-library/svelte": "^3.2.2",
-    "@typescript-eslint/eslint-plugin": "^5.45.0",
-    "@typescript-eslint/parser": "^5.45.0",
-    "csstype": "^3.1.1",
+    "@typescript-eslint/eslint-plugin": "^5.62.0",
+    "@typescript-eslint/parser": "^5.62.0",
+    "csstype": "^3.1.3",
     "datocms-structured-text-generic-html-renderer": "^2.0.4",
-    "eslint": "^8.28.0",
-    "eslint-config-prettier": "^8.5.0",
+    "eslint": "^8.56.0",
+    "eslint-config-prettier": "^8.10.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"
+    "jsdom": "^21.1.2",
+    "jsdom-testing-mocks": "^1.11.0",
+    "prettier": "^2.8.8",
+    "prettier-plugin-svelte": "^2.10.1",
+    "svelte": "^3.59.2",
+    "svelte-check": "^3.6.2",
+    "tslib": "^2.6.2",
+    "typescript": "^4.9.5",
+    "vite": "^4.5.1",
+    "vitest": "^0.25.8"
   },
   "type": "module",
   "dependencies": {
     "datocms-structured-text-utils": "^2.0.4",
-    "svelte-intersection-observer": "^0.10.0",
+    "svelte-intersection-observer": "^0.10.1",
     "universal-base64": "^2.1.0"
   },
   "exports": {