@burgantech/pseudo-ui 0.1.0

package/dist/engine/schemaResolver.d.ts

@@ -0,0 +1,14 @@
+import type { DataSchema, SchemaProperty, LovItem } from './types';
+export declare function getSchemaProperty(schema: DataSchema, fieldName: string): SchemaProperty | undefined;
+export declare function getFieldLabel(prop: SchemaProperty | undefined, lang: string): string;
+export declare function getFieldErrorMessage(prop: SchemaProperty | undefined, errorType: string, lang: string): string;
+export declare function isFieldRequired(schema: DataSchema, fieldName: string, formData: Record<string, unknown>, instanceData?: Record<string, unknown>, params?: Record<string, unknown>): boolean;
+export declare function getEnumOptions(prop: SchemaProperty | undefined, lang: string): Array<{
+    value: string;
+    label: string;
+}>;
+export declare function mapLovItemsToOptions(items: LovItem[]): Array<{
+    value: string;
+    label: string;
+}>;
+export declare function validateField(prop: SchemaProperty | undefined, value: unknown, required: boolean, lang: string): string | null;

package/dist/engine/schemaResolver.js

@@ -0,0 +1,97 @@
+import { resolveMultiLang as a } from "./expressionResolver.js";
+function x(e, t) {
+  return e.properties?.[t];
+}
+function h(e, t) {
+  return e?.["x-labels"] ? a(e["x-labels"], t) : "";
+}
+function u(e, t, i) {
+  const n = e?.["x-errorMessages"];
+  return n?.[t] ? a(n[t], i) : "";
+}
+function L(e, t, i, n = {}, s = {}) {
+  if (e.required?.includes(t)) return !0;
+  if (e.allOf) {
+    const r = { ...s, ...n, ...i };
+    for (const l of e.allOf) {
+      const m = l;
+      if (m.if?.properties && m.then?.required && Object.entries(m.if.properties).every(
+        ([d, f]) => r[d] === f.const
+      ) && m.then.required.includes(t))
+        return !0;
+    }
+  }
+  return !1;
+}
+function I(e, t) {
+  if (!e?.enum) return [];
+  const i = e["x-enum"];
+  return e.enum.map((n) => ({
+    value: n,
+    label: i?.[n] ? a(i[n], t) : n
+  }));
+}
+function b(e) {
+  return e.map((t) => ({
+    value: t.value,
+    label: t.display
+  }));
+}
+function M(e, t, i, n) {
+  if (i && (t == null || t === ""))
+    return u(e, "required", n) || "This field is required";
+  if (t == null || t === "") return null;
+  const s = String(t);
+  if (e?.minLength && s.length < e.minLength)
+    return u(e, "minLength", n) || `Minimum ${e.minLength} characters`;
+  if (e?.maxLength && s.length > e.maxLength)
+    return u(e, "maxLength", n) || `Maximum ${e.maxLength} characters`;
+  if (e?.pattern && !new RegExp(e.pattern).test(s))
+    return u(e, "pattern", n) || "Invalid format";
+  if (e?.type === "number" || e?.type === "integer") {
+    const r = Number(t);
+    if (e.minimum !== void 0 && r < e.minimum)
+      return u(e, "minimum", n) || `Minimum value is ${e.minimum}`;
+    if (e.maximum !== void 0 && r > e.maximum)
+      return u(e, "maximum", n) || `Maximum value is ${e.maximum}`;
+  }
+  if (e?.const !== void 0 && t !== e.const)
+    return u(e, "const", n) || "Invalid value";
+  if (e?.format && typeof t == "string") {
+    const r = c(t, e.format);
+    if (r)
+      return u(e, "format", n) || r;
+  }
+  return null;
+}
+function c(e, t) {
+  switch (t) {
+    case "email":
+      return /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(e) ? null : "Invalid email";
+    case "uri":
+    case "url":
+      return /^https?:\/\/.+/.test(e) ? null : "Invalid URL";
+    case "date":
+      return /^\d{4}-\d{2}-\d{2}$/.test(e) && !isNaN(Date.parse(e)) ? null : "Invalid date";
+    case "date-time":
+      return isNaN(Date.parse(e)) ? "Invalid date-time" : null;
+    case "time":
+      return /^\d{2}:\d{2}(:\d{2})?$/.test(e) ? null : "Invalid time";
+    case "phone":
+    case "tel":
+      return /^\+?[\d\s()-]{7,}$/.test(e) ? null : "Invalid phone number";
+    case "iban":
+      return /^[A-Z]{2}\d{2}[A-Z0-9]{4,30}$/.test(e.replace(/\s/g, "")) ? null : "Invalid IBAN";
+    default:
+      return null;
+  }
+}
+export {
+  I as getEnumOptions,
+  u as getFieldErrorMessage,
+  h as getFieldLabel,
+  x as getSchemaProperty,
+  L as isFieldRequired,
+  b as mapLovItemsToOptions,
+  M as validateField
+};

package/dist/engine/types.d.ts

@@ -0,0 +1,155 @@
+export interface ComponentNode {
+    type: string;
+    children?: ComponentNode[];
+    [key: string]: unknown;
+}
+export interface BindableNode extends ComponentNode {
+    bind: string;
+    variant?: 'filled' | 'outlined';
+}
+export interface TextNode extends ComponentNode {
+    type: 'Text';
+    content: string | MultiLangText;
+    variant?: string;
+}
+export interface ForEachNode extends ComponentNode {
+    type: 'ForEach';
+    source: string;
+    as: string;
+    template: ComponentNode;
+}
+export interface NestedComponentNode extends ComponentNode {
+    type: 'Component';
+    ref: string;
+    bind?: string | Record<string, string>;
+}
+export type ButtonAction = 'submit' | 'cancel' | 'back';
+export interface ButtonNode extends ComponentNode {
+    type: 'Button';
+    label: string | MultiLangText;
+    variant?: 'filled' | 'outlined' | 'text' | 'elevated' | 'tonal';
+    icon?: string;
+    action: ButtonAction | ActionDescriptor;
+    command?: string;
+}
+export interface CardNode extends ComponentNode {
+    type: 'Card';
+    variant?: 'elevated' | 'filled' | 'outlined';
+    onTap?: ActionDescriptor | ActionDescriptor[];
+}
+export interface TabViewNode extends ComponentNode {
+    type: 'TabView';
+    tabs: TabDefinition[];
+}
+export interface TabDefinition {
+    title: string | MultiLangText;
+    icon?: string;
+    content: ComponentNode[];
+}
+export interface ActionDescriptor {
+    action: string;
+    bind?: string;
+    value?: unknown;
+}
+export interface MultiLangText {
+    [langCode: string]: string;
+}
+export interface SchemaProperty {
+    type?: string;
+    format?: string;
+    enum?: string[];
+    const?: unknown;
+    default?: unknown;
+    minimum?: number;
+    maximum?: number;
+    minLength?: number;
+    maxLength?: number;
+    pattern?: string;
+    'x-labels'?: MultiLangText;
+    'x-errorMessages'?: Record<string, MultiLangText>;
+    'x-lov'?: LovDefinition;
+    'x-lookup'?: LookupDefinition;
+    'x-enum'?: Record<string, MultiLangText>;
+    'x-binding'?: 'required' | 'optional';
+    'x-conditional'?: ConditionalDefinition;
+    'x-validation'?: ValidationDefinition;
+}
+export interface LookupDefinition {
+    source: string;
+    resultField: string;
+    filter?: LovFilterParam[];
+}
+export interface LovDefinition {
+    source: string;
+    valueField: string;
+    displayField: string;
+    filter?: LovFilterParam[];
+}
+export interface LovFilterParam {
+    param: string;
+    value: string;
+    required?: boolean;
+}
+export interface ConditionalDefinition {
+    showIf?: ConditionRule;
+    hideIf?: ConditionRule;
+    enableIf?: ConditionRule;
+    disableIf?: ConditionRule;
+}
+export interface ConditionRule {
+    field?: string;
+    operator?: string;
+    value?: unknown;
+    allOf?: ConditionRule[];
+    anyOf?: ConditionRule[];
+    not?: ConditionRule;
+}
+export interface ValidationDefinition {
+    rule: string;
+    parameters?: Record<string, unknown>;
+    errorMessages?: MultiLangText;
+}
+export interface DataSchema {
+    $id?: string;
+    title?: string;
+    description?: string;
+    type?: string;
+    required?: string[];
+    properties?: Record<string, SchemaProperty>;
+    allOf?: unknown[];
+}
+export interface ViewDefinition {
+    $schema: string;
+    dataSchema: string;
+    lookups?: string[];
+    uiState?: Record<string, unknown>;
+    view: ComponentNode;
+}
+export interface LovItem {
+    value: string;
+    display: string;
+    [key: string]: unknown;
+}
+export interface FormContext {
+    schema: DataSchema;
+    formData: Record<string, unknown>;
+    instanceData: Record<string, unknown>;
+    params: Record<string, unknown>;
+    uiState: Record<string, unknown>;
+    lovData: Record<string, LovItem[]>;
+    lookupData: Record<string, Record<string, unknown>>;
+    lang: string;
+    errors: Record<string, string>;
+}
+export type RequestDataFn = (ref: string, params?: Record<string, string>) => Promise<unknown>;
+export type LogLevel = 'debug' | 'info' | 'warn' | 'error';
+export interface PseudoViewDelegate {
+    requestData: RequestDataFn;
+    loadComponent(ref: string): Promise<{
+        schema: DataSchema;
+        view: ViewDefinition;
+    }>;
+    onAction(action: string, formData: Record<string, unknown>, command?: string): Promise<void>;
+    onValidationRequest?(field: string, value: unknown, formData: Record<string, unknown>): Promise<string | null>;
+    onLog?(level: LogLevel, message: string, error?: unknown, context?: Record<string, unknown>): void;
+}

package/dist/index.d.ts

@@ -0,0 +1 @@
+export * from './engine/index';

package/dist/index.js

@@ -0,0 +1,23 @@
+import { areRequiredFiltersMet as r, extractDynamicFilterFields as o, navigatePath as a, resolveExpression as i, resolveFilterParams as l, resolveMultiLang as s, resolveTextContent as n } from "./engine/expressionResolver.js";
+import { evaluateConditional as p } from "./engine/conditionalEngine.js";
+import { getEnumOptions as v, getFieldErrorMessage as F, getFieldLabel as g, getSchemaProperty as x, isFieldRequired as f, mapLovItemsToOptions as u, validateField as c } from "./engine/schemaResolver.js";
+import { fetchLookupData as h, fetchLovData as D } from "./engine/dataClient.js";
+export {
+  r as areRequiredFiltersMet,
+  p as evaluateConditional,
+  o as extractDynamicFilterFields,
+  h as fetchLookupData,
+  D as fetchLovData,
+  v as getEnumOptions,
+  F as getFieldErrorMessage,
+  g as getFieldLabel,
+  x as getSchemaProperty,
+  f as isFieldRequired,
+  u as mapLovItemsToOptions,
+  a as navigatePath,
+  i as resolveExpression,
+  l as resolveFilterParams,
+  s as resolveMultiLang,
+  n as resolveTextContent,
+  c as validateField
+};

package/dist/pseudo-ui.css

@@ -0,0 +1 @@
+.d-error-boundary[data-v-d8e1bfd2]{display:flex;align-items:center;padding:.75rem 1rem;border:1px solid var(--p-red-200);border-radius:8px;background:var(--p-red-50);color:var(--p-red-700);font-size:.875rem;margin:.5rem 0}.d-column[data-v-c6e3365d]{display:flex;flex-direction:column}.d-row[data-v-c6e3365d]{display:flex;flex-direction:row;flex-wrap:wrap}.d-wrap[data-v-c6e3365d]{display:flex;flex-wrap:wrap}.d-center[data-v-c6e3365d]{display:flex;align-items:center;justify-content:center}.d-scroll[data-v-c6e3365d]{overflow:auto;max-height:100%}.d-field[data-v-c6e3365d]{display:flex;flex-direction:column}.d-checkbox[data-v-c6e3365d]{flex-direction:row;align-items:center;gap:.5rem;flex-wrap:wrap}.checkbox-label[data-v-c6e3365d]{cursor:pointer;-webkit-user-select:none;user-select:none}.field-group-label[data-v-c6e3365d]{font-size:.875rem;font-weight:500;margin-bottom:.25rem;color:var(--p-text-color)}.d-radio-group[data-v-c6e3365d]{display:flex;gap:1rem;flex-wrap:wrap}.d-radio-item[data-v-c6e3365d]{display:flex;align-items:center;gap:.375rem}.d-radio-item label[data-v-c6e3365d]{cursor:pointer}.required-mark[data-v-c6e3365d]{color:var(--p-red-500)}.field-error[data-v-c6e3365d]{color:var(--p-red-500);font-size:.75rem;margin-top:.25rem}.d-card[data-v-c6e3365d]{transition:all .2s;border-radius:.75rem;overflow:hidden}.d-card--elevated[data-v-c6e3365d] .p-card{box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a}.d-card--filled[data-v-c6e3365d] .p-card{box-shadow:none;background:var(--p-surface-100, #f5f5f5);border:none}.d-card--outlined[data-v-c6e3365d] .p-card{box-shadow:none;background:transparent;border:1px solid var(--p-surface-200, #e5e5e5)}.d-card--selected[data-v-c6e3365d]{outline:2px solid var(--p-primary-color);outline-offset:-2px;background:var(--p-primary-50, rgba(103, 80, 164, .05))}.d-card--selected[data-v-c6e3365d] .p-card{background:var(--p-primary-50, rgba(103, 80, 164, .05))}.cursor-pointer[data-v-c6e3365d]{cursor:pointer}.cursor-pointer[data-v-c6e3365d]:hover{box-shadow:0 4px 12px #0000001f}.d-text--displayLarge[data-v-c6e3365d]{font-size:3.5rem;font-weight:400}.d-text--displayMedium[data-v-c6e3365d]{font-size:2.8rem;font-weight:400}.d-text--displaySmall[data-v-c6e3365d]{font-size:2.2rem;font-weight:400}.d-text--headlineLarge[data-v-c6e3365d]{font-size:2rem;font-weight:400}.d-text--headlineMedium[data-v-c6e3365d]{font-size:1.75rem;font-weight:400}.d-text--headlineSmall[data-v-c6e3365d]{font-size:1.5rem;font-weight:400}.d-text--titleLarge[data-v-c6e3365d]{font-size:1.375rem;font-weight:500}.d-text--titleMedium[data-v-c6e3365d]{font-size:1rem;font-weight:500;letter-spacing:.15px}.d-text--titleSmall[data-v-c6e3365d]{font-size:.875rem;font-weight:500;letter-spacing:.1px}.d-text--bodyLarge[data-v-c6e3365d]{font-size:1rem;font-weight:400}.d-text--bodyMedium[data-v-c6e3365d]{font-size:.875rem;font-weight:400}.d-text--bodySmall[data-v-c6e3365d]{font-size:.75rem;font-weight:400}.d-text--labelLarge[data-v-c6e3365d]{font-size:.875rem;font-weight:500}.d-text--labelMedium[data-v-c6e3365d]{font-size:.75rem;font-weight:500}.d-text--labelSmall[data-v-c6e3365d]{font-size:.6875rem;font-weight:500}.d-text[data-v-c6e3365d]{color:var(--p-text-color);margin:0}.material-icons[data-v-c6e3365d]{font-family:Material Icons,sans-serif;font-size:24px;display:inline-block;vertical-align:middle}.d-icon--sm[data-v-c6e3365d]{font-size:18px}.d-icon--md[data-v-c6e3365d]{font-size:24px}.d-icon--lg[data-v-c6e3365d]{font-size:36px}.d-switch[data-v-c6e3365d]{flex-direction:row;align-items:center;gap:.75rem}.switch-label[data-v-c6e3365d]{-webkit-user-select:none;user-select:none}.d-image[data-v-c6e3365d]{border-radius:.5rem}.d-badge-value[data-v-c6e3365d]{position:absolute;top:-6px;right:-6px;background:var(--p-red-500);color:#fff;font-size:.625rem;font-weight:700;min-width:18px;height:18px;line-height:18px;text-align:center;border-radius:9px;padding:0 4px}.d-loading[data-v-c6e3365d]{display:flex;align-items:center;gap:.5rem;padding:1rem;color:var(--p-text-muted-color)}.d-nested[data-v-c6e3365d]{width:100%}.d-tab-content[data-v-c6e3365d]{display:flex;flex-direction:column;gap:1rem;padding-top:1rem}.d-stack[data-v-c6e3365d]{position:relative}.d-grid[data-v-c6e3365d]{display:grid}.d-list-tile[data-v-c6e3365d]{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;border-bottom:1px solid var(--p-surface-200)}.d-list-tile__content[data-v-c6e3365d]{flex:1;display:flex;flex-direction:column;min-width:0}.d-list-tile__title[data-v-c6e3365d]{font-size:1rem;font-weight:500;color:var(--p-text-color)}.d-list-tile__subtitle[data-v-c6e3365d]{font-size:.875rem;color:var(--p-text-muted-color)}.d-avatar--sm[data-v-c6e3365d]{width:32px;height:32px}.d-avatar--lg[data-v-c6e3365d] .p-avatar{width:48px;height:48px;font-size:1.25rem}.d-avatar--xl[data-v-c6e3365d] .p-avatar{width:64px;height:64px;font-size:1.5rem}.d-richtext[data-v-c6e3365d]{margin:0;line-height:1.6}.font-bold[data-v-c6e3365d]{font-weight:700}.font-italic[data-v-c6e3365d]{font-style:italic}.d-expansion-content[data-v-c6e3365d]{display:flex;flex-direction:column;gap:.75rem;padding-top:.5rem}.d-step-content[data-v-c6e3365d]{display:flex;flex-direction:column;gap:.75rem;padding:1rem 0}.d-dialog-header[data-v-c6e3365d]{display:flex;align-items:center;gap:.5rem}.d-dialog-body[data-v-c6e3365d]{display:flex;flex-direction:column;gap:.75rem}.d-snackbar[data-v-c6e3365d]{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-radius:.5rem;min-height:48px;gap:1rem}.d-snackbar--standard[data-v-c6e3365d]{background:var(--p-surface-700);color:#fff}.d-snackbar--success[data-v-c6e3365d]{background:var(--p-green-600, #16a34a);color:#fff}.d-snackbar--error[data-v-c6e3365d]{background:var(--p-red-600, #dc2626);color:#fff}.d-snackbar--warning[data-v-c6e3365d]{background:var(--p-yellow-600, #ca8a04);color:#fff}.d-snackbar--info[data-v-c6e3365d]{background:var(--p-blue-600, #2563eb);color:#fff}.d-snackbar__text[data-v-c6e3365d]{flex:1;font-size:.875rem}.d-appbar[data-v-c6e3365d]{border-radius:0!important}.d-appbar__leading[data-v-c6e3365d]{margin-right:.5rem}.d-appbar__title[data-v-c6e3365d]{font-size:1.375rem;font-weight:500}.d-appbar__actions[data-v-c6e3365d]{display:flex;gap:.25rem}.d-nav-bar[data-v-c6e3365d]{display:flex;justify-content:space-around;background:var(--p-surface-0);border-top:1px solid var(--p-surface-200);padding:.5rem 0}.d-nav-bar__item[data-v-c6e3365d]{display:flex;flex-direction:column;align-items:center;gap:.25rem;cursor:pointer;padding:.25rem 1rem;border-radius:1rem;transition:all .2s;font-size:.75rem;color:var(--p-text-muted-color)}.d-nav-bar__item--active[data-v-c6e3365d]{color:var(--p-primary-color)}.d-nav-bar__item--active .material-icons[data-v-c6e3365d]{background:var(--p-primary-100, rgba(103,80,164,.12));border-radius:1rem;padding:.125rem .75rem}.d-nav-drawer[data-v-c6e3365d]{display:flex;flex-direction:column}.d-nav-drawer__header[data-v-c6e3365d]{padding:1rem 1rem .5rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--p-text-muted-color)}.d-nav-drawer__item[data-v-c6e3365d]{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;cursor:pointer;transition:background .15s;border-radius:2rem;margin:.125rem .5rem}.d-nav-drawer__item[data-v-c6e3365d]:hover{background:var(--p-surface-100)}.d-nav-drawer__badge[data-v-c6e3365d]{margin-left:auto;background:var(--p-red-500);color:#fff;font-size:.625rem;font-weight:700;min-width:18px;height:18px;line-height:18px;text-align:center;border-radius:9px;padding:0 4px}.d-toolbar__content[data-v-c6e3365d]{display:flex;gap:.5rem;align-items:center}.d-fab--small[data-v-c6e3365d]{width:40px!important;height:40px!important}.d-fab--large[data-v-c6e3365d]{width:96px!important;height:96px!important;font-size:2rem!important}

package/package.json

@@ -0,0 +1,57 @@
+{
+  "name": "@burgantech/pseudo-ui",
+  "version": "0.1.0",
+  "description": "Server-Driven UI rendering engine with framework adapters. JSON Schema + Pseudo UI → platform widgets.",
+  "type": "module",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    },
+    "./vue": {
+      "import": "./dist/adapters/vue/index.js",
+      "types": "./dist/adapters/vue/index.d.ts"
+    },
+    "./vue/style.css": "./dist/pseudo-ui.css",
+    "./vocabularies/view-vocabulary.json": "./vocabularies/view-vocabulary.json",
+    "./vocabularies/view-model-vocabulary.json": "./vocabularies/view-model-vocabulary.json"
+  },
+  "files": [
+    "dist",
+    "vocabularies",
+    "README.md"
+  ],
+  "scripts": {
+    "build": "vite build && vue-tsc --declaration --emitDeclarationOnly --outDir dist && npm run copy:vocabularies",
+    "copy:vocabularies": "mkdir -p vocabularies && cp ../../vocabularies/*.json vocabularies/",
+    "typecheck": "vue-tsc --noEmit",
+    "test": "vitest run",
+    "lint": "eslint src/"
+  },
+  "dependencies": {
+    "vue": "^3.5.0",
+    "primevue": "^4.5.0",
+    "@primeuix/themes": "^2.0.0",
+    "primeicons": "^7.0.0"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-vue": "^6.0.0",
+    "@vue/tsconfig": "^0.8.0",
+    "typescript": "~5.9.0",
+    "vite": "^7.3.0",
+    "vite-plugin-dts": "^4.5.0",
+    "vue-tsc": "^3.1.0"
+  },
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/burgan-tech/pseudo-ui.git",
+    "directory": "core/ts-pseudo-ui"
+  },
+  "license": "MIT"
+}