RATIU5
RATIU5
Explore posts from servers
SSolidJSTTCTheo's Typesafe CultHHono
PostsComments
SSolidJS
Created by RATIU5 on 10/15/2024 in #support
How do I run an effect every change except initialization?
You're right; my signal isn't updating elsewhere in my code. Considering this thread as solved.
5 replies
SSolidJS
Created by RATIU5 on 10/15/2024 in #support
How do I run an effect every change except initialization?
Hmmm. Can't seem to reporduce in the playground. Let me check my code again
5 replies
SSolidJS
Created by RATIU5 on 10/12/2024 in #support
Solid.js does not render children in a `<For>` loop correctly
Well thanks for both of your assistance!
28 replies
SSolidJS
Created by RATIU5 on 10/12/2024 in #support
Solid.js does not render children in a `<For>` loop correctly
That's true. It also happens with children as well. If this can't be fixed, I guess I can just render them with Solid instead.
28 replies
SSolidJS
Created by RATIU5 on 10/12/2024 in #support
Solid.js does not render children in a `<For>` loop correctly
If I am understanding you, I think so
28 replies
SSolidJS
Created by RATIU5 on 10/12/2024 in #support
Solid.js does not render children in a `<For>` loop correctly
I replicated this issue in this StackBlitz project here: https://stackblitz.com/edit/withastro-astro-hj9dxh?file=src%2Fcomponents%2FRenderListInSolid.tsx
28 replies
SSolidJS
Created by RATIU5 on 10/12/2024 in #support
Solid.js does not render children in a `<For>` loop correctly
For posterity looking more into this problem, more info will be tracked here: https://github.com/withastro/astro/issues/12212
28 replies
SSolidJS
Created by RATIU5 on 10/12/2024 in #support
Solid.js does not render children in a `<For>` loop correctly
I'll file a bug report on the Astro side. See if this is a probem with the rendering/transformation of Astro components to Solid.js components.
28 replies
SSolidJS
Created by RATIU5 on 10/12/2024 in #support
Solid.js does not render children in a `<For>` loop correctly
It gives me a DOM element/node that looks like this: 
<astro-slot name="trashIcon">
  <svg
    width="20"
    height="20"
    viewBox="0 0 24 24"
    slot="trashIcon"
    data-icon="trash"
    data-astro-source-file="/path/to/project/node_modules/.pnpm/[email protected]/node_modules/astro-icon/components/Icon.astro"
    data-astro-source-loc="117:44"
  >
    <symbol
      id="ai:local:trash"
      data-astro-source-file="/path/to/project/node_modules/.pnpm/[email protected]/node_modules/astro-icon/components/Icon.astro"
      data-astro-source-loc="124:28"
      ><g
        fill="none"
        stroke="currentColor"
        stroke-linecap="round"
        stroke-linejoin="round"
        stroke-width="1.5"
        ><path stroke="none" d="M0 0h24v24H0z"></path><path
          d="M4 7h16m-10 4v6m4-6v6M5 7l1 12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2l1-12M9 7V4a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v3"
        ></path></g
      ></symbol
    ><use
      xlink:href="#ai:local:trash"
      data-astro-source-file="/path/to/project/node_modules/.pnpm/[email protected]/node_modules/astro-icon/components/Icon.astro"
      data-astro-source-loc="125:10"></use>
  </svg>
</astro-slot>
<astro-slot name="trashIcon">
  <svg
    width="20"
    height="20"
    viewBox="0 0 24 24"
    slot="trashIcon"
    data-icon="trash"
    data-astro-source-file="/path/to/project/node_modules/.pnpm/[email protected]/node_modules/astro-icon/components/Icon.astro"
    data-astro-source-loc="117:44"
  >
    <symbol
      id="ai:local:trash"
      data-astro-source-file="/path/to/project/node_modules/.pnpm/[email protected]/node_modules/astro-icon/components/Icon.astro"
      data-astro-source-loc="124:28"
      ><g
        fill="none"
        stroke="currentColor"
        stroke-linecap="round"
        stroke-linejoin="round"
        stroke-width="1.5"
        ><path stroke="none" d="M0 0h24v24H0z"></path><path
          d="M4 7h16m-10 4v6m4-6v6M5 7l1 12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2l1-12M9 7V4a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v3"
        ></path></g
      ></symbol
    ><use
      xlink:href="#ai:local:trash"
      data-astro-source-file="/path/to/project/node_modules/.pnpm/[email protected]/node_modules/astro-icon/components/Icon.astro"
      data-astro-source-loc="125:10"></use>
  </svg>
</astro-slot>
28 replies
SSolidJS
Created by RATIU5 on 10/12/2024 in #support
Solid.js does not render children in a `<For>` loop correctly
I feel like this is a common problem. Maybe not. I'm still digging through docs to see if there is anything said about this.
28 replies
SSolidJS
Created by RATIU5 on 10/12/2024 in #support
Solid.js does not render children in a `<For>` loop correctly
Darn, I get TypeError: props.trashIcon.cloneNode is not a function.
28 replies
SSolidJS
Created by RATIU5 on 10/12/2024 in #support
Solid.js does not render children in a `<For>` loop correctly
Thanks for the suggestion. I'll give that a try now.
28 replies
SSolidJS
Created by RATIU5 on 10/12/2024 in #support
Solid.js does not render children in a `<For>` loop correctly
Oh really? Hmm. May have to see if this might be a bug in the Astro community. Or if there is a certain way to accomplish this in Solid that's more "standard" when dealing with this problem.
28 replies
SSolidJS
Created by RATIU5 on 10/12/2024 in #support
Solid.js does not render children in a `<For>` loop correctly
Are you saying to make the prop passed into this component a function? So the new props type would look like this? 
type CartProps = {
  cartIcon: JSX.Element;
  trashIcon: () => JSX.Element;
};
type CartProps = {
  cartIcon: JSX.Element;
  trashIcon: () => JSX.Element;
};
I haven't found a successful way to do that, as Astro is handling the prop injection. I just get a JSX-like element from the props object.
28 replies
SSolidJS
Created by RATIU5 on 10/12/2024 in #support
Solid.js does not render children in a `<For>` loop correctly
Tried this: const renderTrashIcon = () => props.trashIcon;, still results in one (the last) icon being rendered in the list.
28 replies
SSolidJS
Created by RATIU5 on 10/12/2024 in #support
Solid.js does not render children in a `<For>` loop correctly
For extra information, I am using this as a framework component from within Astro, and trashIcon is coming as a named slot from Astro. I don't think this has anything to do with this problem, but it could.
28 replies
HHono
Created by RATIU5 on 9/5/2024 in #help
Creating custom webhooks
I'll look into that, thank you!
5 replies
SSolidJS
Created by RATIU5 on 3/25/2023 in #support
How can I skip the first effect run with createEffect?
It works now, thank you!
5 replies
SSolidJS
Created by RATIU5 on 3/25/2023 in #support
How can I skip the first effect run with createEffect?
Completely missed that part when copying over. And your first method worked fine, I was not aware about the on function. My guess is that since I had my subscription within the conditional statement it did not run.
5 replies
SSolidJS
Created by RATIU5 on 1/4/2023 in #support
Reading localstorage theme value before rendering components not working
Guess that's not Solid's problem at that point
12 replies