@vortexm/vjt 0.1.0

package/dist/lib/widgets/link.d.ts

@@ -0,0 +1,10 @@
+import type { ActionDefinition, BaseNode } from '../types.js';
+import type { WidgetRenderer } from './context.js';
+export type LinkNode = BaseNode & {
+    widget: 'link';
+    text?: string;
+    type?: 'text' | 'button' | 'link';
+    url?: string;
+    actions?: ActionDefinition[];
+};
+export declare const renderLink: WidgetRenderer<LinkNode>;

package/dist/lib/widgets/list.d.ts

@@ -0,0 +1,9 @@
+import type { BaseNode, DescriptionNode } from '../types.js';
+import type { WidgetRenderer } from './context.js';
+export type ListNode = BaseNode & {
+    widget: 'list';
+    orientation?: 'vertical' | 'horizontal';
+    size?: number;
+    elements?: DescriptionNode[];
+};
+export declare const renderList: WidgetRenderer<ListNode>;

package/dist/lib/widgets/listbox.d.ts

@@ -0,0 +1,9 @@
+import type { BaseNode } from '../types.js';
+import type { WidgetRenderer } from './context.js';
+export type ListboxNode = BaseNode & {
+    widget: 'listbox';
+    size?: number;
+    selected?: number | string;
+    elements?: Array<Record<string, unknown>>;
+};
+export declare const renderListbox: WidgetRenderer<ListboxNode>;

package/dist/lib/widgets/md-text.d.ts

@@ -0,0 +1,9 @@
+import type { BaseNode, TextAlign, VerticalAlign } from '../types.js';
+import type { WidgetRenderer } from './context.js';
+export type MdTextNode = BaseNode & {
+    widget: 'md-text';
+    text?: string;
+    'horiz-align'?: TextAlign;
+    'vert-align'?: VerticalAlign;
+};
+export declare const renderMdText: WidgetRenderer<MdTextNode>;

package/dist/lib/widgets/modal-window.d.ts

@@ -0,0 +1,15 @@
+import type { ActionDefinition, BaseNode, DescriptionNode } from '../types.js';
+import type { WidgetRenderEnvironment } from './context.js';
+export type ModalWindowNode = BaseNode & {
+    widget: 'modal-window';
+    resetOnClose?: boolean | string;
+    width?: number | string;
+    height?: number | string;
+    child?: DescriptionNode;
+    bottomButtons?: Array<{
+        text?: string;
+        color?: 'bright' | 'regular';
+        actions?: ActionDefinition[];
+    }>;
+};
+export declare function renderModalOverlay(env: WidgetRenderEnvironment, modalId: string): string;

package/dist/lib/widgets/overlay-container.d.ts

@@ -0,0 +1,11 @@
+import type { BaseNode, DescriptionNode } from '../types.js';
+import type { WidgetRenderer } from './context.js';
+export type OverlayLayer = {
+    transparency?: number | string;
+    child?: DescriptionNode;
+};
+export type OverlayContainerNode = BaseNode & {
+    widget: 'overlay-container';
+    layers?: OverlayLayer[];
+};
+export declare const renderOverlayContainer: WidgetRenderer<OverlayContainerNode>;

package/dist/lib/widgets/panel.d.ts

@@ -0,0 +1,9 @@
+import type { BaseNode, DescriptionNode } from '../types.js';
+import type { WidgetRenderer } from './context.js';
+export type PanelNode = BaseNode & {
+    widget: 'panel';
+    maySwellHorizontally?: boolean | string;
+    maySwellVertically?: boolean | string;
+    child?: DescriptionNode;
+};
+export declare const renderPanel: WidgetRenderer<PanelNode>;

package/dist/lib/widgets/radio-group.d.ts

@@ -0,0 +1,9 @@
+import type { BaseNode } from '../types.js';
+import type { WidgetRenderer } from './context.js';
+export type RadioGroupNode = BaseNode & {
+    widget: 'radio-group';
+    borderVisible?: boolean | string;
+    selected?: number | string;
+    group?: string[];
+};
+export declare const renderRadioGroup: WidgetRenderer<RadioGroupNode>;

package/dist/lib/widgets/splitter.d.ts

@@ -0,0 +1,6 @@
+import type { BaseNode } from '../types.js';
+import type { WidgetRenderer } from './context.js';
+export type SplitterNode = BaseNode & {
+    widget: 'splitter';
+};
+export declare const renderSplitter: WidgetRenderer<SplitterNode>;

package/dist/lib/widgets/spoiler.d.ts

@@ -0,0 +1,9 @@
+import type { BaseNode, DescriptionNode } from '../types.js';
+import type { WidgetRenderer } from './context.js';
+export type SpoilerNode = BaseNode & {
+    widget: 'spoiler';
+    caption?: string;
+    content?: DescriptionNode | string;
+    isHidden?: boolean | string;
+};
+export declare const renderSpoiler: WidgetRenderer<SpoilerNode>;

package/dist/lib/widgets/static-text.d.ts

@@ -0,0 +1,10 @@
+import type { BaseNode, HeadingTag, TextAlign, VerticalAlign } from '../types.js';
+import type { WidgetRenderer } from './context.js';
+export type StaticTextNode = BaseNode & {
+    widget: 'static-text';
+    text?: string;
+    heading?: HeadingTag;
+    'horiz-align'?: TextAlign;
+    'vert-align'?: VerticalAlign;
+};
+export declare const renderStaticText: WidgetRenderer<StaticTextNode>;

package/dist/lib/widgets/tabs.d.ts

@@ -0,0 +1,10 @@
+import type { BaseNode, DescriptionNode } from '../types.js';
+import type { WidgetRenderer } from './context.js';
+export type TabsNode = BaseNode & {
+    widget: 'tabs';
+    tabs?: Array<{
+        name: string;
+        content?: DescriptionNode;
+    }>;
+};
+export declare const renderTabs: WidgetRenderer<TabsNode>;

package/dist/lib/widgets/textarea.d.ts

@@ -0,0 +1,10 @@
+import type { BaseNode } from '../types.js';
+import type { WidgetRenderer } from './context.js';
+export type TextareaNode = BaseNode & {
+    widget: 'textarea';
+    text?: string;
+    placeholder?: string;
+    enabled?: boolean | string;
+    editable?: boolean | string;
+};
+export declare const renderTextarea: WidgetRenderer<TextareaNode>;

package/dist/lib/widgets/ui-reference.d.ts

@@ -0,0 +1,9 @@
+import type { BaseNode } from '../types.js';
+import type { WidgetRenderer } from './context.js';
+export type UiReferenceNode = BaseNode & {
+    widget: 'ui-reference';
+    ref: string;
+    maySwellHorizontally?: boolean | string;
+    maySwellVertically?: boolean | string;
+};
+export declare const renderUiReference: WidgetRenderer<UiReferenceNode>;

package/package.json

@@ -0,0 +1,61 @@
+{
+  "name": "@vortexm/vjt",
+  "version": "0.1.0",
+  "type": "module",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./styles.css": "./vjt-styles.css"
+  },
+  "files": [
+    "dist/index.js",
+    "dist/index.d.ts",
+    "dist/lib",
+    "vjt-styles.css",
+    "README.md",
+    "LICENSE"
+  ],
+  "sideEffects": [
+    "./vjt-styles.css"
+  ],
+  "scripts": {
+    "build": "npm run build:lib && npm run build:examples && npm run build:types",
+    "build:lib": "esbuild src/index.ts --bundle --format=esm --outfile=dist/index.js --loader:.json=json",
+    "build:examples": "esbuild src/examples.ts --bundle --format=esm --outfile=dist/examples.js --loader:.json=json",
+    "build:types": "tsc -p tsconfig.build.json",
+    "watch": "esbuild src/index.ts src/examples.ts --bundle --format=esm --outdir=dist --loader:.json=json --watch",
+    "typecheck": "tsc -p tsconfig.json",
+    "lint": "eslint \"src/**/*.ts\"",
+    "serve": "http-server . -c-1 -p 4173",
+    "serve:mock-backend": "node ./mock-backend/server.mjs",
+    "dev": "concurrently \"npm:watch\" \"npm:serve\" \"npm:serve:mock-backend\"",
+    "prepack": "npm run build"
+  },
+  "author": "vortexm",
+  "license": "MIT",
+  "description": "Declarative JSON-driven UI renderer for browser web apps",
+  "keywords": [
+    "json",
+    "ui",
+    "renderer",
+    "declarative",
+    "browser",
+    "html"
+  ],
+  "devDependencies": {
+    "@eslint/js": "^9.25.1",
+    "concurrently": "^9.1.2",
+    "esbuild": "^0.25.3",
+    "eslint": "^9.25.1",
+    "http-server": "^14.1.1",
+    "typescript": "^5.8.3",
+    "typescript-eslint": "^8.30.1"
+  },
+  "dependencies": {
+    "showdown": "^2.1.0"
+  }
+}