parcel-bundler · devongovett · Sep 23, 2018 · Aug 25, 2018 · Aug 25, 2018 · Aug 25, 2018
diff --git a/src/Parser.js b/src/Parser.js
@@ -20,6 +20,7 @@ class Parser {
     this.registerExtension('vue', './assets/VueAsset');
     this.registerExtension('json', './assets/JSONAsset');
     this.registerExtension('json5', './assets/JSONAsset');
+    this.registerExtension('jsonld', './assets/JSONLDAsset');
     this.registerExtension('yaml', './assets/YAMLAsset');
     this.registerExtension('yml', './assets/YAMLAsset');
     this.registerExtension('toml', './assets/TOMLAsset');

diff --git a/src/assets/HTMLAsset.js b/src/assets/HTMLAsset.js
@@ -49,7 +49,8 @@ const META = {
     'msapplication-square310x310logo',
     'msapplication-square70x70logo',
     'msapplication-wide310x150logo',
-    'msapplication-TileImage'
+    'msapplication-TileImage',
+    'msapplication-config'
   ],
   itemprop: [
     'image',
@@ -64,7 +65,8 @@ const META = {
 const SCRIPT_TYPES = {
   'application/javascript': 'js',
   'text/javascript': 'js',
-  'application/json': false
+  'application/json': false,
+  'application/ld+json': 'jsonld'
 };
 
 // Options to be passed to `addURLDependency` for certain tags + attributes
@@ -247,13 +249,15 @@ class HTMLAsset extends Asset {
       } else if (type === 'tag') {
         if (
           (rendition.type === 'js' && node.tag === 'script') ||
-          (rendition.type === 'css' && node.tag === 'style')
+          (rendition.type === 'css' && node.tag === 'style') ||
+          (rendition.type === 'jsonld' && node.tag === 'script')
         ) {
           node.content = rendition.value;
         }
 
         // Delete "type" attribute, since CSS and JS are the defaults.
-        if (node.attrs) {
+        // Unless it's application/ld+json
+        if (node.attrs && node.attrs.type !== 'application/ld+json') {
           delete node.attrs.type;
         }
       }

diff --git a/src/assets/JSONLDAsset.js b/src/assets/JSONLDAsset.js
@@ -0,0 +1,61 @@
+const urlJoin = require('../utils/urlJoin');
+const isURL = require('../utils/is-url');
+const Asset = require('../Asset');
+
+// A list of all attributes in a schema that may produce a dependency
+// Based on https://schema.org/ImageObject
+// Section "Instances of ImageObject may appear as values for the following properties"
+const SCHEMA_ATTRS = [
+  'logo',
+  'photo',
+  'image',
+  'thumbnail',
+  'screenshot',
+  'primaryImageOfPage'
+];
+
+class JSONLDAsset extends Asset {
+  constructor(name, options) {
+    super(name, options);
+    this.type = 'jsonld';
+  }
+
+  parse(content) {
+    return JSON.parse(content.trim());
+  }
+
+  collectDependencies() {
+    for (let schemaKey in this.ast) {
+      // only check for single values, not nested data
+      // todo: check for nested data
+      if (
+        SCHEMA_ATTRS.includes(schemaKey) &&
+        typeof this.ast[schemaKey] === 'string'
+      ) {
+        // paths aren't allowed, values must be urls
+        let assetPath = this.addURLDependency(this.ast[schemaKey]);
+        if (!isURL(assetPath)) {
+          assetPath = urlJoin(this.options.publicURL, assetPath);
+        }
+        this.ast[schemaKey] = assetPath;
+        this.isAstDirty = true;
+
+        if (this.options.publicURL === '/') {
+          console.warn(
+            "Please specify publicURL using --public-url, otherwise schema asset links won't work"
+          );
+        }
+      }
+    }
+  }
+
+  generate() {
+    if (this.options.production) {
+      return JSON.stringify(this.ast);
+    } else {
+      return JSON.stringify(this.ast, null, 2);
+    }
+  }
+}
+
+module.exports = JSONLDAsset;
diff --git a/test/integration/schema-jsonld/images/image.jpeg b/test/integration/schema-jsonld/images/image.jpeg
diff --git a/test/integration/schema-jsonld/images/logo.png b/test/integration/schema-jsonld/images/logo.png
diff --git a/test/integration/schema-jsonld/index.html b/test/integration/schema-jsonld/index.html
@@ -0,0 +1,23 @@
+<html>
+<head>
+  <title>hi</title>
+</head>
+<body>
+
+<p>text 123</p>
+
+<script type="application/ld+json">
+{
+  "@context": "http://schema.org",
+  "@type": "LocalBusiness",
+  "description": "This is your business description.",
+  "name": "Parcel's parcel",
+  "telephone": "555-111-2345",
+  "openingHours": "Mo,Tu,We,Th,Fr 09:00-17:00",
+  "logo": "images/logo.png",
+  "image": "images/image.jpeg"
+}
+</script>
+
+</body>
+</html>
diff --git a/test/schema-jsonld.js b/test/schema-jsonld.js
@@ -0,0 +1,22 @@
+const {bundle, assertBundleTree} = require('./utils');
+
+describe('schema ld+json', function() {
+  it('Should parse a LD+JSON schema and collect dependencies', async function() {
+    let b = await bundle(__dirname + '/integration/schema-jsonld/index.html', {
+      production: true
+    });
+
+    await assertBundleTree(b, {
+      name: 'index.html',
+      assets: ['index.html'],
+      childBundles: [
+        {
+          type: 'jpeg'
+        },
+        {
+          type: 'png'
+        }
+      ]
+    });
+  });
+});