plusui-native-core 0.1.91 → 0.1.95

package/Core/Features/API/browser-api.ts

@@ -18,8 +18,6 @@
  *   browser.canGoBack()           - Check if back navigation is possible
  *   browser.canGoForward()        - Check if forward navigation is possible
  *   browser.isLoading()           - Check if a page is currently loading
- *   browser.emit(name, payload)   - Send a message on a browser feature channel
- *   browser.on(name, cb)          - Listen on a browser feature channel
  *
  * Events:
  *   browser.onNavigate(cb)        - Fires when navigation occurs (URL change)

package/Core/Features/API/index.ts

@@ -1,216 +1,110 @@
 /**
- * PlusUI API - Unified Entry Point
- *
- * TWO DISTINCT PATTERNS:
- *
- * 1. BUILT-IN FEATURES - Direct methods only (NO .on/.emit)
- *    window.setTitle('My App');
- *    window.minimize();
- *    clipboard.setText('hello');
- *    window.onResize((size) => { ... });
- *
- * 2. CUSTOM CHANNELS - Use .on() and .emit()
- *    const search = createChannel('search');
- *    search.emit({ query: 'test' });
- *    search.on((result) => { ... });
- *
- * The `plusui connect` CLI scans your codebase for name.on() and name.emit()
- * and generates typed channel objects for both frontend and backend.
+ * PlusUI API - Simple & Direct
+ * 
+ * window.show(), window.hide(), window.close()
+ * window.maximize(), window.minimize(), window.restore()
+ * window.setSize(w, h), window.setSize(x, y)
+ * window.setTitle(title), window.center()
  */
 
-// ============================================================
-// INTERNAL: Initialize Native Bridge Polyfill
-// ============================================================
 if (typeof window !== 'undefined') {
   const win = window as any;
   if (!win.__invoke__) {
-    const pendingPromises = new Map<string, { resolve: (val: any) => void; reject: (err: any) => void }>();
     let callId = 0;
+    const pending = new Map<string, { resolve: (v: any) => void; reject: (e: any) => void }>();
 
     win.__response__ = function (id: string, result: any, error?: any) {
-      if (pendingPromises.has(id)) {
-        const { resolve, reject } = pendingPromises.get(id)!;
-        pendingPromises.delete(id);
-        if (error) {
-          reject(new Error(error));
-        } else {
-          resolve(result);
-        }
+      const p = pending.get(id);
+      if (p) {
+        pending.delete(id);
+        error ? p.reject(new Error(error)) : p.resolve(result);
       }
     };
 
     win.__invoke__ = function (method: string, params: any[] = []): Promise<any> {
       if (!win.__native_invoke__) {
-        console.warn(`[PlusUI] API not initialized: __native_invoke__ missing. Running in mock mode for '${method}'.`);
         return Promise.resolve(null);
       }
       return new Promise((resolve, reject) => {
         const id = String(++callId);
-        pendingPromises.set(id, { resolve, reject });
-
+        pending.set(id, { resolve, reject });
         try {
-          const payload = JSON.stringify({
-            jsonrpc: '2.0',
-            id,
-            method,
-            params
-          });
-          win.__native_invoke__(payload);
-        } catch (err) {
-          pendingPromises.delete(id);
-          reject(err);
+          win.__native_invoke__(JSON.stringify({ id, method, params }));
+        } catch (e) {
+          pending.delete(id);
+          reject(e);
         }
       });
     };
   }
 }
 
-// ============================================================
-// BUILT-IN FEATURES - Direct methods only (NO .on/.emit)
-// Each feature has its own dedicated API file in this directory.
-// ============================================================
-
 export { window } from './window-api';
 export { clipboard } from './clipboard-api';
+export { app } from './app-api';
+export { browser } from './browser-api';
+export { router } from './router-api';
 export { keyboard, KeyCode, KeyMod } from './keyboard-api';
 export { tray } from './tray-api';
 export { display } from './display-api';
-export { fileDrop } from './filedrop-api';
+export { fileDrop, formatFileSize } from './filedrop-api';
 export { menu } from './menu-api';
-export { app } from './app-api';
 export { gpu, GPUBufferUsage, GPUTextureUsage, GPUMapMode, GPUShaderStage, GPUColorWrite } from './webgpu-api';
-export { browser } from './browser-api';
-export { router } from './router-api';
-
-// ============================================================
-// CUSTOM CHANNELS - For user-defined events (uses .on/.emit)
-// ============================================================
 
-export {
-  connect,
-  createChannel,
-  createFeatureConnect,
-  type Channel
-} from './Connect_API';
-
-// Internal export for connection generator
+export { connect, createChannel, type Channel } from './Connect_API';
 export { _client } from '../Connection/connect';
 
-// ============================================================
-// TYPES - Re-exported for convenience
-// ============================================================
-
-export type {
-  WindowSize,
-  WindowPosition,
-  WindowRect,
-  WindowState,
-  WindowId
-} from './window-api';
-
+export type { WindowSize, WindowPosition, WindowRect } from './window-api';
 export type { ClipboardAPI } from './clipboard-api';
-
-export type {
-  KeyEvent,
-  Shortcut,
-  KeyEventCallback,
-  ShortcutCallback,
-} from './keyboard-api';
-
+export type { KeyEvent, Shortcut } from './keyboard-api';
 export type { TrayMenuItem, TrayIconData } from './tray-api';
-
-export type {
-  Display,
-  DisplayMode,
-  DisplayBounds,
-  DisplayResolution
-} from './display-api';
-
-export type { FileInfo, DragEvent, FileDropAPI } from './filedrop-api';
-
-export type {
-  MenuItem,
-  MenuItemType,
-  MenuBarData,
-  ContextMenuOptions,
-  ContextInfo
-} from './menu-api';
-
+export type { Display, DisplayMode, DisplayBounds, DisplayResolution } from './display-api';
+export type { FileInfo, FileDropAPI } from './filedrop-api';
+export type { MenuItem, MenuItemType, MenuBarData, ContextMenuOptions, ContextInfo } from './menu-api';
 export type { AppConfig } from './app-api';
-
-export type {
-  GPUAdapter,
-  GPUDevice,
-  GPUBuffer,
-  GPUTexture,
-  GPUShaderModule,
-  GPURenderPipeline,
-  GPUComputePipeline,
-  GPUQueue,
-  GPUCommandEncoder
-} from './webgpu-api';
-
-export type {
-  BrowserState,
-  NavigateCallback,
-  StateCallback,
-  LoadCallback,
-  ErrorCallback,
-} from './browser-api';
-
+export type { GPUAdapter, GPUDevice, GPUBuffer, GPUTexture, GPUShaderModule, GPURenderPipeline, GPUComputePipeline, GPUQueue, GPUCommandEncoder } from './webgpu-api';
+export type { BrowserState, NavigateCallback, StateCallback, LoadCallback, ErrorCallback } from './browser-api';
 export type { RouteMap, RouteChangeCallback, RouteConfig } from './router-api';
 
-// ============================================================
-// HELPER FUNCTIONS
-// ============================================================
-
-export {
-  readFileAsText,
-  readFileAsDataUrl,
-  filterFilesByExtension,
-  filterFilesByMimeType,
-  isImageFile,
-  isVideoFile,
-  isAudioFile,
-  isTextFile,
-  formatFileSize
-} from './filedrop-api';
-
-// ============================================================
-// DEFAULT EXPORT - For `import plusui from 'plusui'` convenience
-// ============================================================
+export { readFileAsText, readFileAsDataUrl, filterFilesByExtension, filterFilesByMimeType, isImageFile, isVideoFile, isAudioFile, isTextFile } from './filedrop-api';
 
 import { window } from './window-api';
 import { clipboard } from './clipboard-api';
-import { keyboard } from './keyboard-api';
+import { app } from './app-api';
+import { browser } from './browser-api';
+import { router } from './router-api';
+import { keyboard, KeyCode, KeyMod } from './keyboard-api';
 import { tray } from './tray-api';
 import { display } from './display-api';
 import { fileDrop, formatFileSize } from './filedrop-api';
 import { menu } from './menu-api';
-import { app } from './app-api';
-import { gpu } from './webgpu-api';
-import { browser } from './browser-api';
-import { router } from './router-api';
-import { connect, createChannel, createFeatureConnect } from './Connect_API';
+import { gpu, GPUBufferUsage, GPUTextureUsage, GPUMapMode, GPUShaderStage, GPUColorWrite } from './webgpu-api';
+import { connect, createChannel } from './Connect_API';
 
 const plusui = {
   window,
-  win: window, // Alias for backward compatibility
+  win: window,
   clipboard,
+  app,
+  api: app,
+  browser,
+  router,
   keyboard,
   tray,
   display,
   fileDrop,
   menu,
-  app,
-  api: app,
   gpu,
-  browser,
-  router,
   connect,
   createChannel,
-  createFeatureConnect,
-  formatFileSize
+  formatFileSize,
+  KeyCode,
+  KeyMod,
+  GPUBufferUsage,
+  GPUTextureUsage,
+  GPUMapMode,
+  GPUShaderStage,
+  GPUColorWrite,
 };
 
 export default plusui;

package/Core/Features/API/window-api.ts

@@ -1,52 +1,7 @@
-/**
- * Window API
- *
- * Controls native window behavior: visibility, size, position, decorations, and events.
- *
- * Actions:
- *   window.show()           - Make the window visible
- *   window.hide()           - Hide the window
- *   window.minimize()       - Minimize to taskbar
- *   window.maximize()       - Maximize to screen
- *   window.restore()        - Restore from minimized/maximized
- *   window.close()          - Close the window
- *   window.center()         - Center on screen
- *   window.focus()          - Bring to front and focus
- *   window.setTitle(title)  - Set the title bar text
- *   window.setSize(w, h)    - Resize the window
- *   window.setPosition(x,y) - Move the window
- *   window.setFullscreen(b) - Enter/exit fullscreen
- *   window.setAlwaysOnTop(b)- Pin above other windows
- *   window.setResizable(b)  - Allow/disallow resizing
- *   window.setDecorations(b)- Show/hide title bar and borders
- *   window.setTransparency(a)- Set window opacity (0–1)
- *   window.setIcon(path)    - Set the window icon
- *   window.getSize()        - Get current size
- *   window.getPosition()    - Get current position
- *   window.getRect()        - Get position + size together
- *   window.getState()       - Get full window state
- *   window.isMaximized()    - Check if maximized
- *   window.isMinimized()    - Check if minimized
- *   window.isVisible()      - Check if visible
- *
- * Events:
- *   window.onResize(cb)     - Fires when window is resized
- *   window.onMove(cb)       - Fires when window is moved
- *   window.onClose(cb)      - Fires when window is closed
- *   window.onFocus(cb)      - Fires when focus changes
- *   window.onStateChange(cb)- Fires on any state change
- *   window.onMinimize(cb)   - Fires when minimized
- *   window.onMaximize(cb)   - Fires when maximized
- *   window.onRestore(cb)    - Fires when restored
- *   window.onFileDrop(cb)   - Fires when files are dropped onto window
- */
-
-export type {
-  WindowSize,
-  WindowPosition,
-  WindowRect,
-  WindowState,
-  WindowId,
-} from '../Window/window';
-
-export { window } from '../Window/window';
+/**
+ * Window API
+ * Simple, direct window control - no events, just methods.
+ */
+
+export type { WindowSize, WindowPosition, WindowRect } from '../Window/window';
+export { window } from '../Window/window';

package/Core/Features/Browser/browser.ts

@@ -1,5 +1,3 @@
-import { plusui } from "@plusui";
-
 export interface BrowserState {
   url: string;
   title: string;
@@ -37,10 +35,6 @@ const _loadStartCallbacks: LoadCallback[] = [];
 const _loadEndCallbacks: LoadCallback[] = [];
 const _loadErrorCallbacks: ErrorCallback[] = [];
 let _currentState: BrowserState = { url: '', title: '', canGoBack: false, canGoForward: false, isLoading: false };
-let _routes: Record<string, string> = {};
-let _currentRoute: string = '/';
-const browserFeatureEvents = connect.feature('browser');
-const routerFeatureEvents = connect.feature('router');
 
 // Setup event listeners from native backend
 if (typeof window !== 'undefined') {
@@ -67,16 +61,6 @@ if (typeof window !== 'undefined') {
 }
 
 export const browser = {
-  connect: browserFeatureEvents,
-
-  on: <TData = unknown>(name: string, callback: (payload: TData) => void): (() => void) => {
-    return browserFeatureEvents.on<TData>(name, callback);
-  },
-
-  emit: <TIn = Record<string, unknown>>(name: string, payload: TIn): void => {
-    browserFeatureEvents.emit<TIn>(name, payload);
-  },
-
   async navigate(url: string): Promise<void> {
     await invoke('browser.navigate', [url]);
   },
@@ -174,46 +158,4 @@ export const browser = {
   }
 };
 
-export const router = {
-  connect: routerFeatureEvents,
-
-  on: <TData = unknown>(name: string, callback: (payload: TData) => void): (() => void) => {
-    return routerFeatureEvents.on<TData>(name, callback);
-  },
-
-  emit: <TIn = Record<string, unknown>>(name: string, payload: TIn): void => {
-    routerFeatureEvents.emit<TIn>(name, payload);
-  },
-
-  setRoutes(routes: Record<string, string>): void {
-    _routes = routes;
-  },
-
-  getRoutes(): Record<string, string> {
-    return { ..._routes };
-  },
-
-  async push(route: string): Promise<void> {
-    _currentRoute = route;
-    const url = _routes[route] || route;
-    await browser.navigate(url);
-  },
-
-  async replace(route: string): Promise<void> {
-    _currentRoute = route;
-    const url = _routes[route] || route;
-    await browser.navigate(url);
-  },
-
-  getCurrentRoute(): string {
-    return _currentRoute;
-  },
-
-  async setInitialRoute(route: string): Promise<void> {
-    _currentRoute = route;
-    const url = _routes[route] || route;
-    await browser.navigate(url);
-  }
-};
-
-export default { browser, router };
+export default browser;

package/Core/Features/Router/router.ts

@@ -1,4 +1,3 @@
-import { connect } from '../Connection/connect';
 import type { WindowId } from '../Window/window';
 
 // ─── Types ───────────────────────────────────────────────────────────────────
@@ -20,8 +19,6 @@ let _routes: RouteMap = {};
 let _currentRoutes: Record<string, string> = {}; // windowId → current route
 const _routeChangeCallbacks: RouteChangeCallback[] = [];
 
-const routerFeatureEvents = connect.feature('router');
-
 // ─── Bridge ──────────────────────────────────────────────────────────────────
 
 export function setInvokeFn(fn: (method: string, args?: unknown[]) => Promise<unknown>) {
@@ -52,16 +49,6 @@ if (typeof window !== 'undefined') {
 // ─── Router API ──────────────────────────────────────────────────────────────
 
 export const router = {
-    connect: routerFeatureEvents,
-
-    on: <TData = unknown>(name: string, callback: (payload: TData) => void): (() => void) => {
-        return routerFeatureEvents.on<TData>(name, callback);
-    },
-
-    emit: <TIn = Record<string, unknown>>(name: string, payload: TIn): void => {
-        routerFeatureEvents.emit<TIn>(name, payload);
-    },
-
     /**
      * Define route map — maps route paths to frontend URLs.
      * Works with any frontend router (React Router, TanStack, Solid Router, etc.)

package/Core/Features/Window/window.ts

@@ -1,5 +1,3 @@
-import { connect } from '../Connection/connect';
-
 export interface WindowSize {
   width: number;
   height: number;
@@ -17,191 +15,65 @@ export interface WindowRect {
   height: number;
 }
 
-export interface WindowState {
-  isMinimized: boolean;
-  isMaximized: boolean;
-  isVisible: boolean;
-  isFullscreen: boolean;
-}
-
-export type WindowId = string;
-
-let _invoke: ((method: string, args?: unknown[]) => Promise<unknown>) | null = null;
-let _event: ((event: string, callback: (...args: unknown[]) => void) => () => void) | null = null;
-
-export function setInvokeFn(fn: (method: string, args?: unknown[]) => Promise<unknown>) {
-  _invoke = fn;
-}
+let callId = 0;
+const pending = new Map<string, { resolve: (v: any) => void; reject: (e: any) => void }>();
 
-export function setEventFn(fn: (event: string, callback: (...args: unknown[]) => void) => () => void) {
-  _event = fn;
-}
-
-async function invoke<T = unknown>(method: string, args?: unknown[]): Promise<T> {
-  if (!_invoke) {
-    if (typeof window !== 'undefined' && (window as any).__invoke__) {
-      _invoke = (window as any).__invoke__;
-    } else {
-      throw new Error('Window API not initialized');
-    }
+async function invoke<T>(method: string, params: any[] = []): Promise<T> {
+  const win = window as any;
+  
+  if (!win.__native_invoke__) {
+    console.warn(`[PlusUI] ${method} - native bridge not ready`);
+    return null as T;
   }
-  return _invoke!(method, args) as Promise<T>;
-}
 
-function eventHandler(event: string, callback: (...args: unknown[]) => void): () => void {
-  if (!_event) {
-    if (typeof window !== 'undefined' && (window as any).__on__) {
-      _event = (window as any).__on__;
-    } else {
-      return () => {};
+  return new Promise((resolve, reject) => {
+    const id = String(++callId);
+    pending.set(id, { resolve, reject });
+    
+    win.__response__ = (respId: string, result: any, error?: any) => {
+      const p = pending.get(respId);
+      if (p) {
+        pending.delete(respId);
+        error ? p.reject(new Error(error)) : p.resolve(result);
+      }
+    };
+
+    try {
+      win.__native_invoke__(JSON.stringify({ id, method, params }));
+    } catch (e) {
+      pending.delete(id);
+      reject(e);
     }
-  }
-  return _event!(event, callback);
+  });
 }
 
 export const window = {
-  // Direct methods
-  async minimize(id?: WindowId): Promise<void> {
-    await invoke('window.minimize', id ? [id] : []);
-  },
-
-  async maximize(id?: WindowId): Promise<void> {
-    await invoke('window.maximize', id ? [id] : []);
-  },
-
-  async restore(id?: WindowId): Promise<void> {
-    await invoke('window.restore', id ? [id] : []);
-  },
-
-  async close(id?: WindowId): Promise<void> {
-    await invoke('window.close', id ? [id] : []);
-  },
-
-  async show(id?: WindowId): Promise<void> {
-    await invoke('window.show', id ? [id] : []);
-  },
-
-  async hide(id?: WindowId): Promise<void> {
-    await invoke('window.hide', id ? [id] : []);
-  },
-
-  async center(id?: WindowId): Promise<void> {
-    await invoke('window.center', id ? [id] : []);
-  },
-
-  async setTitle(title: string, id?: WindowId): Promise<void> {
-    const args = id ? [title, id] : [title];
-    await invoke('window.setTitle', args);
-  },
-
-  async setSize(width: number, height: number, id?: WindowId): Promise<void> {
-    const args = id ? [width, height, id] : [width, height];
-    await invoke('window.setSize', args);
-  },
-
-  async setPosition(x: number, y: number, id?: WindowId): Promise<void> {
-    const args = id ? [x, y, id] : [x, y];
-    await invoke('window.setPosition', args);
-  },
-
-  async setFullscreen(enabled: boolean, id?: WindowId): Promise<void> {
-    const args = id ? [enabled, id] : [enabled];
-    await invoke('window.setFullscreen', args);
-  },
-
-  async setAlwaysOnTop(enabled: boolean, id?: WindowId): Promise<void> {
-    const args = id ? [enabled, id] : [enabled];
-    await invoke('window.setAlwaysOnTop', args);
-  },
-
-  async setResizable(enabled: boolean, id?: WindowId): Promise<void> {
-    const args = id ? [enabled, id] : [enabled];
-    await invoke('window.setResizable', args);
-  },
-
-  async setDecorations(enabled: boolean, id?: WindowId): Promise<void> {
-    const args = id ? [enabled, id] : [enabled];
-    await invoke('window.setDecorations', args);
-  },
-
-  async setTransparency(alpha: number, id?: WindowId): Promise<void> {
-    const args = id ? [alpha, id] : [alpha];
-    await invoke('window.setTransparency', args);
-  },
-
-  async getSize(id?: WindowId): Promise<WindowSize> {
-    return invoke<WindowSize>('window.getSize', id ? [id] : []);
-  },
-
-  async getPosition(id?: WindowId): Promise<WindowPosition> {
-    return invoke<WindowPosition>('window.getPosition', id ? [id] : []);
-  },
-
-  async getRect(id?: WindowId): Promise<WindowRect> {
-    return invoke<WindowRect>('window.getRect', id ? [id] : []);
-  },
-
-  async getState(id?: WindowId): Promise<WindowState> {
-    return invoke<WindowState>('window.getState', id ? [id] : []);
-  },
-
-  async isMaximized(id?: WindowId): Promise<boolean> {
-    return invoke<boolean>('window.isMaximized', id ? [id] : []);
-  },
-
-  async isMinimized(id?: WindowId): Promise<boolean> {
-    return invoke<boolean>('window.isMinimized', id ? [id] : []);
-  },
-
-  async isVisible(id?: WindowId): Promise<boolean> {
-    return invoke<boolean>('window.isVisible', id ? [id] : []);
-  },
-
-  async focus(id?: WindowId): Promise<void> {
-    await invoke('window.focus', id ? [id] : []);
-  },
-
-  async setIcon(iconPath: string, id?: WindowId): Promise<void> {
-    const args = id ? [iconPath, id] : [iconPath];
-    await invoke('window.setIcon', args);
-  },
-
-  // Direct event registration
-  onResize(callback: (size: WindowSize) => void): () => void {
-    return eventHandler('window:resize', callback as (...args: unknown[]) => void);
-  },
-
-  onMove(callback: (pos: WindowPosition) => void): () => void {
-    return eventHandler('window:move', callback as (...args: unknown[]) => void);
-  },
-
-  onClose(callback: () => void): () => void {
-    return eventHandler('window:close', callback as (...args: unknown[]) => void);
-  },
-
-  onFocus(callback: (focused: boolean) => void): () => void {
-    return eventHandler('window:focus', callback as (...args: unknown[]) => void);
-  },
-
-  onStateChange(callback: (state: WindowState) => void): () => void {
-    return eventHandler('window:stateChange', callback as (...args: unknown[]) => void);
-  },
-
-  onMinimize(callback: () => void): () => void {
-    return eventHandler('window:minimize', callback as (...args: unknown[]) => void);
-  },
-
-  onMaximize(callback: () => void): () => void {
-    return eventHandler('window:maximize', callback as (...args: unknown[]) => void);
-  },
-
-  onRestore(callback: () => void): () => void {
-    return eventHandler('window:restore', callback as (...args: unknown[]) => void);
-  },
-
-  onFileDrop(callback: (files: { path: string; name: string; type: string; size: number }[]) => void): () => void {
-    return eventHandler('window:fileDrop', callback as (...args: unknown[]) => void);
-  },
+  show: () => invoke('window.show'),
+  hide: () => invoke('window.hide'),
+  close: () => invoke('window.close'),
+  minimize: () => invoke('window.minimize'),
+  maximize: () => invoke('window.maximize'),
+  restore: () => invoke('window.restore'),
+  focus: () => invoke('window.focus'),
+  center: () => invoke('window.center'),
+
+  setTitle: (title: string) => invoke('window.setTitle', [title]),
+  setSize: (width: number, height: number) => invoke('window.setSize', [width, height]),
+  setPosition: (x: number, y: number) => invoke('window.setPosition', [x, y]),
+  setFullscreen: (enabled: boolean) => invoke('window.setFullscreen', [enabled]),
+  setAlwaysOnTop: (enabled: boolean) => invoke('window.setAlwaysOnTop', [enabled]),
+  setResizable: (enabled: boolean) => invoke('window.setResizable', [enabled]),
+  setDecorations: (enabled: boolean) => invoke('window.setDecorations', [enabled]),
+  setTransparency: (alpha: number) => invoke('window.setTransparency', [alpha]),
+  setIcon: (path: string) => invoke('window.setIcon', [path]),
+
+  getSize: (): Promise<WindowSize> => invoke('window.getSize'),
+  getPosition: (): Promise<WindowPosition> => invoke('window.getPosition'),
+  getRect: (): Promise<WindowRect> => invoke('window.getRect'),
+  
+  isMaximized: (): Promise<boolean> => invoke('window.isMaximized'),
+  isMinimized: (): Promise<boolean> => invoke('window.isMinimized'),
+  isVisible: (): Promise<boolean> => invoke('window.isVisible'),
 };
 
 export default window;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "plusui-native-core",
-  "version": "0.1.91",
+  "version": "0.1.95",
   "description": "PlusUI Core framework (frontend + backend implementations)",
   "type": "module",
   "main": "./Core/Features/API/index.ts",