@htmlplus/element 0.4.0 → 0.4.3

package/client/decorators/element.js

@@ -1,53 +1,60 @@
 import { camelCase, paramCase } from 'change-case';
 import * as CONSTANTS from '../../constants/index.js';
-import { call, getMembers, isServer, parseValue, request } from '../utils/index.js';
+import { call, getMembersKey, getMemberType, isServer, parseValue, request } from '../utils/index.js';
 import * as uhtml from '../vendor/uhtml.js';
 export function Element(tag) {
     return function (constructor) {
         if (isServer())
             return;
-        const members = getMembers(constructor);
+        if (customElements.get(tag))
+            return;
+        const instances = new Map();
         class Plus extends HTMLElement {
             constructor() {
                 super();
                 this.attachShadow({ mode: 'open' });
                 // TODO
-                this.plus = new constructor();
-                this.plus[CONSTANTS.API_HOST] = () => this;
-                this.plus['uhtml'] = uhtml;
-                this.plus[CONSTANTS.API_READY] = true;
+                const instance = new constructor();
+                instances.set(this, instance);
+                instance[CONSTANTS.API_HOST] = () => this;
+                instance['uhtml'] = uhtml;
+                instance[CONSTANTS.API_STATUS] = 'initialize';
             }
             static get observedAttributes() {
-                return Object.keys(members)
-                    .filter((key) => members[key][0] != CONSTANTS.TYPE_FUNCTION)
-                    .map((key) => paramCase(key));
+                // TODO: ignore functions
+                return getMembersKey(constructor).map((key) => paramCase(key));
             }
             adoptedCallback() {
-                call(this.plus, CONSTANTS.LIFECYCLE_ADOPTED);
+                const instance = instances.get(this);
+                call(instance, CONSTANTS.LIFECYCLE_ADOPTED);
             }
             // TODO
             attributeChangedCallback(name, prev, next) {
+                const instance = instances.get(this);
                 const key = camelCase(name);
-                const [type] = members[key];
+                const type = getMemberType(instance, key);
                 const parsed = parseValue(next, type);
-                this.plus[key] = parsed;
+                instance[key] = parsed;
             }
             connectedCallback() {
-                call(this.plus, CONSTANTS.LIFECYCLE_CONNECTED);
-                request(this.plus)
+                const instance = instances.get(this);
+                instance[CONSTANTS.API_STATUS] = 'connected';
+                call(instance, CONSTANTS.LIFECYCLE_CONNECTED);
+                request(instance)
                     .then(() => {
-                    call(this.plus, CONSTANTS.LIFECYCLE_LOADED);
+                    instance[CONSTANTS.API_STATUS] = 'loaded';
+                    call(instance, CONSTANTS.LIFECYCLE_LOADED);
                 })
                     .catch((error) => {
                     throw error;
                 });
             }
             disconnectedCallback() {
-                call(this.plus, CONSTANTS.LIFECYCLE_DISCONNECTED);
+                const instance = instances.get(this);
+                instance[CONSTANTS.API_STATUS] = 'disconnected';
+                call(instance, CONSTANTS.LIFECYCLE_DISCONNECTED);
             }
         }
-        if (customElements.get(tag))
-            return;
         customElements.define(tag, Plus);
     };
 }

package/client/decorators/event.js

@@ -1,14 +1,25 @@
-import { defineProperty, dispatch, host } from '../utils/index.js';
+import { paramCase, pascalCase } from 'change-case';
+import { defineProperty, getFramework, host } from '../utils/index.js';
 export function Event(options = {}) {
     return function (target, propertyKey) {
         defineProperty(target, propertyKey, {
             get() {
                 return (detail) => {
                     var _a;
+                    const element = host(this);
+                    const framework = getFramework(element);
                     (_a = options.bubbles) !== null && _a !== void 0 ? _a : (options.bubbles = false);
-                    const name = options.name || String(propertyKey);
+                    let name = options.name || String(propertyKey);
+                    switch (framework) {
+                        case 'react':
+                            name = pascalCase(name);
+                            break;
+                        default:
+                            name = paramCase(name);
+                            break;
+                    }
                     const event = new CustomEvent(name, Object.assign(Object.assign({}, options), { detail }));
-                    dispatch(host(this), event);
+                    element.dispatchEvent(event);
                     return event;
                 };
             }

package/client/decorators/property.js

@@ -1,11 +1,11 @@
 import { paramCase } from 'change-case';
 import * as CONSTANTS from '../../constants/index.js';
-import { defineProperty, getMembers, host, parseValue, request, updateAttribute, appendToMethod } from '../utils/index.js';
+import { defineProperty, getMemberType, host, parseValue, request, updateAttribute, appendToMethod } from '../utils/index.js';
 export function Property(options) {
     return function (target, propertyKey) {
         const name = String(propertyKey);
         const attribute = paramCase(name);
-        const type = getMembers(target)[name].at(0);
+        const type = getMemberType(target, name);
         const values = new Map();
         function get() {
             return values.get(this);
@@ -15,8 +15,8 @@ export function Property(options) {
             if (input === value)
                 return;
             values.set(this, input);
-            const isReady = !!this[CONSTANTS.API_READY];
-            request(this, { [name]: [input, value, !this[CONSTANTS.API_READY]] }).then(() => {
+            const isReady = this[CONSTANTS.API_STATUS] == 'initialize';
+            request(this, { [name]: [input, value] }).then(() => {
                 const element = host(this);
                 const has = element.hasAttribute(attribute);
                 if (!isReady && has)
@@ -39,7 +39,8 @@ export function Property(options) {
             const set = (input) => {
                 this[propertyKey] = input;
             };
-            defineProperty(element, propertyKey, { get, set });
+            // TODO: configurable
+            defineProperty(element, propertyKey, { get, set, configurable: true });
         });
     };
 }

package/client/decorators/state.js

@@ -1,4 +1,3 @@
-import * as CONSTANTS from '../../constants/index.js';
 import { defineProperty, request } from '../utils/index.js';
 export function State() {
     return function (target, propertyKey) {
@@ -12,12 +11,13 @@ export function State() {
             if (input === value)
                 return;
             values.set(this, input);
-            request(this, { [name]: [input, value, !this[CONSTANTS.API_READY]] })
+            request(this, { [name]: [input, value] })
                 .then(() => undefined)
                 .catch((error) => {
                 throw error;
             });
         }
-        defineProperty(target, propertyKey, { get, set });
+        // TODO: configurable
+        defineProperty(target, propertyKey, { get, set, configurable: true });
     };
 }

package/client/decorators/watch.js

@@ -10,21 +10,18 @@ export function Watch(keys, immediate) {
     return function (target, propertyKey) {
         // Registers a lifecycle to detect changes.
         appendToMethod(target, CONSTANTS.LIFECYCLE_UPDATED, function ([states]) {
-            // Gets all keys
-            const keys = Object.keys(states);
             // Loops the keys
-            for (const key of keys) {
-                // Finds current key in keys
-                const has = keys === null || keys === void 0 ? void 0 : keys.some((x) => x == key);
+            for (const key of Object.keys(states)) {
+                // TODO
+                if ((keys === null || keys === void 0 ? void 0 : keys.length) && !keys.includes(key))
+                    continue;
                 // Checks the existence of key
-                if (!has && !!(keys === null || keys === void 0 ? void 0 : keys.length))
+                if ((keys === null || keys === void 0 ? void 0 : keys.length) && !(key in states))
                     continue;
                 // Gets the current state
-                const state = states === null || states === void 0 ? void 0 : states[key];
-                // Destructs the state
-                const [next, prev, isInitial] = state;
+                const [next, prev] = states[key];
                 // TODO
-                if (!immediate && isInitial)
+                if (!immediate && this[CONSTANTS.API_STATUS] != 'loaded')
                     continue;
                 // Invokes the method with parameters.
                 this[propertyKey](next, prev, key);

package/client/helpers/classes.d.ts

@@ -1 +1 @@
-export declare const classes: (input: any, smart?: boolean | undefined) => string;
+export declare const classes: (input: any, smart?: boolean) => string;

package/client/utils/appendToMethod.d.ts

@@ -1,2 +1 @@
-import { PlusElement } from '../../types/index.js';
-export declare const appendToMethod: (target: PlusElement, propertyKey: PropertyKey, handler: (this: any, args: Array<any>) => void) => void;
+export declare const appendToMethod: (target: any, propertyKey: PropertyKey, handler: (this: any, args: Array<any>) => void) => void;

package/client/utils/call.d.ts

@@ -1,2 +1 @@
-import { PlusElement } from '../../types/index.js';
-export declare const call: (target: PlusElement, key: string, ...args: Array<any>) => any;
+export declare const call: (target: any, key: string, ...args: Array<any>) => any;

package/client/utils/config.d.ts

@@ -0,0 +1,5 @@
+interface Options {
+}
+export declare const getConfig: () => Options;
+export declare const setConfig: (config: Options) => void;
+export {};

package/client/utils/config.js

@@ -0,0 +1,7 @@
+let options = {};
+export const getConfig = () => {
+    return options;
+};
+export const setConfig = (config) => {
+    options = config || {};
+};

package/client/utils/getFramework.d.ts

@@ -0,0 +1 @@
+export declare const getFramework: (target: HTMLElement) => string | undefined;

package/client/utils/getFramework.js

@@ -0,0 +1,12 @@
+export const getFramework = (target) => {
+    const keys = Object.keys(target);
+    const has = (key) => keys.some((key) => key.startsWith(key));
+    if (has('__zone_symbol__'))
+        return 'angular';
+    if (has('__react'))
+        return 'react';
+    if (has('__svelte'))
+        return 'svelte';
+    if (has('__vnode'))
+        return 'vue';
+};

package/client/utils/getMemberType.d.ts

@@ -0,0 +1,2 @@
+import { PlusElement } from '../../types/index.js';
+export declare const getMemberType: (target: PlusElement, key: string) => string;

package/client/utils/getMemberType.js

@@ -0,0 +1,5 @@
+import * as CONSTANTS from '../../constants/index.js';
+export const getMemberType = (target, key) => {
+    var _a;
+    return (_a = (target.constructor[CONSTANTS.STATIC_MEMBERS] || target[CONSTANTS.STATIC_MEMBERS] || {})[key]) === null || _a === void 0 ? void 0 : _a[0];
+};

package/client/utils/getMembersKey.d.ts

@@ -0,0 +1,2 @@
+import { PlusElement } from '../../types/index.js';
+export declare const getMembersKey: (target: PlusElement) => string[];

package/client/utils/getMembersKey.js

@@ -0,0 +1,4 @@
+import * as CONSTANTS from '../../constants/index.js';
+export const getMembersKey = (target) => {
+    return Object.keys(target.constructor[CONSTANTS.STATIC_MEMBERS] || target[CONSTANTS.STATIC_MEMBERS] || {});
+};

package/client/utils/index.d.ts

@@ -1,12 +1,16 @@
 export * from './appendToMethod.js';
 export * from './call.js';
+export * from './config.js';
 export * from './defineProperty.js';
-export * from './event.js';
-export * from './getMembers.js';
+export * from './getFramework.js';
+export * from './getMembersKey.js';
+export * from './getMemberType.js';
 export * from './getStyles.js';
 export * from './host.js';
 export * from './isEvent.js';
 export * from './isServer.js';
+export * from './off.js';
+export * from './on.js';
 export * from './parseValue.js';
 export * from './request.js';
 export * from './sync.js';

package/client/utils/index.js

@@ -1,12 +1,16 @@
 export * from './appendToMethod.js';
 export * from './call.js';
+export * from './config.js';
 export * from './defineProperty.js';
-export * from './event.js';
-export * from './getMembers.js';
+export * from './getFramework.js';
+export * from './getMembersKey.js';
+export * from './getMemberType.js';
 export * from './getStyles.js';
 export * from './host.js';
 export * from './isEvent.js';
 export * from './isServer.js';
+export * from './off.js';
+export * from './on.js';
 export * from './parseValue.js';
 export * from './request.js';
 export * from './sync.js';

package/client/utils/off.d.ts

@@ -0,0 +1 @@
+export declare const off: (target: Window | Document | Element, type: string, handler: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions) => void;

package/client/utils/off.js

@@ -0,0 +1,3 @@
+export const off = (target, type, handler, options) => {
+    target.removeEventListener(type, handler, options);
+};

package/client/utils/on.d.ts

@@ -0,0 +1 @@
+export declare const on: (target: Window | Document | Element, type: string, handler: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions) => void;

package/client/utils/on.js

@@ -0,0 +1,3 @@
+export const on = (target, type, handler, options) => {
+    target.addEventListener(type, handler, options);
+};

package/client/utils/request.d.ts

@@ -1,4 +1,4 @@
 import { PlusElement } from '../../types/index.js';
 export declare const request: (target: PlusElement, state?: {
-    [key: string]: [any, any, (boolean | undefined)?];
+    [key: string]: [any, any];
 } | undefined) => Promise<boolean>;

package/client/utils/request.js

@@ -11,10 +11,12 @@ export const request = (target, state) => {
         return run(state);
     run = task({
         canStart: (states, state) => {
-            return /* hasChange */ true;
+            // TODO: hasChange
+            return true;
         },
         canRun: (states) => {
-            return /* shouldUpdate */ true;
+            // TODO: shouldUpdate
+            return true;
         },
         run: (states) => {
             call(target, CONSTANTS.LIFECYCLE_UPDATE, states);

package/client/utils/sync.js

@@ -1,5 +1,6 @@
-import { on, off } from './event.js';
 import { isEvent } from './isEvent.js';
+import { off } from './off.js';
+import { on } from './on.js';
 import { toEvent } from './toEvent.js';
 import { updateAttribute } from './updateAttribute.js';
 export const sync = (node) => {

package/client/utils/task.js

@@ -1,5 +1,5 @@
 export const task = (options) => {
-    let states, isPending, updatePromise;
+    let isPending, states, updatePromise;
     const run = (state) => {
         const newStates = Object.assign({}, states, state);
         if (options.canStart && !options.canStart(newStates, state))

package/compiler/compiler.js

@@ -24,11 +24,15 @@ export default (...plugins) => {
         let context = {
             filePath
         };
+        let timeout;
         for (const plugin of plugins) {
             if (!plugin.next)
                 continue;
+            clearTimeout(timeout);
             logger.start(`Plugin '${plugin.name}' executing...`);
             const output = await plugin.next(context, global);
+            logger.start(`Plugin '${plugin.name}' executed successfully.`);
+            timeout = setTimeout(() => logger.stop(), 1500);
             // TODO
             if (output) {
                 context.outputs = ((_a = context.outputs) !== null && _a !== void 0 ? _a : [])
@@ -44,7 +48,6 @@ export default (...plugins) => {
                     output
                 });
             }
-            logger.start(`Plugin '${plugin.name}' executed successfully.`);
             global.contexts = global.contexts.filter((current) => current.filePath != context.filePath).concat(context);
             if (context.isInvalid)
                 break;

package/compiler/plugins/customElement.d.ts

@@ -2,7 +2,7 @@ import { Context } from '../../types/index.js';
 export interface CustomElementOptions {
     typings?: boolean;
 }
-export declare const customElement: (options?: CustomElementOptions | undefined) => {
+export declare const customElement: (options?: CustomElementOptions) => {
     name: string;
     next: (context: Context) => void;
 };

package/compiler/plugins/customElement.js

@@ -4,6 +4,7 @@ import { print, visitor } from '../utils/index.js';
 const defaults = {
     typings: true
 };
+// TODO: support {variable && jsxElement}
 export const customElement = (options) => {
     const name = 'customElement';
     options = Object.assign({}, defaults, options);
@@ -17,6 +18,17 @@ export const customElement = (options) => {
                 path.node.body.body.unshift(t.classProperty(t.identifier('uhtml')));
             }
         });
+        // replace className
+        visitor(ast, {
+            JSXAttribute(path) {
+                if (path.node.name.name != 'className')
+                    return;
+                const hasClass = path.parentPath.node.attributes.some((attribute) => attribute.name.name == 'class');
+                if (hasClass)
+                    return path.remove();
+                path.replaceWith(t.jsxAttribute(t.jsxIdentifier('class'), path.node.value));
+            }
+        });
         // jsx to uhtml syntax
         visitor(ast, {
             JSXAttribute: {
@@ -105,7 +117,9 @@ export const customElement = (options) => {
             visitor(ast, {
                 Program(path) {
                     path.node.body.push(Object.assign(t.tsModuleDeclaration(t.identifier('global'), t.tsModuleBlock([
-                        t.tsInterfaceDeclaration(t.identifier(context.componentInterfaceName), null, [], t.tsInterfaceBody([
+                        t.tsInterfaceDeclaration(t.identifier(context.componentInterfaceName), null, [
+                            t.tSExpressionWithTypeArguments(t.identifier('HTMLElement')) // TODO
+                        ], t.tsInterfaceBody([
                             ...context.classProperties.map((property) => Object.assign(t.tSPropertySignature(property.key, property.typeAnnotation), {
                                 optional: property.optional,
                                 leadingComments: property.leadingComments

package/compiler/plugins/customElementReact/customElementReact.js

@@ -96,7 +96,7 @@ export const customElementReact = (options) => {
                 return {
                     all,
                     filterd: all.slice(1),
-                    root: all.at(0),
+                    root: all[0],
                     single: all.length == 1
                 };
             })

package/compiler/plugins/customElementReact/templates/package.json.hbs

@@ -31,7 +31,7 @@
     "typescript": "^4.0.2"
   },
   "peerDependencies": {
-    "react": "^16.0.0 || ^17.0.0",
-    "react-dom": "^16.0.0 || ^17.0.0"
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0"
   }
 }

package/compiler/plugins/customElementReact/templates/src/components/{{fileName}}.compact.ts.hbs

@@ -1,6 +1,3 @@
-/* eslint-disable */
-/* tslint:disable */
-
 /**************************************************
  * THIS FILE IS AUTO-GENERATED, DO NOT EDIT MANUALY
  **************************************************/
@@ -9,7 +6,7 @@
 import { {{componentClassNamePrune}} } from './{{fileName}}';
 {{/each}}
 
-const All = /*@__PURE__*/ Object.assign({{root.componentClassNamePrune}}, {
+const All = Object.assign({{root.componentClassNamePrune}}, {
   {{#each filterd}}
   {{componentClassNameInCategory}}: {{componentClassNamePrune}},
   {{/each}}

package/compiler/plugins/customElementReact/templates/src/components/{{fileName}}.ts.hbs

@@ -1,13 +1,9 @@
-/* eslint-disable */
-/* tslint:disable */
-
 /**************************************************
  * THIS FILE IS AUTO-GENERATED, DO NOT EDIT MANUALY
  **************************************************/
 
 import { proxy } from '../proxy';
 
-{{!-- import { {{importerComponent.root}} as Component } from '{{importerComponent.source}}'; --}}
 import '{{importerComponent.source}}';
 import type { {{importerComponentType.root}} as Type } from '{{importerComponentType.source}}';
 
@@ -19,7 +15,7 @@ type Renamed = Rename<{{importerComponentType.variable}}, {
   {{/each}}
 }>
 
-export const {{componentClassNamePrune}} = /*@__PURE__*/ proxy<{{componentInterfaceName}}, Renamed>(
+export const {{componentClassNamePrune}} = proxy<{{componentInterfaceName}}, Renamed>(
   '{{componentTag}}', 
   [{{#each classProperties}}'{{key.name}}', {{/each}}], 
   [{{#each classEvents}}'{{key.name}}', {{/each}}],

package/compiler/plugins/customElementReact/templates/src/proxy.ts.hbs

@@ -159,13 +159,13 @@ const setEvent = (element: Element, name: string, handler: EventHandlerType) =>
 
   const previous = events[name];
 
-  previous && element.removeEventListener(name, previous);
+  previous && element.removeEventListener(paramCase(name), previous);
 
   function callback(event: Event) {
     handler && handler.call(this, event);
   }
 
-  element.addEventListener(name, (events[name] = callback));
+  element.addEventListener(paramCase(name), (events[name] = callback));
 };
 
 const setProps = <ElementType>(element: ElementType, props: PropsType<ElementType>, extra: ExtraType) => {
@@ -243,7 +243,7 @@ export const proxy = <ElementType, PropType>(
       Object.keys(events).forEach((name) => {
         const handler = events[name];
 
-        (this.element as any).removeEventListener(name, handler);
+        (this.element as any).removeEventListener(paramCase(name), handler);
       });
 
       delete this.element['$events'];

package/compiler/plugins/extract.d.ts

@@ -2,7 +2,7 @@ import { Context } from '../../types/index.js';
 export interface ExtractOptions {
     prefix?: string;
 }
-export declare const extract: (options?: ExtractOptions | undefined) => {
+export declare const extract: (options?: ExtractOptions) => {
     name: string;
     next: (context: Context) => void;
 };

package/compiler/plugins/extract.js

@@ -35,7 +35,17 @@ export const extract = (options) => {
                     ])));
                     return;
                 }
-            }
+            },
+            JSXElement(path) {
+                var _a;
+                const { openingElement } = path.node;
+                const name = openingElement.name.name;
+                if (!/-/g.test(name))
+                    return;
+                (_a = context.customElementNames) !== null && _a !== void 0 ? _a : (context.customElementNames = []);
+                context.customElementNames.push(name);
+                context.customElementNames = context.customElementNames.filter((item, index, items) => items.indexOf(item) === index).sort();
+            },
         });
         context.directoryPath = path.dirname(context.filePath);
         context.directoryName = path.basename(context.directoryPath);

package/compiler/utils/tags.d.ts

@@ -7,7 +7,7 @@ export interface TagParsed {
     name?: string;
     description?: string;
 }
-export declare const getTag: (node: Node, key?: string | undefined) => Tag | undefined;
-export declare const getTags: (node: Node, filter?: string | undefined) => Array<Tag>;
+export declare const getTag: (node: Node, key?: string) => Tag | undefined;
+export declare const getTags: (node: Node, filter?: string) => Array<Tag>;
 export declare const hasTag: (node: Node, name: string) => Boolean;
 export declare const parseTag: (tag: Tag, spliter?: string) => TagParsed;

package/constants/index.d.ts

@@ -1,6 +1,6 @@
 export declare const PACKAGE_NAME = "@htmlplus/element";
 export declare const API_HOST = "$host$";
-export declare const API_READY = "$ready$";
+export declare const API_STATUS = "$status$";
 export declare const DECORATOR_ELEMENT = "Element";
 export declare const DECORATOR_EVENT = "Event";
 export declare const DECORATOR_PROPERTY = "Property";

package/constants/index.js

@@ -1,7 +1,8 @@
 export const PACKAGE_NAME = '@htmlplus/element';
 // apis
 export const API_HOST = '$host$';
-export const API_READY = '$ready$';
+// TODO
+export const API_STATUS = '$status$';
 // decorators
 export const DECORATOR_ELEMENT = 'Element';
 export const DECORATOR_EVENT = 'Event';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@htmlplus/element",
-  "version": "0.4.0",
+  "version": "0.4.3",
   "license": "MIT",
   "author": "Masood Abdolian <m.abdolian@gmail.com>",
   "description": "Compiler of HTMLPlus",
@@ -32,28 +32,26 @@
   },
   "homepage": "https://github.com/htmlplus/element#readme",
   "dependencies": {
-    "@babel/generator": "^7.16.0",
-    "@babel/parser": "^7.16.4",
-    "@babel/traverse": "^7.16.3",
-    "@babel/types": "^7.16.0",
-    "@types/node": "^16.11.11",
+    "@babel/generator": "^7.18.9",
+    "@babel/parser": "^7.18.9",
+    "@babel/traverse": "^7.18.9",
+    "@babel/types": "^7.18.9",
+    "@types/node": "^18.6.3",
     "change-case": "^4.1.2",
     "fast-glob": "^3.2.11",
     "fs-extra": "^10.1.0",
     "handlebars": "^4.7.7",
-    "listr2": "^4.0.5",
-    "log-update": "^5.0.0",
-    "ora": "^6.1.0",
-    "typescript": "^4.5.2",
-    "uhtml": "^3.0.1"
+    "listr2": "^5.0.1",
+    "ora": "^6.1.2",
+    "typescript": "^4.7.4"
   },
   "devDependencies": {
-    "@trivago/prettier-plugin-sort-imports": "^3.1.1",
+    "@trivago/prettier-plugin-sort-imports": "^3.3.0",
     "cpy": "^9.0.1",
-    "nodemon": "^2.0.16",
-    "prettier": "^2.5.0",
+    "nodemon": "^2.0.19",
+    "prettier": "^2.7.1",
     "rimraf": "^3.0.2",
-    "ts-node": "^10.7.0",
-    "vite": "^2.7.10"
+    "ts-node": "^10.9.1",
+    "vite": "^3.0.4"
   }
 }

package/types/context.d.ts

@@ -1,5 +1,6 @@
 import { ClassBody, ClassDeclaration, ClassMethod, ClassProperty, File } from '@babel/types';
 export interface Context {
+    customElementNames?: Array<string>;
     dependencies?: Array<Context>;
     dependenciesUnresolved?: Array<string>;
     isInvalid?: boolean;

package/client/utils/event.d.ts

@@ -1,5 +0,0 @@
-declare type Target = Window | Document | Element;
-export declare const dispatch: (target: Target, event: Event) => boolean;
-export declare const on: (target: Target, type: string, handler: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions | undefined) => void;
-export declare const off: (target: Target, type: string, handler: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions | undefined) => void;
-export {};

package/client/utils/event.js

@@ -1,9 +0,0 @@
-export const dispatch = (target, event) => {
-    return target.dispatchEvent(event);
-};
-export const on = (target, type, handler, options) => {
-    target.addEventListener(type, handler, options);
-};
-export const off = (target, type, handler, options) => {
-    target.removeEventListener(type, handler, options);
-};

package/client/utils/getMembers.d.ts

@@ -1,2 +0,0 @@
-import { PlusElement } from '../../types/index.js';
-export declare const getMembers: (target: PlusElement) => any;

package/client/utils/getMembers.js

@@ -1,5 +0,0 @@
-import * as CONSTANTS from '../../constants/index.js';
-export const getMembers = (target) => {
-    var _a;
-    return (_a = target.constructor[CONSTANTS.STATIC_MEMBERS]) !== null && _a !== void 0 ? _a : target[CONSTANTS.STATIC_MEMBERS];
-};