@portel/photon 1.4.1 → 1.6.0

package/dist/auto-ui/rendering/components.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components.js","sourceRoot":"","sources":["../../../src/auto-ui/rendering/components.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAaH;;;GAGG;AACH,MAAM,UAAU,oBAAoB;IAClC,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+YR,CAAC;AACF,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,oBAAoB;IAClC,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8VR,CAAC;AACF,CAAC"}

package/dist/auto-ui/rendering/field-analyzer.d.ts

@@ -0,0 +1,48 @@
+/**
+ * Field Analyzer - Smart detection of field semantics
+ *
+ * Analyzes object fields to determine their semantic meaning
+ * for automatic UI rendering (iOS/React Admin inspired).
+ */
+export interface FieldMapping {
+    title?: string;
+    subtitle?: string;
+    icon?: string;
+    badge?: string;
+    detail?: string;
+    link?: string;
+    id?: string;
+    date?: string;
+    boolean?: string;
+    remaining: string[];
+}
+export interface FieldTypeHint {
+    field: string;
+    type: 'email' | 'url' | 'date' | 'currency' | 'boolean' | 'code' | 'image' | 'text';
+}
+/**
+ * Analyze an object's fields to determine semantic mapping
+ */
+export declare function analyzeFields(data: object | object[]): FieldMapping;
+/**
+ * Detect field types from sample values
+ */
+export declare function detectFieldTypes(data: object | object[]): FieldTypeHint[];
+/**
+ * Check if a field value looks like an image URL or emoji
+ */
+export declare function isVisualField(value: any): boolean;
+/**
+ * Format a field name as a human-readable label
+ * camelCase -> Title Case, snake_case -> Title Case
+ */
+export declare function formatFieldLabel(field: string): string;
+/**
+ * Get the best display value for a field
+ */
+export declare function getDisplayValue(value: any, typeHint?: string): string;
+/**
+ * Generate JavaScript code for field analyzer (to embed in HTML)
+ */
+export declare function generateFieldAnalyzerJS(): string;
+//# sourceMappingURL=field-analyzer.d.ts.map

package/dist/auto-ui/rendering/field-analyzer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"field-analyzer.d.ts","sourceRoot":"","sources":["../../../src/auto-ui/rendering/field-analyzer.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,MAAM,WAAW,YAAY;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,EAAE,CAAC;CACrB;AAED,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,OAAO,GAAG,KAAK,GAAG,MAAM,GAAG,UAAU,GAAG,SAAS,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;CACrF;AAyBD;;GAEG;AACH,wBAAgB,aAAa,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,YAAY,CAgCnE;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,aAAa,EAAE,CA4CzE;AAED;;GAEG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,GAAG,GAAG,OAAO,CAajD;AAED;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAWtD;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,GAAG,EAAE,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAqBrE;AAED;;GAEG;AACH,wBAAgB,uBAAuB,IAAI,MAAM,CAuGhD"}

package/dist/auto-ui/rendering/field-analyzer.js

@@ -0,0 +1,270 @@
+/**
+ * Field Analyzer - Smart detection of field semantics
+ *
+ * Analyzes object fields to determine their semantic meaning
+ * for automatic UI rendering (iOS/React Admin inspired).
+ */
+// Patterns for semantic field detection
+const FIELD_PATTERNS = {
+    title: /^(name|title|label|displayName|heading|subject)$/i,
+    subtitle: /^(description|subtitle|summary|bio|about|tagline|ip|address|host|hostname|endpoint)$/i,
+    icon: /^(icon|avatar|image|photo|thumbnail|picture|logo)$/i,
+    badge: /^(status|state|type|role|category|kind|tag|level)$/i,
+    detail: /^(count|total|amount|price|value|size|quantity|score)$/i,
+    link: /^(url|link|href|website|homepage|uri)$/i,
+    id: /^(id|key|code|uuid|slug|_id)$/i,
+    date: /^(date|time|createdAt|updatedAt|created|updated|timestamp|.*At|.*Date|.*Time)$/i,
+    boolean: /^(is[A-Z]|has[A-Z]|can[A-Z]|should[A-Z]|enabled|disabled|active|visible|checked|selected)$/i,
+};
+// Patterns for type detection from field values
+const VALUE_PATTERNS = {
+    email: /^[^\s@]+@[^\s@]+\.[^\s@]+$/,
+    url: /^(https?:\/\/|www\.)/i,
+    isoDate: /^\d{4}-\d{2}-\d{2}(T\d{2}:\d{2}:\d{2})?/,
+    currency: /^\$?\d+(\.\d{2})?$/,
+    image: /\.(jpg|jpeg|png|gif|webp|svg|ico)(\?.*)?$/i,
+};
+/**
+ * Analyze an object's fields to determine semantic mapping
+ */
+export function analyzeFields(data) {
+    const sample = Array.isArray(data) ? data[0] : data;
+    if (!sample || typeof sample !== 'object') {
+        return { remaining: [] };
+    }
+    const fields = Object.keys(sample);
+    const mapping = { remaining: [] };
+    const assigned = new Set();
+    // First pass: match by field name patterns
+    for (const [slot, pattern] of Object.entries(FIELD_PATTERNS)) {
+        const match = fields.find((f) => pattern.test(f) && !assigned.has(f));
+        if (match) {
+            mapping[slot] = match;
+            assigned.add(match);
+        }
+    }
+    // Special case: if no subtitle but we have email, use it
+    if (!mapping.subtitle) {
+        const emailField = fields.find((f) => /email/i.test(f) && !assigned.has(f));
+        if (emailField) {
+            mapping.subtitle = emailField;
+            assigned.add(emailField);
+        }
+    }
+    // Collect remaining fields
+    mapping.remaining = fields.filter((f) => !assigned.has(f));
+    return mapping;
+}
+/**
+ * Detect field types from sample values
+ */
+export function detectFieldTypes(data) {
+    const sample = Array.isArray(data) ? data[0] : data;
+    if (!sample || typeof sample !== 'object') {
+        return [];
+    }
+    const hints = [];
+    for (const [field, value] of Object.entries(sample)) {
+        if (value === null || value === undefined)
+            continue;
+        // Boolean detection
+        if (typeof value === 'boolean') {
+            hints.push({ field, type: 'boolean' });
+            continue;
+        }
+        // String-based detection
+        if (typeof value === 'string') {
+            if (VALUE_PATTERNS.email.test(value)) {
+                hints.push({ field, type: 'email' });
+            }
+            else if (VALUE_PATTERNS.url.test(value)) {
+                hints.push({ field, type: 'url' });
+            }
+            else if (VALUE_PATTERNS.image.test(value)) {
+                hints.push({ field, type: 'image' });
+            }
+            else if (VALUE_PATTERNS.isoDate.test(value)) {
+                hints.push({ field, type: 'date' });
+            }
+            else if (VALUE_PATTERNS.currency.test(value)) {
+                hints.push({ field, type: 'currency' });
+            }
+            else {
+                hints.push({ field, type: 'text' });
+            }
+            continue;
+        }
+        // Number with currency-like field name
+        if (typeof value === 'number') {
+            if (/price|cost|amount|total|fee/i.test(field)) {
+                hints.push({ field, type: 'currency' });
+            }
+        }
+    }
+    return hints;
+}
+/**
+ * Check if a field value looks like an image URL or emoji
+ */
+export function isVisualField(value) {
+    if (typeof value !== 'string')
+        return false;
+    // Emoji detection (single emoji character or common emoji patterns)
+    const emojiRegex = /^[\p{Emoji}]$/u;
+    if (emojiRegex.test(value) || value.length <= 2) {
+        // Check if it's actually an emoji (simplified check)
+        const codePoint = value.codePointAt(0) || 0;
+        if (codePoint > 0x1f000)
+            return true;
+    }
+    // Image URL detection
+    return VALUE_PATTERNS.image.test(value) || VALUE_PATTERNS.url.test(value);
+}
+/**
+ * Format a field name as a human-readable label
+ * camelCase -> Title Case, snake_case -> Title Case
+ */
+export function formatFieldLabel(field) {
+    return (field
+        // camelCase to spaces
+        .replace(/([a-z])([A-Z])/g, '$1 $2')
+        // snake_case to spaces
+        .replace(/_/g, ' ')
+        // Capitalize first letter of each word
+        .replace(/\b\w/g, (c) => c.toUpperCase())
+        .trim());
+}
+/**
+ * Get the best display value for a field
+ */
+export function getDisplayValue(value, typeHint) {
+    if (value === null || value === undefined)
+        return '—';
+    if (typeof value === 'boolean')
+        return value ? '✓' : '✗';
+    if (typeof value === 'object')
+        return JSON.stringify(value);
+    // Date formatting
+    if (typeHint === 'date' && typeof value === 'string') {
+        try {
+            const date = new Date(value);
+            return date.toLocaleDateString();
+        }
+        catch {
+            return String(value);
+        }
+    }
+    // Currency formatting
+    if (typeHint === 'currency' && typeof value === 'number') {
+        return `$${value.toFixed(2)}`;
+    }
+    return String(value);
+}
+/**
+ * Generate JavaScript code for field analyzer (to embed in HTML)
+ */
+export function generateFieldAnalyzerJS() {
+    return `
+// Field Analyzer - Smart detection of field semantics
+const FIELD_PATTERNS = {
+  title: /^(name|title|label|displayName|heading|subject)$/i,
+  subtitle: /^(description|subtitle|summary|bio|about|tagline|ip|address|host|hostname|endpoint)$/i,
+  icon: /^(icon|avatar|image|photo|thumbnail|picture|logo)$/i,
+  badge: /^(status|state|type|role|category|kind|tag|level)$/i,
+  detail: /^(count|total|amount|price|value|size|quantity|score)$/i,
+  link: /^(url|link|href|website|homepage|uri)$/i,
+  id: /^(id|key|code|uuid|slug|_id)$/i,
+  date: /^(date|time|createdAt|updatedAt|created|updated|timestamp|.*At|.*Date|.*Time)$/i,
+  boolean: /^(is[A-Z]|has[A-Z]|can[A-Z]|should[A-Z]|enabled|disabled|active|visible|checked|selected)$/i,
+};
+
+const VALUE_PATTERNS = {
+  email: /^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/,
+  url: /^(https?:\\/\\/|www\\.)/i,
+  isoDate: /^\\d{4}-\\d{2}-\\d{2}(T\\d{2}:\\d{2}:\\d{2})?/,
+  currency: /^\\$?\\d+(\\.\\d{2})?$/,
+  image: /\\.(jpg|jpeg|png|gif|webp|svg|ico)(\\?.*)?$/i,
+};
+
+function analyzeFields(data) {
+  const sample = Array.isArray(data) ? data[0] : data;
+  if (!sample || typeof sample !== 'object') {
+    return { remaining: [] };
+  }
+
+  const fields = Object.keys(sample);
+  const mapping = { remaining: [] };
+  const assigned = new Set();
+
+  for (const [slot, pattern] of Object.entries(FIELD_PATTERNS)) {
+    const match = fields.find(f => pattern.test(f) && !assigned.has(f));
+    if (match) {
+      mapping[slot] = match;
+      assigned.add(match);
+    }
+  }
+
+  if (!mapping.subtitle) {
+    const emailField = fields.find(f => /email/i.test(f) && !assigned.has(f));
+    if (emailField) {
+      mapping.subtitle = emailField;
+      assigned.add(emailField);
+    }
+  }
+
+  mapping.remaining = fields.filter(f => !assigned.has(f));
+  return mapping;
+}
+
+function detectFieldTypes(data) {
+  const sample = Array.isArray(data) ? data[0] : data;
+  if (!sample || typeof sample !== 'object') return [];
+
+  const hints = [];
+  for (const [field, value] of Object.entries(sample)) {
+    if (value === null || value === undefined) continue;
+    if (typeof value === 'boolean') {
+      hints.push({ field, type: 'boolean' });
+    } else if (typeof value === 'string') {
+      if (VALUE_PATTERNS.email.test(value)) hints.push({ field, type: 'email' });
+      else if (VALUE_PATTERNS.url.test(value)) hints.push({ field, type: 'url' });
+      else if (VALUE_PATTERNS.image.test(value)) hints.push({ field, type: 'image' });
+      else if (VALUE_PATTERNS.isoDate.test(value)) hints.push({ field, type: 'date' });
+      else hints.push({ field, type: 'text' });
+    } else if (typeof value === 'number' && /price|cost|amount|total|fee/i.test(field)) {
+      hints.push({ field, type: 'currency' });
+    }
+  }
+  return hints;
+}
+
+function isVisualField(value) {
+  if (typeof value !== 'string') return false;
+  const codePoint = value.codePointAt(0) || 0;
+  if (codePoint > 0x1F000 && value.length <= 2) return true;
+  return VALUE_PATTERNS.image.test(value) || VALUE_PATTERNS.url.test(value);
+}
+
+function formatFieldLabel(field) {
+  return field
+    .replace(/([a-z])([A-Z])/g, '$1 $2')
+    .replace(/_/g, ' ')
+    .replace(/\\b\\w/g, c => c.toUpperCase())
+    .trim();
+}
+
+function getDisplayValue(value, typeHint) {
+  if (value === null || value === undefined) return '—';
+  if (typeof value === 'boolean') return value ? '✓' : '✗';
+  if (typeof value === 'object') return JSON.stringify(value);
+  if (typeHint === 'date' && typeof value === 'string') {
+    try { return new Date(value).toLocaleDateString(); } catch { return String(value); }
+  }
+  if (typeHint === 'currency' && typeof value === 'number') {
+    return '$' + value.toFixed(2);
+  }
+  return String(value);
+}
+`;
+}
+//# sourceMappingURL=field-analyzer.js.map

package/dist/auto-ui/rendering/field-analyzer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"field-analyzer.js","sourceRoot":"","sources":["../../../src/auto-ui/rendering/field-analyzer.ts"],"names":[],"mappings":"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"}

package/dist/auto-ui/rendering/field-renderers.d.ts

@@ -0,0 +1,64 @@
+/**
+ * Field Renderers - Type-specific value rendering
+ *
+ * Provides specialized renderers for different field types:
+ * - Email (mailto link)
+ * - URL (clickable link)
+ * - Date (formatted)
+ * - Currency ($X.XX)
+ * - Boolean (checkmark)
+ * - Badge (status pill)
+ * - Code (syntax highlighted)
+ */
+export type FieldRendererType = 'text' | 'email' | 'url' | 'link' | 'date' | 'currency' | 'boolean' | 'badge' | 'code' | 'image';
+export interface FieldRendererOptions {
+    escapeHtml: (str: string) => string;
+    locale?: string;
+    currency?: string;
+    dateFormat?: 'short' | 'medium' | 'long' | 'relative';
+}
+/**
+ * Render a field value based on its type
+ */
+export declare function renderField(value: any, type: FieldRendererType, options: FieldRendererOptions): string;
+/**
+ * Render email as mailto link
+ */
+export declare function renderEmail(value: any, escapeHtml: (s: string) => string): string;
+/**
+ * Render URL as clickable link
+ */
+export declare function renderUrl(value: any, escapeHtml: (s: string) => string): string;
+/**
+ * Render date with formatting
+ */
+export declare function renderDate(value: any, format: 'short' | 'medium' | 'long' | 'relative', locale: string): string;
+/**
+ * Render number as currency
+ */
+export declare function renderCurrency(value: any, currency: string, locale: string): string;
+/**
+ * Render boolean as checkmark
+ */
+export declare function renderBoolean(value: any): string;
+/**
+ * Render value as status badge
+ */
+export declare function renderBadge(value: any, escapeHtml: (s: string) => string): string;
+/**
+ * Render value as code
+ */
+export declare function renderCode(value: any, escapeHtml: (s: string) => string): string;
+/**
+ * Render value as image
+ */
+export declare function renderImage(value: any, escapeHtml: (s: string) => string): string;
+/**
+ * Generate CSS for field renderers
+ */
+export declare function generateFieldRendererCSS(): string;
+/**
+ * Generate JavaScript for field renderers (to embed in HTML)
+ */
+export declare function generateFieldRenderersJS(): string;
+//# sourceMappingURL=field-renderers.d.ts.map

package/dist/auto-ui/rendering/field-renderers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"field-renderers.d.ts","sourceRoot":"","sources":["../../../src/auto-ui/rendering/field-renderers.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,MAAM,MAAM,iBAAiB,GACzB,MAAM,GACN,OAAO,GACP,KAAK,GACL,MAAM,GACN,MAAM,GACN,UAAU,GACV,SAAS,GACT,OAAO,GACP,MAAM,GACN,OAAO,CAAC;AAEZ,MAAM,WAAW,oBAAoB;IACnC,UAAU,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;IACpC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,MAAM,GAAG,UAAU,CAAC;CACvD;AAED;;GAEG;AACH,wBAAgB,WAAW,CACzB,KAAK,EAAE,GAAG,EACV,IAAI,EAAE,iBAAiB,EACvB,OAAO,EAAE,oBAAoB,GAC5B,MAAM,CA6BR;AAED;;GAEG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,GAAG,EAAE,UAAU,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,GAAG,MAAM,CAGjF;AAED;;GAEG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,GAAG,EAAE,UAAU,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,GAAG,MAAM,CAO/E;AAED;;GAEG;AACH,wBAAgB,UAAU,CACxB,KAAK,EAAE,GAAG,EACV,MAAM,EAAE,OAAO,GAAG,QAAQ,GAAG,MAAM,GAAG,UAAU,EAChD,MAAM,EAAE,MAAM,GACb,MAAM,CAwCR;AAED;;GAEG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,CAYnF;AAED;;GAEG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,GAAG,GAAG,MAAM,CAKhD;AAED;;GAEG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,GAAG,EAAE,UAAU,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,GAAG,MAAM,CAgBjF;AAED;;GAEG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,GAAG,EAAE,UAAU,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,GAAG,MAAM,CAGhF;AAED;;GAEG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,GAAG,EAAE,UAAU,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,GAAG,MAAM,CAGjF;AAED;;GAEG;AACH,wBAAgB,wBAAwB,IAAI,MAAM,CAqFjD;AAED;;GAEG;AACH,wBAAgB,wBAAwB,IAAI,MAAM,CA4DjD"}