@lordfokas/yrframe 0.5.0 → 0.5.1

package/dist/Component.js

@@ -1,19 +1,32 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Component = void 0;
-const ComponentEvents_js_1 = require("./ComponentEvents.js");
-const ComponentFactory_js_1 = require("./ComponentFactory.js");
-const utils_js_1 = require("./utils.js");
-class Component extends HTMLElement {
-    [ComponentEvents_js_1.symbol];
-    initialChildren = [];
-    wasConnected = false;
+var _a;
+import { ComponentEvents, symbol as evt } from "./ComponentEvents.js";
+import { ComponentFactory } from "./ComponentFactory.js";
+import { specialAttributes } from "./utils.js";
+export class Component extends HTMLElement {
     events() {
-        return this[ComponentEvents_js_1.symbol];
+        return this[evt];
     }
     constructor(props, defaults) {
         super();
-        this[ComponentEvents_js_1.symbol] = new ComponentEvents_js_1.ComponentEvents(this);
+        Object.defineProperty(this, _a, {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "initialChildren", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: []
+        });
+        Object.defineProperty(this, "wasConnected", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: false
+        });
+        this[evt] = new ComponentEvents(this);
         const all = {};
         // Assign all defaults to object and overwrite with existing values in provided props
         if (defaults)
@@ -22,11 +35,11 @@ class Component extends HTMLElement {
             Object.assign(all, props);
         const attrs = {};
         for (const [k, v] of Object.entries(all)) {
-            if (!utils_js_1.specialAttributes.test(k)) {
+            if (!specialAttributes.test(k)) {
                 attrs[k] = v;
             }
         }
-        ComponentFactory_js_1.ComponentFactory.setAttributesAndEvents(this, attrs);
+        ComponentFactory.setAttributesAndEvents(this, attrs);
     }
     /** Override HTMLElement */
     append(...nodes) {
@@ -44,12 +57,12 @@ class Component extends HTMLElement {
     }
     /** HTML5 Custom Element lifecycle callback (remove from page) */
     disconnectedCallback() {
-        this[ComponentEvents_js_1.symbol].disconnect();
+        this[evt].disconnect();
     }
     /** HTML5 Custom Element lifecycle callback (add to page) */
     connectedCallback() {
         this.wasConnected = true;
-        this[ComponentEvents_js_1.symbol].connect();
+        this[evt].connect();
         this.redraw();
     }
     /** Draw this component's internals. Should return only children nodes. */
@@ -62,10 +75,10 @@ class Component extends HTMLElement {
         this.clearChildren();
         if (child) {
             if (Array.isArray(child)) {
-                ComponentFactory_js_1.ComponentFactory.appendChildren(this, ...child);
+                ComponentFactory.appendChildren(this, ...child);
             }
             else {
-                ComponentFactory_js_1.ComponentFactory.appendChildren(this, child);
+                ComponentFactory.appendChildren(this, child);
             }
         }
         this.renderedCallback();
@@ -85,4 +98,4 @@ class Component extends HTMLElement {
         window.customElements.define(tag, this);
     }
 }
-exports.Component = Component;
+_a = evt;

package/dist/ComponentEvents.js

@@ -1,13 +1,15 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ComponentEvents = exports.symbol = void 0;
-const event_bus_1 = require("@lordfokas/event-bus");
-const Component_js_1 = require("./Component.js");
-exports.symbol = Symbol('evt');
-class PersistentListener extends event_bus_1.EventListener {
-    type;
+import { EventBus, EventListener } from '@lordfokas/event-bus';
+import { Component } from './Component.js';
+export const symbol = Symbol('evt');
+class PersistentListener extends EventListener {
     constructor(type, callback, nice) {
         super(callback, nice);
+        Object.defineProperty(this, "type", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
         this.type = type;
     }
 }
@@ -16,28 +18,58 @@ class PersistentListener extends event_bus_1.EventListener {
  * A developer isn't meant to directly interface with this class,
  * except by calling Component.events()
  */
-class ComponentEvents {
-    listeners = [];
-    sources = {};
-    triggers = {};
-    component;
-    owner;
-    /** Used to keep track of internal mechanisms (triggers and sources) */
-    internals = 0;
+export class ComponentEvents {
     constructor(component) {
+        Object.defineProperty(this, "listeners", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: []
+        });
+        Object.defineProperty(this, "sources", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: {}
+        });
+        Object.defineProperty(this, "triggers", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: {}
+        });
+        Object.defineProperty(this, "component", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "owner", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        /** Used to keep track of internal mechanisms (triggers and sources) */
+        Object.defineProperty(this, "internals", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: 0
+        });
         this.component = component;
-        this.owner = component instanceof Component_js_1.Component ? component.constructor.name : '<' + component.tagName.toLowerCase() + '>';
+        this.owner = component instanceof Component ? component.constructor.name : '<' + component.tagName.toLowerCase() + '>';
     }
     isEmpty() {
         return (this.listeners.length + this.internals) === 0;
     }
     /** Called by the component when entering DOM */
     connect() {
-        this.listeners.forEach(l => event_bus_1.EventBus.GLOBAL.subscribe(l.type, l));
+        this.listeners.forEach(l => EventBus.GLOBAL.subscribe(l.type, l));
     }
     /** Called by the component when leaving DOM */
     disconnect() {
-        this.listeners.forEach(l => event_bus_1.EventBus.GLOBAL.unsubscribe(l));
+        this.listeners.forEach(l => EventBus.GLOBAL.unsubscribe(l));
     }
     /** Set up and attach a listener, given a configuration  */
     createListener(target, name, handler) {
@@ -173,4 +205,3 @@ class ComponentEvents {
         this.triggers[name].call(this.component, data, parent);
     }
 }
-exports.ComponentEvents = ComponentEvents;

package/dist/ComponentFactory.js

@@ -1,12 +1,9 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FakeReact = exports.ComponentFactory = void 0;
-const Facade_js_1 = require("./Facade.js");
+import { Facade } from "./Facade.js";
 /**
  * JSX / TSX component factory.
  * Should not be invoked manually, is used by TSC when building the project.
  */
-class ComponentFactory {
+export class ComponentFactory {
     static make(tag, props, ...children) {
         if (tag === Array)
             return children; // Allow returning multiple elements from render()
@@ -14,7 +11,7 @@ class ComponentFactory {
         let element;
         let facade = undefined;
         if (typeof tag === 'function') { // Construct class based components
-            if (tag.prototype instanceof Facade_js_1.Facade) {
+            if (tag.prototype instanceof Facade) {
                 facade = new tag(props ?? {});
                 element = facade.content();
             }
@@ -60,7 +57,6 @@ class ComponentFactory {
         })));
     }
 }
-exports.ComponentFactory = ComponentFactory;
 /**
  * ## Here be Shenanigans
  * In the event your TSC refuses to find ComponentFactory.make
@@ -71,7 +67,11 @@ exports.ComponentFactory = ComponentFactory;
  * At least until you can be arsed to figure it out...
  * `¯\_(ツ)_/¯`
  */
-class FakeReact {
-    static createElement = ComponentFactory.make;
+export class FakeReact {
 }
-exports.FakeReact = FakeReact;
+Object.defineProperty(FakeReact, "createElement", {
+    enumerable: true,
+    configurable: true,
+    writable: true,
+    value: ComponentFactory.make
+});

package/dist/ComponentLogic.js

@@ -1,2 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+export {};

package/dist/Facade.js

@@ -1,26 +1,43 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Facade = void 0;
-const ComponentEvents_js_1 = require("./ComponentEvents.js");
-const ComponentFactory_js_1 = require("./ComponentFactory.js");
-const utils_js_1 = require("./utils.js");
+import { ComponentEvents, symbol as evt } from "./ComponentEvents.js";
+import { ComponentFactory } from "./ComponentFactory.js";
+import { specialAttributes } from "./utils.js";
 const fcl = Symbol('fcl');
 /**
  * Fake component that constructs and returns another component instead.
  * Used for aliasing and adapting components from other libraries.
  */
-class Facade {
-    node;
-    isCustom;
-    initialChildren = [];
-    wasConnected = false;
+export class Facade {
     events() {
-        if (!this.node[ComponentEvents_js_1.symbol]) { // Lazily instantiate event manager
-            this.node[ComponentEvents_js_1.symbol] = new ComponentEvents_js_1.ComponentEvents(this.node);
+        if (!this.node[evt]) { // Lazily instantiate event manager
+            this.node[evt] = new ComponentEvents(this.node);
         }
-        return this.node[ComponentEvents_js_1.symbol];
+        return this.node[evt];
     }
     constructor(tag, props, defaults) {
+        Object.defineProperty(this, "node", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "isCustom", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "initialChildren", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: []
+        });
+        Object.defineProperty(this, "wasConnected", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: false
+        });
         const node = this.node = document.createElement(tag);
         node[fcl] = this;
         this.isCustom = tag.includes('-');
@@ -32,11 +49,11 @@ class Facade {
             Object.assign(all, props);
         const attrs = {};
         for (const [k, v] of Object.entries(all)) {
-            if (!utils_js_1.specialAttributes.test(k)) {
+            if (!specialAttributes.test(k)) {
                 attrs[k] = v;
             }
         }
-        ComponentFactory_js_1.ComponentFactory.setAttributesAndEvents(node, attrs);
+        ComponentFactory.setAttributesAndEvents(node, attrs);
     }
     /** Remove all children nodes. */
     clearChildren() {
@@ -47,12 +64,12 @@ class Facade {
     }
     /** HTML5 Custom Element lifecycle callback (remove from page) */
     disconnectedCallback() {
-        this.node[ComponentEvents_js_1.symbol]?.disconnect();
+        this.node[evt]?.disconnect();
     }
     /** HTML5 Custom Element lifecycle callback (add to page) */
     connectedCallback() {
         this.wasConnected = true;
-        this.node[ComponentEvents_js_1.symbol]?.connect();
+        this.node[evt]?.connect();
         this.redraw();
     }
     /** Draw this component's internals. Should return only children nodes. */
@@ -65,10 +82,10 @@ class Facade {
         this.clearChildren();
         if (child) {
             if (Array.isArray(child)) {
-                ComponentFactory_js_1.ComponentFactory.appendChildren(this.node, ...child);
+                ComponentFactory.appendChildren(this.node, ...child);
             }
             else {
-                ComponentFactory_js_1.ComponentFactory.appendChildren(this.node, child);
+                ComponentFactory.appendChildren(this.node, child);
             }
         }
         this.renderedCallback();
@@ -77,8 +94,8 @@ class Facade {
     renderedCallback() { }
     content() {
         // Dispose of unused event manager
-        if (this.node[ComponentEvents_js_1.symbol]?.isEmpty()) {
-            delete this.node[ComponentEvents_js_1.symbol];
+        if (this.node[evt]?.isEmpty()) {
+            delete this.node[evt];
         }
         return this.node;
     }
@@ -86,7 +103,6 @@ class Facade {
         this.initialChildren = children;
     }
 }
-exports.Facade = Facade;
 function traverseHTML(node, fn) {
     if (node instanceof HTMLElement) {
         fn(node);

package/dist/utils.js

@@ -1,8 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.specialAttributes = exports.has = void 0;
-function has($) {
+export function has($) {
     return $ !== undefined;
 }
-exports.has = has;
-exports.specialAttributes = /^[a-z]+\:/;
+export const specialAttributes = /^[a-z]+\:/;

package/dist/yrframe.js

@@ -1,12 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Facade = exports.FakeReact = exports.ComponentFactory = exports.ComponentEvents = exports.Component = void 0;
-var Component_js_1 = require("./Component.js");
-Object.defineProperty(exports, "Component", { enumerable: true, get: function () { return Component_js_1.Component; } });
-var ComponentEvents_js_1 = require("./ComponentEvents.js");
-Object.defineProperty(exports, "ComponentEvents", { enumerable: true, get: function () { return ComponentEvents_js_1.ComponentEvents; } });
-var ComponentFactory_js_1 = require("./ComponentFactory.js");
-Object.defineProperty(exports, "ComponentFactory", { enumerable: true, get: function () { return ComponentFactory_js_1.ComponentFactory; } });
-Object.defineProperty(exports, "FakeReact", { enumerable: true, get: function () { return ComponentFactory_js_1.FakeReact; } });
-var Facade_js_1 = require("./Facade.js");
-Object.defineProperty(exports, "Facade", { enumerable: true, get: function () { return Facade_js_1.Facade; } });
+export { Component } from './Component.js';
+export { ComponentEvents } from './ComponentEvents.js';
+export { ComponentFactory, FakeReact } from './ComponentFactory.js';
+export { Facade } from './Facade.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lordfokas/yrframe",
-  "version": "0.5.0",
+  "version": "0.5.1",
   "description": "A Typescript class-based WebComponents framework.",
   "main": "dist/yrframe.js",
   "scripts": {