Merge pull request 'just get version from package.json' (#5) from simplify into pages

Reviewed-on: https://codeberg.org/macchiato/editor-lib-codemirror/pulls/5

app.js

@@ -71,9 +71,8 @@ window.editorLib = {
 }`
 
 class Builder {
-  jApiBaseUrl = 'https://data.jsdelivr.com/v1/'
+  // any URL that supports pkg/path or pkg@version/path
-  jCdnBaseUrl = 'https://cdn.jsdelivr.net/npm/'
+  baseUrl = 'https://unpkg.com'
-
   scripts = {
     '@rollup/browser': {
       version: '3.20.4',
@@ -105,26 +104,13 @@ class Builder {
 
   async loadDep(dep) {
     this.scripts[dep] = {}
-    const dataResp = await fetch(
-      this.jApiBaseUrl +
-      `packages/npm/${dep}/resolved`,
-      {
-        headers: {
-          'User-Agent':
-            'https://codeberg.org/macchiato',
-        },
-      },
-    )
-    this.checkOk(dataResp)
-    const {version} = await dataResp.json()
-    this.scripts[dep].version = version
     const pkgResp = await fetch(
-      this.jCdnBaseUrl +
+      `${this.baseUrl}/${dep}/package.json`
-      `${dep}@${version}/package.json`
     )
     this.checkOk(pkgResp)
     this.log(dep)
     const pkg = await pkgResp.json()
+    this.scripts[dep].version = pkg.version
     this.scripts[dep].path = (
       pkg.module ?? pkg.main
     )
@@ -168,8 +154,8 @@ class Builder {
       return script.text
     }
     const url = (
-      this.jCdnBaseUrl +
+      `${this.baseUrl}/${name}@${script.version}/` +
-      `${name}@${script.version}/${script.path}`
+      script.path
     )
     const resp = await fetch(url)
     this.checkOk(resp)
@@ -295,20 +281,18 @@ class Editor extends HTMLElement {
     this.shadowRoot.adoptedStyleSheets = [
       this.constructor.styleSheet
     ]
-    this.el = document.createElement('div')
-    this.shadowRoot.append(this.el)
   }
 
   connectedCallback() {
     const {EditorView, basicSetup} = window.editorLib
-    new EditorView({
+    this.view = new EditorView({
       doc: '',
       extensions: [
         basicSetup,
       ],
-      parent: this.el,
       root: this.shadowRoot,
     })
+    this.shadowRoot.append(this.view.dom)
   }
 
   static get styleSheet() {
@@ -326,6 +310,7 @@ class Editor extends HTMLElement {
       align-items: stretch;
       height: 33vh;
       background-color: #fff;
+      border: 5px solid red
     }
     :host > * {
       flex-grow: 1;