enigmatic 0.21.7 → 0.23.0

package/authn.mjs

@@ -1,123 +0,0 @@
-ArrayBuffer.from = (string) => Uint8Array.from(string.split('').map(e => e.charCodeAt(0))).buffer
-
-const webauthn = async () => {
-    const op = {}
-    op.attestation = 'direct'
-    op.authenticatorSelection = {
-        authenticatorAttachment: 'platform',
-        requireResidentKey: false,
-        userVerification: 'discouraged'
-    }
-    op.challenge = ArrayBuffer.from('challenge')
-    op.pubKeyCredParams = []
-    op.rp = { id: location.hostname, name: location.hostname }
-    op.timeout = 60000,
-        op.user = { name: 'cb', displayName: 'cb', id: ArrayBuffer.from('cb') }
-
-    return {
-        async makeCredential() {
-            return await navigator.credentials.create({ publicKey: op })
-        },
-        async getAssertion() {
-            return await navigator.credentials.get({ publicKey: op })
-        }
-    }
-}
-
-const w = await webauthn()
-const credential = await w.makeCredential()
-const decodedClientData = JSON.parse(new TextDecoder('utf-8').decode(credential.response.clientDataJSON))
-console.log(decodedClientData)
-// decode credential.response.attestationObject
-
-//
- // w.getAssertion()
-//
-
-/*
-const credential = await navigator.credentials.create({
-    publicKey: {
-        challenge: Uint8Array.from(
-            'xxxxxx', c => c.charCodeAt(0)),
-        rp: {
-            name: "Test",
-            id: "localhost",
-        },
-        user: {
-            id: Uint8Array.from(
-                "UZSL85T9AFC", c => c.charCodeAt(0)),
-            name: "lee@webauthn.guide",
-            displayName: "Lee",
-        },
-        pubKeyCredParams: [{ alg: -7, type: "public-key" }],
-        authenticatorSelection: {
-            authenticatorAttachment: "cross-platform",
-        },
-        timeout: 60000,
-        attestation: "direct"
-    }
-})
-
-console.log(credential)
-
-// Auth
-const publicKeyCredentialRequestOptions = {
-    challenge: Uint8Array.from(
-        randomStringFromServer, c => c.charCodeAt(0)),
-    allowCredentials: [{
-        id: Uint8Array.from(
-            credentialId, c => c.charCodeAt(0)),
-        type: 'public-key',
-        transports: ['usb', 'ble', 'nfc'],
-    }],
-    timeout: 60000,
-}
-
-const assertion = await navigator.credentials.get({
-    publicKey: publicKeyCredentialRequestOptions
-})
-
-
-ArrayBuffer.from = (string) => Uint8Array.from(string.split('').map(e => e.charCodeAt(0))).buffer
-
-const webauthn = async () => {
-    //if(!await PublicKeyCredential.isUserVerifyingPlatformAuthenticatorAvailable())
-    //    return false
-    const op = {}
-    op.attestation = 'direct'
-    op.authenticatorSelection = {
-        authenticatorAttachment: 'platform',
-        requireResidentKey: false,
-        userVerification: 'discouraged'
-    }
-    op.challenge = ArrayBuffer.from('challenge')
-    op.pubKeyCredParams = [{ alg: -7, type: 'public-key' }]
-    op.rp = { id: 'localhost', name: 'localhost' }
-    op.timeout = 60000,
-        op.user = { name: 'cb', displayName: 'cb', id: ArrayBuffer.from('cb') }
-
-    return {
-        async makeCredential() {
-            const cred = await navigator.credentials.create({ publicKey: op })
-            return cred
-        },
-        async getAssertion() {
-            const cred = await navigator.credentials.get({ publicKey: op })
-            return cred
-        }
-    }
-}
-
-const w = await webauthn()
-w.makeCredential().then(e => console.log(e))
-//w.getAssertion().then(e => console.log(e))
-
-/*
-send to server
-{
-            credential: {type: 'FIDO', id: attestation.id},
-            clientData: attestation.signature.clientData,
-            authnrData: attestation.signature.authnrData,
-            signature: attestation.signature.signature
-        }
-        */

package/tests/test-error.html

@@ -1,5 +0,0 @@
-<script src='../enigmatic.js'></script>
-
-<script>
-    not a keyword
-</script>

package/tests/test-fetch.html

@@ -1,26 +0,0 @@
-<script src='../enigmatic.js'></script>
-
-<!-- HTML declarative -->
-<div data='users_declare' fetch='toydb-687z3zxxqk0r.runkit.sh/'>{test_message}</div>
-
-<!-- Not immediate -->
-<div id='f' data='users_declare2' fetch='toydb-687z3zxxqk0r.runkit.sh/' defer>Delayed: {test_message}</div>
-<button onclick='f.fetch()'>Fetch</button>
-
-<!-- Transform results -->
-<script>
-    get('randomuser.me/api', null, x=>x.results, 'users')
-</script>
-<div data="users">
-    <div>{gender} {picture}</div>
-</div>
-
-<!-- Component -->
-<script>
-    element('my-c', {
-        onmount: e=>e.style.border='1px solid black',
-        template: 'is: {gender}', 
-        style: 'color:red'})
-</script>
-
-<my-c data='users_component'></my-c>

package/tests/test-flatten.html

@@ -1,38 +0,0 @@
-<script src='../enigmatic.js'></script>
-<link rel=stylesheet href='../enigmatic.css'>
-
-<body style='--rows: 1fr 1fr 1fr 1fr 10fr; --cols: 1fr 10fr 1fr'>
-    <h1 style='--span: 3'>Text templating (Flatten)</h1>
-
-    <div data="testobj" style='--span: 4' preserve='true'>
-        {k1} {k2}
-    </div>
-
-    <div data="testobjkv" style='--span: 4' preserve='true'>
-        {$key} {$val}
-    </div>
-
-    <div data="testarray" style='--span: 4' preserve='true'>
-        {$key}: {name}={value}
-    </div>
-
-    <div data="testobjobj" style='--span: 4' preserve='true'>
-        {$key}: {name}={value}
-    </div>
-
-    <div></div>
-
-    <section style='--cols: 1fr 1fr 1fr 1fr'>
-        <button onclick='state.testobj={"k1": "val1", "k2": "val2"}'>{k1: 'val1', k2: 'val2'}</button>
-        <button onclick='state.testobjkv={"k1": "val1", "k2": "val2"}'>{k1: 'val1', k2: 'val2'}</button>
-        <button onclick='state.testarray=[{ name: "myname", value: "myvalue" },{ name: "myname2", value: "myvalue2" }]'>[
-        { name: 'myname', value: 'myvalue' },
-        { name: 'myname2', value: 'myvalue2' },
-        ]</button>
-        <button onclick='state.testobjobj={ "k1": {name: "myname3", value: "myvalue3"}, "k2": {name: "myname4", value: "myvalue4"} }'>{
-        "k1": { name: 'myname3', value: 'myvalue3' },
-        "k2": { name: 'myname4', value: 'myvalue4' },
-        }</button>
-    </section>
-
-</body>

package/tests/test-layout.html

@@ -1,32 +0,0 @@
-<script src=components.js></script>
-<script src=enigmatic.js></script>
-<link rel=stylesheet href=enigmatic.css>
-
-<body style="--cols:3fr 10fr 3fr; --rows:3fr 11fr 2fr">
-
-    <div class="bg-white"></div>
-    <div class="bg-white">
-        <img height='62' style='filter:invert(50%)' src='https://unpkg.com/simple-icons@v7/icons/apple.svg'>
-
-    </div>
-    <div class="bg-white"></div>
-
-    <div class="bg-white"></div>
-    <section class="bg-white" style="--cols: 1fr 1fr 1fr; --rows: 1fr 1fr 1fr">
-        <div class="bg-green"></div>
-        <div class="bg-white"><hello-world></hello-world></div>
-        <div class="bg-white"></div>
-        <div class="bg-white"></div>
-        <div class="bg-white"></div>
-        <div class="bg-white"></div>
-        <div class="bg-white"></div>
-        <div class="bg-white"></div>
-        <div class="bg-green"></div>
-    </section>
-    <div class="bg-white"></div>
-
-    <div class="bg-yellow"></div>
-    <div class="bg-yellow"></div>
-    <div class="bg-yellow"></div>
-
-</body>

package/tests/test-schema.html

@@ -1,10 +0,0 @@
-<script src=../enigmatic.js></script>
-<script type=module src=https://unpkg.com/e-schema@0.0.2/module.mjs></script>
-
-<script type="module">
-  const es = new eSchema({MyType: {message: 'string'}})
-  es.validate({message: 'you are'}, 'MyType')
-  save(es.schema, 'myschema')
-  console.log(load('myschema'))
-  console.log(load('nothing'))
-</script>

package/tests/test.html

@@ -1,44 +0,0 @@
-<script src='../enigmatic.js'></script>
-<script src='../components.js'></script>
-<link rel='stylesheet' href='../enigmatic.css'>
-
-<body style="--cols:1fr 10fr 1fr; --rows:1fr">
-    <div class="bg-black">a</div>
-    <section class="bg-white">
-       <div id='par' fetch='[{"id": 1, "control": "input"},{"id": 2, "control": "select"}]'>
-            <div>{control}</div>
-            <test-element id="a{id}"></test-element>
-            <br>
-            <!--IGNORE-->
-                <test-link></test-link>
-            <!--ENDIGNORE-->
-       </div>
-    </section>
-    <div class="bg-yellow"></div>
-</body>
-
-<script>
-    e('test-element', {
-        set: o=>console.log(o),
-        click: ev=>alert()
-    }, { border: '4px green solid' })
-
-    e('test-link', {
-        init: e => e.innerHTML = '<a>Click me</a>',
-        click: ev => alert()
-    })
-
-    /*
-    More verbose:
-    customElements.define('test-element', class extends HTMLElement {
-        connectedCallback() {
-            this.style.border = '3px black solid'
-        }
-        set(o) {
-            this.innerHTML = `<${o.control}></${o.control}>`
-        }
-        myfunc() {
-            alert('custom func')
-        }
-    })*/
-</script>