From e4175d046360f8542a4e68fbef6ef9e142047bc3 Mon Sep 17 00:00:00 2001
From: rgravitvl <ravitvl83@gmail.com>
Date: Fri, 6 Dec 2024 16:59:07 +0530
Subject: [PATCH 1/2] Created for spline-fragment

---
 blocks/spline-viewer/spline-viewer.js        | 15 +++++++++++++++
 fragments/spline.html                        |  2 ++
 tools/importer/transformers/index.js         |  2 ++
 tools/importer/transformers/spline-viewer.js | 10 ++++++++++
 4 files changed, 29 insertions(+)
 create mode 100644 blocks/spline-viewer/spline-viewer.js
 create mode 100644 fragments/spline.html
 create mode 100644 tools/importer/transformers/spline-viewer.js

diff --git a/blocks/spline-viewer/spline-viewer.js b/blocks/spline-viewer/spline-viewer.js
new file mode 100644
index 000000000..de7fcf6ae
--- /dev/null
+++ b/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}`);
+    }   
+}
\ No newline at end of file
diff --git a/fragments/spline.html b/fragments/spline.html
new file mode 100644
index 000000000..4d28cb890
--- /dev/null
+++ b/fragments/spline.html
@@ -0,0 +1,2 @@
+<script type="module" src="https://unpkg.com/@splinetool/viewer@1.9.37/build/spline-viewer.js"></script>
+<spline-viewer url="https://prod.spline.design/UBAIdqMtOkuDExkL/scene.splinecode"></spline-viewer>
\ No newline at end of file
diff --git a/tools/importer/transformers/index.js b/tools/importer/transformers/index.js
index e1e330263..1858acca1 100644
--- a/tools/importer/transformers/index.js
+++ b/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 = [
diff --git a/tools/importer/transformers/spline-viewer.js b/tools/importer/transformers/spline-viewer.js
new file mode 100644
index 000000000..98fec1866
--- /dev/null
+++ b/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;
\ No newline at end of file

From e9ca168e7cd336bc75374ba1630bbfb11847c1ae Mon Sep 17 00:00:00 2001
From: rgravitvl <ravitvl83@gmail.com>
Date: Fri, 6 Dec 2024 21:16:02 +0530
Subject: [PATCH 2/2] Fixed lint issues

---
 blocks/spline-viewer/spline-viewer.js        | 31 +++++++++++---------
 tools/importer/transformers/spline-viewer.js | 16 +++++-----
 2 files changed, 25 insertions(+), 22 deletions(-)

diff --git a/blocks/spline-viewer/spline-viewer.js b/blocks/spline-viewer/spline-viewer.js
index de7fcf6ae..11f9f5fe8 100644
--- a/blocks/spline-viewer/spline-viewer.js
+++ b/blocks/spline-viewer/spline-viewer.js
@@ -1,15 +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 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}`);
-    }   
-}
\ No newline at end of file
+  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}`);
+  }
+}
diff --git a/tools/importer/transformers/spline-viewer.js b/tools/importer/transformers/spline-viewer.js
index 98fec1866..b879ea777 100644
--- a/tools/importer/transformers/spline-viewer.js
+++ b/tools/importer/transformers/spline-viewer.js
@@ -1,10 +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;
\ No newline at end of file
+  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;