@jay-framework/component 0.22.2 → 0.23.1

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-import { JayElement, ContextMarker, PreRenderElement, JayComponent, EventEmitter } from '@jay-framework/runtime';
+import { JayElement, JayComponent, ContextMarker, PreRenderElement, EventEmitter } from '@jay-framework/runtime';
 import { Getter, Reactive, ValueOrGetter, Setter } from '@jay-framework/reactive';
 import { JSONPatch } from '@jay-framework/json-patch';
 import { HTMLElement } from 'node-html-parser';

package/dist/index.js

@@ -16,12 +16,10 @@ function newContextProxy(reactive, context) {
   };
   return new Proxy(context, {
     get(target, p, receiver) {
-      if (p === CONTEXT_REACTIVE_SYMBOL_CONTEXT)
-        return reactive;
+      if (p === CONTEXT_REACTIVE_SYMBOL_CONTEXT) return reactive;
       else if (!target[p][GetterMark] && !target[p][SetterMark] && typeof target[p] === "function")
         return wrap(target[p]);
-      else
-        return target[p];
+      else return target[p];
     }
   });
 }
@@ -54,10 +52,8 @@ function createEffect(effect) {
   const mounted = currentHookContext().mountedSignal[0];
   currentHookContext().reactive.createReaction(() => {
     if (lastMounted !== mounted()) {
-      if (mounted())
-        cleanup = effect();
-      else
-        clean();
+      if (mounted()) cleanup = effect();
+      else clean();
       lastMounted = mounted();
     } else if (mounted()) {
       clean();
@@ -108,8 +104,7 @@ function mapItem(item, index, length, force, cached, mapCallback) {
       usedIndex: indexGetter.wasUsed(),
       usedLength: lengthGetter.wasUsed()
     };
-  } else
-    return cached;
+  } else return cached;
 }
 function createDerivedArray(arrayGetter, mapCallback) {
   let [sourceArray] = currentHookContext().reactive.createSignal(
@@ -147,16 +142,13 @@ function createEvent(eventEffect) {
     handlers.push(h);
   };
   emitter.emit = (event) => {
-    for (const h of handlers)
-      h({ event });
+    for (const h of handlers) h({ event });
   };
   emitter.remove = (h) => {
     const idx = handlers.indexOf(h);
-    if (idx >= 0)
-      handlers.splice(idx, 1);
+    if (idx >= 0) handlers.splice(idx, 1);
   };
-  if (eventEffect)
-    createEffect(() => eventEffect(emitter));
+  if (eventEffect) createEffect(() => eventEffect(emitter));
   return emitter;
 }
 function provideContext(marker, context) {
@@ -171,8 +163,7 @@ function materializeViewState(vsValueOrGetter) {
   let vs = {};
   for (let key in vsValueOrGetter) {
     let value = vsValueOrGetter[key];
-    if (typeof value === "function")
-      value = value();
+    if (typeof value === "function") value = value();
     vs[key] = value;
   }
   return vs;
@@ -191,10 +182,8 @@ function renderWithContexts(provideContexts, render, viewState, index = 0) {
 function mkMounts(componentContext, element) {
   const [mounted, setMounted] = componentContext.mountedSignal;
   componentContext.reactive.createReaction(() => {
-    if (mounted)
-      element.mount();
-    else
-      element.unmount();
+    if (mounted) element.mount();
+    else element.unmount();
   });
   const mount = () => {
     componentContext.reactive.enable();
@@ -248,8 +237,7 @@ function makeJayComponent(preRender, comp, ...contextMarkers) {
             render,
             viewState
           );
-        else
-          element.update(viewState);
+        else element.update(viewState);
         viewStateChangeListener?.({ event: viewState, viewState, coordinate: [] });
       });
       const [mount, unmount] = mkMounts(componentContext, element);
@@ -304,24 +292,19 @@ function makePropsProxy(reactive, props) {
       for (const prop in newProps) {
         if (!stateMap.hasOwnProperty(prop))
           stateMap[prop] = reactive.createSignal(newProps[prop]);
-        else
-          stateMap[prop][1](newProps[prop]);
+        else stateMap[prop][1](newProps[prop]);
       }
     });
   };
   const getter = (obj, prop) => {
-    if (!stateMap.hasOwnProperty(prop))
-      stateMap[prop] = reactive.createSignal(obj[prop]);
+    if (!stateMap.hasOwnProperty(prop)) stateMap[prop] = reactive.createSignal(obj[prop]);
     return stateMap[prop][0];
   };
   return new Proxy(props, {
     get: function(obj, prop) {
-      if (prop === "update")
-        return update;
-      else if (prop === "props")
-        return _props;
-      else
-        return getter(obj, prop);
+      if (prop === "update") return update;
+      else if (prop === "props") return _props;
+      else return getter(obj, prop);
     }
   });
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jay-framework/component",
-  "version": "0.22.2",
+  "version": "0.23.1",
   "type": "module",
   "license": "Apache-2.0",
   "main": "dist/index.js",
@@ -21,12 +21,12 @@
     "test:watch": "vitest"
   },
   "dependencies": {
-    "@jay-framework/json-patch": "^0.22.2",
-    "@jay-framework/reactive": "^0.22.2",
-    "@jay-framework/runtime": "^0.22.2"
+    "@jay-framework/json-patch": "^0.23.1",
+    "@jay-framework/reactive": "^0.23.1",
+    "@jay-framework/runtime": "^0.23.1"
   },
   "devDependencies": {
-    "@jay-framework/dev-environment": "^0.22.2",
+    "@jay-framework/dev-environment": "^0.23.1",
     "@testing-library/jest-dom": "^6.2.0",
     "@types/node": "^20.11.5",
     "rimraf": "^5.0.5",