amateras 0.6.0 → 0.7.0

package/ext/ssr/env.ts

@@ -1,61 +0,0 @@
-import { NODE } from "esm-env";
-import { _Array_from, _Object_assign, _Object_entries, isNull } from "../../src/lib/native";
-import type { $Node } from "../../src/node/$Node";
-
-if (NODE) {
-    //@ts-expect-error
-    global.window = undefined;
-    //@ts-expect-error
-    global.document = undefined;
-    //@ts-expect-error
-    global.Node = class Node {
-        nodeName: string;
-        attributes = {};
-        childNodes = new Set<Node>();
-        parent?: Node;
-        $!: $Node;
-        constructor(nodeName: string) {
-            this.nodeName = nodeName.toUpperCase();
-        }
-        get textContent() { return _Array_from(this.childNodes.values()).map(node => node.textContent).join() }
-        set textContent(content: string | null) { 
-            this.childNodes.clear();
-            content && this.childNodes.add(new Text(content) as unknown as Node);
-        }
-        appendChild(node: Node) {
-            if (this.childNodes.has(node)) this.childNodes.delete(node);
-            this.childNodes.add(node);
-            node.parent = this;
-        }
-        addEventListener(type: string, cb: () => void) { }
-        setAttribute(key: string, value: string) { _Object_assign(this.attributes, {[key]: value}) }
-        remove() {
-            this.parent?.removeChild(this);
-        }
-        removeChild(node: Node) {
-            this.childNodes.delete(node);
-        }
-
-        get outerHTML() {
-            const attr = _Object_entries(this.attributes).map(([key, value]) => `${key}="${value}"`).join(' ');
-            const tagName = this.nodeName.toLowerCase();
-            const IS_VOID_ELEMENT = ['area', 'base', 'br', 'col', 'embed', 'hr', 'img', 'input', 'link', 'meta', 'param', 'source', 'track', 'wbr'].includes(tagName);
-            return `<${tagName}${attr ? ` ${attr}` : ''}>${_Array_from(this.childNodes).map(node => `${node.$}`).join('')}${IS_VOID_ELEMENT && !this.childNodes.size ? '' : `</${tagName}>`}`;
-        }
-    }
-    //@ts-expect-error
-    global.Element = class Element {}
-    //@ts-expect-error
-    global.HTMLElement = class HTMLElement {}
-    //@ts-expect-error
-    global.Text = class Text {
-        textContent: string;
-        $: this;
-        constructor(textContent: string) {
-            this.textContent = textContent;
-            this.$ = this;
-        }
-
-        toString() { return this.textContent }
-    }
-}

package/ext/ssr/index.ts

@@ -1,49 +0,0 @@
-import './env';
-import 'amateras';
-import { _Array_from, _instanceof, _Object_assign, _Object_defineProperty, forEach } from "amateras/lib/native";
-import { $Element } from 'amateras/node/$Element';
-import { BROWSER, NODE } from 'esm-env';
-import { $Node, $Text } from 'amateras/node/$Node';
-import { _document } from '../../src/lib/env';
-
-declare module 'amateras/core' {
-    export namespace $ {
-        export function mount(id: string, $node: $Element): void;
-        export function serverSide(cb: () => any): void;
-    }
-}
-
-export function onserver<T>(cb: () => T): T | '' {
-    if (NODE) return cb();
-    return '';
-}
-
-export function onclient<T>(cb: () => T): T | undefined {
-    if (BROWSER) return cb();
-    return;
-}
-
-_Object_assign($, {
-    mount(id: string, $node: $Element) {
-        if (!BROWSER) return;
-        const node = _document.querySelector(`#${id}`);
-        if (!node) throw 'Target node of mounting not found';
-        getData(node, $node);
-        node.replaceWith($node.node);
-    
-        function getData(node: Node, $node: $Node) {
-            // if (node.nodeName === 'SIGNAL' && _instanceof(node, Element) && _instanceof($node, $Text)) {
-            //     const type = $(node).attr()['type'];
-            //     return forEach($node.signals, signal => signal.value(type === 'number' ? Number(node.textContent) : type === 'boolean' ? node.textContent == 'true' ? true : false : node.textContent));
-            // }
-            if (_instanceof(node, Text)) return $node.textContent(node.textContent);
-            if (_instanceof(node, Element) && _instanceof($node, $Element)) $node.attr($(node).attr());
-            const arr = _Array_from($node.childNodes);
-            forEach(node.childNodes, (_node, i) => {
-                const targetChildNode = arr.at(i);
-                if (!targetChildNode) throw 'Target DOM tree not matched';
-                getData(_node, targetChildNode.$)
-            })
-        }
-    }
-})

package/ext/ssr/package.json

@@ -1,10 +0,0 @@
-{
-    "name": "@amateras/ssr",
-    "peerDependencies": {
-        "amateras": "../../",
-        "esm-env": "^1.2.2"
-    },
-    "imports": {
-        "#structure/*": "./src/structure/*.ts"
-    }
-}

package/ext/ui/node/Waterfall.ts

@@ -1,72 +0,0 @@
-import { _Array_from, _instanceof, equal, forEach, isNumber } from "amateras/lib/native";
-import { $HTMLElement } from "amateras/node/$HTMLElement";
-import { $Element } from "amateras/node/$Element";
-import { $Virtual } from "amateras/node/$Virtual";
-
-const getRect = (el: $Element) => el.getBoundingClientRect();
-const px = (value: number) => `${value}px`;
-$.style(`waterfall { display: block; position: relative }`)
-
-export class Waterfall extends $Virtual {
-    #column = 1;
-    #gap = 0;
-    #width = 0;
-    constructor() {
-        super('waterfall');
-        new ResizeObserver(_ => this.inDOM() && this.#width !== getRect(this).width && (this.dispatchEvent(new Event('resize', {cancelable: true})) && this.layout())).observe(this.node);
-    }
-
-    column(): number;
-    column(column: $Parameter<number>): this;
-    column(column?: $Parameter<number>) {
-        if (!arguments.length) return this.#column;
-        if (isNumber(column)) this.#column = column;
-        return this;
-    }
-
-    gap(): number;
-    gap(gap: $Parameter<number>): this;
-    gap(gap?: $Parameter<number>) {
-        if (!arguments.length) return this.#gap;
-        if (isNumber(gap)) this.#gap = gap;
-        return this;
-    }
-
-    layout() {
-        const items = _Array_from(this.nodes).map(item => item);
-        const { width } = getRect(this);
-        this.#width = width;
-        const columnCount = this.#column;
-        const gap = this.#gap;
-        const columnWidth = ((width - ((columnCount - 1) * gap)) / columnCount);
-        const columns = _Array_from({length: columnCount}).map((_, i) => ({ i, h: 0, x: i * (columnWidth + gap) }))
-        const getColumnByHeight = (i: number) => columns.sort((a, b) => a.h - b.h ? a.h - b.h : a.i - b.i).at(i) as typeof columns[number];
-        forEach(items, item => {
-            if (!_instanceof(item, $HTMLElement)) return;
-            item.attr();
-            const { height, width } = item.attr();
-            const shortestSection = getColumnByHeight(0);
-            item.style({
-                position: 'absolute',
-                top: px(shortestSection.h), 
-                left: px(shortestSection.x), 
-                width: px(columnWidth),
-            });
-            if (width && height) {
-                // get ratio from attributes and calculate item's height
-                let itemHeight = columnWidth / (+width / +height);
-                item.style({ height: px(itemHeight) })
-                shortestSection.h += +itemHeight + gap;
-            } else {
-                item.style({ visibility: 'hidden', height: '' })
-                if (this.hiddenNodes.has(item)) this.show(item).render().hide(item);
-                let itemHeight = getRect(item).height;
-                item.style({visibility: '', height: px(itemHeight)})
-                shortestSection.h += +itemHeight + gap;
-            }
-        })
-        this.style({ height: px(getColumnByHeight(-1).h) });
-        this.dispatchEvent(new Event('layout'))
-        return this;
-    }
-}

package/ext/ui/package.json

@@ -1,11 +0,0 @@
-{
-    "name": "@amateras/ui",
-    "peerDependencies": {
-        "amateras": "../../"
-    },
-    "exports": {
-        "./waterfall": "./node/Waterfall.ts",
-        "./tabs": "./node/Tabs.ts",
-        "./virtual-scroll": "./lib/VirtualScroll.ts"
-    }
-}

package/src/index.ts

@@ -1,2 +0,0 @@
-import '#core';
-export * from '#core';

package/src/lib/chain.ts

@@ -1,13 +0,0 @@
-import { isUndefined } from "./native";
-
-export const chain: chain = <T, R, V>(_this: T, args: IArguments | null, get: (() => R) | null, value: V, set: (value: Exclude<V, undefined>) => any) => 
-    args && get && !args.length 
-    ? get()
-    : isUndefined(value) 
-        ? _this 
-        : (set(value as any), _this);
-
-interface chain {
-    <T, V>(_this: T, args: null, get: null, value: V, set: (value: Exclude<V, undefined>) => any): T
-    <T, R, V>(_this: T, args: IArguments, get: (() => R), value: V, set: (value: Exclude<V, undefined>) => any): T | R
-}

package/src/lib/debounce.ts

@@ -1,7 +0,0 @@
-export const debounce = () => {
-    let timer: ReturnType<typeof setTimeout>;
-    return (fn: Function, timeout: number) => {
-        if (timer) clearTimeout(timer);
-        timer = setTimeout(fn, timeout);
-    }
-}

package/src/lib/env.ts

@@ -1,2 +0,0 @@
-// window and document
-export const _document = document;

package/src/lib/randomId.ts

@@ -1,9 +0,0 @@
-import { _Array_from } from "./native";
-
-const LOWER = 'abcdefghijklmnopqrstuvwxyz';
-const UPPER = LOWER.toUpperCase();
-export const randomId = (options?: {length?: number, lettercase?: 'any' | 'lower' | 'upper'}): string => { 
-    options = {length: 5, lettercase: 'any', ...options};
-    const char = options.lettercase === 'any' ? LOWER + UPPER : options.lettercase === 'lower' ? LOWER : UPPER;
-    return _Array_from({length: options.length as number}, (_, i) => char[Math.round(Math.random() * char.length)]).join(''); 
-}

package/src/lib/sleep.ts

@@ -1,3 +0,0 @@
-import { _Promise } from "./native";
-
-export const sleep = async (ms: number) => new _Promise(resolve => setTimeout(resolve, ms));

package/src/lib/toArray.ts

@@ -1,9 +0,0 @@
-import { _instanceof, _Object_assign } from "./native";
-
-export const toArray = <T>(item: OrArray<T>): T[] => _instanceof(item, Array) ? item : [item];
-
-declare module '#core' {
-    export namespace $ {
-        export function toArray<T>(item: OrArray<T>): T[];
-    }
-}

package/src/lib/trycatch.ts

@@ -1,17 +0,0 @@
-import { _instanceof, _JSON_stringify, _null, _Object_assign } from "./native";
-
-export const trycatch = <D>(callback: () => D): Result<D, Error> => {
-    try {
-        return [callback(), _null];
-    } catch (err) {
-        return [_null, _instanceof(err, Error) ? err : new Error(_JSON_stringify(err))];
-    }
-}
-
-_Object_assign($, {trycatch})
-
-declare module '#core' {
-    export namespace $ {
-        export function trycatch <D>(callback: () => D): Result<D, Error>
-    }
-}

package/src/lib/uppercase.ts

@@ -1,3 +0,0 @@
-import { slice } from "./native";
-
-export const uppercase = (str: string, start?: number, end?: number) => `${slice(str, 0, start)}${slice(str, start, end).toUpperCase()}${end ? slice(str, end) : ''}`