fusee-framework 2.7.2 → 2.7.3

package/framework/index.js

@@ -1,6 +1,15 @@
-// ─── Framework Public API ─────────────────────────────────────────────────────
+// ─── Framework Public API (core) ──────────────────────────────────────────────
 // Exports only, with no side effects, so bundlers keep just what an app uses.
 // To expose the API on globalThis instead, import 'fusee-framework/globals'.
+//
+// Everything else ships as its own entry point:
+//   fusee-framework/router   createRouter, navigate, generateRoutes, guards, route signals
+//   fusee-framework/store    defineStore and store helpers
+//   fusee-framework/di       InjectionToken, provideGlobal, root injector
+//   fusee-framework/actions  server actions, client side (defineAction, useAction)
+//   fusee-framework/plugins  plugin descriptors (defineFuseePlugin, ...)
+//   fusee-framework/server   Node: action handling, SSR helpers, manifest
+// FREL, Comet and the Go SSR engine are add-ons: `fusee add frel | comet | server`.
 
 export const emit = () => console.warn('[framework] emit() can only be used inside component setup()')
 
@@ -9,14 +18,8 @@ export { defineResource } from './core/resource.js'
 export { defineComponent } from './core/component.js'
 export { defineCompiledComponent, defineAsyncComponent, onMount, onUnmount, parseSlots, provide, inject, getCurrentInstance } from './core/component-core.js'
 export { defineElement, toCustomElement, css, unsafeCSS } from './core/element.js'
-export { InjectionToken, provideGlobal } from './core/di.js'
-export { createRouter, navigate, mountOutlet, currentRoute, routeParams, routeQuery, matchedRoutes } from './router/router.js'
-export { generateRoutes } from './router/file-router.js'
 export { mountTemplate } from './core/compiler.js'
 export { defineComposable, assertSetupContext } from './core/composable.js'
-export { defineStore, resetStore, clearStores, registerStorePlugin, storeToRefs, storeToState, storeToGetters, useNestedStore, MutationType } from './core/store.js'
 export { directive } from './core/directives.js'
 export { reconcile } from './core/reconcile.js'
-export { defineAction, createActionProxy, useAction } from './server/actions.js'
 export { createApp } from './core/app-registry.js'
-export { defineCompilerPlugin, defineServerPlugin, defineDevToolsPlugin, defineRuntimeAdapter, defineFuseePlugin } from './core/plugins.js'

package/framework/plugins/index.js

@@ -0,0 +1,8 @@
+// fusee-framework/plugins — descriptors for compiler, server, devtools and runtime plugins.
+export {
+    defineCompilerPlugin,
+    defineServerPlugin,
+    defineDevToolsPlugin,
+    defineRuntimeAdapter,
+    defineFuseePlugin
+} from '../core/plugins.js'

package/framework/store/index.js

@@ -0,0 +1,12 @@
+// fusee-framework/store — setup stores (Pinia-style), separate from the core entry.
+export {
+    defineStore,
+    resetStore,
+    clearStores,
+    registerStorePlugin,
+    storeToRefs,
+    storeToState,
+    storeToGetters,
+    useNestedStore,
+    MutationType
+} from '../core/store.js'

package/framework/types/actions.d.ts

@@ -1,50 +1,52 @@
-export interface ActionOptions {
-    name?: string
-    baseUrl?: string
-    headers?: Record<string, string>
-}
-
-export interface UseActionOptions {
-    onSuccess?: (data: any) => void
-    onError?: (error: Error) => void
-    resetOnCall?: boolean
-}
-
-export interface ActionReturn {
-    execute: (...args: any[]) => Promise<any>
-    pending: Signal<boolean>
-    data: Signal<any>
-    error: Signal<any>
-    reset: () => void
-}
-
-export interface ActionProxy extends Function {
-    _isAction: boolean
-    _actionName: string
-}
-
-export declare function defineAction(fnOrName: Function | string, opts?: ActionOptions): ActionProxy
-export declare function createActionProxy(name: string, opts?: ActionOptions): ActionProxy
-export declare function useAction(action: ActionProxy, opts?: UseActionOptions): ActionReturn
-
-// ─── Hydration Support ─────────────────────────────────────────────────────
-
-export interface ActionHydrationOptions {
-    staleTime?: number
-}
-
-export interface ActionHydrationEntry {
-    data: any
-    timestamp: number
-    staleTime: number
-}
-
-export interface ActionHydrationSnapshot {
-    [key: string]: ActionHydrationEntry
-}
-
-export declare function hydrateAction(actionName: string, data: any, opts?: ActionHydrationOptions): void
-export declare function getHydratedAction(actionName: string, staleTime?: number): any
-export declare function clearActionHydration(): void
-export declare function extractActionHydration(): ActionHydrationSnapshot
-export declare function loadActionHydration(snapshot: ActionHydrationSnapshot): void
+import type { Signal } from './signal'
+
+export interface ActionOptions {
+    name?: string
+    baseUrl?: string
+    headers?: Record<string, string>
+}
+
+export interface UseActionOptions {
+    onSuccess?: (data: any) => void
+    onError?: (error: Error) => void
+    resetOnCall?: boolean
+}
+
+export interface ActionReturn {
+    execute: (...args: any[]) => Promise<any>
+    pending: Signal<boolean>
+    data: Signal<any>
+    error: Signal<any>
+    reset: () => void
+}
+
+export interface ActionProxy extends Function {
+    _isAction: boolean
+    _actionName: string
+}
+
+export declare function defineAction(fnOrName: Function | string, opts?: ActionOptions): ActionProxy
+export declare function createActionProxy(name: string, opts?: ActionOptions): ActionProxy
+export declare function useAction(action: ActionProxy, opts?: UseActionOptions): ActionReturn
+
+// ─── Hydration Support ─────────────────────────────────────────────────────
+
+export interface ActionHydrationOptions {
+    staleTime?: number
+}
+
+export interface ActionHydrationEntry {
+    data: any
+    timestamp: number
+    staleTime: number
+}
+
+export interface ActionHydrationSnapshot {
+    [key: string]: ActionHydrationEntry
+}
+
+export declare function hydrateAction(actionName: string, data: any, opts?: ActionHydrationOptions): void
+export declare function getHydratedAction(actionName: string, staleTime?: number): any
+export declare function clearActionHydration(): void
+export declare function extractActionHydration(): ActionHydrationSnapshot
+export declare function loadActionHydration(snapshot: ActionHydrationSnapshot): void

package/framework/types/di-entry.d.ts

@@ -0,0 +1,9 @@
+// Typings for fusee-framework/di (framework/di/index.js).
+export {
+    InjectionToken,
+    provideGlobal,
+    EnvironmentInjector,
+    rootInjector,
+    runInContext
+} from './di'
+export type { Provider, InjectOptions, Injector } from './di'

package/framework/types/index.d.ts

@@ -1,119 +1,113 @@
-import { createApp as createAppFn } from './app-registry'
-
-export * from './signal'
-export * from './component'
-export * from './element'
-export * from './composable'
-export * from './router'
-export * from './compiler'
-export * from './directives'
-export * from './store'
-export * from './event-delegation'
-export * from './di'
-export * from './reconcile'
-export * from './resource'
-export * from './actions'
-export * from './actions.server'
-export * from './plugins'
-export * from './app-registry'
-export * from '../core/comet-js/comet'
-export * from '../core/comet-js/comet-fusee'
-
-declare global {
-    type Signal<T = any> = import('./signal').Signal<T>
-    type Computed<T = any> = import('./signal').Computed<T>
-    type SignalAccessor<T> = import('./signal').SignalAccessor<T>
-    type Composable<T extends (...args: any[]) => any> = import('./composable').Composable<T>
-    type DirectiveBinding<V = any> = import('./directives').DirectiveBinding<V>
-    type DirectiveHooks<V = any> = import('./directives').DirectiveHooks<V>
-    type DelegatedEventOptions = import('./event-delegation').DelegatedEventOptions
-
-    type AppConfig = import('./app-registry').AppConfig
-    type Plugin<Options extends any[] = any[]> = import('./app-registry').Plugin<Options>
-    type CompilerPlugin = import('./plugins').CompilerPlugin
-    type ServerPlugin = import('./plugins').ServerPlugin
-    type DevToolsPlugin = import('./plugins').DevToolsPlugin
-    type RuntimeAdapter = import('./plugins').RuntimeAdapter
-    type FuseePlugin = import('./plugins').FuseePlugin
-
-    const createApp: typeof createAppFn
-
-    const defineCompilerPlugin: typeof import('./plugins').defineCompilerPlugin
-    const defineServerPlugin: typeof import('./plugins').defineServerPlugin
-    const defineDevToolsPlugin: typeof import('./plugins').defineDevToolsPlugin
-    const defineRuntimeAdapter: typeof import('./plugins').defineRuntimeAdapter
-    const defineFuseePlugin: typeof import('./plugins').defineFuseePlugin
-
-    const emit: (eventName?: string, ...args: any[]) => void
-    const signal: typeof import('./signal').signal
-    const computed: typeof import('./signal').computed
-    const effect: typeof import('./signal').effect
-    const batch: typeof import('./signal').batch
-    const untrack: typeof import('./signal').untrack
-    const inspect: typeof import('./signal').inspect
-    const watch: typeof import('./signal').watch
-    const onCleanup: typeof import('./signal').onCleanup
-    const resource: typeof import('./signal').resource
-    const defineResource: typeof import('./resource').defineResource
-    const createSuspense: typeof import('./signal').createSuspense
-    const scheduleAsyncJob: typeof import('./signal').scheduleAsyncJob
-
-    const defineComponent: typeof import('./component').defineComponent
-    const defineCompiledComponent: typeof import('./component').defineCompiledComponent
-    const defineAsyncComponent: typeof import('./component').defineAsyncComponent
-    const onMount: typeof import('./component').onMount
-    const onUnmount: typeof import('./component').onUnmount
-    const parseSlots: typeof import('./component').parseSlots
-    const provide: typeof import('./component').provide
-    const inject: typeof import('./di').inject
-    const getCurrentInstance: typeof import('./component').getCurrentInstance
-
-    const defineElement: typeof import('./element').defineElement
-    const toCustomElement: typeof import('./element').toCustomElement
-    const css: typeof import('./element').css
-    const unsafeCSS: typeof import('./element').unsafeCSS
-
-    const createRouter: typeof import('./router').createRouter
-    const navigate: typeof import('./router').navigate
-    const mountOutlet: typeof import('./router').mountOutlet
-    const currentRoute: typeof import('./router').currentRoute
-    const routeParams: typeof import('./router').routeParams
-    const routeQuery: typeof import('./router').routeQuery
-    const matchedRoutes: typeof import('./router').matchedRoutes
-    const routeMeta: typeof import('./router').routeMeta
-    const beforeEach: typeof import('./router').beforeEach
-    const afterEach: typeof import('./router').afterEach
-    const use: typeof import('./router').use
-    const onError: typeof import('./router').onError
-    const generateRoutes: typeof import('./router').generateRoutes
-
-    const mountTemplate: typeof import('./compiler').mountTemplate
-    const defineComposable: typeof import('./composable').defineComposable
-    const assertSetupContext: typeof import('./composable').assertSetupContext
-
-    const defineStore: typeof import('./store').defineStore
-    const storeToRefs: typeof import('./store').storeToRefs
-    const storeToState: typeof import('./store').storeToState
-    const storeToGetters: typeof import('./store').storeToGetters
-    const useNestedStore: typeof import('./store').useNestedStore
-    const resetStore: typeof import('./store').resetStore
-    const clearStores: typeof import('./store').clearStores
-    const registerStorePlugin: typeof import('./store').registerStorePlugin
-    type StoreHook<T> = import('./store').StoreHook<T>
-
-    const directive: typeof import('./directives').directive
-    const isDelegatedEvent: typeof import('./event-delegation').isDelegatedEvent
-    const InjectionToken: typeof import('./di').InjectionToken
-    const provideGlobal: typeof import('./di').provideGlobal
-    const reconcile: typeof import('./reconcile').reconcile
-
-    const defineAction: typeof import('./actions').defineAction
-    const createActionProxy: typeof import('./actions').createActionProxy
-    const useAction: typeof import('./actions').useAction
-}
-
-export as namespace Fusee
-
-declare module '*.template.html' {
-    export const render: (_ctx: any, _components: any) => any[]
+import { createApp as createAppFn } from './app-registry'
+
+// Core entry only. Router, store, DI tokens, actions and plugins have their own entries
+// (fusee-framework/router, /store, /di, /actions, /plugins) with their own typings.
+export * from './signal'
+export * from './component'
+export * from './element'
+export * from './composable'
+export * from './compiler'
+export * from './directives'
+export * from './event-delegation'
+export * from './reconcile'
+export * from './resource'
+export * from './app-registry'
+
+declare global {
+    type Signal<T = any> = import('./signal').Signal<T>
+    type Computed<T = any> = import('./signal').Computed<T>
+    type SignalAccessor<T> = import('./signal').SignalAccessor<T>
+    type Composable<T extends (...args: any[]) => any> = import('./composable').Composable<T>
+    type DirectiveBinding<V = any> = import('./directives').DirectiveBinding<V>
+    type DirectiveHooks<V = any> = import('./directives').DirectiveHooks<V>
+    type DelegatedEventOptions = import('./event-delegation').DelegatedEventOptions
+
+    type AppConfig = import('./app-registry').AppConfig
+    type Plugin<Options extends any[] = any[]> = import('./app-registry').Plugin<Options>
+    type CompilerPlugin = import('./plugins').CompilerPlugin
+    type ServerPlugin = import('./plugins').ServerPlugin
+    type DevToolsPlugin = import('./plugins').DevToolsPlugin
+    type RuntimeAdapter = import('./plugins').RuntimeAdapter
+    type FuseePlugin = import('./plugins').FuseePlugin
+
+    const createApp: typeof createAppFn
+
+    const defineCompilerPlugin: typeof import('./plugins').defineCompilerPlugin
+    const defineServerPlugin: typeof import('./plugins').defineServerPlugin
+    const defineDevToolsPlugin: typeof import('./plugins').defineDevToolsPlugin
+    const defineRuntimeAdapter: typeof import('./plugins').defineRuntimeAdapter
+    const defineFuseePlugin: typeof import('./plugins').defineFuseePlugin
+
+    const emit: (eventName?: string, ...args: any[]) => void
+    const signal: typeof import('./signal').signal
+    const computed: typeof import('./signal').computed
+    const effect: typeof import('./signal').effect
+    const batch: typeof import('./signal').batch
+    const untrack: typeof import('./signal').untrack
+    const inspect: typeof import('./signal').inspect
+    const watch: typeof import('./signal').watch
+    const onCleanup: typeof import('./signal').onCleanup
+    const resource: typeof import('./signal').resource
+    const defineResource: typeof import('./resource').defineResource
+    const createSuspense: typeof import('./signal').createSuspense
+    const scheduleAsyncJob: typeof import('./signal').scheduleAsyncJob
+
+    const defineComponent: typeof import('./component').defineComponent
+    const defineCompiledComponent: typeof import('./component').defineCompiledComponent
+    const defineAsyncComponent: typeof import('./component').defineAsyncComponent
+    const onMount: typeof import('./component').onMount
+    const onUnmount: typeof import('./component').onUnmount
+    const parseSlots: typeof import('./component').parseSlots
+    const provide: typeof import('./component').provide
+    const inject: typeof import('./di').inject
+    const getCurrentInstance: typeof import('./component').getCurrentInstance
+
+    const defineElement: typeof import('./element').defineElement
+    const toCustomElement: typeof import('./element').toCustomElement
+    const css: typeof import('./element').css
+    const unsafeCSS: typeof import('./element').unsafeCSS
+
+    const createRouter: typeof import('./router').createRouter
+    const navigate: typeof import('./router').navigate
+    const mountOutlet: typeof import('./router').mountOutlet
+    const currentRoute: typeof import('./router').currentRoute
+    const routeParams: typeof import('./router').routeParams
+    const routeQuery: typeof import('./router').routeQuery
+    const matchedRoutes: typeof import('./router').matchedRoutes
+    const routeMeta: typeof import('./router').routeMeta
+    const beforeEach: typeof import('./router').beforeEach
+    const afterEach: typeof import('./router').afterEach
+    const use: typeof import('./router').use
+    const onError: typeof import('./router').onError
+    const generateRoutes: typeof import('./router').generateRoutes
+
+    const mountTemplate: typeof import('./compiler').mountTemplate
+    const defineComposable: typeof import('./composable').defineComposable
+    const assertSetupContext: typeof import('./composable').assertSetupContext
+
+    const defineStore: typeof import('./store').defineStore
+    const storeToRefs: typeof import('./store').storeToRefs
+    const storeToState: typeof import('./store').storeToState
+    const storeToGetters: typeof import('./store').storeToGetters
+    const useNestedStore: typeof import('./store').useNestedStore
+    const resetStore: typeof import('./store').resetStore
+    const clearStores: typeof import('./store').clearStores
+    const registerStorePlugin: typeof import('./store').registerStorePlugin
+    type StoreHook<T> = import('./store').StoreHook<T>
+
+    const directive: typeof import('./directives').directive
+    const isDelegatedEvent: typeof import('./event-delegation').isDelegatedEvent
+    const InjectionToken: typeof import('./di').InjectionToken
+    const provideGlobal: typeof import('./di').provideGlobal
+    const reconcile: typeof import('./reconcile').reconcile
+
+    const defineAction: typeof import('./actions').defineAction
+    const createActionProxy: typeof import('./actions').createActionProxy
+    const useAction: typeof import('./actions').useAction
+}
+
+export as namespace Fusee
+
+declare module '*.template.html' {
+    export const render: (_ctx: any, _components: any) => any[]
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fusee-framework",
-  "version": "2.7.2",
+  "version": "2.7.3",
   "description": "Fusée - Signals-first JS Framework | Peak Performance",
   "main": "./framework/index.js",
   "types": "./framework/types/index.d.ts",
@@ -12,6 +12,8 @@
     "!framework/core/compiler-legacy/",
     "!framework/server-legacy/",
     "!framework/engine-go/",
+    "!framework/core/comet-js/",
+    "!framework/frel/",
     "framework/core/rust-compiler/pkg/fusee_compiler_bg.wasm",
     "bin/index.js",
     "bin/create-fusee-win.exe",
@@ -68,6 +70,22 @@
       "types": "./framework/types/router.d.ts",
       "import": "./framework/router/index.js"
     },
+    "./store": {
+      "types": "./framework/types/store.d.ts",
+      "import": "./framework/store/index.js"
+    },
+    "./di": {
+      "types": "./framework/types/di-entry.d.ts",
+      "import": "./framework/di/index.js"
+    },
+    "./actions": {
+      "types": "./framework/types/actions.d.ts",
+      "import": "./framework/actions/index.js"
+    },
+    "./plugins": {
+      "types": "./framework/types/plugins.d.ts",
+      "import": "./framework/plugins/index.js"
+    },
     "./runtime/ssr": {
       "import": "./framework/core/ssr.js"
     },

package/framework/core/comet-js/comet-config.js

@@ -1,14 +0,0 @@
-export const config = {
-    defaultSwap: 'innerHTML',
-    /** Attribute prefix. Not intended to be changed at runtime in practice —
-     *  exposed mainly so tests can verify nothing is hardcoded needlessly. */
-    attrPrefix: 'comet-',
-    /** Class toggled on an element (or its comet-indicator target) while a request is in flight. */
-    requestingClass: 'comet-requesting',
-    /** Default request timeout in ms. 0 disables the timeout. */
-    timeout: 0,
-    /** Optional hydrator hook called on newly swapped DOM nodes: (node, detail) => void */
-    hydrator: null,
-    /** Optional cleanup hook called on DOM targets before they are replaced/removed: (target, swapMode) => void */
-    cleanup: null,
-}

package/framework/core/comet-js/comet-fusee.d.ts

@@ -1,10 +0,0 @@
-export interface FuseeHydrationOptions {
-    components?: Record<string, any>
-    context?: Record<string, any>
-    autoExtractState?: boolean
-}
-
-export declare function extractAndApplyEmbeddedState(root: Element): void
-export declare function hydrateFragment(node: Element, context?: Record<string, any>, components?: Record<string, any>, opts?: { autoExtractState?: boolean }): Array<() => void>
-export declare function cleanupFragment(target: Element): void
-export declare function enableFuseeHydration(options?: FuseeHydrationOptions): () => void

package/framework/core/comet-js/comet-fusee.js

@@ -1,114 +0,0 @@
-import { setHydrator, setCleanup } from './comet.js'
-import { compileNode } from '../compiler.js'
-import { loadHydration } from '../hydration.js'
-import { loadSignalRegistry } from '../signal-scope.js'
-
-const nodeCleanups = new WeakMap()
-const activeElements = new Set()
-
-/**
- * Extracts and loads any embedded Fusée state payload from a node subtree.
- */
-export function extractAndApplyEmbeddedState(root) {
-    if (!root || root.nodeType !== 1) return
-
-    const scripts = []
-    if (root.matches && (root.matches('script[data-fusee-state]') || root.id === '__FUSEE_DATA__')) {
-        scripts.push(root)
-    }
-    if (root.querySelectorAll) {
-        root.querySelectorAll('script[data-fusee-state], script#__FUSEE_DATA__').forEach(s => scripts.push(s))
-    }
-
-    for (const script of scripts) {
-        try {
-            let text = script.textContent.trim()
-            if (text.startsWith('window.__FUSEE_STATE__')) {
-                text = text.replace(/^window\.__FUSEE_STATE__\s*=\s*/, '').replace(/;$/, '')
-            }
-            if (text) {
-                const payload = JSON.parse(text)
-                if (payload.resources) loadHydration(payload.resources)
-                if (payload.signals) loadSignalRegistry(payload.signals)
-            }
-            script.remove()
-        } catch (err) {
-            console.warn('[fusée:comet] failed to parse embedded hydration payload:', err)
-        }
-    }
-}
-
-/**
- * Hydrates a newly inserted DOM node with Fusée reactivity and components.
- */
-export function hydrateFragment(node, context = {}, components = {}, opts = {}) {
-    if (!node || node.nodeType !== 1) return []
-
-    if (opts.autoExtractState !== false) {
-        extractAndApplyEmbeddedState(node)
-    }
-
-    const effects = []
-    compileNode(node, context, components, effects)
-
-    if (effects.length > 0) {
-        nodeCleanups.set(node, effects)
-        activeElements.add(node)
-    }
-
-    return effects
-}
-
-/**
- * Cleans up reactive effects, component instances, and subscriptions attached to a DOM subtree.
- */
-export function cleanupFragment(target) {
-    if (!target || target.nodeType !== 1) return
-
-    const toClean = []
-    for (const el of activeElements) {
-        if (el === target || target.contains(el)) {
-            toClean.push(el)
-        }
-    }
-
-    for (const el of toClean) {
-        const cleanups = nodeCleanups.get(el)
-        if (cleanups) {
-            for (let i = cleanups.length - 1; i >= 0; i--) {
-                const cleanup = cleanups[i]
-                if (typeof cleanup === 'function') {
-                    try {
-                        cleanup()
-                    } catch (err) {
-                        console.error('[fusée:comet] error during node effect cleanup:', err)
-                    }
-                }
-            }
-            nodeCleanups.delete(el)
-        }
-        activeElements.delete(el)
-    }
-}
-
-/**
- * Enables automatic Fusée hydration for Comet DOM swaps.
- */
-export function enableFuseeHydration(options = {}) {
-    const components = options.components || {}
-    const context = options.context || {}
-    const autoExtractState = options.autoExtractState !== false
-
-    setCleanup((target) => {
-        cleanupFragment(target)
-    })
-
-    setHydrator((node) => {
-        hydrateFragment(node, context, components, { autoExtractState })
-    })
-
-    return function disableFuseeHydration() {
-        setCleanup(null)
-        setHydrator(null)
-    }
-}

package/framework/core/comet-js/comet-methods.js

@@ -1,32 +0,0 @@
-export const ATTR = {
-    get: 'comet-get',
-    post: 'comet-post',
-    put: 'comet-put',
-    patch: 'comet-patch',
-    delete: 'comet-delete',
-    trigger: 'comet-trigger',
-    target: 'comet-target',
-    swap: 'comet-swap',
-    vals: 'comet-vals',
-    include: 'comet-include',
-    pushUrl: 'comet-push-url',
-    indicator: 'comet-indicator',
-    confirm: 'comet-confirm',
-    swapOob: 'comet-swap-oob',
-    boost: 'comet-boost',
-}
-
-export const METHOD_ATTRS = [
-    ['get', ATTR.get],
-    ['post', ATTR.post],
-    ['put', ATTR.put],
-    ['patch', ATTR.patch],
-    ['delete', ATTR.delete],
-]
-
-export const DEFAULT_TRIGGER_BY_TAG = {
-    FORM: 'submit',
-    INPUT: 'change',
-    TEXTAREA: 'change',
-    SELECT: 'change',
-}