@htmlplus/element 0.1.9 → 0.3.1

package/dist/compiler/plugins/validate.js

@@ -1,8 +0,0 @@
-export const validate = () => {
-    const name = 'validate';
-    const next = (context) => { };
-    return {
-        name,
-        next
-    };
-};

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

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

package/dist/compiler/plugins/vscode.js

@@ -1,83 +0,0 @@
-import { paramCase } from 'change-case';
-import fs from 'fs';
-import path from 'path';
-import { getTags, getType, printType } from '../utils/index.js';
-export const vscode = (options) => {
-    const name = 'vscode';
-    const start = (global) => {
-        global.vscode = {
-            version: 1.1,
-            tags: []
-        };
-    };
-    const next = (context, global) => {
-        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 name = paramCase(property.key['name']);
-            const description = (_a = getTags(property).find((tag) => !tag.key)) === null || _a === void 0 ? void 0 : _a.value;
-            const attribute = {
-                name,
-                description
-            };
-            // TODO
-            let { members = [] } = (() => {
-                const ast = getType(context.fileAST, (property.typeAnnotation || {})['typeAnnotation'], {
-                    directory: context.directoryPath
-                });
-                return printType(ast);
-            })();
-            // TODO
-            members = members.filter((member) => member.key !== member.type).map((member) => ({ name: member.key }));
-            if (members.length)
-                attribute.values = members;
-            return attribute;
-        });
-        global.vscode.tags.push({
-            name: context.componentKey,
-            description: {
-                kind: 'markdown',
-                value: description
-            },
-            attributes: properties,
-            references: [
-                {
-                    name: 'Source code',
-                    url: `https://github.com/htmlplus/core/tree/main/src/components/${context.directoryName}/${context.fileName}.tsx`
-                }
-            ]
-        });
-    };
-    const finish = (global) => {
-        global.vscode.tags = global.vscode.tags.sort((a, b) => (a.name > b.name ? 1 : -1));
-        // TODO
-        // fs.ensureDirSync(path.dirname(options.dist));
-        // TODO
-        // fs.writeJSONSync(options.dist, global.vscode, { replacer: null, spaces: 2 });
-    };
-    return {
-        name,
-        start,
-        next,
-        finish
-    };
-};

package/dist/compiler/utils/__dirname.d.ts

@@ -1 +0,0 @@
-export declare const __dirname: (url: string | URL) => string;

package/dist/compiler/utils/__dirname.js

@@ -1,5 +0,0 @@
-import { dirname } from 'path';
-import { fileURLToPath } from 'url';
-export const __dirname = (url) => {
-    return dirname(fileURLToPath(url));
-};

package/dist/compiler/utils/get-initializer.d.ts

@@ -1,2 +0,0 @@
-import { Expression } from '@babel/types';
-export declare const getInitializer: (node: Expression) => any;

package/dist/compiler/utils/get-initializer.js

@@ -1,10 +0,0 @@
-// TODO: return type
-export const getInitializer = (node) => {
-    if (!node)
-        return node;
-    const value = node;
-    if (!value)
-        return;
-    const extra = value.extra || {};
-    return extra.raw || value['value'];
-};

package/dist/compiler/utils/get-tags.d.ts

@@ -1,6 +0,0 @@
-import { Node } from '@babel/types';
-export interface Tag {
-    key?: string;
-    value?: string;
-}
-export declare const getTags: (node?: Node | undefined) => Array<Tag>;

package/dist/compiler/utils/get-tags.js

@@ -1,34 +0,0 @@
-export const getTags = (node) => {
-    if (!node)
-        return [];
-    const tags = [];
-    const lines = [];
-    const comments = (node.leadingComments || [])
-        .map((comment) => comment.value)
-        .join('\r\n')
-        .split('\r\n');
-    for (const comment of comments) {
-        let line = comment.trimLeft();
-        if (line.startsWith('*'))
-            line = line.slice(1);
-        if (!line)
-            continue;
-        const isTag = line.trim().startsWith('@');
-        if (isTag || !lines.length)
-            lines.push(line);
-        else
-            lines[lines.length - 1] += line;
-    }
-    for (const line of lines) {
-        let value = line.trim();
-        if (!value.startsWith('@')) {
-            tags.push({ value });
-            continue;
-        }
-        const sections = value.split(' ');
-        const key = sections[0].slice(1);
-        value = sections.slice(1).join(' ').trim();
-        tags.push({ key, value });
-    }
-    return tags;
-};

package/dist/compiler/utils/get-type.d.ts

@@ -1,2 +0,0 @@
-import { File } from '@babel/types';
-export declare const getType: (file: File, node: any, options: any) => any;

package/dist/compiler/utils/get-type.js

@@ -1,69 +0,0 @@
-import { parse } from '@babel/parser';
-import fs from 'fs';
-import { dirname, resolve } from 'path';
-import { visitor } from './visitor.js';
-// TODO: return type
-export const getType = (file, node, options) => {
-    if (!node)
-        return node;
-    if (node.type != 'TSTypeReference')
-        return node;
-    const { directory } = options;
-    let result;
-    visitor(file, {
-        ClassDeclaration(path) {
-            if (path.node.id.name != node.typeName.name)
-                return;
-            result = path.node;
-            path.stop();
-        },
-        ImportDeclaration(path) {
-            for (const specifier of path.node.specifiers) {
-                const alias = specifier.local.name;
-                if (alias != node.typeName.name)
-                    continue;
-                let key;
-                switch (specifier.type) {
-                    case 'ImportNamespaceSpecifier':
-                        key = '*';
-                        break;
-                    case 'ImportDefaultSpecifier':
-                        key = 'default';
-                        break;
-                    case 'ImportSpecifier':
-                        key = specifier.imported.name;
-                        break;
-                }
-                try {
-                    const filePath = resolve(directory, path.node.source.value + '.ts');
-                    path.$ast =
-                        path.$ast ||
-                            parse(fs.readFileSync(filePath, 'utf8'), {
-                                allowImportExportEverywhere: true,
-                                plugins: ['typescript'],
-                                ranges: false
-                            });
-                    result = getType(path.$ast, node, {
-                        directory: dirname(filePath)
-                    });
-                }
-                catch (_a) { }
-                path.stop();
-                break;
-            }
-        },
-        TSInterfaceDeclaration(path) {
-            if (path.node.id.name != node.typeName.name)
-                return;
-            result = path.node;
-            path.stop();
-        },
-        TSTypeAliasDeclaration(path) {
-            if (path.node.id.name != node.typeName.name)
-                return;
-            result = path.node;
-            path.stop();
-        }
-    });
-    return result || node;
-};

package/dist/compiler/utils/has-decorator.d.ts

@@ -1 +0,0 @@
-export declare const hasDecorator: (node: any, name: string) => boolean;

package/dist/compiler/utils/has-decorator.js

@@ -1,5 +0,0 @@
-export const hasDecorator = (node, name) => {
-    if (!node.decorators)
-        return false;
-    return !!node.decorators.some((decorator) => { var _a; return ((_a = decorator.expression.callee) === null || _a === void 0 ? void 0 : _a.name) == name; });
-};

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

@@ -1,10 +0,0 @@
-export * from './__dirname.js';
-export * from './get-initializer.js';
-export * from './get-tags.js';
-export * from './get-type.js';
-export * from './has-decorator.js';
-export * from './is-directory-empty.js';
-export * from './print-type.js';
-export * from './print.js';
-export * from './render-template.js';
-export * from './visitor.js';

package/dist/compiler/utils/index.js

@@ -1,10 +0,0 @@
-export * from './__dirname.js';
-export * from './get-initializer.js';
-export * from './get-tags.js';
-export * from './get-type.js';
-export * from './has-decorator.js';
-export * from './is-directory-empty.js';
-export * from './print-type.js';
-export * from './print.js';
-export * from './render-template.js';
-export * from './visitor.js';

package/dist/compiler/utils/is-directory-empty.d.ts

@@ -1 +0,0 @@
-export declare const isDirectoryEmpty: (directory: string) => boolean;

package/dist/compiler/utils/is-directory-empty.js

@@ -1,10 +0,0 @@
-import fs from 'fs';
-export const isDirectoryEmpty = (directory) => {
-    try {
-        const files = fs.readdirSync(directory);
-        return !files.length;
-    }
-    catch (_a) {
-        return true;
-    }
-};

package/dist/compiler/utils/print-type.d.ts

@@ -1 +0,0 @@
-export declare const printType: (ast: any) => any;

package/dist/compiler/utils/print-type.js

@@ -1,69 +0,0 @@
-import { print } from './print.js';
-// TODO
-// args types
-// return type
-// components\grid-item\grid-item.types.ts
-// components\portal\portal.tsx
-export const printType = (ast) => {
-    if (!ast)
-        return ast;
-    let result = {};
-    switch (ast.type) {
-        case 'BooleanLiteral':
-        case 'NumericLiteral':
-        case 'StringLiteral': {
-            result.key = ast.value;
-            result.type = ast.type.replace('Literal', '').toLowerCase();
-            break;
-        }
-        case 'TSBooleanKeyword':
-        case 'TSNumberKeyword':
-        case 'TSStringKeyword': {
-            const type = ast.type.replace('TS', '').replace('Keyword', '').toLowerCase();
-            result.key = type;
-            result.type = type;
-            break;
-        }
-        case 'TSAnyKeyword': {
-            result.type = 'any';
-            break;
-        }
-        case 'TSArrayType': {
-            const type = print(ast.elementType) + '[]';
-            result.key = type;
-            result.type = type;
-            break;
-        }
-        case 'TSInterfaceDeclaration': {
-            result.type = ast.id.name;
-            result.members = ast.body.body.map((body) => printType(body));
-            break;
-        }
-        case 'TSLiteralType': {
-            result = printType(ast.literal);
-            break;
-        }
-        case 'TSPropertySignature': {
-            const { typeAnnotation } = ast;
-            result.key = ast.key.name;
-            if (typeAnnotation && typeAnnotation.typeAnnotation)
-                result.type = printType(ast.typeAnnotation.typeAnnotation).type;
-            break;
-        }
-        case 'TSTypeAliasDeclaration': {
-            result = printType(ast.typeAnnotation);
-            break;
-        }
-        case 'TSTypeReference': {
-            result.key = ast.typeName.name;
-            result.type = ast.typeName.name;
-            break;
-        }
-        case 'TSUnionType': {
-            result.type = print(ast);
-            result.members = ast.types.map((type) => printType(type));
-            break;
-        }
-    }
-    return result;
-};

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

@@ -1,2 +0,0 @@
-import { Node } from '@babel/types';
-export declare const print: (ast: Node) => string;

package/dist/compiler/utils/print.js

@@ -1,5 +0,0 @@
-import generator from '@babel/generator';
-// TODO: add options
-export const print = (ast) => {
-    return (generator.default || generator)(ast, { decoratorsBeforeExport: true }).code;
-};

package/dist/compiler/utils/render-template.d.ts

@@ -1 +0,0 @@
-export declare const renderTemplate: (source: string | Array<string>, destination: string, options?: any) => (context: any) => void;

package/dist/compiler/utils/render-template.js

@@ -1,25 +0,0 @@
-import glob from 'fast-glob';
-import fs from 'fs';
-import handlebars from 'handlebars';
-import path from 'path';
-export const renderTemplate = (source, destination, options) => (context) => {
-    const files = glob.sync(source, options);
-    for (const file of files) {
-        const from = path.resolve((options === null || options === void 0 ? void 0 : options.cwd) || '', file);
-        const to = path.join(destination, path
-            .normalize(file)
-            .split(path.sep)
-            .slice(1)
-            .map((section) => handlebars.compile(section)(context))
-            .join(path.sep)
-            .replace('_.', '.')
-            .replace('.hbs', ''));
-        const directory = path.dirname(to);
-        const raw = fs.readFileSync(from, 'utf8');
-        const template = handlebars.compile(raw)(context);
-        if (!fs.existsSync(directory)) {
-            fs.mkdirSync(directory, { recursive: true });
-        }
-        fs.writeFileSync(to, template, 'utf8');
-    }
-};

package/dist/compiler/utils/visitor.d.ts

@@ -1,2 +0,0 @@
-import { Node } from '@babel/types';
-export declare const visitor: (ast: Node, options: any) => void;

package/dist/compiler/utils/visitor.js

@@ -1,5 +0,0 @@
-import traverse from '@babel/traverse';
-// TODO: options type
-export const visitor = (ast, options) => {
-    (traverse.default || traverse)(ast, options);
-};

package/dist/configs/constants.d.ts

@@ -1,22 +0,0 @@
-export declare const API_HOST = "$host$";
-export declare const API_READY = "$ready$";
-export declare const API_SETUP = "$setup$";
-export declare const DECORATOR_ELEMENT = "Element";
-export declare const DECORATOR_EVENT = "Event";
-export declare const DECORATOR_PROPERTY = "Property";
-export declare const DECORATOR_STATE = "State";
-export declare const DECORATOR_METHOD = "Method";
-export declare const LIFECYCLE_ADOPTED = "adoptedCallback";
-export declare const LIFECYCLE_CONNECTED = "connectedCallback";
-export declare const LIFECYCLE_DISCONNECTED = "disconnectedCallback";
-export declare const LIFECYCLE_LOADED = "loadedCallback";
-export declare const LIFECYCLE_UPDATE = "updateCallback";
-export declare const LIFECYCLE_UPDATED = "updatedCallback";
-export declare const METHOD_RENDER = "render";
-export declare const STATIC_MEMBERS = "members";
-export declare const STATIC_STYLES = "styles";
-export declare const TYPE_BOOLEAN = "boolean";
-export declare const TYPE_DATE = "date";
-export declare const TYPE_FUNCTION = "function";
-export declare const TYPE_STRING = "string";
-export declare const TYPE_NUMBER = "number";

package/dist/configs/constants.js

@@ -1,28 +0,0 @@
-// apis
-export const API_HOST = '$host$';
-export const API_READY = '$ready$';
-export const API_SETUP = '$setup$';
-// decorators
-export const DECORATOR_ELEMENT = 'Element';
-export const DECORATOR_EVENT = 'Event';
-export const DECORATOR_PROPERTY = 'Property';
-export const DECORATOR_STATE = 'State';
-export const DECORATOR_METHOD = 'Method';
-// lifecycle
-export const LIFECYCLE_ADOPTED = 'adoptedCallback';
-export const LIFECYCLE_CONNECTED = 'connectedCallback';
-export const LIFECYCLE_DISCONNECTED = 'disconnectedCallback';
-export const LIFECYCLE_LOADED = 'loadedCallback';
-export const LIFECYCLE_UPDATE = 'updateCallback';
-export const LIFECYCLE_UPDATED = 'updatedCallback';
-// methods
-export const METHOD_RENDER = 'render';
-// statics
-export const STATIC_MEMBERS = 'members';
-export const STATIC_STYLES = 'styles';
-// types
-export const TYPE_BOOLEAN = 'boolean';
-export const TYPE_DATE = 'date';
-export const TYPE_FUNCTION = 'function';
-export const TYPE_STRING = 'string';
-export const TYPE_NUMBER = 'number';

package/dist/runtime/index.d.ts

@@ -1 +0,0 @@
-export declare const html: (template: any, ...values: any[]) => any;

package/dist/runtime/index.js

@@ -1,4 +0,0 @@
-import { html as core } from 'uhtml';
-export const html = (template, ...values) => {
-    return core(template, ...values);
-};

package/dist/types/context.d.ts

@@ -1,29 +0,0 @@
-import { ClassBody, ClassDeclaration, ClassMethod, ClassProperty, File } from '@babel/types';
-export interface Context {
-    script?: string;
-    componentClassName?: string;
-    componentInterfaceName?: string;
-    componentKey?: string;
-    componentTag?: string;
-    directoryName?: string;
-    directoryPath?: string;
-    fileAST?: File;
-    fileContent?: string;
-    fileExtension?: string;
-    fileName?: string;
-    filePath?: string;
-    styleContent?: string;
-    styleDependencies?: Array<string>;
-    styleParsed?: string;
-    stylePath?: string;
-    class?: ClassDeclaration;
-    classEvents?: Array<ClassProperty>;
-    classHasMount?: boolean;
-    classHasUnmount?: boolean;
-    classMembers?: ClassBody['body'];
-    classMethods?: Array<ClassMethod>;
-    className?: string;
-    classProperties?: Array<ClassProperty>;
-    classRender?: ClassMethod;
-    classStates?: Array<ClassProperty>;
-}

package/dist/types/context.js

@@ -1 +0,0 @@
-export {};

package/dist/types/index.d.ts

@@ -1,3 +0,0 @@
-export * from './context.js';
-export * from './plugin.js';
-export * from './plus-element.js';

package/dist/types/index.js

@@ -1,3 +0,0 @@
-export * from './context.js';
-export * from './plugin.js';
-export * from './plus-element.js';

package/dist/types/plugin.d.ts

@@ -1,8 +0,0 @@
-import { Context } from './context.js';
-export declare type Return<T> = void | T | Promise<T>;
-export declare type Plugin = {
-    name: string;
-    start?: (global: any) => Return<any>;
-    next?: (context: Context, global: any) => Return<Context>;
-    finish?: (global: any) => Return<any>;
-};

package/dist/types/plugin.js

@@ -1 +0,0 @@
-export {};

package/dist/types/plus-element.d.ts

@@ -1,2 +0,0 @@
-export interface PlusElement {
-}

package/dist/types/plus-element.js

@@ -1 +0,0 @@
-export {};