Skip to content

Changelog

Fix Resolved issues with using () brackets in SolidJS components, which previously caused errors with the plugin. The generated template from the SolidJS plugin, transformed by vite-gameface, contained (<!>) in place of ({expression}), leading to build errors. This update ensures proper transformation of components using () brackets, eliminating these errors.

For instance, the following code now functions as expected:

const MyComponent = () => {
const [test] = createSignal('test');
return (
<span>({test()})</span>
);
};

Fix Resolved Vite warnings related to the plugin when building with source maps enabled by regenerating the source maps after transforming the code.

The warnings included:

[plugin gameface] Sourcemap is likely to be incorrect: a plugin (gameface) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help

Fix Corrected the handling of inlined SVGs to ensure proper transformation of child SVG elements wrapped within components. For instance, the SolidJS clock example now functions correctly due to the plugin’s improved transformation of SVG elements in such scenarios.

Here is an example of a case that is now transformed correctly:

const SVGComponent = ()=>{
return <svg>
<Line />
</svg>
}
const Line = () => {
return <line stroke="red" stroke-width="2px"></line>
}

New Added public documentation for the plugin.

Feature Plugin resolves unclosed tags when using SolidJS in Gameface.

Feature Plugin fixes SVGs for compatibility with Gameface when using SolidJS.