enigmatic 0.9.7 → 0.9.8

package/elements/monaco-editor.mjs

@@ -0,0 +1,32 @@
+class MonacoEditor extends HTMLElement {
+    async connectedCallback() {
+        await load('//unpkg.com/monaco-editor@0.30.1/min/vs/loader.js')
+        this.innerHTML = `<div id="m-container" style="${this.getAttribute('estyle')}"></div>`
+        require.config({ paths: { vs: 'min/vs' } })
+        const id = this.getAttribute('id'), that = this
+        require(['vs/editor/editor.main'], function () {
+            const editor = monaco.editor.create(document.getElementById('m-container'), {
+                value: $(`code[for=${id}]`).innerHTML,
+                language: 'javascript'
+            })
+            that.editor = editor
+        })
+    }
+}
+customElements.define('monaco-editor', MonacoEditor)
+
+/*
+
+example..
+
+<monaco-editor id='me1' estyle="width: 600px; height: 400px; border: 1px solid gray"></monaco-editor>
+<code for='me1' hidden>
+    class HelloWorld extends HTMLElement {
+      connectedCallback() {
+        this.innerHTML = '<div>Hello World!</div>'
+      }
+    }
+    customElements.define('hello-world', HelloWorld)
+</code>
+
+*/

package/main.js

@@ -2,7 +2,7 @@ window.$ = document.querySelector.bind(document)
 window.$$ = document.querySelectorAll.bind(document)
 window.body = document.body
 
-window.load = src => {
+window.loadJS = src => {
     return new Promise((r, j) => {
         const s = document.createElement('script')
         s.src = src
@@ -11,6 +11,16 @@ window.load = src => {
     })
 }
 
+window.loadCSS = src => {
+    return new Promise((r, j) => {
+        const s = document.createElement('link')
+        s.rel = 'stylesheet'
+        s.href = src
+        s.addEventListener('load', r)
+        document.head.appendChild(s)
+    })
+}
+
 class Data {
     _ = {}
     set (name, value) { 
@@ -61,4 +71,8 @@ class EnigmaticElement extends HTMLElement {
     }
 }
 
-customElements.define ('e-e', EnigmaticElement)
+customElements.define ('e-e', EnigmaticElement)
+
+window.addEventListener('DOMContentLoaded', (event) => {
+    if(main) main(document)
+})

package/package.json

@@ -4,12 +4,9 @@
   "url": "http://github.com/digplan/enigmatic",
   "author": "<digplan@outlook.com>",
   "main": "main.js",
-  "dependencies": {
-    "testchrome": "*"
-  },
   "repository": {
     "type": "git",
     "url": "git://github.com/digplan/enigmatic.git"
   },
-  "version": "0.9.7"
+  "version": "0.9.8"
 }