fiboui 1.0.2 → 2.1.0

package/src/core/state.ts

@@ -1,297 +0,0 @@
-export type Listener<T> = (value: T) => void;
-export type Unsubscribe = () => void;
-
-// --- Dependency Tracking System ---
-
-let activeEffect: Effect | null = null;
-
-export interface Subscribable<T> {
-  subscribe(listener: Listener<T>): Unsubscribe;
-  subscribeEffect(effect: Effect): void;
-  unsubscribeEffect(effect: Effect): void;
-}
-
-export class Effect {
-  private dependencies = new Set<Subscribable<any>>();
-  private _onDispose?: () => void;
-
-  constructor(private fn: () => void) {
-    this.run();
-  }
-
-  run() {
-    const prevEffect = activeEffect;
-    activeEffect = this;
-    try {
-      this.cleanup();
-      this.fn();
-    } finally {
-      activeEffect = prevEffect;
-    }
-  }
-
-  track(dep: Subscribable<any>) {
-    this.dependencies.add(dep);
-    dep.subscribeEffect(this);
-  }
-
-  trigger() {
-    this.run();
-  }
-
-  cleanup() {
-    this.dependencies.forEach(dep => dep.unsubscribeEffect(this));
-    this.dependencies.clear();
-  }
-
-  dispose() {
-    this.cleanup();
-    this._onDispose?.();
-  }
-}
-
-export class Tracker {
-  private dependencies = new Set<Subscribable<any>>();
-
-  constructor(private _onInvalidate: () => void) {}
-
-  execute<T>(fn: () => T): T {
-    const prevEffect = activeEffect;
-    activeEffect = this as any; // Cast because implementation matches behavior we need
-    
-    try {
-        this.cleanup();
-        return fn();
-    } finally {
-        activeEffect = prevEffect;
-    }
-  }
-
-  // Called by Signals when they are accessed
-  track(dep: Subscribable<any>) {
-    this.dependencies.add(dep);
-    dep.subscribeEffect(this as any);
-  }
-
-  // Called by Signals when they change
-  trigger() {
-    this._onInvalidate();
-  }
-
-  cleanup() {
-    this.dependencies.forEach(dep => dep.unsubscribeEffect(this as any));
-    this.dependencies.clear();
-  }
-
-  dispose() {
-    this.cleanup();
-  }
-}
-
-// --- Signals ---
-
-export class Signal<T> implements Subscribable<T> {
-  private listeners = new Set<Listener<T>>();
-  private effects = new Set<Effect>();
-
-  constructor(private _value: T) {}
-
-  get value(): T {
-    if (activeEffect) {
-      activeEffect.track(this);
-    }
-    return this._value;
-  }
-
-  set value(newValue: T) {
-    if (this._value !== newValue) {
-      this._value = newValue;
-      this.notify();
-    }
-  }
-
-  subscribe(listener: Listener<T>): Unsubscribe {
-    this.listeners.add(listener);
-    return () => this.listeners.delete(listener);
-  }
-
-  subscribeEffect(effect: Effect) {
-    this.effects.add(effect);
-  }
-
-  unsubscribeEffect(effect: Effect) {
-    this.effects.delete(effect);
-  }
-
-  private notify() {
-    const effectsToRun = Array.from(this.effects);
-    const listenersToRun = Array.from(this.listeners);
-    
-    effectsToRun.forEach(e => e.trigger());
-    listenersToRun.forEach(l => l(this._value));
-  }
-}
-
-export function signal<T>(initialValue: T): Signal<T> {
-  return new Signal(initialValue);
-}
-
-// --- Computed ---
-
-export class ComputedSignal<T> implements Subscribable<T> {
-  private listeners = new Set<Listener<T>>();
-  private effects = new Set<Effect>();
-  private _value!: T;
-  private _dirty = true;
-  private internalEffect: Effect;
-
-  constructor(private fn: () => T) {
-    this.internalEffect = new Effect(() => {
-        if (!this._dirty) {
-            this._dirty = true;
-            this.notify();
-        }
-    });
-  }
-
-  get value(): T {
-    if (activeEffect) {
-        activeEffect.track(this);
-    }
-    if (this._dirty) {
-        const prevEffect = activeEffect;
-        activeEffect = this.internalEffect;
-        try {
-             this.internalEffect.cleanup();
-             this._value = this.fn();
-             this._dirty = false;
-        } finally {
-            activeEffect = prevEffect;
-        }
-    }
-    return this._value;
-  }
-
-  subscribe(listener: Listener<T>): Unsubscribe {
-    this.listeners.add(listener);
-    return () => this.listeners.delete(listener);
-  }
-
-  subscribeEffect(effect: Effect) {
-    this.effects.add(effect);
-  }
-
-  unsubscribeEffect(effect: Effect) {
-    this.effects.delete(effect);
-  }
-
-  private notify() {
-    const effectsToRun = Array.from(this.effects);
-    const listenersToRun = Array.from(this.listeners);
-    
-    effectsToRun.forEach(e => e.trigger());
-    listenersToRun.forEach(l => l(this._value));
-  }
-}
-
-export function computed<T>(fn: () => T): ComputedSignal<T> {
-  return new ComputedSignal(fn);
-}
-
-// --- Observables ---
-
-export class Observable<T> implements Subscribable<T> {
-  private listeners = new Set<Listener<T>>();
-  private effects = new Set<Effect>();
-
-  constructor(private _value: T) {}
-
-  get(): T {
-    if (activeEffect) {
-        activeEffect.track(this);
-    }
-    return this._value;
-  }
-
-  set(newValue: T) {
-    if (this._value !== newValue) {
-      this._value = newValue;
-      this.notify();
-    }
-  }
-
-  subscribe(listener: Listener<T>): Unsubscribe {
-    this.listeners.add(listener);
-    return () => this.listeners.delete(listener);
-  }
-
-  subscribeEffect(effect: Effect) {
-    this.effects.add(effect);
-  }
-
-  unsubscribeEffect(effect: Effect) {
-    this.effects.delete(effect);
-  }
-
-  private notify() {
-    Array.from(this.effects).forEach(e => e.trigger());
-    Array.from(this.listeners).forEach(l => l(this._value));
-  }
-}
-
-export function observable<T>(initialValue: T): Observable<T> {
-  return new Observable(initialValue);
-}
-
-// --- Store ---
-
-export interface Store<T> extends Subscribable<T> {
-  getState(): T;
-  setState(fn: Partial<T> | ((state: T) => Partial<T>)): void;
-}
-
-export class StoreImpl<T> implements Store<T> {
-  private listeners = new Set<Listener<T>>();
-  private effects = new Set<Effect>();
-
-  constructor(private state: T) {}
-
-  getState(): T {
-    if (activeEffect) {
-        activeEffect.track(this);
-    }
-    return this.state;
-  }
-
-  setState(partial: Partial<T> | ((state: T) => Partial<T>)): void {
-    const next = typeof partial === 'function' ? (partial as any)(this.state) : partial;
-    const newState = { ...this.state, ...next };
-    
-    if (this.state !== newState) {
-        this.state = newState;
-        this.notify();
-    }
-  }
-
-  subscribe(listener: Listener<T>): Unsubscribe {
-    this.listeners.add(listener);
-    return () => this.listeners.delete(listener);
-  }
-
-  subscribeEffect(effect: Effect) {
-     this.effects.add(effect);
-  }
-
-  unsubscribeEffect(effect: Effect) {
-     this.effects.delete(effect);
-  }
-
-  private notify() {
-    Array.from(this.effects).forEach(e => e.trigger());
-    Array.from(this.listeners).forEach(l => l(this.state));
-  }
-}
-
-export function createStore<T>(initialState: T): Store<T> {
-  return new StoreImpl(initialState);
-}

package/src/core/types.ts

@@ -1,62 +0,0 @@
-import { CSSProperties, ReactNode, ReactElement } from 'react';
-
-export type FiboThemeName = 'material' | 'cupertino' | 'web';
-
-export interface ResponsiveStyles {
-  mobile?: CSSProperties;
-  tablet?: CSSProperties;
-  desktop?: CSSProperties;
-}
-
-export interface BaseProps {
-  key?: string | number;
-  className?: string;
-  style?: CSSProperties;
-  responsive?: ResponsiveStyles;
-}
-
-export interface ChildrenProps extends BaseProps {
-  children?: ReactNode | ReactNode[];
-  child?: ReactNode;
-}
-
-export type Alignment = 'start' | 'center' | 'end' | 'stretch';
-export type MainAxisAlignment = 'start' | 'center' | 'end' | 'spaceBetween' | 'spaceAround' | 'spaceEvenly';
-export type CrossAxisAlignment = Alignment;
-
-export interface LayoutProps extends BaseProps {
-  width?: string | number;
-  height?: string | number;
-  padding?: string | number;
-  margin?: string | number;
-  backgroundColor?: string;
-}
-
-export interface EdgeInsets {
-  top?: string | number;
-  right?: string | number;
-  bottom?: string | number;
-  left?: string | number;
-  all?: string | number;
-  horizontal?: string | number;
-  vertical?: string | number;
-}
-
-export interface TextStyle {
-  fontSize?: string | number;
-  fontWeight?: string | number;
-  fontFamily?: string;
-  color?: string;
-  lineHeight?: string | number;
-  letterSpacing?: string | number;
-}
-
-export type TextType = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'body' | 'caption' | 'label';
-
-export type ButtonVariant = 'elevated' | 'filled' | 'outlined' | 'text';
-
-export type StatusType = 'success' | 'warning' | 'error' | 'info';
-
-export interface FiboComponent<T = any> {
-  (props?: T): ReactElement;
-}