Skip to content

v0.18.0

Compare
Choose a tag to compare
@JayaKrishnaNamburu JayaKrishnaNamburu released this 05 Oct 06:03
· 339 commits to development since this release

HTML Component Generator

A experimental new generator for exporting projects and components using HTML and CSS. But the generator comes with only a few features at the moment. In usual ComponentUIDL we can can define the specific details of components, Including if the component is using any external components, using

dependency: {
   type: 'local'    
}

But in plain html we don't have support for components yet. Yes (custom-elements) but the target is to make it a plain html with no custom-elements. A custom-elements can be a diff generator of it own :)

So, to make the syntaxes work.

const generator = createHTMLComponentGenerator()
  
generator.addExternalComponents({
    externals: {
      sample: SampleComponent,
    },
})

await generator.generateComponent(ComponentUIDL)

The generator, clones the components in independent instances with the props passed at specific instances. Things that are no included at the moment.

  • State change behaviour
  • Event handling
  • Slots
  • Dynamic styles
  • Conditional Nodes
  • Repeat nodes

For projects that are generated using @teleporthq/teleport-project-generator-html, the generator uses a default template from parcel without routing. All the components and pages are added to their respective folders.

Feedback is highly welcome, since we want to have the HTML generator as simple as possible. And at the same time, functional. For users who want to just get their html files and serve from their static hosts.

What's Changed

New Contributors

Full Changelog: v0.17.7...v0.18.0