Skip to content

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

@chiefcll

Description

@chiefcll

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

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions