oxiui-lib 0.2.3 → 0.2.16

package/.github/workflows/publish.yaml

@@ -0,0 +1,31 @@
+name: Publish
+
+on:
+  push:
+    tags:
+      - "v*"
+
+permissions:
+  contents: read
+  id-token: write # VERY IMPORTANT
+
+jobs:
+  publish:
+    runs-on: ubuntu-latest
+    environment: production
+
+    steps:
+      - uses: actions/checkout@v4
+
+      - uses: oven-sh/setup-bun@v1
+        with:
+          bun-version: latest
+
+      - uses: actions/setup-node@v4
+        with:
+          node-version: "24"
+          registry-url: "https://registry.npmjs.org"
+
+      - run: bun install
+      - run: bun run build
+      - run: npm publish

package/dist/core/elements/OxiStateFull.d.ts

@@ -1,4 +1,4 @@
-declare const DivContainer_base: {
+declare const ContainerState_base: {
     new (props?: import("../types/html.js").CommonProps | undefined): {
         "__#private@#__states": Map<string | symbol, import("../signals.js").Signal<unknown>>;
         type: "div";
@@ -16,6 +16,6 @@ declare const DivContainer_base: {
         withState(): /*elided*/ any;
     };
 };
-export declare class DivContainer extends DivContainer_base {
+export declare class ContainerState extends ContainerState_base {
 }
 export {};

package/dist/core/elements/OxiStateFull.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DivContainer = void 0;
+exports.ContainerState = void 0;
 const OxiComponent_js_1 = require("./OxiComponent.js");
-class DivContainer extends (0, OxiComponent_js_1.intrinsic)("div") {
+class ContainerState extends (0, OxiComponent_js_1.intrinsicState)("div") {
 }
-exports.DivContainer = DivContainer;
+exports.ContainerState = ContainerState;

package/dist/core/scheduler.d.ts

@@ -1,8 +1,8 @@
-import type { DivContainer } from "./elements";
+import type { ContainerState } from "./elements";
 import type { IComponent } from "./types/component";
 import type { IntrinsicElements } from "./types/html";
 type RenderCallback = (stateId: string, readers: Set<string>, root: IComponent<keyof IntrinsicElements>) => void;
-export declare function initScheduler(App: new () => DivContainer, renderer: RenderCallback): void;
+export declare function initScheduler(App: new () => ContainerState, renderer: RenderCallback): void;
 export declare function scheduleEffect(fn: () => void): void;
 export declare function rerender(stateId: string, readers: Set<string>): void;
 export declare function startImmediateMode(): void;

package/package.json

@@ -1,10 +1,11 @@
 {
 	"name": "oxiui-lib",
-	"version": "0.2.3",
+	"version": "0.2.16",
 	"module": "src/index.ts",
 	"main": "dist/index.js",
 	"types": "dist/index.d.ts",
 	"type": "module",
+	"repository": "https://github.com/pedromigueldev/oxiui-lib",
 	"scripts": {
 		"build": "tsc",
 		"biome": "biome format . --write"

package/src/core/elements/OxiStateFull.ts

@@ -1,3 +1,3 @@
-import { intrinsic } from "./OxiComponent.js";
+import { intrinsicState } from "./OxiComponent.js";
 
-export class DivContainer extends intrinsic("div") {}
+export class ContainerState extends intrinsicState("div") {}

package/src/core/scheduler.ts

@@ -1,4 +1,4 @@
-import type { DivContainer } from "./elements";
+import type { ContainerState } from "./elements";
 import { resetCursor } from "./renderer";
 import type { IComponent } from "./types/component";
 import type { IntrinsicElements } from "./types/html";
@@ -10,7 +10,7 @@ type RenderCallback = (
 ) => void;
 
 let running = false;
-let app: DivContainer | null = null;
+let app: ContainerState | null = null;
 let renderCallback: RenderCallback | null = null;
 const postRenderQueue: (() => void)[] = [];
 const resetTree = () => {
@@ -20,7 +20,7 @@ const resetTree = () => {
 };
 
 export function initScheduler(
-	App: new () => DivContainer,
+	App: new () => ContainerState,
 	renderer: RenderCallback,
 ) {
 	app = new App();

package/dist/core/elements/AbaComponent.d.ts

@@ -1,36 +0,0 @@
-import { Signal } from "../signals.js";
-import type { IComponent, StyleProp } from "../types/component.js";
-import { type IntrinsicElements } from "../types/html.js";
-export declare abstract class AbaComponent<K extends keyof IntrinsicElements> implements IComponent<K> {
-    #private;
-    type: K;
-    props: IntrinsicElements[K];
-    up?: IComponent<keyof IntrinsicElements>;
-    down: IComponent<keyof IntrinsicElements>[];
-    cursors: Set<string>;
-    index: string;
-    view?: (() => void) | undefined;
-    constructor(type: K, props?: IntrinsicElements[K]);
-    body(fn?: (component: this) => void): this;
-    onAppear(fn: (component: this) => void): this;
-    withProps<T extends Partial<IntrinsicElements[K]>>(newProps: T): this;
-    withStyle(style: StyleProp<IntrinsicElements[K]>): this;
-    withExtension(extension: (component: this) => void): this;
-}
-export declare function intrinsic<K extends keyof IntrinsicElements>(type: K): {
-    new (props?: IntrinsicElements[K]): {
-        "__#private@#__states": Map<string | symbol, Signal<any>>;
-        type: K;
-        props: IntrinsicElements[K];
-        up?: IComponent<keyof IntrinsicElements>;
-        down: IComponent<keyof IntrinsicElements>[];
-        cursors: Set<string>;
-        index: string;
-        view?: (() => void) | undefined;
-        body(fn?: ((component: /*elided*/ any) => void) | undefined): /*elided*/ any;
-        onAppear(fn: (component: /*elided*/ any) => void): /*elided*/ any;
-        withProps<T extends Partial<IntrinsicElements[K]>>(newProps: T): /*elided*/ any;
-        withStyle(style: StyleProp<IntrinsicElements[K]>): /*elided*/ any;
-        withExtension(extension: (component: /*elided*/ any) => void): /*elided*/ any;
-    };
-};

package/dist/core/elements/AbaComponent.js

@@ -1,114 +0,0 @@
-"use strict";
-var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
-    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
-    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
-    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
-};
-var _AbaComponent___states;
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AbaComponent = void 0;
-exports.intrinsic = intrinsic;
-const scheduler_js_1 = require("../scheduler.js");
-const signals_js_1 = require("../signals.js");
-const tree_js_1 = require("../tree.js");
-class AbaComponent {
-    constructor(type, props) {
-        _AbaComponent___states.set(this, new Map());
-        this.down = [];
-        this.cursors = new Set();
-        const parent = (0, tree_js_1.current)();
-        this.type = type;
-        this.props = props !== null && props !== void 0 ? props : {};
-        this.up = parent;
-        const position = parent ? parent.down.length : 0;
-        this.index = parent ? `${parent.index}.${position}` : "0";
-        parent === null || parent === void 0 ? void 0 : parent.down.push(this);
-        return new Proxy(this, {
-            get: (target, prop, receiver) => {
-                if (prop.toString().startsWith("$")) {
-                    let signal = __classPrivateFieldGet(target, _AbaComponent___states, "f").get(prop);
-                    if (!signal) {
-                        (0, tree_js_1.open)(target);
-                        signal = new signals_js_1.Signal(Reflect.get(target, prop, receiver));
-                        __classPrivateFieldGet(target, _AbaComponent___states, "f").set(prop, signal);
-                        (0, tree_js_1.close)();
-                    }
-                    return signal.value;
-                }
-                return Reflect.get(target, prop, receiver);
-            },
-            set: (target, prop, value, receiver) => {
-                if (prop.toString().startsWith("$")) {
-                    let signal = __classPrivateFieldGet(target, _AbaComponent___states, "f").get(prop);
-                    (0, tree_js_1.open)(target);
-                    if (!signal) {
-                        signal = new signals_js_1.Signal(value);
-                        __classPrivateFieldGet(target, _AbaComponent___states, "f").set(prop, signal);
-                    }
-                    else {
-                        signal.value = value;
-                    }
-                    (0, tree_js_1.close)();
-                    return true;
-                }
-                return Reflect.set(target, prop, value, receiver);
-            },
-        });
-    }
-    body(fn) {
-        (0, tree_js_1.open)(this);
-        if (this.view) {
-            this.view();
-        }
-        else {
-            fn === null || fn === void 0 ? void 0 : fn(this);
-        }
-        (0, tree_js_1.close)();
-        return this;
-    }
-    onAppear(fn) {
-        (0, tree_js_1.open)(this);
-        (0, scheduler_js_1.scheduleEffect)(() => fn(this));
-        (0, tree_js_1.close)();
-        return this;
-    }
-    withProps(newProps) {
-        (0, tree_js_1.open)(this);
-        this.props = { ...this.props, ...newProps };
-        (0, tree_js_1.close)();
-        return this;
-    }
-    withStyle(style) {
-        (0, tree_js_1.open)(this);
-        const currentStyle = this.props.style;
-        if (typeof style === "object" && typeof currentStyle === "object") {
-            this.props = {
-                ...this.props,
-                style: { ...currentStyle, ...style },
-            };
-        }
-        else {
-            this.props = {
-                ...this.props,
-                style,
-            };
-        }
-        (0, tree_js_1.close)();
-        return this;
-    }
-    withExtension(extension) {
-        (0, tree_js_1.open)(this);
-        extension(this);
-        (0, tree_js_1.close)();
-        return this;
-    }
-}
-exports.AbaComponent = AbaComponent;
-_AbaComponent___states = new WeakMap();
-function intrinsic(type) {
-    return class extends AbaComponent {
-        constructor(props) {
-            super(type, props);
-        }
-    };
-}

package/dist/core/elements/AbaStateFull.d.ts

@@ -1,20 +0,0 @@
-declare const DivContainer_base: {
-    new (props?: import("../types/html.js").CommonProps | undefined): {
-        "__#private@#__states": Map<string | symbol, import("../signals.js").Signal<any>>;
-        type: "div";
-        props: import("../types/html.js").CommonProps;
-        up?: import("../types/component.js").IComponent<keyof import("../types/html.js").IntrinsicElements>;
-        down: import("../types/component.js").IComponent<keyof import("../types/html.js").IntrinsicElements>[];
-        cursors: Set<string>;
-        index: string;
-        view?: (() => void) | undefined;
-        body(fn?: ((component: /*elided*/ any) => void) | undefined): /*elided*/ any;
-        onAppear(fn: (component: /*elided*/ any) => void): /*elided*/ any;
-        withProps<T extends Partial<import("../types/html.js").CommonProps>>(newProps: T): /*elided*/ any;
-        withStyle(style: Partial<CSSStyleDeclaration>): /*elided*/ any;
-        withExtension(extension: (component: /*elided*/ any) => void): /*elided*/ any;
-    };
-};
-export declare class DivContainer extends DivContainer_base {
-}
-export {};

package/dist/core/elements/AbaStateFull.js

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DivContainer = void 0;
-const AbaComponent_js_1 = require("./AbaComponent.js");
-class DivContainer extends (0, AbaComponent_js_1.intrinsic)("div") {
-}
-exports.DivContainer = DivContainer;