@webqit/oohtml 3.0.1-9 → 3.1.2

package/src/context-api/HTMLContext.js

@@ -1,85 +0,0 @@
-
-/**
- * @imports
- */
-import ContextReturnValue from './ContextReturnValue.js';
-import _ContextRequestEvent from './_ContextRequestEvent.js';
-import { _ } from '../util.js';
-
-export default class HTMLContext {
-
-    /**
-     * @instance
-     */
-    static instance( host ) {
-        return _( host ).get( 'context::instance' ) || new this( host );;
-    }
-
-    /**
-     * @constructor
-     */
-    constructor( host ) {
-        _( host ).get( `context::instance` )?.dispose();
-        _( host ).set( `context::instance`, this );
-        const priv = { host, contexts: new Set };
-        Object.defineProperty( this, '#', { get: () => priv } );
-        const ContextRequestEvent = _ContextRequestEvent.call( host.ownerDocument?.defaultView || host.defaultView );
-        Object.defineProperty( this, 'ContextRequestEvent', { get: () => ContextRequestEvent } );
-        this[ Symbol.iterator ] = function*() {
-            yield* priv.contexts;
-        }
-    }
-
-    /**
-     * @length()
-     */
-    get length() {
-        this[ '#' ].contexts.size;
-    }
-
-    /**
-     * @find()
-     */
-    findProvider( callback ) {
-        return [ ...this[ '#' ].contexts ].find( callback );
-    }
-
-    /**
-     * @attachProvider()
-     */
-    attachProvider( context ) {
-        this[ '#' ].contexts.add( context );
-        context.initialize( this[ '#' ].host );
-    }
-
-    /**
-     * @detachProvider()
-     */
-    detachProvider( context ) {
-        context.dispose( this[ '#' ].host );
-        this[ '#' ].contexts.delete( context );
-    }
-
-    /**
-     * @request()
-     */
-    request( request, callback = null, options = {} ) {
-        if ( typeof callback === 'object' ) {
-            options = callback;
-            callback = null;
-        }
-        let contextReturnValue;
-        if ( !callback ) {
-            contextReturnValue = new ContextReturnValue( request, this[ '#' ].host );
-            callback = contextReturnValue.callback.bind( contextReturnValue );
-        }
-        const returnValue = this[ '#' ].host.dispatchEvent( new this.ContextRequestEvent( request, callback, { bubbles: true, ...options } ) );
-        return contextReturnValue ?? returnValue;
-    }
-
-    /**
-     * @dispose()
-     */
-    dispose() {}
-
-}

package/src/context-api/HTMLContextProvider.js

@@ -1,175 +0,0 @@
-
-/**
- * @imports
- */
-import { _compare } from '../util.js';
-import HTMLContext from './HTMLContext.js';
-
-export default class HTMLContextProvider {
-
-    /**
-     * For reference purposes
-     */
-    static providers = new Map;
-
-    /**
-     * To be implemented by subclasses
-     */
-    static type;
-
-    /**
-     * @config
-     */
-    static get config() {
-        return {};
-    }
-
-    /**
-     * @attachTo
-     */
-    static attachTo( host, Id, multiple = false ) {
-        this.providers.set( this.type, this );
-        let provider, contextMgr = HTMLContext.instance( host );
-        if ( !multiple && ( provider = contextMgr.findProvider( provider => this.matchId( provider.id, Id ) ) ) ) return provider;
-        return contextMgr.attachProvider( new this( Id ) );
-    }
-
-    /**
-     * @detachFrom
-     */
-    static detachFrom( host, Id, multipleOrFilter = false ) {
-        let provider, contextMgr = HTMLContext.instance( host );
-        for ( provider of contextMgr[ '#' ].contexts ) {
-            if ( !this.matchId( provider.id, Id ) || ( typeof multipleOrFilter === 'function' && !multipleOrFilter( provider ) ) ) continue;
-            contextMgr.detachProvider( provider );
-            if ( typeof multiple !== 'function' && !multipleOrFilter ) return provider;
-        }
-    }
- 
-    /**
-     * @createId
-     */
-    static createId( host, fields = {} ) {
-        const id = { type: this.type, ...fields };
-        if ( id.contextName ) return id;
-        if ( host.getAttribute && !( id.contextName = ( host.getAttribute( this.config.context.attr.contextname ) || '' ).trim() ) ) {
-            delete id.contextName;
-        } else if ( !host.ownerDocument ) {
-            id.contextName = 'root';
-        }
-        return id;
-    }
-
-    /**
-     * @matchId
-     */
-    static matchId( a, b ) {
-        return _compare( a, b, 1, true );
-    }
- 
-    /**
-     * @createRequest
-     */
-    static createRequest( fields = {} ) {
-        return { type: this.type, ...fields };
-    }
-
-    /**
-     * @matchesRequest
-     */
-    static matchRequest( id, request ) {
-        return request.type === id.type && ( !request.contextName || request.contextName === id.contextName );
-    }
-
-    /**
-     * @constructor
-     */
-    constructor( id ) {
-        Object.defineProperty( this, 'id', { get: () => id } );
-        Object.defineProperty( this, 'subscriptions', { value: new Set } );
-    }
-
-    /**
-     * @length()
-     */
-    get length() {
-        this.subscriptions.size;
-    }
-
-    /**
-     * @handle()
-     */
-    handle( event ) {}
-
-    /**
-     * @subscribe()
-     */
-    subscribe( event ) {
-        this.subscriptions.add( event );
-        if ( !event.request.signal ) return;
-        event.request.signal.addEventListener( 'abort', () => {
-            this.unsubscribe( event );
-        } );
-    }
-
-    /**
-     * @unsubscribe()
-     */
-    unsubscribe( event ) {
-        this.subscriptions.delete( event );
-        event.request.controller?.abort();
-    }
-
-    /**
-     * @handleEvent()
-     */
-    handleEvent( event ) {
-        if ( this.disposed || ( event.target === this.host && event.request?.superContextOnly )
-        || !( typeof event.request === 'object' && event.request ) || typeof event.respondWith !== 'function' || !this.constructor.matchRequest( this.id, event.request ) ) return;
-        event.stopPropagation();
-        if ( event.type === 'contextclaim' ) {
-            const claims = new Set;
-            this.subscriptions.forEach( subscriptionEvent => {
-                if ( !event.target.contains( subscriptionEvent.request.superContextOnly ? subscriptionEvent.target.parentNode : subscriptionEvent.target ) 
-                || !this.constructor.matchRequest( event.request/*provider ID*/, subscriptionEvent.request/*request ID*/ ) ) return;
-                this.subscriptions.delete( subscriptionEvent );
-                claims.add( subscriptionEvent );
-            } );
-            event.respondWith( claims );
-        } else if ( event.type === 'contextrequest' ) {
-            if ( event.request.live ) { this.subscribe( event ); }
-            this.handle( event );
-        }
-    }
-
-    /**
-     * @initialize()
-     */
-    initialize( host ) {
-        this.host = host;
-        this.disposed = false;
-        host.addEventListener( 'contextrequest', this );
-        host.addEventListener( 'contextclaim', this );
-        HTMLContext.instance( host ).request( { ...this.id, superContextOnly: true }, claims => claims.forEach( subscriptionEvent => {
-            this.subscribe( subscriptionEvent );
-            this.handle( subscriptionEvent );
-        } ), { type: 'contextclaim' } );
-        return this;
-    }
-     
-    /**
-     * @dispose()
-     */
-    dispose( host ) {
-        this.disposed = true;
-        host.removeEventListener( 'contextrequest', this );
-        host.removeEventListener( 'contextclaim', this );
-        this.subscriptions.forEach( subscriptionEvent => {
-            this.unsubscribe( subscriptionEvent );
-            const { target, request, callback, options } = subscriptionEvent;
-            HTMLContext.instance( target ).request( request, callback, options );
-        } );
-        return this;
-    }
-
-}

package/src/context-api/_ContextRequestEvent.js

@@ -1,26 +0,0 @@
-
-export default function() {
-    const window = this;
-    return class ContextRequestEvent extends window.Event {
-
-        /**
-         * @constructor
-         */
-        constructor( request, callback, { type = 'contextrequest', ...options } = {} ) {
-            super( type, options );
-            Object.defineProperty( this, 'request', { get: () => request } );
-            Object.defineProperty( this, 'callback', { get: () => callback } );
-        }
-
-        /**
-         * @respondWith
-         */
-        respondWith( response, ...rest ) {
-            if ( this.request.diff ) {
-                if ( 'prevValue' in this && this.prevValue === response ) return;
-                Object.defineProperty( this, 'prevValue', { value: response, configurable: true } );
-            }
-            return this.callback( response, ...rest );
-        }
-    };
-}

package/src/html-imports/_HTMLImportElement copy.js

@@ -1,217 +0,0 @@
-
-/**
- * @imports
- */
-import _HTMLImportsContext from './_HTMLImportsProvider.js';
-import { _ } from '../util.js';
-
-/**
- * Creates the HTMLImportElement class.
- * 
- * @param Object config 
- * 
- * @return HTMLImportElement
- */
-export default function( config ) {
-    const window = this, { realdom } = window.webqit;
-    const BaseElement = config.import.tagName.includes( '-' ) ? window.HTMLElement : class {};
-    class HTMLImportElement extends BaseElement {
-        
-        /**
-         * @instance
-         * 
-         * @param HTMLElement node
-         * 
-         * @returns 
-         */
-        static instance( node ) {
-            if ( config.import.tagName.includes( '-' ) && ( node instanceof this ) )  return node;
-            return _( node ).get( 'import::instance' ) || new this( node );
-        }
-
-        /**
-         * @constructor
-         */
-        constructor( ...args ) {
-            super();
-            // --------
-            const el = args[ 0 ] || this;
-            _( el ).set( 'import::instance', this );
-            Object.defineProperty( this, 'el', { get: () => el, configurable: false } );
-
-            const priv = {};
-            Object.defineProperty( this, '#', { get: () => priv, configurable: false } );
-            priv.slottedElements = new Set;
-
-            priv.setAnchorNode = anchorNode => {
-                priv.anchorNode = anchorNode;
-                _( anchorNode ).set( 'anchoredNode@imports', this.el );
-            };
-
-            priv.importRequest = ( callback, signal = null ) => {
-                const request = _HTMLImportsContext.createRequest( { detail: priv.moduleRef && !priv.moduleRef.includes( '#' ) ? priv.moduleRef + '#' : priv.moduleRef, live: signal && true, signal } );
-                ( this.el.isConnected ? this.el.parentNode : priv.anchorNode.parentNode )[ config.CONTEXT_API.api.context ].request( request, response => {
-                    callback( ( response instanceof window.HTMLTemplateElement ? [ ...response.content.children ] : (
-                        Array.isArray( response ) ? response : response && [ response ]
-                    ) ) || [] );
-                } );
-            };
-
-            priv.hydrate = ( anchorNode, slottedElements ) => {
-                // ----------------
-                priv.moduleRef = ( this.el.getAttribute( config.import.attr.moduleref ) || '' ).trim();
-                priv.setAnchorNode( anchorNode );
-                priv.autoRestore( () => {
-                    slottedElements.forEach( slottedElement => {
-                        priv.slottedElements.add( slottedElement );
-                        _( slottedElement ).set( 'slot@imports', this.el );
-                    } );
-                } );
-                // ----------------
-                priv.hydrationImportRequest = new AbortController;
-                priv.importRequest( fragments => {
-                    if ( priv.originalsRemapped ) { return this.fill( fragments ); }
-                    const identifiersMap = fragments.map( fragment => ( { el: fragment, fragmentDef: fragment.getAttribute( config.template.attr.fragmentdef ) || '', tagName: fragment.tagName, } ) );
-                    slottedElements.forEach( slottedElement => {
-                        const tagName = slottedElement.tagName, fragmentDef = slottedElement.getAttribute( config.template.attr.fragmentdef ) || '';
-                        const originalsMatch = identifiersMap.filter( fragmentIdentifiers => tagName === fragmentIdentifiers.tagName && fragmentDef === fragmentIdentifiers.fragmentDef );
-                        if ( originalsMatch.length !== 1 ) return;
-                        _( slottedElement ).set( 'original@imports', originalsMatch[ 0 ].el );
-                    } );
-                    priv.originalsRemapped = true;
-                }, priv.hydrationImportRequest.signal );
-            };
-
-            priv.autoRestore = ( callback = null ) => {
-                priv.autoRestoreRealtime?.disconnect();
-                if ( callback ) callback();
-                if ( !priv.slottedElements.size ) {
-                    priv.anchorNode.replaceWith( this.el );
-                    return;
-                }
-                const autoRestoreRealtime = realdom.realtime( window.document ).observe( [ ...priv.slottedElements ], record => {
-                    record.exits.forEach( outgoingNode => {
-                        _( outgoingNode ).delete( 'slot@imports' );
-                        priv.slottedElements.delete( outgoingNode );
-                    } );
-                    if ( !priv.slottedElements.size ) {
-                        autoRestoreRealtime.disconnect();
-                        // At this point, ignore if this is a removal involving the whole parent node
-                        if ( !record.target.isConnected ) return;
-                        priv.anchorNode.replaceWith( this.el );
-                    }
-                }, { subtree: true, timing: 'sync', generation: 'exits' } );
-                priv.autoRestoreRealtime = autoRestoreRealtime;
-            };
-
-            priv.connectedCallback = () => {
-                // In case this is DOM node relocation or induced reinsertion into the DOM
-                if ( priv.slottedElements.size ) throw new Error( `Illegal reinsertion into the DOM; import slot is not empty!` );
-                // Totally initialize this instance?
-                if ( !priv.anchorNode ) { priv.setAnchorNode( this.createAnchorNode() ); }
-                if ( priv.moduleRefRealtime ) return;
-                priv.moduleRefRealtime = realdom.realtime( this.el ).attr( config.import.attr.moduleref, ( record, { signal } ) => {
-                    priv.moduleRef = record.value;
-                    // Below, we ignore first restore from hydration
-                    priv.importRequest( fragments => !priv.hydrationImportRequest && this.fill( fragments ), signal );
-                }, { live: true, timing: 'sync', lifecycleSignals: true } );
-                // Must come after
-                priv.hydrationImportRequest?.abort();
-                priv.hydrationImportRequest = null;
-            };
-
-            priv.disconnectedCallback = () => {
-                priv.hydrationImportRequest?.abort();
-                priv.hydrationImportRequest = null;
-                if ( priv.anchorNode.isConnected ) return;
-                priv.moduleRefRealtime?.disconnect();
-                priv.moduleRefRealtime = null;
-            };
-        }
-
-        /**
-         * Creates the slot's anchor node.
-         *
-         * @return Element
-         */
-        createAnchorNode() {
-            if ( !config.isomorphic ) { return window.document.createTextNode( '' ) }
-            return window.document.createComment( this.el.outerHTML );
-        }
-
-        /**
-         * Fills the slot with slottableElements
-         *
-         * @param Iterable  slottableElements
-         *
-         * @return void
-         */
-        fill( slottableElements ) {
-            if ( Array.isArray( slottableElements ) ) { slottableElements = new Set( slottableElements ) }
-            this[ '#' ].autoRestore( () => {              
-                this[ '#' ].slottedElements.forEach( slottedElement => {
-                    const slottedElementOriginal = _( slottedElement ).get( 'original@imports' );
-                    // If still available in source, simply leave unchanged
-                    // otherwise remove it from slot... to reflect this change
-                    if ( slottableElements.has( slottedElementOriginal ) ) {
-                        slottableElements.delete( slottedElementOriginal );
-                    } else {
-                        this[ '#' ].slottedElements.delete( slottedElement );
-                        // This removal will not be caught
-                        slottedElement.remove();
-                    }
-                } );
-                // Make sure anchor node is what's in place...
-                // not the import element itslef - but all only when we have slottableElements.size
-                if ( this.el.isConnected && slottableElements.size ) {
-                    this.el.replaceWith( this[ '#' ].anchorNode );
-                }
-                // Insert slottables now
-                slottableElements.forEach( slottableElement => {
-                    // Clone each slottable element and give it a reference to its original
-                    const slottableElementClone = slottableElement.cloneNode( true );
-                    // The folllowing references must be set before adding to DODM
-                    if ( !slottableElementClone.hasAttribute( config.template.attr.fragmentdef ) ) {
-                        slottableElementClone.toggleAttribute( config.template.attr.fragmentdef, true );
-                    }
-                    _( slottableElementClone ).set( 'original@imports', slottableElement );
-                    _( slottableElementClone ).set( 'slot@imports', this.el );
-                    this[ '#' ].slottedElements.add( slottableElementClone );
-                    this[ '#' ].anchorNode.before( slottableElementClone );
-                } );
-            } );
-        }
-
-        /**
-         * Empty slot.
-         *
-         * @return void
-         */
-        empty() { this[ '#' ].slottedElements.forEach( slottedElement => slottedElement.remove() ); }
-
-        /**
-         * Returns the slot's anchorNode.
-         *
-         * @return array
-         */
-        get anchorNode() { return this[ '#' ].anchorNode; }
-
-        /**
-         * Returns the slot's module reference, if any.
-         *
-         * @return string
-         */
-        get moduleRef() { return this[ '#' ].moduleRef; }
-
-        /**
-         * Returns the slot's slotted elements.
-         *
-         * @return array
-         */
-        get slottedElements() { return this[ '#' ].slottedElements; }
-    }
-    if ( config.import.tagName.includes( '-' ) ) {
-        customElements.define( config.import.tagName, HTMLImportElement );
-    }
-    return HTMLImportElement;
-}

package/src/targets.browser.js

@@ -1,10 +0,0 @@
-
-/**
- * @imports
- */
-import init from './index.js';
-
-/**
- * @init
- */
-init.call( window );