Created for spline-fragment

blocks/spline-viewer/spline-viewer.js

@@ -0,0 +1,18 @@
+import { getFragmentFromFile } from '../../scripts/scripts.js';
+
+export default async function decorate(block) {
+  try {
+    // get the content
+    const fragment = await getFragmentFromFile('/fragments/spline.html');
+    block.innerHTML = '';
+    const parser = new DOMParser();
+    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;