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

Refactor export statements to use const

Browse Source
This commit is contained in:
Natxo
2026-03-30 21:28:05 +02:00
committed by GitHub
parent 25d58d44d7
commit 76081089c4
1 changed files with 8 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
sigpro/index.js
View File

@@ -91,7 +91,7 @@ const _view = (fn) => {
* const name = $("John", "user-name"); // Persisted signal * const name = $("John", "user-name"); // Persisted signal
*/ */
export const $ = (initial, key = null) => { const $ = (initial, key = null) => {
if (typeof initial === "function") { if (typeof initial === "function") {
const subs = new Set(); const subs = new Set();
let cached, dirty = true; let cached, dirty = true;
@@ -159,7 +159,7 @@ export const $ = (initial, key = null) => {
* $watch([count], () => console.log("Only runs when count changes")); * $watch([count], () => console.log("Only runs when count changes"));
*/ */
export const $watch = (target, fn) => { const $watch = (target, fn) => {
const isExplicit = Array.isArray(target); const isExplicit = Array.isArray(target);
const callback = isExplicit ? fn : target; const callback = isExplicit ? fn : target;
const depsInput = isExplicit ? target : null; const depsInput = isExplicit ? target : null;
@@ -219,7 +219,7 @@ export const $watch = (target, fn) => {
* @param {Array|any} [content] - Children: text, other nodes, or reactive signals. * @param {Array|any} [content] - Children: text, other nodes, or reactive signals.
* @returns {HTMLElement} The configured reactive DOM element. * @returns {HTMLElement} The configured reactive DOM element.
*/ */
export const $html = (tag, props = {}, content = []) => { const $html = (tag, props = {}, content = []) => {
if (props instanceof Node || Array.isArray(props) || typeof props !== "object") { if (props instanceof Node || Array.isArray(props) || typeof props !== "object") {
content = props; props = {}; content = props; props = {};
} }
@@ -278,7 +278,7 @@ export const $html = (tag, props = {}, content = []) => {
* @returns {HTMLElement} A reactive container (display: contents). * @returns {HTMLElement} A reactive container (display: contents).
*/ */
export const $if = (condition, thenVal, otherwiseVal = null) => { const $if = (condition, thenVal, otherwiseVal = null) => {
const marker = document.createTextNode(""); const marker = document.createTextNode("");
const container = $html("div", { style: "display:contents" }, [marker]); const container = $html("div", { style: "display:contents" }, [marker]);
let current = null, last = null; let current = null, last = null;
@@ -307,7 +307,7 @@ $if.not = (condition, thenVal, otherwiseVal) => $if(() => !(typeof condition ===
* @returns {HTMLElement} A reactive container (display: contents). * @returns {HTMLElement} A reactive container (display: contents).
*/ */
export const $for = (source, render, keyFn) => { const $for = (source, render, keyFn) => {
const marker = document.createTextNode(""); const marker = document.createTextNode("");
const container = $html("div", { style: "display:contents" }, [marker]); const container = $html("div", { style: "display:contents" }, [marker]);
const cache = new Map(); const cache = new Map();
@@ -337,7 +337,7 @@ export const $for = (source, render, keyFn) => {
* @returns {HTMLElement} The router outlet container. * @returns {HTMLElement} The router outlet container.
*/ */
export const $router = (routes) => { const $router = (routes) => {
const sPath = $(window.location.hash.replace(/^#/, "") || "/"); const sPath = $(window.location.hash.replace(/^#/, "") || "/");
window.addEventListener("hashchange", () => sPath(window.location.hash.replace(/^#/, "") || "/")); window.addEventListener("hashchange", () => sPath(window.location.hash.replace(/^#/, "") || "/"));
const outlet = $html("div", { class: "router-outlet" }); const outlet = $html("div", { class: "router-outlet" });
@@ -389,7 +389,7 @@ $router.path = () => window.location.hash.replace(/^#/, "") || "/";
* $mount(myApp, document.getElementById("app")); * $mount(myApp, document.getElementById("app"));
*/ */
export const $mount = (component, target) => { const $mount = (component, target) => {
const el = typeof target === "string" ? document.querySelector(target) : target; const el = typeof target === "string" ? document.querySelector(target) : target;
if (!el) return; if (!el) return;
if (MOUNTED_NODES.has(el)) MOUNTED_NODES.get(el).destroy(); if (MOUNTED_NODES.has(el)) MOUNTED_NODES.get(el).destroy();