rumious 2.0.1 → 2.0.2

package/src/render/render.ts

@@ -1,31 +0,0 @@
-import { RumiousRenderContext } from './context.js';
-import { RumiousTemplate } from '../types/index.js';
-
-export function render(
-  content: RumiousTemplate,
-  container:HTMLElement,
-  context:RumiousRenderContext
-):HTMLElement{
-  context.onRendered = [];
-  let result = content(container,context);
-  
-  for (var i = 0; i < context.onRendered.length; i++) {
-    context.onRendered[i]();
-  }
-  return result;
-}
-
-export function renderFrag(
-  content: RumiousTemplate,
-  context: RumiousRenderContext
-): HTMLElement {
-  let container = document.createDocumentFragment();
-  context.onRendered = [];
-  let result = content(container, context);
-  
-  for (var i = 0; i < context.onRendered.length; i++) {
-    context.onRendered[i]();
-  }
-  
-  return result;
-}

package/src/render/view.ts

@@ -1,101 +0,0 @@
-import { RumiousTemplate } from '../types/index.js';
-import { RumiousRenderContext } from './context.js';
-import { render, renderFrag } from './render.js';
-
-export interface RumiousViewControlTarget {
-  element: HTMLElement,
-  context: RumiousRenderContext
-}
-
-export class RumiousViewControl {
-  private targets: RumiousViewControlTarget[] = [];
-  
-  constructor() {}
-  
-  addTarget(target: RumiousViewControlTarget) {
-    this.targets.push(target);
-  }
-  
-  
-  setView(template: RumiousTemplate) {
-    
-    const targets = this.targets;
-    
-    if (targets.length === 0) {
-      throw new Error(`RumiousRenderError: No target assigned to ViewControl`);
-    }
-    
-    for (let i = 0; i < targets.length; i++) {
-      render(template, targets[i].element, targets[i].context);
-    }
-  }
-  
-  removeChild(index: number) {
-    for (let i = 0; i < this.targets.length; i++) {
-      let parent = this.targets[i].element.parentElement;
-      if (!parent) return;
-      let element = parent.children[index];
-      if (element) parent.removeChild(element);
-    }
-  }
-  
-  addChild(
-    template: RumiousTemplate,
-    prepend: boolean = false
-  ) {
-    const targets = this.targets;
-    if (targets.length === 0) {
-      throw new Error(`RumiousRenderError: No target assigned to ViewControl`);
-    }
-    
-    for (let i = 0; i < targets.length; i++) {
-      let templ = renderFrag(template, targets[i].context);
-      if (!prepend) targets[i].element.appendChild(templ);
-      else targets[i].element.prepend(templ);
-    }
-  }
-  
-  
-  each(callback: (target: RumiousViewControlTarget) => any) {
-    for (let target of this.targets) {
-      callback(target);
-    }
-  }
-  
-  emptyAll() {
-    const targets = this.targets;
-    for (let i = 0; i < targets.length; i++) {
-      targets[i].element.textContent = '';
-    }
-  }
-  
-  empty(target: HTMLElement) {
-    const targets = this.targets;
-    for (let i = 0; i < targets.length; i++) {
-      if (targets[i].element === target) {
-        target.textContent = '';
-        return;
-      }
-    }
-  }
-  
-  updateChild(index: number, template: RumiousTemplate) {
-    for (let i = 0; i < this.targets.length; i++) {
-      const { element, context } = this.targets[i];
-      const parent = element.parentElement;
-      if (!parent) continue;
-      
-      const oldChild = parent.children[index];
-      const newNode = renderFrag(template, context);
-      
-      if (oldChild) {
-        parent.replaceChild(newNode, oldChild);
-      }
-    }
-  }
-  
-}
-
-export function createViewControl(): RumiousViewControl {
-  return new RumiousViewControl();
-}

package/src/state/index.ts

@@ -1,2 +0,0 @@
-export * from './state.js';
-export * from './list.js';

package/src/state/list.ts

@@ -1,96 +0,0 @@
-import { RumiousState } from './state.js';
-import { RumiousReactor } from './reactor.js';
-
-export class RumiousListState < T > extends RumiousState < T[] > {
-  constructor(
-    value: T[] = [],
-    reactor ? : RumiousReactor < RumiousState < T[] >>
-  ) {
-    super(value, reactor);
-  }
-  
-  append(value: T) {
-    this.value.push(value);
-    this.reactor?.notify({
-      type: 'append',
-      state: this,
-      key:this.value.length -1 ,
-      value
-    });
-  }
-  
-  prepend(value: T) {
-    this.value.unshift(value);
-    this.reactor?.notify({
-      type: 'prepend',
-      state: this,
-      key:0,
-      value
-    });
-  }
-  
-  insert(pos: number, value: T) {
-    this.value.splice(pos, 0, value);
-    this.reactor?.notify({
-      type: 'insert',
-      state: this,
-      value,
-      key: pos
-    });
-  }
-  
-  updateAt(pos: number, value: T) {
-    this.value[pos] = value;
-    this.reactor?.notify({
-      type: 'update',
-      state: this,
-      value,
-      key: pos
-    });
-  }
-  
-  remove(pos: number) {
-    let currentValue = this.value[pos];
-    this.value.splice(pos, 1);
-    this.reactor?.notify({
-      type: 'remove',
-      state: this,
-      value: currentValue,
-      key: pos
-    });
-  }
-  
-  clear() {
-    this.value.length = 0;
-    this.reactor?.notify({
-      type: 'set',
-      state: this,
-      value: []
-    });
-  }
-  
-  reverse() {
-    this.value.reverse();
-    this.reactor?.notify({
-      type: 'set',
-      state: this,
-      value: this.value
-    });
-  }
-  
-  filter(predicate: (item: T, index: number, array: T[]) => boolean) {
-    this.value = this.value.filter(predicate);
-    this.reactor?.notify({
-      type: 'set',
-      state: this,
-      value: this.value
-    });
-  }
-  
-}
-
-export function createListState<T>(
-  values:T[]
-):RumiousListState<T>{
-  return new RumiousListState(values);
-}

package/src/state/reactor.ts

@@ -1,65 +0,0 @@
-import { RumiousStateBind, RumiousChangeCommit } from '../types/index.js';
-
-export class RumiousReactor < T = any > {
-  private bindings: RumiousStateBind < T > [] = [];
-  private internal: RumiousStateBind < T > [] = [];
-  public isUIBatch = true;
-  private scheduled = false;
-  private queuedCommits: RumiousChangeCommit < T > [] = [];
-  
-  
-  constructor(public target: T) {}
-  
-  addBinding(binding: RumiousStateBind < T > ): void {
-    this.bindings.push(binding);
-  }
-  
-  removeBinding(binding: RumiousStateBind < T > ): void {
-    this.bindings = this.bindings.filter(b => b !== binding);
-  }
-  
-  addInternalBinding(binding: RumiousStateBind < T > ): void {
-    this.internal.push(binding);
-  }
-  
-  removeInternalBinding(binding: RumiousStateBind < T > ): void {
-    this.internal = this.internal.filter(b => b !== binding);
-  }
-  
-  notify(commit: RumiousChangeCommit < T > ): void {
-    for (const binding of this.bindings) {
-      binding(commit);
-    }
-    
-    if (this.isUIBatch) {
-      this.scheduleInternalUpdate(commit);
-    } else {
-      for (const binding of this.internal) {
-        binding(commit);
-      }
-    }
-  }
-  
-  
-  private scheduleInternalUpdate(commit: RumiousChangeCommit < T > ) {
-    this.queuedCommits.push(commit);
-    
-    if (!this.scheduled) {
-      this.scheduled = true;
-      queueMicrotask(() => {
-        this.flushInternal();
-      });
-    }
-  }
-  
-  private flushInternal() {
-    const lastCommit = this.queuedCommits[this.queuedCommits.length - 1];
-    
-    for (const binding of this.internal) {
-      binding(lastCommit); // chỉ gửi commit cuối cùng
-    }
-    
-    this.queuedCommits = [];
-    this.scheduled = false;
-  }
-}

package/src/state/state.ts

@@ -1,68 +0,0 @@
-import { RumiousReactor } from './reactor.js';
-import { RumiousStateBind } from '../types/index.js';
-
-export class RumiousState < T > {
-  
-  constructor(
-    public value: T,
-    public reactor ? : RumiousReactor < RumiousState < T >>
-  ) {
-    
-    if (!this.reactor) {
-      this.reactor = new RumiousReactor < RumiousState < T >> (this);
-    }
-  }
-  
-  set(value: T) {
-    this.value = value;
-    this.reactor?.notify({
-      type: 'set',
-      value: value,
-      state: this
-    });
-  }
-  
-  get(): T {
-    return this.value;
-  }
-  
-  slientUpdate(value: T) {
-    this.value = value;
-  }
-  
-  update(updater: (value: T) => T) {
-    this.set(updater(this.value));
-  }
-  
-  toJSON(): string {
-    return JSON.stringify(this.value);
-  }
-  
-  trigger() {
-    this.reactor?.notify({
-      type: 'set',
-      value: this.value,
-      state: this
-    });
-  }
-}
-
-export function createState < T > (value: T): RumiousState < T > {
-  return new RumiousState < T > (value);
-}
-
-type StateBindFor < M > = RumiousStateBind < RumiousState < M >> ;
-
-export function watch < M > (
-  state: RumiousState < M > ,
-  callback: StateBindFor < M >
-) {
-  if (state.reactor) state.reactor.addBinding(callback);
-}
-
-export function unwatch < M > (
-  state: RumiousState < M > ,
-  callback: StateBindFor < M >
-) {
-  if (state.reactor) state.reactor.removeBinding(callback);
-}

package/src/types/component.ts

@@ -1,6 +0,0 @@
-import type { RumiousComponent } from '../component/index.js';
-
-export interface RumiousComponentConstructor<T = any> {
-  new(): RumiousComponent<T>;
-  tagName: string | 'rumious-component';
-}

package/src/types/index.ts

@@ -1,3 +0,0 @@
-export * from './template.js';
-export * from './component.js';
-export * from './state.js';

package/src/types/state.ts

@@ -1,16 +0,0 @@
-export type RumiousChangeCommitType =
- | 'set'
- | 'append'
- | 'prepend'
- | 'insert'
- | 'update'
- | 'remove'
- 
-export interface RumiousChangeCommit<T> {
-  state:T;
-  type:RumiousChangeCommitType;
-  value:any;
-  key?:number;
-}
-
-export type RumiousStateBind < T = any > = (commit:RumiousChangeCommit<T>) => void;

package/src/types/template.ts

@@ -1,7 +0,0 @@
-import type { RumiousRenderContext } from '../render/index.js';
-
-export interface RumiousTemplate {
-  (root: HTMLElement | DocumentFragment, context: RumiousRenderContext): HTMLElement;
-  __isTemplate: true;
-}
-

package/src/utils/checker.ts

@@ -1,5 +0,0 @@
-import {RumiousTemplate} from '../types/index.js';
-
-export function isTemplate(fn: unknown): fn is RumiousTemplate {
-  return typeof fn === 'function' && (fn as any).__isTemplate === true;
-}

package/tsconfig.json

@@ -1,20 +0,0 @@
-{
-	"compilerOptions": {
-		"target": "esnext",
-		"module": "esnext",
-		"outDir": "./dist",
-		"esModuleInterop": true,
-		"sourceMap":false,
-		"allowSyntheticDefaultImports": true,
-		"moduleResolution": "node",
-		"resolveJsonModule": true,
-		"skipLibCheck": true,
-		"declaration": true,
-		"strict": true,
-		"forceConsistentCasingInFileNames": true,
-		"paths": {
-			"rumious-compiler": ["../compiler/dist/index.d.ts"]
-		}
-	},
-	"include": ["./src", "./src/global.d.ts"]
-}