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

Actualizar sigpro_work.js

Browse Source
This commit is contained in:
Natxo
2026-04-07 21:17:32 +02:00
parent 86ba2f4db8
commit bbae34dd38
1 changed files with 27 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

39
sigpro_work.js
View File

@@ -61,11 +61,11 @@ const $ = (val, key = null) => {
return sig; return sig;
}; };
const $$ = (fn) => { const $C = (fn) => {
const subs = new Set(); const subs = new Set();
let cached, dirty = true; let cached, dirty = true;
const runner = Watch(() => { const runner = Effect(() => {
if (!dirty) { if (!dirty) {
dirty = true; dirty = true;
subs.forEach(e => effectQueue.add(e)); subs.forEach(e => effectQueue.add(e));
@@ -89,7 +89,7 @@ const $$ = (fn) => {
return sig; return sig;
}; };
const $_ = (obj) => { const $O = (obj) => {
if (obj === null || typeof obj !== "object" || obj._isSig) return obj; if (obj === null || typeof obj !== "object" || obj._isSig) return obj;
if (reactiveCache.has(obj)) return reactiveCache.get(obj); if (reactiveCache.has(obj)) return reactiveCache.get(obj);
@@ -105,7 +105,7 @@ const $_ = (obj) => {
} }
const value = Reflect.get(target, key); const value = Reflect.get(target, key);
return (typeof value === "object" && value !== null) ? $_(value) : value; return (typeof value === "object" && value !== null) ? $O(value) : value;
}, },
set(target, key, value) { set(target, key, value) {
const prev = Reflect.get(target, key); const prev = Reflect.get(target, key);
@@ -126,7 +126,7 @@ const $_ = (obj) => {
return proxy; return proxy;
}; };
const Watch = (cb) => { const Effect = (cb) => {
if (typeof cb !== "function") return () => { }; if (typeof cb !== "function") return () => { };
const owner = currentOwner; const owner = currentOwner;
const runner = () => { const runner = () => {
@@ -161,6 +161,21 @@ const Watch = (cb) => {
return runner.stop; return runner.stop;
}; };
const Watch = (source, cb) => {
let oldValue;
let first = true;
return Effect(() => {
const newValue = typeof source === "function" ? source() : source();
if (!first) {
untrack(() => cb(newValue, oldValue));
}
first = false;
oldValue = newValue;
});
};
const Tag = (tag, props = {}, children = []) => { const Tag = (tag, props = {}, children = []) => {
if (props instanceof Node || Array.isArray(props) || typeof props !== "object") { if (props instanceof Node || Array.isArray(props) || typeof props !== "object") {
children = props; props = {}; children = props; props = {};
@@ -194,7 +209,7 @@ const Tag = (tag, props = {}, children = []) => {
} }
}; };
if (typeof v === "function") { if (typeof v === "function") {
el._cleanups.add(Watch(() => setAttr(v()))); el._cleanups.add(Effect(() => setAttr(v())));
} else { } else {
setAttr(v); setAttr(v);
} }
@@ -206,7 +221,7 @@ const Tag = (tag, props = {}, children = []) => {
const marker = createText(""); const marker = createText("");
el.appendChild(marker); el.appendChild(marker);
let nodes = []; let nodes = [];
el._cleanups.add(Watch(() => { el._cleanups.add(Effect(() => {
const res = c(); const res = c();
const next = (Array.isArray(res) ? res : [res]).map(n => const next = (Array.isArray(res) ? res : [res]).map(n =>
n?._isRuntime ? n.container : n instanceof Node ? n : createText(n) n?._isRuntime ? n.container : n instanceof Node ? n : createText(n)
@@ -287,7 +302,7 @@ const If = (cond, a, b = null, options = {}) => {
let currentView = null; let currentView = null;
let lastState = null; let lastState = null;
Watch(() => { Effect(() => {
const state = !!(typeof cond === "function" ? cond() : cond); const state = !!(typeof cond === "function" ? cond() : cond);
if (state === lastState) return; if (state === lastState) return;
lastState = state; lastState = state;
@@ -325,7 +340,7 @@ const For = (source, renderFn, keyFn, tag = "div", props = { style: "display:con
const marker = createText(""); const marker = createText("");
const container = Tag(tag, props, [marker]); const container = Tag(tag, props, [marker]);
let cache = new Map(); let cache = new Map();
Watch(() => { Effect(() => {
const items = (typeof source === "function" ? source() : source) || []; const items = (typeof source === "function" ? source() : source) || [];
const next = new Map(); const next = new Map();
const order = []; const order = [];
@@ -364,7 +379,7 @@ const Router = (routes) => {
); );
const outlet = Tag("div"); const outlet = Tag("div");
let view = null; let view = null;
Watch(() => { Effect(() => {
const p = path(); const p = path();
const route = routes.find(r => { const route = routes.find(r => {
const rp = r.path.split("/").filter(Boolean); const rp = r.path.split("/").filter(Boolean);
@@ -404,7 +419,7 @@ const Mount = (component, target) => {
return instance; return instance;
}; };
const SigPro = { $, $$, $_, untrack, Render, Watch, Tag, If, For, Router, Mount, Share, Use }; const SigPro = { $, $C, $O, untrack, Render, Effect, Watch, Tag, If, For, Router, Mount, Share, Use };
if (typeof window !== "undefined") { if (typeof window !== "undefined") {
Object.assign(window, SigPro); Object.assign(window, SigPro);
@@ -418,5 +433,5 @@ if (typeof window !== "undefined") {
window.SigPro = Object.freeze(SigPro); window.SigPro = Object.freeze(SigPro);
} }
export { $, $$, $_, untrack, Render, Watch, Tag, If, For, Router, Mount, Share, Use }; export { $, $C, $O, untrack, Render, Effect, Watch, Tag, If, For, Router, Mount, Share, Use };
export default SigPro; export default SigPro;