elegance-js 1.10.2 → 1.11.0

package/dist/components/Link.mjs

@@ -1,20 +1,31 @@
-// src/internal/deprecate.ts
-var ShowDeprecationWarning = (msg) => {
-  console.warn("\x1B[31m", msg, "\x1B[0m");
-  console.trace("Stack Trace:");
+// src/server/loadHook.ts
+var loadHook = (deps, fn, bind) => {
+  const stringFn = fn.toString();
+  const depsArray = (deps || []).map((dep) => ({
+    id: dep.id,
+    bind: dep.bind
+  }));
+  let dependencyString = "[";
+  for (const dep of depsArray) {
+    dependencyString += `{id:${dep.id}`;
+    if (dep.bind) dependencyString += `,bind:${dep.bind}`;
+    dependencyString += `},`;
+  }
+  dependencyString += "]";
+  const isAsync = fn.constructor.name === "AsyncFunction";
+  const wrapperFn = isAsync ? `async (state) => await (${stringFn})(state, ...state.getAll(${dependencyString}))` : `(state) => (${stringFn})(state, ...state.getAll(${dependencyString}))`;
+  globalThis.__SERVER_CURRENT_LOADHOOKS__.push({
+    fn: wrapperFn,
+    bind: bind || ""
+  });
 };
 
-// src/server/createState.ts
+// src/server/state.ts
 if (!globalThis.__SERVER_CURRENT_STATE_ID__) {
   globalThis.__SERVER_CURRENT_STATE_ID__ = 0;
 }
 var currentId = globalThis.__SERVER_CURRENT_STATE_ID__;
-var createEventListener = ({
-  eventListener,
-  dependencies = [],
-  params
-}) => {
-  ShowDeprecationWarning("WARNING: The createEventListener() and function is deprecated. Please use eventListener() instead, from elegance-js/state.");
+var eventListener = (dependencies, eventListener2) => {
   const deps = dependencies.map((dep) => ({ id: dep.id, bind: dep.bind }));
   let dependencyString = "[";
   for (const dep of deps) {
@@ -29,39 +40,17 @@ var createEventListener = ({
     value: new Function(
       "state",
       "event",
-      `(${eventListener.toString()})({ event, ...${JSON.stringify(params || {})} }, ...state.getAll(${dependencyString}))`
+      `(${eventListener2.toString()})(event, ...state.getAll(${dependencyString}))`
     )
   };
   globalThis.__SERVER_CURRENT_STATE__.push(value);
   return value;
 };
 
-// src/server/loadHook.ts
-var createLoadHook = (options) => {
-  ShowDeprecationWarning("WARNING: createLoadHook() is a deprecated function. Use loadHook() from elegance-js/loadHook instead.");
-  const stringFn = options.fn.toString();
-  const deps = (options.deps || []).map((dep) => ({
-    id: dep.id,
-    bind: dep.bind
-  }));
-  let dependencyString = "[";
-  for (const dep of deps) {
-    dependencyString += `{id:${dep.id}`;
-    if (dep.bind) dependencyString += `,bind:${dep.bind}`;
-    dependencyString += `},`;
-  }
-  dependencyString += "]";
-  const isAsync = options.fn.constructor.name === "AsyncFunction";
-  const wrapperFn = isAsync ? `async (state) => await (${stringFn})(state, ...state.getAll(${dependencyString}))` : `(state) => (${stringFn})(state, ...state.getAll(${dependencyString}))`;
-  globalThis.__SERVER_CURRENT_LOADHOOKS__.push({
-    fn: wrapperFn,
-    bind: options.bind || ""
-  });
-};
-
 // src/components/Link.ts
-createLoadHook({
-  fn: () => {
+loadHook(
+  [],
+  () => {
     const anchors = Array.from(document.querySelectorAll("a[prefetch]"));
     const elsToClear = [];
     for (const anchor of anchors) {
@@ -89,21 +78,22 @@ createLoadHook({
       }
     };
   }
-});
-var navigate = createEventListener({
-  eventListener: (params) => {
-    const target = new URL(params.event.currentTarget.href);
+);
+var navigate = eventListener(
+  [],
+  (event) => {
+    const target = new URL(event.currentTarget.href);
     const client2 = globalThis.client;
     const sanitizedTarget = client2.sanitizePathname(target.pathname);
     const sanitizedCurrent = client2.sanitizePathname(window.location.pathname);
     if (sanitizedTarget === sanitizedCurrent) {
-      if (target.hash === window.location.hash) return params.event.preventDefault();
+      if (target.hash === window.location.hash) return event.preventDefault();
       return;
     }
-    params.event.preventDefault();
+    event.preventDefault();
     client2.navigateLocally(target.href);
   }
-});
+);
 var Link = (options, ...children) => {
   if (!options.href) {
     throw `Link elements must have a HREF attribute set.`;

package/dist/docs/components/Header.mjs

@@ -20,32 +20,6 @@ var createState = (value, options) => {
   globalThis.__SERVER_CURRENT_STATE__.push(serverStateEntry);
   return serverStateEntry;
 };
-var createEventListener = ({
-  eventListener,
-  dependencies = [],
-  params
-}) => {
-  ShowDeprecationWarning("WARNING: The createEventListener() and function is deprecated. Please use eventListener() instead, from elegance-js/state.");
-  const deps = dependencies.map((dep) => ({ id: dep.id, bind: dep.bind }));
-  let dependencyString = "[";
-  for (const dep of deps) {
-    dependencyString += `{id:${dep.id}`;
-    if (dep.bind) dependencyString += `,bind:${dep.bind}`;
-    dependencyString += `},`;
-  }
-  dependencyString += "]";
-  const value = {
-    id: currentId += 1,
-    type: 1 /* STATE */,
-    value: new Function(
-      "state",
-      "event",
-      `(${eventListener.toString()})({ event, ...${JSON.stringify(params || {})} }, ...state.getAll(${dependencyString}))`
-    )
-  };
-  globalThis.__SERVER_CURRENT_STATE__.push(value);
-  return value;
-};
 
 // src/server/observe.ts
 var observe = (refs, update) => {
@@ -62,6 +36,26 @@ var observe = (refs, update) => {
 };
 
 // src/server/loadHook.ts
+var loadHook = (deps, fn, bind) => {
+  const stringFn = fn.toString();
+  const depsArray = (deps || []).map((dep) => ({
+    id: dep.id,
+    bind: dep.bind
+  }));
+  let dependencyString = "[";
+  for (const dep of depsArray) {
+    dependencyString += `{id:${dep.id}`;
+    if (dep.bind) dependencyString += `,bind:${dep.bind}`;
+    dependencyString += `},`;
+  }
+  dependencyString += "]";
+  const isAsync = fn.constructor.name === "AsyncFunction";
+  const wrapperFn = isAsync ? `async (state) => await (${stringFn})(state, ...state.getAll(${dependencyString}))` : `(state) => (${stringFn})(state, ...state.getAll(${dependencyString}))`;
+  globalThis.__SERVER_CURRENT_LOADHOOKS__.push({
+    fn: wrapperFn,
+    bind: bind || ""
+  });
+};
 var createLoadHook = (options) => {
   ShowDeprecationWarning("WARNING: createLoadHook() is a deprecated function. Use loadHook() from elegance-js/loadHook instead.");
   const stringFn = options.fn.toString();
@@ -84,9 +78,37 @@ var createLoadHook = (options) => {
   });
 };
 
+// src/server/state.ts
+if (!globalThis.__SERVER_CURRENT_STATE_ID__) {
+  globalThis.__SERVER_CURRENT_STATE_ID__ = 0;
+}
+var currentId2 = globalThis.__SERVER_CURRENT_STATE_ID__;
+var eventListener = (dependencies, eventListener2) => {
+  const deps = dependencies.map((dep) => ({ id: dep.id, bind: dep.bind }));
+  let dependencyString = "[";
+  for (const dep of deps) {
+    dependencyString += `{id:${dep.id}`;
+    if (dep.bind) dependencyString += `,bind:${dep.bind}`;
+    dependencyString += `},`;
+  }
+  dependencyString += "]";
+  const value = {
+    id: currentId2 += 1,
+    type: 1 /* STATE */,
+    value: new Function(
+      "state",
+      "event",
+      `(${eventListener2.toString()})(event, ...state.getAll(${dependencyString}))`
+    )
+  };
+  globalThis.__SERVER_CURRENT_STATE__.push(value);
+  return value;
+};
+
 // src/components/Link.ts
-createLoadHook({
-  fn: () => {
+loadHook(
+  [],
+  () => {
     const anchors = Array.from(document.querySelectorAll("a[prefetch]"));
     const elsToClear = [];
     for (const anchor of anchors) {
@@ -114,21 +136,22 @@ createLoadHook({
       }
     };
   }
-});
-var navigate = createEventListener({
-  eventListener: (params) => {
-    const target = new URL(params.event.currentTarget.href);
+);
+var navigate = eventListener(
+  [],
+  (event) => {
+    const target = new URL(event.currentTarget.href);
     const client2 = globalThis.client;
     const sanitizedTarget = client2.sanitizePathname(target.pathname);
     const sanitizedCurrent = client2.sanitizePathname(window.location.pathname);
     if (sanitizedTarget === sanitizedCurrent) {
-      if (target.hash === window.location.hash) return params.event.preventDefault();
+      if (target.hash === window.location.hash) return event.preventDefault();
       return;
     }
-    params.event.preventDefault();
+    event.preventDefault();
     client2.navigateLocally(target.href);
   }
-});
+);
 var Link = (options, ...children) => {
   if (!options.href) {
     throw `Link elements must have a HREF attribute set.`;
@@ -149,7 +172,7 @@ var Link = (options, ...children) => {
 var hasUserScrolled = createState(false);
 createLoadHook({
   deps: [hasUserScrolled],
-  fn: (state, hasUserScrolled2) => {
+  fn: (state2, hasUserScrolled2) => {
     const handleScroll = () => {
       const pos = {
         x: window.scrollX,

package/dist/docs/docs/basics/page.mjs

@@ -33,50 +33,27 @@ var ShowDeprecationWarning = (msg) => {
   console.trace("Stack Trace:");
 };
 
-// src/server/createState.ts
-if (!globalThis.__SERVER_CURRENT_STATE_ID__) {
-  globalThis.__SERVER_CURRENT_STATE_ID__ = 0;
-}
-var currentId = globalThis.__SERVER_CURRENT_STATE_ID__;
-var createState = (value, options) => {
-  ShowDeprecationWarning("WARNING: The createState() and function is deprecated. Please use state() instead, from elegance-js/state.");
-  const serverStateEntry = {
-    id: currentId += 1,
-    value,
-    type: 1 /* STATE */,
-    bind: options?.bind
-  };
-  globalThis.__SERVER_CURRENT_STATE__.push(serverStateEntry);
-  return serverStateEntry;
-};
-var createEventListener = ({
-  eventListener,
-  dependencies = [],
-  params
-}) => {
-  ShowDeprecationWarning("WARNING: The createEventListener() and function is deprecated. Please use eventListener() instead, from elegance-js/state.");
-  const deps = dependencies.map((dep) => ({ id: dep.id, bind: dep.bind }));
+// src/server/loadHook.ts
+var loadHook = (deps, fn, bind) => {
+  const stringFn = fn.toString();
+  const depsArray = (deps || []).map((dep) => ({
+    id: dep.id,
+    bind: dep.bind
+  }));
   let dependencyString = "[";
-  for (const dep of deps) {
+  for (const dep of depsArray) {
     dependencyString += `{id:${dep.id}`;
     if (dep.bind) dependencyString += `,bind:${dep.bind}`;
     dependencyString += `},`;
   }
   dependencyString += "]";
-  const value = {
-    id: currentId += 1,
-    type: 1 /* STATE */,
-    value: new Function(
-      "state",
-      "event",
-      `(${eventListener.toString()})({ event, ...${JSON.stringify(params || {})} }, ...state.getAll(${dependencyString}))`
-    )
-  };
-  globalThis.__SERVER_CURRENT_STATE__.push(value);
-  return value;
+  const isAsync = fn.constructor.name === "AsyncFunction";
+  const wrapperFn = isAsync ? `async (state) => await (${stringFn})(state, ...state.getAll(${dependencyString}))` : `(state) => (${stringFn})(state, ...state.getAll(${dependencyString}))`;
+  globalThis.__SERVER_CURRENT_LOADHOOKS__.push({
+    fn: wrapperFn,
+    bind: bind || ""
+  });
 };
-
-// src/server/loadHook.ts
 var createLoadHook = (options) => {
   ShowDeprecationWarning("WARNING: createLoadHook() is a deprecated function. Use loadHook() from elegance-js/loadHook instead.");
   const stringFn = options.fn.toString();
@@ -99,9 +76,51 @@ var createLoadHook = (options) => {
   });
 };
 
+// src/server/state.ts
+if (!globalThis.__SERVER_CURRENT_STATE_ID__) {
+  globalThis.__SERVER_CURRENT_STATE_ID__ = 0;
+}
+var currentId = globalThis.__SERVER_CURRENT_STATE_ID__;
+var eventListener = (dependencies, eventListener2) => {
+  const deps = dependencies.map((dep) => ({ id: dep.id, bind: dep.bind }));
+  let dependencyString = "[";
+  for (const dep of deps) {
+    dependencyString += `{id:${dep.id}`;
+    if (dep.bind) dependencyString += `,bind:${dep.bind}`;
+    dependencyString += `},`;
+  }
+  dependencyString += "]";
+  const value = {
+    id: currentId += 1,
+    type: 1 /* STATE */,
+    value: new Function(
+      "state",
+      "event",
+      `(${eventListener2.toString()})(event, ...state.getAll(${dependencyString}))`
+    )
+  };
+  globalThis.__SERVER_CURRENT_STATE__.push(value);
+  return value;
+};
+
+// src/server/observe.ts
+var observe = (refs, update) => {
+  const returnValue = {
+    type: 2 /* OBSERVER */,
+    initialValues: refs.map((ref) => ref.value),
+    update,
+    refs: refs.map((ref) => ({
+      id: ref.id,
+      bind: ref.bind
+    }))
+  };
+  return returnValue;
+};
+
 // src/components/Link.ts
-createLoadHook({
-  fn: () => {
+loadHook(
+  [],
+  () => {
     const anchors = Array.from(document.querySelectorAll("a[prefetch]"));
     const elsToClear = [];
     for (const anchor of anchors) {
@@ -129,21 +148,22 @@ createLoadHook({
       }
     };
   }
-});
-var navigate = createEventListener({
-  eventListener: (params) => {
-    const target = new URL(params.event.currentTarget.href);
+);
+var navigate = eventListener(
+  [],
+  (event) => {
+    const target = new URL(event.currentTarget.href);
     const client2 = globalThis.client;
     const sanitizedTarget = client2.sanitizePathname(target.pathname);
     const sanitizedCurrent = client2.sanitizePathname(window.location.pathname);
     if (sanitizedTarget === sanitizedCurrent) {
-      if (target.hash === window.location.hash) return params.event.preventDefault();
+      if (target.hash === window.location.hash) return event.preventDefault();
       return;
     }
-    params.event.preventDefault();
+    event.preventDefault();
     client2.navigateLocally(target.href);
   }
-});
+);
 var Link = (options, ...children) => {
   if (!options.href) {
     throw `Link elements must have a HREF attribute set.`;
@@ -160,6 +180,49 @@ var Link = (options, ...children) => {
   );
 };
 
+// src/server/createState.ts
+if (!globalThis.__SERVER_CURRENT_STATE_ID__) {
+  globalThis.__SERVER_CURRENT_STATE_ID__ = 0;
+}
+var currentId2 = globalThis.__SERVER_CURRENT_STATE_ID__;
+var createState = (value, options) => {
+  ShowDeprecationWarning("WARNING: The createState() and function is deprecated. Please use state() instead, from elegance-js/state.");
+  const serverStateEntry = {
+    id: currentId2 += 1,
+    value,
+    type: 1 /* STATE */,
+    bind: options?.bind
+  };
+  globalThis.__SERVER_CURRENT_STATE__.push(serverStateEntry);
+  return serverStateEntry;
+};
+var createEventListener = ({
+  eventListener: eventListener2,
+  dependencies = [],
+  params
+}) => {
+  ShowDeprecationWarning("WARNING: The createEventListener() and function is deprecated. Please use eventListener() instead, from elegance-js/state.");
+  const deps = dependencies.map((dep) => ({ id: dep.id, bind: dep.bind }));
+  let dependencyString = "[";
+  for (const dep of deps) {
+    dependencyString += `{id:${dep.id}`;
+    if (dep.bind) dependencyString += `,bind:${dep.bind}`;
+    dependencyString += `},`;
+  }
+  dependencyString += "]";
+  const value = {
+    id: currentId2 += 1,
+    type: 1 /* STATE */,
+    value: new Function(
+      "state",
+      "event",
+      `(${eventListener2.toString()})({ event, ...${JSON.stringify(params || {})} }, ...state.getAll(${dependencyString}))`
+    )
+  };
+  globalThis.__SERVER_CURRENT_STATE__.push(value);
+  return value;
+};
+
 // src/docs/docs/components/Header.ts
 var Header = () => header(
   {
@@ -207,20 +270,6 @@ var Header = () => header(
   )
 );
 
-// src/server/observe.ts
-var observe = (refs, update) => {
-  const returnValue = {
-    type: 2 /* OBSERVER */,
-    initialValues: refs.map((ref) => ref.value),
-    update,
-    refs: refs.map((ref) => ({
-      id: ref.id,
-      bind: ref.bind
-    }))
-  };
-  return returnValue;
-};
-
 // src/docs/utils/MEGALEXER.ts
 var tokenize = (input) => {
   const tokens = [];
@@ -420,7 +469,7 @@ var Toast = (bind) => {
       toastTimeoutId,
       isToastShowing
     ],
-    fn: (state, toastTimeoutId2, isToastShowing2) => {
+    fn: (state2, toastTimeoutId2, isToastShowing2) => {
       return () => {
         clearTimeout(toastTimeoutId2.value);
         isToastShowing2.value = false;
@@ -476,7 +525,7 @@ var secondsSpentOnPage = createState(0, {
 createLoadHook({
   deps: [secondsSpentOnPage],
   bind: docsLayoutId,
-  fn: (state, time) => {
+  fn: (state2, time) => {
     const storedTime = localStorage.getItem("time-on-page");
     if (storedTime) {
       time.value = parseInt(storedTime);