terenced Posts - Answer Overflow

terenced

Explore posts from servers

•Created by terenced on 5/2/2024 in #support

Solid +Astro SSR + Data Fetching on hydration

Hi! I working on an Astro site with Solid and I am having trouble getting Solid to fetch data. I would like to only fetch the component has been hydrated, but can't seem to get it to work. I am trying to detect if we are on the client by looking if window is defined. The console logs are correct, but the fetch is never triggered. What am I doing wrong? Please keep in mind this is the 1st time I am using Solid

const fetchCurrent = async (isSSR: boolean) => {
  console.log("fetching...", isSSR);

  if (isSSR) return;
  await new Promise((resolve) => setTimeout(resolve, 4000));
  const response = await fetch("/api/currently/reading");
  return response.json() as Promise<Book>;
};

export default function CurrentRead() {
  const [isSSR] = createSignal(typeof window === "undefined");
  const [current] = createResource(isSSR, fetchCurrent);

  createEffect(() => {
    console.log(">> ssr", isSSR());
  }, [isSSR]);

  return (
    <>
      <span>fooo</span>
      <Show when={current.loading}>
        <p>Loading...</p>
      </Show>
      <Switch>
        <Match when={current.error}>
          <span>Error</span>
        </Match>
        <Match when={current()}>
          <div>{JSON.stringify(current())}</div>
        </Match>
      </Switch>
    </>
  );
}

const fetchCurrent = async (isSSR: boolean) => {
  console.log("fetching...", isSSR);

  if (isSSR) return;
  await new Promise((resolve) => setTimeout(resolve, 4000));
  const response = await fetch("/api/currently/reading");
  return response.json() as Promise<Book>;
};

export default function CurrentRead() {
  const [isSSR] = createSignal(typeof window === "undefined");
  const [current] = createResource(isSSR, fetchCurrent);

  createEffect(() => {
    console.log(">> ssr", isSSR());
  }, [isSSR]);

  return (
    <>
      <span>fooo</span>
      <Show when={current.loading}>
        <p>Loading...</p>
      </Show>
      <Switch>
        <Match when={current.error}>
          <span>Error</span>
        </Match>
        <Match when={current()}>
          <div>{JSON.stringify(current())}</div>
        </Match>
      </Switch>
    </>
  );
}

4 replies

CDCloudflare Developers

•Created by terenced on 4/28/2024 in #workers-help

Do I need to store my environment variables in wrangler.toml?

Do env vars need to be defined in the wrangle.toml? I initially have the env var in .dev.vars, and manually added the value for the env var in the Cloudflare, however, whenever I deploy the worker, it overrides the env var I manually configured. The worker is a public github, and I would rather not have the env var exposed. I know I could just use a secret, I would rather have env vars seperate from the code.

10 replies

Gaming

Programming