@walkeros/explorer 0.0.8 → 0.3.0

package/dist/index.d.mts

@@ -1,243 +0,0 @@
-import { Destination } from '@walkeros/core';
-
-interface ComponentAPI {
-    id: string;
-    mount(): void;
-    unmount(): void;
-    destroy(): void;
-    on(event: string, handler: Function): () => void;
-    emit(event: string, data?: unknown): void;
-    getElement(): HTMLElement | null;
-    getShadowRoot(): ShadowRoot | null;
-    getContentRoot(): HTMLElement | ShadowRoot;
-    injectCSS(css: string, id?: string): void;
-}
-
-/**
- * LiveCodeJS Component - JavaScript evaluation with context injection
- *
- * Features:
- * - Single JavaScript editor with syntax highlighting
- * - Direct evaluation results (no iframe)
- * - Context injection for functions like getMappingValue
- * - Two-panel layout (editor + results)
- * - Automatic evaluation with debouncing
- */
-
-interface LiveCodeJSOptions {
-    initCode?: string;
-    context?: Record<string, unknown>;
-    layout?: 'horizontal' | 'vertical';
-    autoEvaluate?: boolean;
-    evaluationDelay?: number;
-    height?: string;
-    showHeader?: boolean;
-    title?: string;
-    autoReturn?: boolean;
-}
-interface LiveCodeJSAPI extends ComponentAPI {
-    getCode(): string;
-    setCode(code: string): void;
-    setContext(context: Record<string, unknown>): void;
-    evaluate(): void;
-    clear(): void;
-    getResults(): any[];
-    setLayout(layout: 'horizontal' | 'vertical'): void;
-    getLayout(): string;
-}
-/**
- * Create a LiveCodeJS component
- */
-declare function createLiveCodeJS(elementOrSelector: HTMLElement | string, options?: LiveCodeJSOptions): LiveCodeJSAPI;
-
-type SupportedLanguage = 'javascript' | 'html' | 'css' | 'json' | 'typescript' | 'text';
-
-/**
- * CodeEditor Component - Interactive code editor with syntax highlighting
- *
- * Features:
- * - Syntax highlighting for multiple languages
- * - Live editing with change events
- * - Copy to clipboard functionality
- * - Theme-aware styling
- * - Functional factory pattern
- */
-
-interface CodeEditorOptions {
-    language?: SupportedLanguage;
-    value?: string;
-    placeholder?: string;
-    readOnly?: boolean;
-    tabSize?: number;
-    fontSize?: string;
-    height?: string;
-    maxHeight?: string;
-    onChange?: (value: string, language: SupportedLanguage) => void;
-    onLanguageChange?: (language: SupportedLanguage) => void;
-}
-interface CodeEditorAPI extends ComponentAPI {
-    getValue(): string;
-    setValue(value: string): void;
-    getLanguage(): SupportedLanguage;
-    setLanguage(language: SupportedLanguage): void;
-    focus(): void;
-    selectAll(): void;
-    insertText(text: string): void;
-    getSelection(): {
-        start: number;
-        end: number;
-        text: string;
-    };
-}
-/**
- * Create a CodeEditor component
- */
-declare function createCodeEditor(elementOrSelector: HTMLElement | string, options?: CodeEditorOptions): CodeEditorAPI;
-
-/**
- * ResultDisplay Component - Display execution results, logs, and errors
- *
- * Features:
- * - Multiple result types (value, error, log)
- * - JSON formatting and syntax highlighting
- * - Collapsible sections
- * - Copy functionality
- * - Theme-aware styling
- * - Functional factory pattern
- */
-
-type ResultType = 'value' | 'error' | 'log' | 'warning' | 'info';
-interface ResultItem {
-    type: ResultType;
-    content: unknown;
-    timestamp?: number;
-    label?: string;
-    metadata?: Record<string, unknown>;
-}
-interface ResultDisplayOptions {
-    maxResults?: number;
-    collapsible?: boolean;
-    autoScroll?: boolean;
-    height?: string;
-    onCopy?: (content: string) => void;
-    onClear?: () => void;
-}
-interface ResultDisplayAPI extends ComponentAPI {
-    addResult(result: ResultItem): void;
-    addValue(value: unknown, label?: string): void;
-    addError(error: Error | string, label?: string): void;
-    addLog(message: string, label?: string): void;
-    addWarning(message: string, label?: string): void;
-    addInfo(message: string, label?: string): void;
-    clear(): void;
-    getResults(): ResultItem[];
-    setResults(results: ResultItem[]): void;
-}
-/**
- * Create a ResultDisplay component
- */
-declare function createResultDisplay(elementOrSelector: HTMLElement | string, options?: ResultDisplayOptions): ResultDisplayAPI;
-
-/**
- * MultiColumnLayout - Reusable multi-column layout component
- *
- * Features:
- * - Configurable column count and titles
- * - Unified styling with existing explorer components
- * - Shadow DOM support for CSS isolation
- * - Consistent theming and layout behavior
- * - Based on proven LiveCodeBase architecture
- */
-
-interface MultiColumnLayoutAPI extends ComponentAPI {
-    getColumnElement(index: number): HTMLElement | null;
-    getColumnContentElement(index: number): HTMLElement | null;
-    setLayout(layout: 'horizontal' | 'vertical'): void;
-    getLayout(): string;
-}
-
-/**
- * Destination Component - Three-column layout for Event, Mapping, and Result
- *
- * Features:
- * - Three-column layout with Event, Mapping, and Result
- * - Two CodeEditor components for JSON input
- * - Live walkerOS collector integration with custom destination
- * - Real destination processing with mapping transformations
- * - Wrap function to capture destination calls and display results
- * - Theme-aware styling with shadow DOM support
- */
-
-interface DestinationOptions {
-    height?: string;
-    showHeader?: boolean;
-    title?: string;
-    initialEvent?: string;
-    initialMapping?: string;
-    updateDelay?: number;
-    destination?: Destination.Instance;
-}
-interface CapturedResult {
-    type?: string;
-    mappingRule?: string;
-    data?: unknown;
-    event?: unknown;
-    message?: string;
-    [key: string]: unknown;
-}
-interface DestinationAPI extends MultiColumnLayoutAPI {
-    getEventData(): string;
-    setEventData(data: string): void;
-    getMappingData(): string;
-    setMappingData(data: string): void;
-    getResults(): CapturedResult[];
-    refresh(): void;
-    clear(): void;
-}
-/**
- * Create a Destination component
- */
-declare function createDestination(elementOrSelector: HTMLElement | string, options?: DestinationOptions): DestinationAPI;
-
-/**
- * JavaScript Evaluation Utilities
- *
- * Provides safe JavaScript evaluation with context injection
- * and result formatting for explorer components.
- */
-interface EvaluationContext {
-    [key: string]: unknown;
-}
-interface EvaluationResult {
-    success: boolean;
-    result?: unknown;
-    error?: string;
-    executionTime?: number;
-}
-interface EvaluationOptions {
-    autoReturn?: boolean;
-}
-/**
- * Safely evaluate JavaScript code with injected context
- */
-declare function evaluateJavaScript(code: string, context?: EvaluationContext, options?: EvaluationOptions): Promise<EvaluationResult>;
-/**
- * Format evaluation result for display
- */
-declare function formatEvaluationResult(result: unknown): string;
-/**
- * Create a safe evaluation context with common utilities
- */
-declare function createSafeContext(additionalContext?: EvaluationContext): EvaluationContext;
-
-/**
- * WalkerOS Explorer - LiveCodeJS Component
- *
- * JavaScript evaluation component with context injection
- * Zero dependencies, framework-agnostic
- */
-
-declare const version = "1.0.0";
-declare const name = "@walkeros/explorer";
-
-export { type CodeEditorAPI, type CodeEditorOptions, type ComponentAPI, type DestinationAPI, type DestinationOptions, type EvaluationContext, type EvaluationOptions, type EvaluationResult, type LiveCodeJSAPI, type LiveCodeJSOptions, type ResultDisplayAPI, type ResultDisplayOptions, type ResultItem, type ResultType, createCodeEditor, createDestination, createLiveCodeJS, createResultDisplay, createSafeContext, evaluateJavaScript, formatEvaluationResult, name, version };

package/serve.js

@@ -1,52 +0,0 @@
-#!/usr/bin/env node
-// Simple HTTP server to serve the walkerOS Explorer demo
-const http = require('http');
-const fs = require('fs');
-const path = require('path');
-
-const port = process.env.PORT || 3002;
-
-const mimeTypes = {
-  '.html': 'text/html',
-  '.js': 'application/javascript',
-  '.mjs': 'application/javascript',
-  '.cjs': 'application/javascript',
-  '.css': 'text/css',
-  '.json': 'application/json',
-  '.map': 'application/json',
-};
-
-const server = http.createServer((req, res) => {
-  let filePath = req.url === '/' ? '/index.html' : req.url;
-  filePath = path.join(__dirname, filePath);
-
-  const extname = path.extname(filePath);
-  const contentType = mimeTypes[extname] || 'application/octet-stream';
-
-  fs.readFile(filePath, (err, content) => {
-    if (err) {
-      if (err.code === 'ENOENT') {
-        res.writeHead(404);
-        res.end('File not found');
-      } else {
-        res.writeHead(500);
-        res.end('Server error: ' + err.code);
-      }
-    } else {
-      res.writeHead(200, { 'Content-Type': contentType });
-      res.end(content, 'utf-8');
-    }
-  });
-});
-
-server.listen(port, () => {
-  console.log(`🚀 walkerOS Explorer Demo Server running at:`);
-  console.log(`   http://localhost:${port}`);
-  console.log(`\n📋 Available demos:`);
-  console.log(`   • Main Demo: http://localhost:${port}/index.html`);
-  console.log(`   • Built files available at: http://localhost:${port}/dist/`);
-  console.log(
-    `\n🎯 Test all Phase 1 components interactively in your browser!`,
-  );
-  console.log(`\n⚡ Press Ctrl+C to stop the server`);
-});