@dooboostore/dom-render 1.0.113 → 1.0.114

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dooboostore/dom-render",
-  "version": "1.0.113",
+  "version": "1.0.114",
   "license": "MIT",
   "type": "module",
   "main": "./dist/cjs/index.js",
@@ -43,6 +43,17 @@
       "import": "./dist/esm/index.js",
       "require": "./dist/cjs/index.js",
       "default": "./dist/esm/index.js"
+    },
+    "./bundle-entry": {
+      "types": "./dist/types/bundle-entry.d.ts",
+      "import": "./dist/esm/bundle-entry.js",
+      "require": "./dist/cjs/bundle-entry.js",
+      "default": "./dist/esm/bundle-entry.js"
+    },
+    "./*": {
+      "types": "./dist/types/*.d.ts",
+      "import": "./dist/esm/*.js",
+      "require": "./dist/cjs/*.js"
     }
   },
   "author": "dooboostore <dooboostore@gmail.com> (https://github.com/dooboostore)",
@@ -63,7 +74,9 @@
     "url": "https://github.com/dooboostore-develop/packages"
   },
   "peerDependencies": {
-    "reflect-metadata": "^0.2.2"
+    "reflect-metadata": "^0.2.2",
+    "@dooboostore/core": "1.0.32",
+    "@dooboostore/core-web": "1.0.13"
   },
   "devDependencies": {
     "@babel/core": "^7.24.0",
@@ -85,10 +98,7 @@
     "@types/node": "^20",
     "typescript": "^5.9.2",
     "esbuild-plugin-tsc": "^0.5.0",
-    "esbuild": "^0.23.0",
-    "@dooboostore/core": "1.0.30",
-    "@dooboostore/core-node": "1.0.12",
-    "@dooboostore/core-web": "1.0.10"
+    "esbuild": "^0.23.0"
   },
   "scripts": {
     "clean": "rm -rf dist",

package/src/bundle-entry.ts

@@ -1,18 +1,9 @@
 import 'reflect-metadata';
-export * as Core from '@dooboostore/core/bundle-entry';
-export * as CoreWeb from '@dooboostore/core-web/bundle-entry';
-// export { DomRender, type DomRenderRunConfig, type CreateComponentParam } from './DomRender';
-// export { DomRenderProxy, getDomRenderConfig, getDomRenderOriginObject, getDomRenderProxy, isWrapProxyDomRenderProxy } from './DomRenderProxy';
 
-export * from './DomRender';
-export * from './DomRenderProxy';
-export * from './configs';
-export * from './decorators';
-export * from './events';
-export * from '@dooboostore/core';
-export * from './lifecycle';
-export * from './messenger';
-export * from './operators';
-export * from './rawsets';
-export * from './types';
-export { drComponent, If, This, Appender as AppenderComponent, PromiseSwitch, Choose, CheckBox, Radio, Select, Timer, Details, Input, Route, RouterOutlet, A } from './components';
+// dom-render itself
+export * from './index';
+
+// Re-export peer dependencies so bundle consumers can access them
+// without separately importing each package
+export * as Core from '@dooboostore/core';
+export * as CoreWeb from '@dooboostore/core-web';

package/src/components/ComponentBase.ts

@@ -14,15 +14,15 @@ import type { Render } from '../rawsets/Render';
 import { ReflectUtils } from '@dooboostore/core';
 import { DomRenderConfig } from '../configs/DomRenderConfig';
 import { Subject } from '@dooboostore/core';
-import { MessageOperator } from '@dooboostore/core';
+import { debounceTime, bufferTime } from '@dooboostore/core/message/operators';
 import type { Subscription } from '@dooboostore/core';
 import { OnRawSetRendered, OnRawSetRenderedOtherData } from "../lifecycle/OnRawSetRendered";
 import {OnChildRawSetRendered} from "../lifecycle/OnChildRawSetRendered";
 
 
-export const ATTRIBUTE_METADATA_KEY = Symbol('attribute');
-export const QUERY_METADATA_KEY = Symbol('query');
-export const EVENT_METADATA_KEY = Symbol('event');
+export const ATTRIBUTE_METADATA_KEY = Symbol.for('dom-render:attribute-metadata');
+export const QUERY_METADATA_KEY = Symbol.for('dom-render:query-metadata');
+export const EVENT_METADATA_KEY = Symbol.for('dom-render:event-metadata');
 
 export interface AttributeMetadata {
     propertyKey: string | symbol;
@@ -712,7 +712,7 @@ getAttributeNames(attribute = this._attribute): string[] {
     // console.log('onInitRender ComponentBase', this.constructor.name, rawSet?.uuid);
     const window = rawSet.dataSet?.config?.window;
     this.createChildrenDebounceSubscription = this.childrenSetSubject.pipe(
-      MessageOperator.debounceTime(this.componentConfig?.createChildrenDebounce??1, {
+      debounceTime(this.componentConfig?.createChildrenDebounce??1, {
         setTimeout: window ? window.setTimeout.bind(window) : undefined,
         clearTimeout: window ? window.clearTimeout.bind(window) : undefined,
       })
@@ -721,7 +721,7 @@ getAttributeNames(attribute = this._attribute): string[] {
       this.onCreatedThisChildDebounce(it);
     });
     this.onRawSetRenderedOtherDataSubjectSubscription = this.onRawSetRenderedOtherDataSubject.pipe(
-      MessageOperator.bufferTime(this.componentConfig?.onRawSetRenderedOtherDataDebounce??1, {
+      bufferTime(this.componentConfig?.onRawSetRenderedOtherDataDebounce??1, {
         skipEmpty: true,
         setInterval: window ? window.setInterval.bind(window) : undefined,
         clearInterval: window ? window.clearInterval.bind(window) : undefined,
@@ -732,7 +732,7 @@ getAttributeNames(attribute = this._attribute): string[] {
       this.onRawSetRenderedDebounce(it);
     });
     this.onChildRawSetRenderedOtherDataSubjectSubscription = this.onChildRawSetRenderedOtherDataSubject.pipe(
-      MessageOperator.debounceTime(this.componentConfig?.onChildRawSetRenderedOtherDataDebounce??10, {
+      debounceTime(this.componentConfig?.onChildRawSetRenderedOtherDataDebounce??10, {
         setTimeout: window ? window.setTimeout.bind(window) : undefined,
         clearTimeout: window ? window.clearTimeout.bind(window) : undefined,
       })

package/src/components/input/Input.ts

@@ -6,7 +6,7 @@ import { OnCreateRender } from '../../lifecycle/OnCreateRender';
 import { OnDestroyRender, OnDestroyRenderParams } from '../../lifecycle/OnDestroyRender';
 import { Subscription } from '@dooboostore/core';
 import { ValidUtils } from '@dooboostore/core';
-import { MessageOperator } from '@dooboostore/core';
+import { map, debounceTime, distinctUntilChanged} from '@dooboostore/core/message/operators';
 import { EventUtils } from '@dooboostore/core-web';
 
 export namespace Input {
@@ -50,7 +50,7 @@ export namespace Input {
           // let result$ = EventUtils.htmlElementEventObservable(inputElement,'input');
 
           let result$ = EventUtils.htmlElementEventObservable(inputElement, 'input').pipe(
-            MessageOperator.map((event: Event) => {
+            map((event: Event) => {
               const target = event.target;
               if (target instanceof HTMLInputElement) {
                 return target.value.trim();
@@ -61,10 +61,10 @@ export namespace Input {
           );
 
           if (ValidUtils.isNotNullUndefined(debounceTimeValue) && debounceTimeValue > 0) {
-            result$ = result$.pipe(MessageOperator.debounceTime(debounceTimeValue));
+            result$ = result$.pipe(debounceTime(debounceTimeValue));
           }
           if (ValidUtils.isNotNullUndefined(distinct) && distinct === true) {
-            result$ = result$.pipe(MessageOperator.distinctUntilChanged());
+            result$ = result$.pipe(distinctUntilChanged());
           }
           return result$;
         };

package/src/index.ts

@@ -16,6 +16,7 @@ export {
 	A,
 	ComponentSet,
 	ComponentRouterBase,
+	attribute,
 	ComponentBase
 } from './components';
 export type { ComponentBaseConfig, ChildrenSet, ComponentRouterBaseConfig } from './components';