Parse import map in html for codepen share in examples.

examples/examples-utils/simple-code-preview.mjs

@@ -5,15 +5,19 @@ const scripts = exampleScript && exampleScript.dataset.scripts ? exampleScript.d
 if(exampleScript.textContent) scripts.push(exampleScript)
 const exampleStyle = document.querySelector('#example-style')
 const css = exampleStyle ? exampleStyle.textContent : ''
+const importMap = document.querySelector('script[type="importmap"]')
+const imports = JSON.parse(importMap.textContent||'{}').imports||{}
+imports['threepipe'] = 'https://threepipe.org/dist/index.mjs'
+function replaceImports(code) {
+    for (const [name, link] of Object.entries(imports)) code = code.replaceAll(` from '${name}'`, ` from '${link}'`)
+    return code
+}
 setupCodePreview(
     document.getElementById('canvas-container') || document.querySelector('.code-preview-container'),
     scripts,
     scripts.map(s=>s.textContent ? 'js' : s.split('.').pop()), // title
     scripts.map(s=>(typeof s === 'string' && s.endsWith('.js')) ? s : 'https://github.com/repalash/threepipe/tree/master/examples/'+ window.location.pathname.split('/examples/').pop().replace('index.html', '')+(s.textContent ? 'index.html' : s)), // todo: github link
-    (c)=>c
-        .replaceAll(" from 'threepipe'", " from 'https://threepipe.org/dist/index.mjs'")
-        .replaceAll(" from 'uiconfig-tweakpane'", " from 'https://unpkg.com/uiconfig-tweakpane@latest/dist/index.mjs'")
-        .replaceAll(" from '../", " from 'https://threepipe.org/examples/"),
+    (c) => replaceImports(c).replaceAll(` from '../`, ` from 'https://threepipe.org/examples/`),
     {
         title: 'ThreePipe: ' + document.title,
         css,