@htmlplus/element 0.1.9 → 0.3.1

package/dist/compiler/compiler.js

@@ -1,56 +0,0 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-import logUpdate from 'log-update';
-const log = (namespace, message) => {
-    logUpdate(`${new Date().toLocaleTimeString()} [@htmlplus/element]${namespace ? `[${namespace}]` : ''} ${message}`);
-};
-export default (...plugins) => {
-    let global = {
-        contexts: {}
-    };
-    const start = () => __awaiter(void 0, void 0, void 0, function* () {
-        log(undefined, 'Starting.');
-        for (const plugin of plugins) {
-            if (!plugin.start)
-                continue;
-            global = (yield plugin.start(global)) || global;
-            log(plugin.name, 'Started successfully.');
-        }
-    });
-    const next = (filePath) => __awaiter(void 0, void 0, void 0, function* () {
-        const key = filePath.split(/[\/|\\]/g).pop();
-        let context = {
-            filePath
-        };
-        for (const plugin of plugins) {
-            if (!plugin.next)
-                continue;
-            context = (yield plugin.next(context, global)) || context;
-            log(`${key}:${plugin.name}`, 'Executed successfully.');
-        }
-        log(key, 'Executed successfully.');
-        global.contexts[filePath] = context;
-        return context;
-    });
-    const finish = () => __awaiter(void 0, void 0, void 0, function* () {
-        for (const plugin of plugins) {
-            if (!plugin.finish)
-                continue;
-            global = (yield plugin.finish(global)) || global;
-            log(plugin.name, 'Finished successfully.');
-        }
-        log(undefined, 'Finished.');
-    });
-    return {
-        start,
-        next,
-        finish
-    };
-};

package/dist/compiler/index.d.ts

@@ -1,2 +0,0 @@
-export { default as default } from './compiler.js';
-export * from './plugins/index.js';

package/dist/compiler/index.js

@@ -1,2 +0,0 @@
-export { default as default } from './compiler.js';
-export * from './plugins/index.js';

package/dist/compiler/plugins/attach.d.ts

@@ -1,11 +0,0 @@
-import { Context } from '../../types/index.js';
-export interface AttachOptions {
-    dependencies?: boolean;
-    members?: boolean;
-    styles?: boolean;
-    typings?: boolean;
-}
-export declare const attach: (options: AttachOptions) => {
-    name: string;
-    next: (context: Context) => void;
-};

package/dist/compiler/plugins/attach.js

@@ -1,101 +0,0 @@
-import t from '@babel/types';
-import * as CONSTANTS from '../../configs/constants.js';
-import { visitor } from '../utils/index.js';
-const defaults = {
-    dependencies: true,
-    members: true,
-    styles: true,
-    typings: true
-};
-export const attach = (options) => {
-    options = Object.assign({}, defaults, options);
-    const name = 'attach';
-    const next = (context) => {
-        // TODO
-        if (options.dependencies) {
-        }
-        if (options.styles && context.styleParsed)
-            context.class.body.body.unshift(t.classProperty(t.identifier(CONSTANTS.STATIC_STYLES), t.stringLiteral(context.styleParsed), undefined, null, undefined, true));
-        if (options.members) {
-            context.class.body.body.unshift(t.classProperty(t.identifier(CONSTANTS.STATIC_MEMBERS), t.objectExpression([
-                ...context.classProperties.map((property) => {
-                    var _a, _b;
-                    const type = (_b = (_a = property.typeAnnotation) === null || _a === void 0 ? void 0 : _a.typeAnnotation) === null || _b === void 0 ? void 0 : _b.type;
-                    const elements = [];
-                    switch (type) {
-                        case 'TSBooleanKeyword':
-                            elements.push(t.stringLiteral(CONSTANTS.TYPE_BOOLEAN));
-                            break;
-                        case 'TSStringKeyword':
-                            elements.push(t.stringLiteral(CONSTANTS.TYPE_STRING));
-                            break;
-                        case 'TSNumberKeyword':
-                            elements.push(t.stringLiteral(CONSTANTS.TYPE_NUMBER));
-                            break;
-                        default:
-                            elements.push(t.nullLiteral());
-                            break;
-                    }
-                    if (property.value)
-                        elements.push(property.value);
-                    return t.objectProperty(t.identifier(property.key['name']), t.arrayExpression(elements));
-                }),
-                ...context.classMethods.map((method) => {
-                    const elements = [t.stringLiteral(CONSTANTS.TYPE_FUNCTION)];
-                    return t.objectProperty(t.identifier(method.key['name']), t.arrayExpression(elements));
-                })
-            ]), undefined, undefined, undefined, true));
-        }
-        if (options.typings) {
-            visitor(context.fileAST, {
-                Program(path) {
-                    path.node.body.push(Object.assign(t.tsModuleDeclaration(t.identifier('global'), t.tsModuleBlock([
-                        t.tsInterfaceDeclaration(t.identifier(context.componentInterfaceName), null, [], t.tsInterfaceBody([
-                            ...context.classProperties.map((property) => Object.assign(t.tSPropertySignature(property.key, property.typeAnnotation), {
-                                optional: property.optional,
-                                leadingComments: property.leadingComments
-                            }))
-                        ])),
-                        t.variableDeclaration('var', [
-                            t.variableDeclarator(Object.assign(t.identifier(context.componentInterfaceName), {
-                                typeAnnotation: t.tSTypeAnnotation(t.tSTypeLiteral([
-                                    t.tSPropertySignature(t.identifier('prototype'), t.tsTypeAnnotation(t.tSTypeReference(t.identifier(context.componentInterfaceName)))),
-                                    t.tSConstructSignatureDeclaration(null, [], t.tSTypeAnnotation(t.tSTypeReference(t.identifier(context.componentInterfaceName))))
-                                ]))
-                            }))
-                        ]),
-                        t.tsInterfaceDeclaration(t.identifier('HTMLElementTagNameMap'), null, [], t.tsInterfaceBody([
-                            t.tSPropertySignature(t.stringLiteral(context.componentTag), t.tSTypeAnnotation(t.tSIntersectionType([t.tSTypeReference(t.identifier(context.componentInterfaceName))])))
-                        ]))
-                    ])), {
-                        declare: true,
-                        global: true
-                    }));
-                    path.node.body.push(t.exportNamedDeclaration(t.tsInterfaceDeclaration(
-                    // TODO
-                    t.identifier(context.componentClassName + 'JSX'), null, [], t.tsInterfaceBody([
-                        ...context.classProperties.map((property) => Object.assign(t.tSPropertySignature(property.key, property.typeAnnotation), {
-                            optional: property.optional,
-                            leadingComments: property.leadingComments
-                        })),
-                        ...context.classEvents.map((event) => {
-                            var _a, _b;
-                            return Object.assign(t.tSPropertySignature(event.key, t.tsTypeAnnotation(t.tsFunctionType(undefined, [
-                                Object.assign({}, t.identifier('event'), {
-                                    typeAnnotation: t.tsTypeAnnotation(t.tsTypeReference(t.identifier('CustomEvent'), (_b = (_a = event.typeAnnotation) === null || _a === void 0 ? void 0 : _a['typeAnnotation']) === null || _b === void 0 ? void 0 : _b.typeParameters))
-                                })
-                            ], t.tsTypeAnnotation(t.tsVoidKeyword())))), {
-                                optional: true,
-                                leadingComments: event.leadingComments
-                            });
-                        })
-                    ]))));
-                }
-            });
-        }
-    };
-    return {
-        name,
-        next
-    };
-};

package/dist/compiler/plugins/docs.d.ts

@@ -1,11 +0,0 @@
-import { Context } from '../../types/index.js';
-export interface DocsOptions {
-    dist: string;
-    prefix: string;
-}
-export declare const docs: (options: DocsOptions) => {
-    name: string;
-    start: (global: any) => void;
-    next: (context: Context, global: any) => void;
-    finish: (global: any) => void;
-};

package/dist/compiler/plugins/docs.js

@@ -1,320 +0,0 @@
-import { capitalCase, paramCase } from 'change-case';
-import fs from 'fs';
-// import glob from 'glob';
-import path from 'path';
-import { getInitializer, getTags, getType, printType } from '../utils/index.js';
-export const docs = (options) => {
-    const name = 'docs';
-    const start = (global) => {
-        global.docs = {
-            prefix: options.prefix,
-            components: []
-        };
-    };
-    const next = (context, global) => {
-        var _a;
-        const tags = getTags(context.class);
-        const development = tags.some((tag) => tag.key == 'development');
-        const experimental = tags.some((tag) => tag.key == 'experimental');
-        const externals = fs.existsSync(path.resolve(context.directoryPath || '', 'externals'));
-        const examples = (() => {
-            const items = [];
-            const source = path.join(context.directoryPath || '', 'examples');
-            if (!fs.existsSync(source))
-                return items;
-            return fs
-                .readdirSync(source)
-                .filter((file) => file.endsWith('.md'))
-                .map((file) => {
-                const item = {};
-                const regex = /```\w+\s\[\w+(:\w+)?\]\s[\S\s]*?```/g;
-                const filePath = path.join(source, file);
-                const content = fs.readFileSync(filePath, 'utf8');
-                item.key = path.basename(filePath).replace('.md', '');
-                item.title = capitalCase(item.key);
-                item.readme = content.replace(regex, '').trim();
-                item.codes = (content.match(regex) || []).map((section) => {
-                    try {
-                        const lines = section.split('\n');
-                        const key = ((lines[0].match(/\[\w+(:\w+)?\]/) || []).shift() || '').replace('[', '').replace(']', '');
-                        const type = ((lines[0].match(/```\w+/) || []).pop() || '').replace('```', '');
-                        const value = lines.slice(1, -1).join('\n');
-                        return {
-                            key,
-                            type,
-                            value
-                        };
-                    }
-                    catch (_a) { }
-                });
-                return item;
-            });
-        })();
-        const readme = (() => {
-            try {
-                const source = path.resolve(context.directoryPath || '', `${context.fileName}.md`);
-                return fs.readFileSync(source, 'utf8');
-            }
-            catch (_a) { }
-        })();
-        const description = (() => {
-            const content = readme || '';
-            if (!content.startsWith('# '))
-                return '';
-            const sections = content.split('\n');
-            for (let i = 1; i < sections.length; i++) {
-                const section = sections[i].trim();
-                if (!section)
-                    continue;
-                return section;
-            }
-            return '';
-        })();
-        const properties = (context.classProperties || []).map((property) => {
-            var _a;
-            const tags = getTags(property);
-            const name = property.key['name'];
-            const attribute = paramCase(name);
-            // TODO
-            const initializer = getInitializer(property.value);
-            // TODO
-            const reflect = (() => {
-                if (!property.decorators)
-                    return false;
-                try {
-                    for (const decorator of property.decorators) {
-                        for (const argument of decorator.expression['arguments']) {
-                            for (const property of argument.properties) {
-                                if (property.key.name != 'reflect')
-                                    continue;
-                                if (property.value.type != 'BooleanLiteral')
-                                    continue;
-                                if (!property.value.value)
-                                    continue;
-                                return true;
-                            }
-                        }
-                    }
-                }
-                catch (_a) { }
-                return false;
-            })();
-            const required = !property.optional;
-            // TODO
-            const { type, members } = (() => {
-                const ast = getType(context.fileAST, (property.typeAnnotation || {})['typeAnnotation'], {
-                    directory: context.directoryPath
-                });
-                return printType(ast);
-            })();
-            const experimental = tags.some((tag) => tag.key == 'experimental');
-            const description = (_a = tags.find((tag) => !tag.key)) === null || _a === void 0 ? void 0 : _a.value;
-            const model = tags.some((tag) => tag.key == 'model');
-            return {
-                name,
-                attribute,
-                initializer,
-                reflect,
-                required,
-                type,
-                experimental,
-                description,
-                members,
-                model
-            };
-        });
-        const parts = tags
-            .filter((tag) => tag.key == 'part')
-            .map((tag) => {
-            var _a;
-            const sections = ((_a = tag.value) === null || _a === void 0 ? void 0 : _a.split('-')) || [];
-            const name = sections[0].trim();
-            const description = sections.slice(1).join('-').trim();
-            return {
-                name,
-                description
-            };
-        });
-        const methods = (context.classMethods || []).map((method) => {
-            var _a;
-            const tags = getTags(method);
-            const name = method.key['name'];
-            const experimental = tags.some((tag) => tag.key == 'experimental');
-            // TODO
-            // const params = printType(getType(
-            //     context.ast,
-            //     method.params,
-            //     {
-            //         directory: context.directory,
-            //     }
-            // ));
-            // console.log(111, params)
-            // TODO: returnType
-            const type = (() => {
-                try {
-                    return printType(getType(context.fileAST, (method.returnType || {})['typeAnnotation'], {
-                        directory: context.directoryPath
-                    }));
-                }
-                catch (_a) { }
-            })();
-            // TODO
-            const signature = `${method.key['name']}(${''}) => ${type}`;
-            const description = (_a = tags.find((tag) => !tag.key)) === null || _a === void 0 ? void 0 : _a.value;
-            // TODO
-            const parameters = [
-            // {
-            //     "name": "offsetX",
-            //     "description": "Moving size (px) in the `horizontal` direction. Use `null` to ignore this."
-            // },
-            // {
-            //     "name": "offsetY",
-            //     "description": "Moving size (px) in the `vertical` direction. Use `null` to ignore this."
-            // }
-            ];
-            return {
-                name,
-                experimental,
-                type,
-                signature,
-                description,
-                parameters
-            };
-        });
-        const slots = tags
-            .filter((tag) => tag.key == 'slot')
-            .map((tag) => {
-            var _a;
-            const sections = ((_a = tag.value) === null || _a === void 0 ? void 0 : _a.split('-')) || [];
-            const name = sections[0].trim();
-            const description = sections.slice(1).join('-').trim();
-            return {
-                name,
-                description
-            };
-        });
-        const events = (context.classEvents || []).map((event) => {
-            var _a;
-            const tags = getTags(event);
-            const name = event.key['name'];
-            const cancelable = (() => {
-                if (!event.decorators)
-                    return false;
-                try {
-                    for (const decorator of event.decorators) {
-                        for (const argument of decorator.expression['arguments']) {
-                            for (const property of argument.properties) {
-                                if (property.key.name != 'cancelable')
-                                    continue;
-                                if (property.value.type != 'BooleanLiteral')
-                                    continue;
-                                if (!property.value.value)
-                                    continue;
-                                return true;
-                            }
-                        }
-                    }
-                }
-                catch (_a) { }
-                return false;
-            })();
-            // TODO
-            const detail = (() => {
-                try {
-                    return printType(getType(context.fileAST, (event.typeAnnotation || {})['typeAnnotation'].typeParameters.params[0], {
-                        directory: context.directoryPath
-                    }));
-                }
-                catch (_a) { }
-            })();
-            const experimental = tags.some((tag) => tag.key == 'experimental');
-            const description = (_a = tags.find((tag) => !tag.key)) === null || _a === void 0 ? void 0 : _a.value;
-            const model = tags.some((tag) => tag.key == 'model');
-            return {
-                name,
-                cancelable,
-                detail,
-                experimental,
-                description,
-                model
-            };
-        });
-        const styles = (() => {
-            const styles = [];
-            try {
-                fs.readFileSync(context.stylePath || '', 'utf8')
-                    .split('@prop')
-                    .slice(1)
-                    .map((section) => {
-                    var _a;
-                    let [description, name] = section.split(/\n/);
-                    name = name.split(':').slice(0, -1).join(':').trim();
-                    description = description.trim();
-                    let [initializer] = ((_a = context.styleParsed) === null || _a === void 0 ? void 0 : _a.split(name).slice(1, 2)) || [];
-                    if (initializer)
-                        initializer = initializer.split(/;|}/)[0].replace(':', '').trim();
-                    styles.push({
-                        name,
-                        initializer,
-                        description
-                    });
-                });
-            }
-            catch (_a) { }
-            return styles;
-        })();
-        // TODO
-        const lastModified = 0;
-        // glob
-        //     .sync(path.join(context.directory, '**/*.*'))
-        //     .reduce((result, file) => {
-        //         const state = fs.statSync(file);
-        //         return result > state.mtime ? result : state.mtime
-        //     }, 0);
-        const group = ((_a = tags.find((tag) => tag.key == 'group')) === null || _a === void 0 ? void 0 : _a.value) || null;
-        const main = (group && context.componentKey == group) || !group;
-        // TODO
-        // context.types = (() => {
-        //     return [];
-        // })();
-        global.docs.components.push({
-            key: context.componentKey,
-            tag: context.componentTag,
-            title: capitalCase(context.componentKey || ''),
-            main,
-            group,
-            development,
-            experimental,
-            // TODO
-            deprecated: false,
-            externals,
-            lastModified,
-            // TODO
-            tags: [],
-            // TODO
-            source: context.componentKey,
-            description,
-            readme,
-            properties,
-            slots,
-            events,
-            styles,
-            parts,
-            methods,
-            examples
-        });
-    };
-    const finish = (global) => {
-        global.docs.components = global.docs.components.sort((a, b) => (a.key > b.key ? 1 : -1));
-        // TODO
-        // fs.ensureDirSync(path.dirname(options.dist));
-        // TODO
-        // fs.writeJSONSync(options.dist, global.docs, { replacer: null, spaces: 2 });
-    };
-    return {
-        name,
-        start,
-        next,
-        finish
-    };
-};

package/dist/compiler/plugins/extract.d.ts

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

package/dist/compiler/plugins/extract.js

@@ -1,77 +0,0 @@
-import * as t from '@babel/types';
-import { pascalCase, paramCase } from 'change-case';
-import fs from 'fs';
-import path from 'path';
-import * as CONSTANTS from '../../configs/constants.js';
-import { hasDecorator, visitor } from '../utils/index.js';
-export const extract = (options) => {
-    const name = 'extract';
-    const next = (context) => {
-        var _a, _b;
-        visitor(context.fileAST, {
-            ClassDeclaration: {
-                exit(path) {
-                    var _a, _b;
-                    context.class = path.node;
-                    context.classMembers = ((_b = (_a = context.class) === null || _a === void 0 ? void 0 : _a.body) === null || _b === void 0 ? void 0 : _b.body) || [];
-                    path.skip();
-                }
-            },
-            Decorator(path) {
-                var _a;
-                const name = (_a = path.node.expression.callee) === null || _a === void 0 ? void 0 : _a.name;
-                // TODO
-                if (CONSTANTS.DECORATOR_ELEMENT == name) {
-                    const [argument] = path.node.expression.arguments;
-                    if (argument) {
-                        context.componentTag = argument === null || argument === void 0 ? void 0 : argument.value;
-                        return;
-                    }
-                    context.componentTag = paramCase(path.parent.id.name);
-                    if (options === null || options === void 0 ? void 0 : options.prefix)
-                        context.componentTag = options.prefix + '-' + context.componentTag;
-                    path.replaceWith(t.decorator(t.callExpression(t.identifier(name), [
-                        t.stringLiteral(context.componentTag),
-                        ...path.node.expression.arguments.slice(1)
-                    ])));
-                    return;
-                }
-            }
-        });
-        context.directoryPath = path.dirname(context.filePath);
-        context.directoryName = path.basename(context.directoryPath);
-        context.fileExtension = path.extname(context.filePath);
-        context.fileName = path.basename(context.filePath, context.fileExtension);
-        context.className = (_b = (_a = context.class) === null || _a === void 0 ? void 0 : _a.id) === null || _b === void 0 ? void 0 : _b.name;
-        // TODO
-        // context.componentKey = paramCase(context.className);
-        context.componentClassName = pascalCase(context.componentTag.split('-').slice(1).join('-'));
-        context.componentInterfaceName = `HTML${context.componentClassName}Element`;
-        // TODO
-        // const componentClassName           = "DialogBody";              [OK]
-        // const componentInterfaceName       = "HTMLDialogBodyElement";   [OK]
-        // const componentTag                 = "plus-dialog-body";        [OK]
-        // const componentClassNameInCategory = "Body";                    [RAW]
-        // const componentKey                 = "dialog-body-1";           [RAW]
-        // const fileName                     = "dialogBodyNew";           [OK]
-        // const className                    = "DialogBody1";             [OK]
-        // const category                     = "Dialog";                  [RAW]
-        (() => {
-            const stylePath = path.join(context.directoryPath, `${context.fileName}.scss`);
-            if (!fs.existsSync(stylePath))
-                return;
-            context.stylePath = stylePath;
-        })();
-        context.classEvents = (context.classMembers || []).filter((member) => hasDecorator(member, CONSTANTS.DECORATOR_EVENT));
-        context.classMethods = (context.classMembers || []).filter((member) => hasDecorator(member, CONSTANTS.DECORATOR_METHOD));
-        context.classProperties = (context.classMembers || []).filter((member) => hasDecorator(member, CONSTANTS.DECORATOR_PROPERTY));
-        context.classStates = (context.classMembers || []).filter((member) => hasDecorator(member, CONSTANTS.DECORATOR_STATE));
-        context.classHasMount = (context.classMembers || []).some((member) => member['key'].name == CONSTANTS.LIFECYCLE_CONNECTED);
-        context.classHasUnmount = (context.classMembers || []).some((member) => member['key'].name == CONSTANTS.LIFECYCLE_DISCONNECTED);
-        context.classRender = (context.classMembers || []).find((member) => member['key'].name == CONSTANTS.METHOD_RENDER);
-    };
-    return {
-        name,
-        next
-    };
-};

package/dist/compiler/plugins/index.d.ts

@@ -1,11 +0,0 @@
-export * from './react.proxy/index.js';
-export * from './attach.js';
-export * from './docs.js';
-export * from './extract.js';
-export * from './parse.js';
-export * from './print.js';
-export * from './read.js';
-export * from './sass.js';
-export * from './uhtml.js';
-export * from './validate.js';
-export * from './vscode.js';

package/dist/compiler/plugins/index.js

@@ -1,11 +0,0 @@
-export * from './react.proxy/index.js';
-export * from './attach.js';
-export * from './docs.js';
-export * from './extract.js';
-export * from './parse.js';
-export * from './print.js';
-export * from './read.js';
-export * from './sass.js';
-export * from './uhtml.js';
-export * from './validate.js';
-export * from './vscode.js';

package/dist/compiler/plugins/parse.d.ts

@@ -1,5 +0,0 @@
-import { Context } from '../../types/index.js';
-export declare const parse: () => {
-    name: string;
-    next: (context: Context) => void;
-};

package/dist/compiler/plugins/parse.js

@@ -1,16 +0,0 @@
-import { parse as parser } from '@babel/parser';
-export const parse = () => {
-    const name = 'parse';
-    const next = (context) => {
-        if (!!context.fileAST)
-            return;
-        context.fileAST = parser(context.fileContent, {
-            allowImportExportEverywhere: true,
-            plugins: ['jsx', 'typescript', 'decorators-legacy']
-        });
-    };
-    return {
-        name,
-        next
-    };
-};

package/dist/compiler/plugins/print.d.ts

@@ -1,5 +0,0 @@
-import { Context } from '../../types/index.js';
-export declare const print: () => {
-    name: string;
-    next: (context: Context) => void;
-};

package/dist/compiler/plugins/print.js

@@ -1,11 +0,0 @@
-import { print as core } from '../utils/index.js';
-export const print = () => {
-    const name = 'print';
-    const next = (context) => {
-        context.script = core(context.fileAST);
-    };
-    return {
-        name,
-        next
-    };
-};

package/dist/compiler/plugins/react.proxy/index.d.ts

@@ -1 +0,0 @@
-export * from './react.proxy.js';

package/dist/compiler/plugins/react.proxy/index.js

@@ -1 +0,0 @@
-export * from './react.proxy.js';