Untlsn Posts - Answer Overflow

Untlsn

•Created by Untlsn on 10/29/2024 in #support

[h3] [unhandled] TypeError [ERR_INVALID_CHAR]: Invalid character in header content ["X-Error"]

For some reason in dev mode i cannot throw errors in server functions. After build it work as expected. For some reason i get this error always, but i cannot find anyone with same problem

5 replies

SSolidJS

•Created by Untlsn on 9/11/2024 in #support

Sugestion for Repeat component

On last stream Ryan show a Repeat components and I like it. Specially that I ofter need to just render something X times. I've check solid-primitive@range, but it's Repeat not work like I expected Can someone tell if this self made component will work good, have any major bugs or just strait up is worst then <For> From my tests it's render properly, dispose only points that are pop'ed and I don't see any warns in console about missing root ect.

function callFunctions(d: (() => void)[]) {
  for (let i = 0; i < d.length; i++) d[i]();
}

function Repeat(props: {
  count: number;
  children: (index: number) => JSX.Element;
  fallback?: JSX.Element
}) {

  let disposes: (() => void)[] = [];
  const disposeAll = () => callFunctions(disposes)
  onCleanup(disposeAll)

  return createMemo<JSX.Element[] | JSX.Element>((arr) => {
    const count = Number(props.count) || 0;
    if (count <= 0) {
      disposeAll();
      return props.fallback || null;
    }
    if (!Array.isArray(arr)) arr = [];
    const prev = arr.length;
    if (count < prev) {
      arr.length = count;
      callFunctions(disposes.splice(count))
    } else {
      for (let i = prev; i < count; i++) {
        arr.push(createRoot((dispose) => {
          disposes.push(dispose);
          return props.children(i)
        }));
      }
    }
    return [...arr];
  }, []) as unknown as JSX.Element;
}

function callFunctions(d: (() => void)[]) {
  for (let i = 0; i < d.length; i++) d[i]();
}

function Repeat(props: {
  count: number;
  children: (index: number) => JSX.Element;
  fallback?: JSX.Element
}) {

  let disposes: (() => void)[] = [];
  const disposeAll = () => callFunctions(disposes)
  onCleanup(disposeAll)

  return createMemo<JSX.Element[] | JSX.Element>((arr) => {
    const count = Number(props.count) || 0;
    if (count <= 0) {
      disposeAll();
      return props.fallback || null;
    }
    if (!Array.isArray(arr)) arr = [];
    const prev = arr.length;
    if (count < prev) {
      arr.length = count;
      callFunctions(disposes.splice(count))
    } else {
      for (let i = prev; i < count; i++) {
        arr.push(createRoot((dispose) => {
          disposes.push(dispose);
          return props.children(i)
        }));
      }
    }
    return [...arr];
  }, []) as unknown as JSX.Element;
}

4 replies

Gaming

Programming