natxocc/sigpro
1
1
Fork 0
Code Issues Actions Packages Projects Releases Wiki Activity

add value: signal effect auto in h

Browse Source
This commit is contained in:
Natxo
2026-04-08 01:33:41 +02:00
parent b2c6b8d398
commit d508a99290
1 changed files with 9 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
sigwork_original.js
View File

@@ -10,6 +10,9 @@ const tick = () => {
isScheduled = false; isScheduled = false;
} }
// Helper para extraer valor de signals o funciones
const unwrap = (v) => (v?._isSig ? v.value : (isFn(v) ? v() : v));
export const effect = (fn, is_scope = false) => { export const effect = (fn, is_scope = false) => {
let cleanup = null; let cleanup = null;
const run = () => { const run = () => {
@@ -104,7 +107,7 @@ export const storage = (key, val) => persist(key, signal(val));
export const watch = (source, cb) => { export const watch = (source, cb) => {
let first = true, old; let first = true, old;
return effect(() => { return effect(() => {
const val = isFn(source) ? source() : source.value; const val = unwrap(source);
if (!first) untrack(() => cb(val, old)); if (!first) untrack(() => cb(val, old));
first = false; old = val; first = false; old = val;
}); });
@@ -158,7 +161,7 @@ export const h = (tag, props = {}, ...children) => {
else if (k === "ref") isFn(v) ? v(el) : v.value = el; else if (k === "ref") isFn(v) ? v(el) : v.value = el;
else if (k === "on") el.$on = v; else if (k === "on") el.$on = v;
else if (k === "off") el.$off = v; else if (k === "off") el.$off = v;
else if (isFn(v)) effect(() => el[k] = v()); else if (isFn(v) || v?._isSig) effect(() => el[k] = unwrap(v));
else el[k] = v; else el[k] = v;
} }
children.forEach(c => append(el, c)); children.forEach(c => append(el, c));
@@ -167,12 +170,12 @@ export const h = (tag, props = {}, ...children) => {
const append = (p, c) => { const append = (p, c) => {
if (c == null) return; if (c == null) return;
if (isFn(c)) { if (isFn(c) || c?._isSig) {
const anchor = document.createTextNode(''); const anchor = document.createTextNode('');
p.appendChild(anchor); p.appendChild(anchor);
let nodes = []; let nodes = [];
effect(async () => { effect(async () => {
const raw = [c()].flat(Infinity).filter(n => n != null); const raw = [unwrap(c)].flat(Infinity).filter(n => n != null);
const next = raw.map(n => isNode(n) ? n : document.createTextNode(String(n))); const next = raw.map(n => isNode(n) ? n : document.createTextNode(String(n)));
for (const n of nodes) { if (!next.includes(n)) await remove(n); } for (const n of nodes) { if (!next.includes(n)) await remove(n); }
next.forEach((n, i) => { next.forEach((n, i) => {
@@ -194,7 +197,7 @@ const append = (p, c) => {
export const If = (cond, t, f = null, trans = {}) => { export const If = (cond, t, f = null, trans = {}) => {
let cached, current; let cached, current;
return () => { return () => {
const show = !!cond(); const show = !!unwrap(cond);
if (show !== current) { if (show !== current) {
const up = async () => { const up = async () => {
if (cached) await remove(cached); if (cached) await remove(cached);
@@ -215,7 +218,7 @@ export const For = (list, key, renderFn) => {
let cache = new Map(); let cache = new Map();
return () => { return () => {
const next = new Map(); const next = new Map();
const items = isFn(list) ? list() : (list.value || list); const items = unwrap(list);
const res = items.map((item, i) => { const res = items.map((item, i) => {
const id = isFn(key) ? key(item, i) : (key ? item[id] : item); const id = isFn(key) ? key(item, i) : (key ? item[id] : item);
let n = cache.get(id); let n = cache.get(id);