Clojurians Log v2

you're probably better off to just make a local vite project with squint and compile locally

yes. I agree. although using the modules directly via the import map is very convenient for making playgrounds.

Here is an example from the demo app.

import type { LC, PropsWithChildren } from '@use-gpu/live';
import type { Emit, Time } from '@use-gpu/core';

import React from '@use-gpu/live';

import {
  Pass,
  OrbitControls, OrbitCamera,
  Cursor,
} from '@use-gpu/workbench';
import {
  Plot, Point, Line, Tensor, Transform,
} from '@use-gpu/plot';
import { vec3 } from 'gl-matrix';
import { seq } from '@use-gpu/core';

import { InfoBox } from '../../ui/info-box';

I'm testing import paths in the squint online repl: e.g https://squint-cljs.github.io/squint/?repl=true&src=KHJlcXVpcmUgJ1sicmVhY3QiIDphcyByZWFjdF0pCihyZXF1aXJlICdbInJlYWN0LWRvbSIgOmFzIHJkb21dKQoocmVxdWlyZSAnWyJAdXNlLWdwdS93b3JrYmVuY2gvbWpzL2luZGV4IiA6YXMgd29ya2JlbmNoXSkKCihqcy9jb25zb2xlLmxvZyBMQykKCihkZWZvbmNlIGNvbXBvbmVudC1zdGF0ZSAoYXRvbSAwKSkKCihkZWZuIEJhciBbezprZXlzIFtmaXJzdG5hbWUgbGFzdG5hbWVdIDphcyBwcm9wc31dCiAgKGxldCBbW2NsaWNrcyBzZXRDbGlja3NdIChyZWFjdC91c2VTdGF0ZSBAY29tcG9uZW50LXN0YXRlKV0KICAgICNqc3ggWzo8PgogICAgICAgICAgWzpzcGFuIGZpcnN0bmFtZSAiICIgbGFzdG5hbWVdCiAgICAgICAgICBbOmRpdiAiWW91IGNsaWNrZWQgIiBjbGlja3MgIiB0aW1lcyEiXQogICAgICAgICAgWzpidXR0b24gezpvbkNsaWNrICMoc2V0Q2xpY2tzIChzd2FwISBjb21wb25lbnQtc3RhdGUgaW5jKSl9CiAgICAgICAgICAgIkNsaWNrIG1lIl1dKSkKCihkZWZuIEZvbyBbXQogICNqc3ggWzpkaXYgIkhlbGxvLCAiCiAgICAgICAgKGxldCBbbSAoYXNzb2MgezpmaXJzdG5hbWUgIk1pY2hpZWwifSA6bGFzdG5hbWUgIkJvcmtlbnQiKV0KICAgICAgICAgICNqc3ggW0JhciB7OiYgbX1dKV0pCgooZGVmb25jZSBlbHQgKGRvdG8gKGpzL2RvY3VtZW50LmNyZWF0ZUVsZW1lbnQgImRpdiIpCiAgICAgICAgICAgICAgIChqcy9kb2N1bWVudC5ib2R5LnByZXBlbmQpKSkKCihkZWYgcm9vdCAocmRvbS9jcmVhdGVSb290IGVsdCkpCgooLnJlbmRlciByb290ICNqc3ggW0Zvb10p but haven't gotten it quite right yet.

(require '["react" :as react])
(require '["react-dom" :as rdom])
(require '["@use-gpu/workbench/mjs/index" :as workbench])

Although maybe I only have access to things already in the map?

Ahhh,... Thehttps://squint-cljs.github.io/squint/?repl=true&jsx.import-source=https://esm.sh/preact@10.19.2&src=KHJlcXVpcmUgJ1siaHR0cHM6Ly9lc20uc2gvcHJlYWN0QDEwLjE5LjIiIDphcyByZWFjdF0pCihyZXF1aXJlICdbImh0dHBzOi8vZXNtLnNoL3ByZWFjdEAxMC4xOS4yL2hvb2tzIiA6YXMgaG9va3NdKQoKKGRlZm9uY2UgY29tcG9uZW50LXN0YXRlIChhdG9tIDApKQoKKGRlZm4gQmFyIFt7OmtleXMgW2ZpcnN0bmFtZSBsYXN0bmFtZV0gOmFzIHByb3BzfV0KICAobGV0IFtbY2xpY2tzIHNldENsaWNrc10gKGhvb2tzL3VzZVN0YXRlIEBjb21wb25lbnQtc3RhdGUpXQogICAgI2pzeCBbOjw%2BCiAgICAgICAgICBbOnNwYW4gZmlyc3RuYW1lICIgIiBsYXN0bmFtZV0KICAgICAgICAgIFs6ZGl2ICJZb3UgY2xpY2tlZCAiIGNsaWNrcyAiIHRpbWVzISJdCiAgICAgICAgICBbOmJ1dHRvbiB7Om9uQ2xpY2sgIyhzZXRDbGlja3MgKHN3YXAhIGNvbXBvbmVudC1zdGF0ZSBpbmMpKX0KICAgICAgICAgICAiQ2xpY2sgbWUiXV0pKQoKKGRlZm4gRm9vIFtdCiAgI2pzeCBbOmRpdiAiSGVsbG8sICIKICAgICAgICAobGV0IFttIChhc3NvYyB7OmZpcnN0bmFtZSAiTWljaGllbCJ9IDpsYXN0bmFtZSAiQm9ya2VudCIpXQogICAgICAgICAgI2pzeCBbQmFyIHs6JiBtfV0pXSkKCihkZWZvbmNlIGVsdCAoZG90byAoanMvZG9jdW1lbnQuY3JlYXRlRWxlbWVudCAiZGl2IikKICAgICAgICAgICAgICAgKGpzL2RvY3VtZW50LmJvZHkucHJlcGVuZCkpKQoKKHJlYWN0L3JlbmRlciAjanN4IFtGb29dIGVsdCk%3D uses a full URL. Okay, I think I've got it.

(require '["" :as react])
(require '["" :as hooks])

Latest but not importing... https://squint-cljs.github.io/squint/?repl=true&src=KHJlcXVpcmUgJ1sicmVhY3QiIDphcyByZWFjdF0pCihyZXF1aXJlICdbInJlYWN0LWRvbSIgOmFzIHJkb21dKQoocmVxdWlyZSAnWyJAdXNlLWdwdS93b3JrYmVuY2gvbWpzL2luZGV4IiA6YXMgd29ya2JlbmNoXSkKCihqcy9jb25zb2xlLmxvZyBMQykKCihkZWZvbmNlIGNvbXBvbmVudC1zdGF0ZSAoYXRvbSAwKSkKCihkZWZuIEJhciBbezprZXlzIFtmaXJzdG5hbWUgbGFzdG5hbWVdIDphcyBwcm9wc31dCiAgKGxldCBbW2NsaWNrcyBzZXRDbGlja3NdIChyZWFjdC91c2VTdGF0ZSBAY29tcG9uZW50LXN0YXRlKV0KICAgICNqc3ggWzo8PgogICAgICAgICAgWzpzcGFuIGZpcnN0bmFtZSAiICIgbGFzdG5hbWVdCiAgICAgICAgICBbOmRpdiAiWW91IGNsaWNrZWQgIiBjbGlja3MgIiB0aW1lcyEiXQogICAgICAgICAgWzpidXR0b24gezpvbkNsaWNrICMoc2V0Q2xpY2tzIChzd2FwISBjb21wb25lbnQtc3RhdGUgaW5jKSl9CiAgICAgICAgICAgIkNsaWNrIG1lIl1dKSkKCihkZWZuIEZvbyBbXQogICNqc3ggWzpkaXYgIkhlbGxvLCAiCiAgICAgICAgKGxldCBbbSAoYXNzb2MgezpmaXJzdG5hbWUgIk1pY2hpZWwifSA6bGFzdG5hbWUgIkJvcmtlbnQiKV0KICAgICAgICAgICNqc3ggW0JhciB7OiYgbX1dKV0pCgooZGVmb25jZSBlbHQgKGRvdG8gKGpzL2RvY3VtZW50LmNyZWF0ZUVsZW1lbnQgImRpdiIpCiAgICAgICAgICAgICAgIChqcy9kb2N1bWVudC5ib2R5LnByZXBlbmQpKSkKCihkZWYgcm9vdCAocmRvbS9jcmVhdGVSb290IGVsdCkpCgooLnJlbmRlciByb290ICNqc3ggW0Zvb10p

(require '["react" :as react])
(require '["react-dom" :as rdom])
(require '["" :as workbench])

Failed to fetch dynamically imported module: 

TypeError: Failed to fetch dynamically imported module: 

Okay. So the import works but theres a set of modules i'd need to add to get this to work out of the box - e.g. to add import maps for any of the deps.

Currently stuck on a wasm import. Looks like I might https://github.com/rustwasm/wasm-pack/issues/1432 to get a wasm module to load/initialise in the browser.

"imports": {
                    "squint-cljs": "",
                    "squint-cljs/core.js": "",
                    "squint-cljs/string.js": "",
                    "squint-cljs/src/squint/string.js": "",
                    "squint-cljs/src/squint/set.js": "",
                    "squint-cljs/src/squint/html.js": "",
                    "@codemirror/language": "",
                    "@codemirror/lang-javascript": "",
                    "@codemirror/state": "",
                    "@codemirror/view": "",
                    "@codemirror/commands": "",
                    "@codemirror/autocomplete": "",
                    "@lezer/highlight": "",
                    "@lezer/common": "",
                    "@lezer/javascript": "",
                    "@nextjournal/lezer-clojure": "",
                    "@nextjournal/clojure-mode": "",
                    "@nextjournal/clojure-mode/extensions/eval-region": "",
                    "@use-gpu/core": "",
                    "@use-gpu/glyph": "",
                    "@use-gpu/live": "",
                    "@use-gpu/parse": "",
                    "@use-gpu/shader": "",
                    "@use-gpu/shader/wgsl": "",
                    "@use-gpu/state": "",
                    "@use-gpu/traits/live": "",
                    "@use-gpu/wgsl": "",
                    "@use-gpu/wgsl/use/view.wgsl": "",
                    "@use-gpu/wgsl/render/pick.wgsl": "",
                    "@use-gpu/wgsl/render/sample/equi-to-cube.wgsl": "",
                    "@use-gpu/wgsl/compute/memo2.wgsl": "",
                    "@use-gpu/wgsl/pmrem/pmrem-init.wgsl": "",
                    "@use-gpu/wgsl/pmrem/pmrem-copy.wgsl": "",
                    "@use-gpu/wgsl/pmrem/pmrem-blur.wgsl": "",
                    "@use-gpu/wgsl/pmrem/pmrem-diffuse-sh.wgsl": "",
                    "@use-gpu/wgsl/pmrem/pmrem-debug.wgsl": "",
                    "@use-gpu/wgsl/pmrem/pmrem-read.wgsl": "",
                    "@use-gpu/workbench": "",
                    "lru-cache": "",
                    "gl-matrix": "",
                    "earcut": "",
                    "lodash/uniq.js": "",
                    "lodash/mapValues.js": "",
                    "lodash/zip.js": "",
                    "lodash/zipObject.js": "",
                    "magic-string": "",
                    "react": "",
                    "react/jsx-runtime": "",
                    "react/jsx-dev-runtime": "",
                    "react

This is the module that packages a bit of wasm

"@use-gpu/glyph": "",

I've tried a few things but haven't gotten WASM loading just right. will revisit tomorrow.