solidjs / solid-playground

Quickly discover what the solid compiler will generate from your JSX template
https://playground.solidjs.com
MIT License
193 stars 62 forks source link

Playground miscompiling code - force including solid-js/web #175

Open chiefcll opened 4 months ago

chiefcll commented 4 months ago

I work on the Solid Lightning and added the universal rendering support.

I have the playground working with:

import { renderSync as render, View, Text,  startLightning } from "@lightningjs/solid"

await startLightning();

render(() => (
  <View width="1920" height="1080">
    <View width="800" height="350" color="0x4169e1ff"/>
    <Text>Hello World</Text>
  </View>
));

Setting output to universal mode.

However, when I replace View or Text function component with node or text (simple element) like so:

import { renderSync as render, View, Text,  startLightning } from "@lightningjs/solid"

await startLightning();

render(() => (
  <View width="1920" height="1080">
    <View width="800" height="350" color="0x4169e1ff"/>
    <text>Hello World</text>
  </View>
));

The output shows correctly:

image

But when the code runs however, it doesn't work and the debugger shows the code as:

Screenshot 2024-04-24 at 7 38 31 AM