@htmlplus/element 2.12.0 → 2.13.0

package/client.d.ts

@@ -0,0 +1 @@
+export { B as Bind, C as Config, k as ConfigOptions, l as Consumer, D as Direction, E as Element, p as Event, m as EventEmitter, n as EventOptions, H as Host, I as IsRTL, r as Listen, L as ListenOptions, M as Method, v as Property, u as PropertyOptions, P as Provider, Q as Query, w as QueryAll, S as Slots, x as State, W as Watch, c as classes, d as direction, a as dispatch, g as getConfig, h as host, i as isCSSColor, b as isRTL, f as off, o as on, q as query, e as queryAll, j as setConfig, s as slots, t as toUnit } from './client-5FqNUiuz.js';

package/client.js

@@ -0,0 +1,3 @@
+export { B as Bind, C as Consumer, D as Direction, E as Element, k as Event, H as Host, I as IsRTL, L as Listen, M as Method, l as Property, P as Provider, Q as Query, m as QueryAll, S as Slots, n as State, W as Watch, c as classes, d as direction, a as dispatch, g as getConfig, h as host, i as isCSSColor, b as isRTL, f as off, o as on, q as query, e as queryAll, j as setConfig, s as slots, t as toUnit } from './client-Dse96R-O.js';
+import 'change-case';
+import './constants.js';

package/constants.d.ts

@@ -0,0 +1,48 @@
+declare const PACKAGE_NAME = "@htmlplus/element";
+declare const MAPPER: unique symbol;
+declare const API_CONNECTED: unique symbol;
+declare const API_HOST: unique symbol;
+declare const API_INSTANCE: unique symbol;
+declare const API_REQUEST: unique symbol;
+declare const API_RENDER_COMPLETED: unique symbol;
+declare const API_STACKS: unique symbol;
+declare const API_STYLE: unique symbol;
+declare const COMMENT_AUTO_ADDED = " THIS IS AUTO-ADDED, DO NOT EDIT MANUALY";
+declare const DECORATOR_CSS_VARIABLE = "@Property()";
+declare const DECORATOR_ELEMENT = "Element";
+declare const DECORATOR_EVENT = "Event";
+declare const DECORATOR_PROPERTY = "Property";
+declare const DECORATOR_PROPERTY_TYPE = "type";
+declare const DECORATOR_STATE = "State";
+declare const DECORATOR_METHOD = "Method";
+declare const ELEMENT_HOST_NAME = "host";
+declare const LIFECYCLE_ADOPTED = "adoptedCallback";
+declare const LIFECYCLE_CONNECTED = "connectedCallback";
+declare const LIFECYCLE_CONSTRUCTED = "constructedCallback";
+declare const LIFECYCLE_DISCONNECTED = "disconnectedCallback";
+declare const LIFECYCLE_LOADED = "loadedCallback";
+declare const LIFECYCLE_UPDATE = "updateCallback";
+declare const LIFECYCLE_UPDATED = "updatedCallback";
+declare const METHOD_RENDER = "render";
+declare const STATIC_STYLE = "style";
+declare const STATIC_TAG = "tag";
+declare const STYLE_IMPORTED = "STYLE_IMPORTED";
+declare const TYPE_ARRAY: number;
+declare const TYPE_BOOLEAN: number;
+declare const TYPE_DATE: number;
+declare const TYPE_ENUM: number;
+declare const TYPE_FUNCTION: number;
+declare const TYPE_NULL: number;
+declare const TYPE_NUMBER: number;
+declare const TYPE_OBJECT: number;
+declare const TYPE_STRING: number;
+declare const TYPE_UNDEFINED: number;
+declare const UTILS_ATTRIBUTES_IMPORTED = "attributes";
+declare const UTILS_ATTRIBUTES_LOCAL = "UTILS_ATTRIBUTES";
+declare const UTILS_HTML_IMPORTED = "html";
+declare const UTILS_HTML_LOCAL = "UTILS_HTML";
+declare const UTILS_STYLES_IMPORTED = "styles";
+declare const UTILS_STYLES_LOCAL = "UTILS_STYLES";
+declare const UTILS_PATH = "@htmlplus/element/internal.js";
+
+export { API_CONNECTED, API_HOST, API_INSTANCE, API_RENDER_COMPLETED, API_REQUEST, API_STACKS, API_STYLE, COMMENT_AUTO_ADDED, DECORATOR_CSS_VARIABLE, DECORATOR_ELEMENT, DECORATOR_EVENT, DECORATOR_METHOD, DECORATOR_PROPERTY, DECORATOR_PROPERTY_TYPE, DECORATOR_STATE, ELEMENT_HOST_NAME, LIFECYCLE_ADOPTED, LIFECYCLE_CONNECTED, LIFECYCLE_CONSTRUCTED, LIFECYCLE_DISCONNECTED, LIFECYCLE_LOADED, LIFECYCLE_UPDATE, LIFECYCLE_UPDATED, MAPPER, METHOD_RENDER, PACKAGE_NAME, STATIC_STYLE, STATIC_TAG, STYLE_IMPORTED, TYPE_ARRAY, TYPE_BOOLEAN, TYPE_DATE, TYPE_ENUM, TYPE_FUNCTION, TYPE_NULL, TYPE_NUMBER, TYPE_OBJECT, TYPE_STRING, TYPE_UNDEFINED, UTILS_ATTRIBUTES_IMPORTED, UTILS_ATTRIBUTES_LOCAL, UTILS_HTML_IMPORTED, UTILS_HTML_LOCAL, UTILS_PATH, UTILS_STYLES_IMPORTED, UTILS_STYLES_LOCAL };

package/constants.js

@@ -0,0 +1,60 @@
+const PACKAGE_NAME = '@htmlplus/element';
+// TODO
+const MAPPER = Symbol();
+// APIs
+const API_CONNECTED = Symbol();
+const API_HOST = Symbol();
+const API_INSTANCE = Symbol();
+const API_REQUEST = Symbol();
+const API_RENDER_COMPLETED = Symbol();
+const API_STACKS = Symbol();
+const API_STYLE = Symbol();
+// comments
+const COMMENT_AUTO_ADDED = ' THIS IS AUTO-ADDED, DO NOT EDIT MANUALY';
+// CSS decorators
+const DECORATOR_CSS_VARIABLE = '@Property()';
+// decorators
+const DECORATOR_ELEMENT = 'Element';
+const DECORATOR_EVENT = 'Event';
+const DECORATOR_PROPERTY = 'Property';
+const DECORATOR_PROPERTY_TYPE = 'type';
+const DECORATOR_STATE = 'State';
+const DECORATOR_METHOD = 'Method';
+// element
+const ELEMENT_HOST_NAME = 'host';
+// lifecycle
+const LIFECYCLE_ADOPTED = 'adoptedCallback';
+const LIFECYCLE_CONNECTED = 'connectedCallback';
+const LIFECYCLE_CONSTRUCTED = 'constructedCallback';
+const LIFECYCLE_DISCONNECTED = 'disconnectedCallback';
+const LIFECYCLE_LOADED = 'loadedCallback';
+const LIFECYCLE_UPDATE = 'updateCallback';
+const LIFECYCLE_UPDATED = 'updatedCallback';
+// methods
+const METHOD_RENDER = 'render';
+// statics
+const STATIC_STYLE = 'style';
+const STATIC_TAG = 'tag';
+// style
+const STYLE_IMPORTED = 'STYLE_IMPORTED';
+// types
+const TYPE_ARRAY = 2 ** 0;
+const TYPE_BOOLEAN = 2 ** 1;
+const TYPE_DATE = 2 ** 2;
+const TYPE_ENUM = 2 ** 3;
+const TYPE_FUNCTION = 2 ** 4;
+const TYPE_NULL = 2 ** 5;
+const TYPE_NUMBER = 2 ** 6;
+const TYPE_OBJECT = 2 ** 7;
+const TYPE_STRING = 2 ** 8;
+const TYPE_UNDEFINED = 2 ** 9;
+// utils
+const UTILS_ATTRIBUTES_IMPORTED = 'attributes';
+const UTILS_ATTRIBUTES_LOCAL = 'UTILS_ATTRIBUTES';
+const UTILS_HTML_IMPORTED = 'html';
+const UTILS_HTML_LOCAL = 'UTILS_HTML';
+const UTILS_STYLES_IMPORTED = 'styles';
+const UTILS_STYLES_LOCAL = 'UTILS_STYLES';
+const UTILS_PATH = '@htmlplus/element/internal.js';
+
+export { API_CONNECTED, API_HOST, API_INSTANCE, API_RENDER_COMPLETED, API_REQUEST, API_STACKS, API_STYLE, COMMENT_AUTO_ADDED, DECORATOR_CSS_VARIABLE, DECORATOR_ELEMENT, DECORATOR_EVENT, DECORATOR_METHOD, DECORATOR_PROPERTY, DECORATOR_PROPERTY_TYPE, DECORATOR_STATE, ELEMENT_HOST_NAME, LIFECYCLE_ADOPTED, LIFECYCLE_CONNECTED, LIFECYCLE_CONSTRUCTED, LIFECYCLE_DISCONNECTED, LIFECYCLE_LOADED, LIFECYCLE_UPDATE, LIFECYCLE_UPDATED, MAPPER, METHOD_RENDER, PACKAGE_NAME, STATIC_STYLE, STATIC_TAG, STYLE_IMPORTED, TYPE_ARRAY, TYPE_BOOLEAN, TYPE_DATE, TYPE_ENUM, TYPE_FUNCTION, TYPE_NULL, TYPE_NUMBER, TYPE_OBJECT, TYPE_STRING, TYPE_UNDEFINED, UTILS_ATTRIBUTES_IMPORTED, UTILS_ATTRIBUTES_LOCAL, UTILS_HTML_IMPORTED, UTILS_HTML_LOCAL, UTILS_PATH, UTILS_STYLES_IMPORTED, UTILS_STYLES_LOCAL };

package/internal.d.ts

@@ -0,0 +1 @@
+export { y as attributes, z as html, A as styles } from './client-5FqNUiuz.js';

package/internal.js

@@ -0,0 +1,3 @@
+export { p as attributes, r as html, u as styles } from './client-Dse96R-O.js';
+import 'change-case';
+import './constants.js';

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@htmlplus/element",
-  "version": "2.12.0",
+  "version": "2.13.0",
   "license": "MIT",
   "sideEffects": false,
   "author": "Masood Abdolian <m.abdolian@gmail.com>",
   "description": "A powerful library for building scalable, reusable, fast, tastable and lightweight design system for any web technologies. Powerd by Web Component.",
   "type": "module",
-  "main": "client/index.js",
-  "types": "client/index.d.ts",
+  "main": "client.js",
+  "types": "client.d.ts",
   "files": [
     "**/*.*"
   ],
@@ -46,6 +46,7 @@
     "typescript": "^5.5.3"
   },
   "devDependencies": {
+    "@rollup/plugin-typescript": "^11.1.6",
     "@semantic-release/changelog": "^6.0.3",
     "@semantic-release/commit-analyzer": "^13.0.0",
     "@semantic-release/git": "^10.0.1",
@@ -56,8 +57,11 @@
     "cpy": "^11.0.1",
     "prettier": "^3.3.3",
     "rimraf": "^6.0.1",
+    "rollup": "^4.20.0",
+    "rollup-plugin-dts": "^6.1.1",
+    "rollup-plugin-node-externals": "^7.1.2",
     "semantic-release": "^24.0.0",
-    "tsx": "^4.16.2",
+    "tslib": "^2.6.3",
     "vite": "^5.3.4"
   }
 }

package/transformer.d.ts

@@ -0,0 +1,139 @@
+import { ClassDeclaration, ClassProperty, ClassBody, ClassMethod, File } from '@babel/types';
+import { ParserOptions } from '@babel/parser';
+
+type Return<T> = void | T | Promise<void | T>;
+interface TransformerPluginContext {
+    skipped?: boolean;
+    script?: string;
+    assetsDestination?: string;
+    assetsSource?: string;
+    class?: ClassDeclaration;
+    classEvents?: Array<ClassProperty>;
+    classMembers?: ClassBody['body'];
+    classMethods?: Array<ClassMethod>;
+    className?: string;
+    classProperties?: Array<ClassProperty>;
+    classStates?: Array<ClassProperty>;
+    directoryName?: string;
+    directoryPath?: string;
+    elementKey?: string;
+    elementInterfaceName?: string;
+    elementTagName?: string;
+    fileAST?: File;
+    fileContent?: string;
+    fileExtension?: string;
+    fileName?: string;
+    filePath?: string;
+    metadata?: {
+        [key: string]: any;
+    };
+    readmeContent?: string;
+    readmeExtension?: string;
+    readmeName?: string;
+    readmePath?: string;
+    styleContent?: string;
+    styleContentTransformed?: string;
+    styleExtension?: string;
+    styleName?: string;
+    stylePath?: string;
+}
+interface TransformerPluginGlobal {
+    contexts: Array<TransformerPluginContext>;
+    metadata?: {
+        [key: string]: any;
+    };
+}
+interface TransformerPlugin {
+    name: string;
+    options?: any;
+    start?: (global: TransformerPluginGlobal) => Return<TransformerPluginGlobal>;
+    run?: (context: TransformerPluginContext, global: TransformerPluginGlobal) => Return<TransformerPluginContext>;
+    finish?: (global: TransformerPluginGlobal) => Return<TransformerPluginGlobal>;
+    write?: (global: TransformerPluginGlobal) => Return<TransformerPluginGlobal>;
+}
+
+declare const transformer: (...plugins: TransformerPlugin[]) => {
+    global: TransformerPluginGlobal;
+    start: () => Promise<void>;
+    run: (filePath: string) => Promise<TransformerPluginContext>;
+    finish: () => Promise<void>;
+    write: () => Promise<void>;
+};
+
+declare const ASSETS_OPTIONS: Partial<AssetsOptions>;
+interface AssetsOptions {
+    destination?: (context: TransformerPluginContext) => string;
+    source?: (context: TransformerPluginContext) => string;
+}
+declare const assets: (options?: AssetsOptions) => TransformerPlugin;
+
+declare const COPY_OPTIONS: Partial<CopyOptions>;
+interface CopyOptions {
+    at?: 'start' | 'run' | 'finish';
+    destination: string;
+    source: string;
+    transformer?: (content: string) => string;
+}
+declare const copy: (options: CopyOptions) => TransformerPlugin;
+
+declare const CUSTOM_ELEMENT_OPTIONS: Partial<CustomElementOptions>;
+interface CustomElementOptions {
+    prefix?: string;
+    typings?: boolean;
+}
+declare const customElement: (options?: CustomElementOptions) => TransformerPlugin;
+
+declare const DOCUMENT_OPTIONS: Partial<DocumentOptions>;
+interface DocumentOptions {
+    destination: string;
+    transformer?: (context: TransformerPluginContext, element: any) => any;
+}
+declare const document: (options?: DocumentOptions) => TransformerPlugin;
+
+declare const extract: () => TransformerPlugin;
+
+declare const PARSE_OPTIONS: Partial<ParseOptions>;
+interface ParseOptions extends ParserOptions {
+}
+declare const parse: (options?: ParseOptions) => TransformerPlugin;
+
+declare const READ_OPTIONS: Partial<ReadOptions>;
+interface ReadOptions {
+    encoding: 'utf8' | 'ascii' | 'utf-8' | 'utf16le' | 'utf-16le' | 'ucs2' | 'ucs-2' | 'base64' | 'base64url' | 'latin1' | 'binary' | 'hex';
+    flag?: string | undefined;
+}
+declare const read: (options?: ReadOptions) => TransformerPlugin;
+
+declare const README_OPTIONS: Partial<ReadmeOptions>;
+interface ReadmeOptions {
+    source?: (context: TransformerPluginContext) => string;
+}
+declare const readme: (options?: ReadmeOptions) => TransformerPlugin;
+
+declare const STYLE_OPTIONS: Partial<StyleOptions>;
+interface StyleOptions {
+    source?: (context: TransformerPluginContext) => string | string[];
+}
+declare const style: (options?: StyleOptions) => TransformerPlugin;
+
+declare const validate: () => TransformerPlugin;
+
+declare const VISUAL_STUDIO_CODE_OPTIONS: Partial<VisualStudioCodeOptions>;
+interface VisualStudioCodeOptions {
+    destination?: string;
+    reference?: (context: TransformerPluginContext) => string;
+    transformer?: (context: TransformerPluginContext, element: any) => any;
+}
+declare const visualStudioCode: (options?: VisualStudioCodeOptions) => TransformerPlugin;
+
+declare const WEB_TYPES_OPTIONS: Partial<WebTypesOptions>;
+interface WebTypesOptions {
+    destination?: string;
+    packageName?: string;
+    packageVersion?: string;
+    reference?: (context: TransformerPluginContext) => string;
+    transformer?: (context: TransformerPluginContext, element: any) => any;
+}
+declare const webTypes: (options?: WebTypesOptions) => TransformerPlugin;
+
+export { ASSETS_OPTIONS, type AssetsOptions, COPY_OPTIONS, CUSTOM_ELEMENT_OPTIONS, type CopyOptions, type CustomElementOptions, DOCUMENT_OPTIONS, type DocumentOptions, PARSE_OPTIONS, type ParseOptions, README_OPTIONS, READ_OPTIONS, type ReadOptions, type ReadmeOptions, STYLE_OPTIONS, type StyleOptions, type TransformerPlugin, type TransformerPluginContext, type TransformerPluginGlobal, VISUAL_STUDIO_CODE_OPTIONS, type VisualStudioCodeOptions, WEB_TYPES_OPTIONS, type WebTypesOptions, assets, copy, customElement, document, extract, parse, read, readme, style, transformer, validate, visualStudioCode, webTypes };