rumious 1.0.13 → 2.0.1

package/dist/app/app.d.ts

@@ -1,13 +1,15 @@
-import { RumiousModule, RumiousModuleClass } from './module.js';
-export interface RumiousAppOptions {
+import { RumiousRenderContext } from '../render/index.js';
+import { RumiousTemplate } from '../types/index.js';
+import { RumiousModule, RumiousModuleClass } from '../module/index.js';
+export interface RumiousAppConfig {
+    root: HTMLElement;
 }
 export declare class RumiousApp {
-    private root;
-    options: RumiousAppOptions;
+    config: RumiousAppConfig;
     modules: any[];
-    private context;
-    constructor(root: HTMLElement, options?: RumiousAppOptions);
+    context: RumiousRenderContext;
+    constructor(config: RumiousAppConfig);
     addModule<T extends RumiousModule, O>(ModuleClass: RumiousModuleClass<T, O>, options?: O): T;
-    render(template: JSX.Element): void;
+    render(content: RumiousTemplate): void;
 }
-export declare function createApp(root: HTMLElement, options?: RumiousAppOptions): RumiousApp;
+export declare function createApp(config: RumiousAppConfig): RumiousApp;

package/dist/app/index.d.ts

@@ -1,2 +1 @@
 export * from './app.js';
-export * from './module.js';

package/dist/component/component.d.ts

@@ -1,32 +1,23 @@
-import { RumiousApp } from '../app/app.js';
-import { RumiousRenderContext } from '../render/context.js';
-import { RumiousRenderTemplate } from '../render/template.js';
-import { RumiousRenderMode } from '../types/render.js';
-import { RumiousWarpController } from '../types/warp.js';
-export interface RumiousEmptyProps {
-}
-interface RumiousComponentRenderOptions {
-    mode: RumiousRenderMode;
-    time?: number;
-}
-export declare abstract class RumiousComponent<T = unknown> {
-    static classNames: string;
-    static tagName: string;
-    app: RumiousApp;
+import { RumiousTemplate } from '../types/index.js';
+import { RumiousRenderContext, RumiousViewControl } from '../render/index.js';
+import { RumiousApp } from '../app/index.js';
+export declare class RumiousComponent<T = any> {
     props: T;
+    app: RumiousApp;
     element: HTMLElement;
     context: RumiousRenderContext;
-    renderOptions: RumiousComponentRenderOptions;
+    static tagName: string;
     constructor();
-    warp(template: RumiousRenderTemplate, target: HTMLElement): RumiousWarpController;
-    render(template: RumiousRenderTemplate): DocumentFragment;
+    createViewControl(): RumiousViewControl;
+    mountTo(template: RumiousTemplate, target: HTMLElement): HTMLElement;
+    prepare(props: T, context: RumiousRenderContext, element: HTMLElement): void;
+    template(): RumiousTemplate;
+    requestRender(): void;
+    remove(): void;
     onCreate(): void;
     onRender(): void;
     onDestroy(): void;
-    onBeforeRender(): Promise<void>;
-    abstract template(): RumiousRenderTemplate;
-    prepare(currentContext: RumiousRenderContext, props: T): void;
-    requestRender(): Promise<void>;
-    requestCleanup(): void;
+    beforeRender(): void;
+}
+export declare class Fragment extends RumiousComponent<any> {
 }
-export {};

package/dist/component/element.d.ts

@@ -1,20 +1,15 @@
+import { RumiousComponentConstructor } from '../types/index.js';
+import { RumiousRenderContext } from '../render/index.js';
 import type { RumiousComponent } from './component.js';
-import { RumiousRenderContext } from '../render/context.js';
-import { Constructor } from '../types/utils.js';
-export type RumiousComponentConstructor = Constructor<RumiousComponent> & {
-    classNames?: string;
-    tagName?: string;
-};
-export declare class RumiousComponentElement extends HTMLElement {
-    componentConstructor: RumiousComponentConstructor;
-    private componentInstance;
-    private context;
-    props: Record<string, any>;
+export declare class RumiousComponentElement<T> extends HTMLElement {
+    component: RumiousComponentConstructor<T>;
+    props: T;
+    context: RumiousRenderContext;
+    instance: RumiousComponent;
     constructor();
     setContext(context: RumiousRenderContext): void;
-    setComponent(component: RumiousComponentConstructor): void;
-    setup(context: RumiousRenderContext, componentConstructor: RumiousComponentConstructor): void;
-    connectedCallback(): void;
+    connectedCallback(): Promise<void>;
     disconnectedCallback(): void;
 }
-export declare function renderComponent(component: RumiousComponentConstructor, props: any): HTMLElement;
+export declare function createComponentElement<T>(context: RumiousRenderContext, component: RumiousComponentConstructor<T>, props: T): HTMLElement;
+export declare function renderComponent<T>(component: RumiousComponentConstructor<T>, props: T): HTMLElement;

package/dist/global.d.ts

@@ -0,0 +1,15 @@
+import type * as JSXUtils from './jsx/index.js';
+import type { RumiousTemplate } from './types/index.js';
+export {};
+declare global {
+    var RUMIOUS: typeof JSXUtils;
+    namespace JSX {
+        type Element = RumiousTemplate;
+        interface IntrinsicElements {
+            [tagName: string]: any;
+        }
+        interface ElementChildrenAttribute {
+            children: {};
+        }
+    }
+}

package/dist/index.d.ts

@@ -1,30 +1,10 @@
-import { RumiousJSXFactory } from './types/jsx.js';
-import type { RumiousContext } from './context/context.js';
-import type { RumiousRenderTemplate } from './render/template.js';
-declare global {
-    interface Window {
-        RUMIOUS_JSX: RumiousJSXFactory;
-        RUMIOUS_CONTEXTS: Record<string, RumiousContext<any>>;
-    }
-    namespace JSX {
-        type Element = RumiousRenderTemplate;
-        interface ElementClass {
-            template: () => RumiousRenderTemplate;
-        }
-        interface ElementAttributesProperty {
-            props: {};
-        }
-        interface IntrinsicElements {
-            [elemName: string]: any;
-        }
-        type Fragment = 'RUMIOUS_INTERNAL_FRAGMENT';
-    }
-}
-export * from './component/index.js';
+import './global.js';
+export declare const __version__ = "2.x";
 export * from './app/index.js';
-export * from './jsx/index.js';
+export * from './types/index.js';
 export * from './render/index.js';
-export * from './ref/index.js';
 export * from './state/index.js';
-export * from './context/index.js';
-export * from './performance/index.js';
+export * from './component/index.js';
+export * from './ref/index.js';
+export * from './jsx/index.js';
+export * from './module/index.js';