Created for spline-fragment

blocks/spline-viewer/spline-viewer.js

@@ -0,0 +1,15 @@
+export default async function decorate(block) {
+    try {
+      // get the content
+      const fragment = await getFragmentFromFile('/fragments/spline.html');
+      block.innerHTML = '';
+      const fragmentHtml = parser.parseFromString(fragment, 'text/html');
+        [...fragmentHtml.body.children].forEach((item) => {
+            block.append(item);
+        });
+    } catch (e) {
+        block.textContent = '';
+        // eslint-disable-next-line no-console
+        console.warn(`cannot load snippet at ${e}`);
+    }   
+}

fragments/spline.html

@@ -0,0 +1,2 @@
+<script type="module" src="https://unpkg.com/@splinetool/[email protected]/build/spline-viewer.js"></script>
+<spline-viewer url="https://prod.spline.design/UBAIdqMtOkuDExkL/scene.splinecode"></spline-viewer>

tools/importer/transformers/index.js

@@ -47,6 +47,7 @@ import workflowCarousel from './workflowCarousel.js';
 import embedScript from './embedScript.js';
 import callToActionText from './callToActionText.js';
 import productNotFound from './product-not-found.js';
+import splineViewer from './spline-viewer.js';
 
 // eslint-disable-next-line import/prefer-default-export
 export const transformers = [
@@ -93,6 +94,7 @@ export const transformers = [
   embedScript,
   callToActionText,
   productNotFound,
+  splineViewer,
 ];
 
 export const asyncTransformers = [

tools/importer/transformers/spline-viewer.js

@@ -0,0 +1,10 @@
+/* global WebImporter */
+const splineViewer = (main, document) => {
+    const splineViewerEl = main.querySelector('div#spline-viewer');
+    if (splineViewerEl) {
+      const block = [['Spline Viewer'], ['']];
+      const table = WebImporter.DOMUtils.createTable(block, document);
+      splineViewerEl.replaceWith(table);
+    }
+  };
+  export default splineViewer;