verstak 0.24.502 → 0.91.25002

package/build/dist/source/express/theme/Toggle.s.js

@@ -0,0 +1,48 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+import { cached } from "reactronic";
+import { css } from "@emotion/css";
+import { Styling } from "./Styling.js";
+export class DefaultToggleStyling extends Styling {
+    get main() {
+        return css `
+    cursor: pointer;
+    user-select: none;
+  `;
+    }
+    get icon() {
+        return css `
+    min-width: auto;
+    margin-left: ${this.$.outlinePadding};
+    margin-right: ${this.$.outlinePadding};
+  `;
+    }
+    get label() {
+        return css `
+    margin-left: ${this.$.outlinePadding};
+    margin-right: ${this.$.outlinePadding};
+  `;
+    }
+}
+__decorate([
+    cached,
+    __metadata("design:type", String),
+    __metadata("design:paramtypes", [])
+], DefaultToggleStyling.prototype, "main", null);
+__decorate([
+    cached,
+    __metadata("design:type", String),
+    __metadata("design:paramtypes", [])
+], DefaultToggleStyling.prototype, "icon", null);
+__decorate([
+    cached,
+    __metadata("design:type", String),
+    __metadata("design:paramtypes", [])
+], DefaultToggleStyling.prototype, "label", null);

package/build/dist/source/html/DraggableArea.view.d.ts

@@ -1,6 +1,6 @@
 import { ReactiveNodeDecl, ReactiveNode } from "reactronic";
-import { El } from "./El.js";
-import { PointerSensor } from "./sensors/PointerSensor.js";
+import { El } from "../core/El.js";
+import { PointerSensor } from "../sensors/PointerSensor.js";
 export type DragAndDropHandler = (pointer: PointerSensor) => void;
 export interface DraggableAreaModel {
     dragStartedAction?: DragAndDropHandler;

package/build/dist/source/html/DraggableArea.view.js

@@ -1,10 +1,10 @@
 import { Mode, ReactiveNode } from "reactronic";
 import { Div } from "./HtmlElements.js";
-import { Handling } from "./Elements.js";
+import { Handling } from "../core/Elements.js";
 export function DraggableArea(draggingId, builder) {
     return (Div(ReactiveNode.withBasis(builder, {
         mode: Mode.autonomous,
-        content: b => {
+        script: b => {
             const e = b.native;
             const model = b.model;
             const dataForSensor = e.dataForSensor;

package/build/dist/source/html/HtmlApiExt.d.ts

@@ -1,5 +1,5 @@
-import { DataForSensor } from "./sensors/DataForSensor.js";
-import { HtmlSensors } from "./sensors/HtmlSensors.js";
+import { DataForSensor } from "../sensors/DataForSensor.js";
+import { HtmlSensors } from "../sensors/HtmlSensors.js";
 declare global {
     interface Element {
         sensors: HtmlSensors;

package/build/dist/source/html/HtmlApiExt.js

@@ -1,5 +1,5 @@
-import { SymDataForSensor, SymHtmlSensors, SymResizeObserver } from "./sensors/DataForSensor.js";
-import { HtmlSensors } from "./sensors/HtmlSensors.js";
+import { SymDataForSensor, SymHtmlSensors, SymResizeObserver } from "../sensors/DataForSensor.js";
+import { HtmlSensors } from "../sensors/HtmlSensors.js";
 const ElementType = global.Element;
 if (ElementType !== undefined) {
     Object.defineProperty(ElementType.prototype, "sensors", {

package/build/dist/source/html/HtmlElements.d.ts

@@ -1,7 +1,5 @@
-import { ReactiveNode, ReactiveNodeDecl, Script as Scr, ScriptAsync as ScrAsync, Mode } from "reactronic";
-import { El } from "./El.js";
-export declare function Window(content?: Scr<El<HTMLBodyElement>>, contentAsync?: ScrAsync<El<HTMLBodyElement>>, key?: string, mode?: Mode, preparation?: Scr<El<HTMLBodyElement>>, preparationAsync?: ScrAsync<El<HTMLBodyElement>>, finalization?: Scr<El<HTMLBodyElement>>, triggers?: unknown, basis?: ReactiveNodeDecl<El<HTMLBodyElement>>): ReactiveNode<El<HTMLBodyElement>>;
-export declare function Window(declaration?: ReactiveNodeDecl<El<HTMLBodyElement>>): ReactiveNode<El<HTMLBodyElement>>;
+import { ReactiveNode, ReactiveNodeDecl } from "reactronic";
+import { El } from "../core/El.js";
 export declare function A<M = unknown>(declaration?: ReactiveNodeDecl<El<HTMLAnchorElement, M>>): ReactiveNode<El<HTMLAnchorElement, M>>;
 export declare function Abbr<M = unknown>(declaration?: ReactiveNodeDecl<El<HTMLElement, M>>): ReactiveNode<El<HTMLElement, M>>;
 export declare function Address<M = unknown>(declaration?: ReactiveNodeDecl<El<HTMLElement, M>>): ReactiveNode<El<HTMLElement, M>>;

package/build/dist/source/html/HtmlElements.js

@@ -1,10 +1,6 @@
 import { ReactiveNode } from "reactronic";
-import { ElKind } from "./El.js";
-import { StaticDriver, HtmlDriver, SvgDriver } from "./HtmlDriver.js";
-export function Window(contentOrDeclaration, contentAsync, key, mode, preparation, preparationAsync, finalization, triggers, basis) {
-    const driver = new StaticDriver(global.document.body, "Page", false, el => el.kind = ElKind.panel);
-    return ReactiveNode.declare(driver, contentOrDeclaration, contentAsync, key, mode, preparation, preparationAsync, finalization, triggers, basis);
-}
+import { ElKind } from "../core/El.js";
+import { HtmlDriver, SvgDriver } from "../core/WebDriver.js";
 export function A(declaration) { return ReactiveNode.declare(HtmlTags.a, declaration); }
 export function Abbr(declaration) { return ReactiveNode.declare(HtmlTags.abbr, declaration); }
 export function Address(declaration) { return ReactiveNode.declare(HtmlTags.address, declaration); }

package/build/dist/source/html/api.d.ts

@@ -1,22 +1,3 @@
-export * from "./ElUtils.js";
-export * from "./El.js";
-export * from "./HtmlDriver.js";
 export * from "./HtmlElements.js";
 export * from "./HtmlApiExt.js";
-export * from "./Elements.js";
-export * from "./Handlers.js";
-export * from "./Sizes.js";
-export * from "./SplitViewMath.js";
-export * from "./sensors/Sensor.js";
-export * from "./sensors/PointerSensor.js";
-export * from "./sensors/BasePointerSensor.js";
-export * from "./sensors/FocusSensor.js";
-export * from "./sensors/ButtonSensor.js";
-export * from "./sensors/HoverSensor.js";
-export * from "./sensors/WheelSensor.js";
-export * from "./sensors/KeyboardSensor.js";
-export * from "./sensors/ResizeSensor.js";
-export * from "./sensors/HtmlDragSensor.js";
-export * from "./sensors/HtmlSensors.js";
-export * from "./sensors/WindowSensor.js";
 import "./HtmlApiExt.js";

package/build/dist/source/html/api.js

@@ -1,22 +1,3 @@
-export * from "./ElUtils.js";
-export * from "./El.js";
-export * from "./HtmlDriver.js";
 export * from "./HtmlElements.js";
 export * from "./HtmlApiExt.js";
-export * from "./Elements.js";
-export * from "./Handlers.js";
-export * from "./Sizes.js";
-export * from "./SplitViewMath.js";
-export * from "./sensors/Sensor.js";
-export * from "./sensors/PointerSensor.js";
-export * from "./sensors/BasePointerSensor.js";
-export * from "./sensors/FocusSensor.js";
-export * from "./sensors/ButtonSensor.js";
-export * from "./sensors/HoverSensor.js";
-export * from "./sensors/WheelSensor.js";
-export * from "./sensors/KeyboardSensor.js";
-export * from "./sensors/ResizeSensor.js";
-export * from "./sensors/HtmlDragSensor.js";
-export * from "./sensors/HtmlSensors.js";
-export * from "./sensors/WindowSensor.js";
 import "./HtmlApiExt.js";

package/build/dist/source/{html/sensors → sensors}/FocusSensor.js

@@ -8,7 +8,7 @@ var __metadata = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
 import { options, transactional, LoggingLevel, Transaction } from "reactronic";
-import { objectHasMember } from "../ElUtils.js";
+import { objectHasMember } from "../core/ElUtils.js";
 import { grabElementDataList, SymDataForSensor } from "./DataForSensor.js";
 import { HtmlElementSensor } from "./HtmlElementSensor.js";
 export class FocusSensor extends HtmlElementSensor {

package/build/dist/source/{html → sensors}/Handlers.d.ts

@@ -1,7 +1,7 @@
 import { ToggleRef } from "reactronic";
-import { FocusModel } from "./sensors/FocusSensor.js";
-import { ResizedElement } from "./sensors/ResizeSensor.js";
-import { PointerSensor } from "./sensors/PointerSensor.js";
+import { FocusModel } from "./FocusSensor.js";
+import { ResizedElement } from "./ResizeSensor.js";
+import { PointerSensor } from "./PointerSensor.js";
 export declare function OnClick(target: HTMLElement, action: ((pointer: PointerSensor) => void) | ToggleRef | undefined, key?: string): void;
 export declare function OnClickAsync(target: HTMLElement, action: ((pointer: PointerSensor) => Promise<void>) | ToggleRef | undefined, key?: string): void;
 export declare function OnResize(target: HTMLElement, action: ((element: ResizedElement) => void) | undefined, key?: string): void;

package/build/dist/source/{html → sensors}/Handlers.js

@@ -8,14 +8,14 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 import { Mode, ToggleRef, unobs } from "reactronic";
-import { SyntheticElement } from "./Elements.js";
+import { SyntheticElement } from "../core/Elements.js";
 export function OnClick(target, action, key) {
     if (action !== undefined) {
         SyntheticElement({
             key,
             mode: Mode.autonomous,
             triggers: { target },
-            content: el => {
+            script: el => {
                 const pointer = target.sensors.pointer;
                 if (target.dataForSensor.click !== undefined && pointer.clicked === target.dataForSensor.click || target.dataForSensor.click === undefined && pointer.clicked) {
                     if (action instanceof Function) {
@@ -35,7 +35,7 @@ export function OnClickAsync(target, action, key) {
             key,
             mode: Mode.autonomous,
             triggers: { target },
-            contentAsync: (el) => __awaiter(this, void 0, void 0, function* () {
+            scriptAsync: (el) => __awaiter(this, void 0, void 0, function* () {
                 const pointer = target.sensors.pointer;
                 if (target.dataForSensor.click !== undefined && pointer.clicked === target.dataForSensor.click || target.dataForSensor.click === undefined && pointer.clicked) {
                     if (action instanceof Function) {
@@ -55,7 +55,7 @@ export function OnResize(target, action, key) {
             key,
             mode: Mode.autonomous,
             triggers: { target },
-            content: el => {
+            script: el => {
                 const resize = target.sensors.resize;
                 resize.resizedElements.forEach(x => {
                     action(x);
@@ -72,7 +72,7 @@ export function OnFocus(target, model, switchEditMode = undefined, key) {
         preparation: el => {
             el.node.configureReactronic({ throttling: 0 });
         },
-        content: el => {
+        script: el => {
             if (switchEditMode === undefined && !(target instanceof HTMLInputElement || target.hasAttribute("tabindex")))
                 console.warn(`"${key !== null && key !== void 0 ? key : "noname"}" element must have "tabindex" attribute set in order to be focusable`);
             if (switchEditMode !== undefined) {

package/build/dist/source/{html/sensors → sensors}/ResizeSensor.d.ts

@@ -1,4 +1,4 @@
-import { El } from "../El.js";
+import { El } from "../core/El.js";
 import { Sensor } from "./Sensor.js";
 export type ResizedElement = {
     readonly borderBoxSize: ReadonlyArray<ResizeObserverSize>;

package/build/dist/source/{html/sensors → sensors}/WindowSensor.js

@@ -8,7 +8,7 @@ var __metadata = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
 import { ToggleRef, transactional } from "reactronic";
-import { objectHasMember } from "../ElUtils.js";
+import { objectHasMember } from "../core/ElUtils.js";
 import { Sensor } from "./Sensor.js";
 export class WindowSensor extends Sensor {
     constructor() {

package/build/dist/source/sensors/api.d.ts

@@ -0,0 +1,13 @@
+export * from "./Sensor.js";
+export * from "./PointerSensor.js";
+export * from "./BasePointerSensor.js";
+export * from "./FocusSensor.js";
+export * from "./ButtonSensor.js";
+export * from "./HoverSensor.js";
+export * from "./WheelSensor.js";
+export * from "./KeyboardSensor.js";
+export * from "./ResizeSensor.js";
+export * from "./HtmlDragSensor.js";
+export * from "./HtmlSensors.js";
+export * from "./WindowSensor.js";
+export * from "./Handlers.js";

package/build/dist/source/sensors/api.js

@@ -0,0 +1,13 @@
+export * from "./Sensor.js";
+export * from "./PointerSensor.js";
+export * from "./BasePointerSensor.js";
+export * from "./FocusSensor.js";
+export * from "./ButtonSensor.js";
+export * from "./HoverSensor.js";
+export * from "./WheelSensor.js";
+export * from "./KeyboardSensor.js";
+export * from "./ResizeSensor.js";
+export * from "./HtmlDragSensor.js";
+export * from "./HtmlSensors.js";
+export * from "./WindowSensor.js";
+export * from "./Handlers.js";

package/package.json

@@ -1,12 +1,17 @@
 {
   "name": "verstak",
-  "version": "0.24.502",
+  "version": "0.91.25002",
   "description": "Verstak - Front-End Library",
   "publisher": "Nezaboodka Software",
   "license": "Apache-2.0",
   "type": "module",
   "main": "build/dist/source/api.js",
   "types": "build/dist/source/api.d.ts",
+  "exports": {
+    ".": "./build/dist/source/api.js",
+    "./html": "./build/dist/source/html/api.js",
+    "./express": "./build/dist/source/express/api.js"
+  },
   "files": [
     "build/dist/source/**/*.*"
   ],
@@ -31,23 +36,30 @@
   },
   "homepage": "https://github.com/nezaboodka/verstak/blob/master/README.md#readme",
   "dependencies": {
-    "reactronic": "^0.24.501"
+    "@types/linkify-it": "^3.0.5",
+    "@emotion/css": "^11.13.5",
+    "markdown-it": "^14.1.0",
+    "markdown-it-prism": "^2.3.0",
+    "prismjs": "^1.29.0",
+    "reactronic": "^0.91.25002"
   },
   "devDependencies": {
-    "@types/node": "22.8.6",
-    "@typescript-eslint/eslint-plugin": "8.12.2",
-    "@typescript-eslint/parser": "8.12.2",
+    "@types/markdown-it": "14.1.2",
+    "@types/node": "22.13.0",
+    "@types/prismjs": "1.26.5",
+    "@typescript-eslint/eslint-plugin": "8.22.0",
+    "@typescript-eslint/parser": "8.22.0",
     "ava": "6.2.0",
-    "c8": "10.1.2",
-    "eslint": "9.14.0",
+    "c8": "10.1.3",
+    "eslint": "9.19.0",
     "ts-node": "10.9.2",
     "tsconfig-paths": "4.2.0",
     "typescript": "5.5.4"
   },
   "scripts": {
-    "build": "eslint source/**.ts test/**.ts && tsc",
+    "build": "eslint source/**.ts test/**.ts && tsc --rootDir .",
     "fix": "eslint --fix source/**.ts test/**.ts",
-    "pack": "eslint source/**.ts test/**.ts && tsc --sourceMap false --removeComments true",
+    "pack": "eslint source/**.ts test/**.ts && tsc --sourceMap false --removeComments true --rootDir .",
     "test": "ava",
     "cover": "c8 ava && open build/coverage/index.html"
   }

package/build/dist/source/html/Elements.d.ts

@@ -1,39 +0,0 @@
-import { ReactiveNodeDecl, ReactiveNodeDriver, ReactiveNode, Script, Mode, MergedItem, ScriptAsync } from "reactronic";
-import { CursorCommandDriver, El, ElPlace } from "./El.js";
-import { HtmlDriver } from "./HtmlDriver.js";
-export declare function Panel<M = unknown>(content?: Script<El<HTMLElement, M>>, contentAsync?: ScriptAsync<El<HTMLElement, M>>, key?: string, mode?: Mode, preparation?: Script<El<HTMLElement, M>>, preparationAsync?: ScriptAsync<El<HTMLElement, M>>, finalization?: Script<El<HTMLElement, M>>, triggers?: unknown, basis?: ReactiveNodeDecl<El<HTMLElement, M>>): ReactiveNode<El<HTMLElement, M>>;
-export declare function Panel<M = unknown>(declaration?: ReactiveNodeDecl<El<HTMLElement, M>>): ReactiveNode<El<HTMLElement, M>>;
-export declare function Table<M = unknown>(content?: Script<El<HTMLElement, M>>, contentAsync?: ScriptAsync<El<HTMLElement, M>>, key?: string, mode?: Mode, preparation?: Script<El<HTMLElement, M>>, preparationAsync?: ScriptAsync<El<HTMLElement, M>>, finalization?: Script<El<HTMLElement, M>>, triggers?: unknown, basis?: ReactiveNodeDecl<El<HTMLElement, M>>): ReactiveNode<El<HTMLElement, M>>;
-export declare function Table<M = unknown>(declaration?: ReactiveNodeDecl<El<HTMLElement, M>>): ReactiveNode<El<HTMLElement, M>>;
-export declare function row<T = void>(builder?: (element: void) => T, shiftCursorDown?: number): void;
-export declare function Splitter<M = unknown>(content?: Script<El<HTMLElement, M>>, contentAsync?: ScriptAsync<El<HTMLElement, M>>, key?: string, mode?: Mode, preparation?: Script<El<HTMLElement, M>>, preparationAsync?: ScriptAsync<El<HTMLElement, M>>, finalization?: Script<El<HTMLElement, M>>, triggers?: unknown, basis?: ReactiveNodeDecl<El<HTMLElement, M>>): ReactiveNode<El<HTMLElement, M>>;
-export declare function Splitter<M = unknown>(declaration?: ReactiveNodeDecl<El<HTMLElement, M>>): ReactiveNode<El<HTMLElement, M>>;
-export declare function rowBreak(shiftCursorDown?: number): void;
-export declare function declareSplitter<T>(index: number, splitViewNode: ReactiveNode<El<T>>): ReactiveNode<El<HTMLElement>>;
-export declare function cursor(areaParams: ElPlace): void;
-export declare function Note(content: string, formatted?: boolean, declaration?: ReactiveNodeDecl<El<HTMLElement, void>>): ReactiveNode<El<HTMLElement, void>>;
-export declare function Group<M = unknown>(content?: Script<El<HTMLElement, M>>, contentAsync?: ScriptAsync<El<HTMLElement, M>>, key?: string, mode?: Mode, preparation?: Script<El<HTMLElement, M>>, preparationAsync?: ScriptAsync<El<HTMLElement, M>>, finalization?: Script<El<HTMLElement, M>>, triggers?: unknown, basis?: ReactiveNodeDecl<El<HTMLElement, M>>): ReactiveNode<El<HTMLElement, M>>;
-export declare function Group<M = unknown>(declaration?: ReactiveNodeDecl<El<HTMLElement, M>>): ReactiveNode<El<HTMLElement, M>>;
-export declare function Handling<M = unknown>(content: Script<El<void, M>>): ReactiveNode<El<void, M>>;
-export declare function SyntheticElement<M = unknown>(content?: Script<El<void, M>>, contentAsync?: ScriptAsync<El<void, M>>, key?: string, mode?: Mode, preparation?: Script<El<void, M>>, preparationAsync?: ScriptAsync<El<void, M>>, finalization?: Script<El<void, M>>, triggers?: unknown, basis?: ReactiveNodeDecl<El<void, M>>): ReactiveNode<El<void, M>>;
-export declare function SyntheticElement<M = unknown>(declaration?: ReactiveNodeDecl<El<void, M>>): ReactiveNode<El<void, M>>;
-export declare class PanelDriver<T extends HTMLElement> extends HtmlDriver<T> {
-    update(node: ReactiveNode<El<T>>): void | Promise<void>;
-    child(ownerNode: ReactiveNode<El<T, any>>, childDriver: ReactiveNodeDriver<any>, childDeclaration?: ReactiveNodeDecl<any> | undefined, childBasis?: ReactiveNodeDecl<any> | undefined): MergedItem<ReactiveNode> | undefined;
-}
-export declare function isSplitViewPartition(childDriver: ReactiveNodeDriver): boolean;
-export declare class PartitionDriver<T extends HTMLElement> extends HtmlDriver<T> {
-    update(node: ReactiveNode<El<T>>): void | Promise<void>;
-    provideHost(node: ReactiveNode<El<T, any>>): ReactiveNode<El<T, any>>;
-}
-export declare const Drivers: {
-    panel: PanelDriver<HTMLElement>;
-    table: HtmlDriver<HTMLElement, any>;
-    note: HtmlDriver<HTMLElement, any>;
-    group: HtmlDriver<HTMLElement, any>;
-    partition: PartitionDriver<HTMLElement>;
-    wrapper: HtmlDriver<HTMLElement, any>;
-    splitter: HtmlDriver<HTMLElement, any>;
-    cursor: CursorCommandDriver;
-    synthetic: ReactiveNodeDriver<El<void, any>>;
-};

package/build/dist/source/{html → core}/SplitViewMath.js

@@ -1,6 +1,6 @@
 import { Direction } from "./El.js";
-import { Drivers, isSplitViewPartition } from "./Elements.js";
 import { clamp } from "./ElUtils.js";
+import { Drivers, isSplitViewPartition } from "./Elements.js";
 const DEBUG = false;
 const eps = 0.0001;
 export function equal(a, b) {