solid-skia-renderer

KO | EN

gitlite — search

#hacktoberfest #golang #android #machine-learning #deep-learning #linux #macos #windows #cli #kubernetes #awesome-list #pytorch #mcp #openai

solid-skia-renderer

(★ 49)

Desktop application using Skia and SolidJS to render UI

solid-skia-renderer 최신버젼 다운로드

최종 버전 다운로드 (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

![Screenshot of the example code and the GUI app running](https://raw.githubusercontent.com/whoisryosuke/solid-skia-renderer/main/docs/thumbnail.png)

# Solid Skia Renderer

Custom renderer for SolidJS using [skia-canvas](https://github.com/samizdatco/skia-canvas). Write JSX, render directly to the canvas, no DOM required.

This is setup with a Semantic Release workflow based off Conventional Commits. And it's automatically released to Github and NPM using Github Actions.

## Quick Start

1. Fork/clone this repo: `https://github.com/whoisryosuke/solid-skia-renderer.git`
1. `yarn` - Install NPM dependencies.
1. `yarn build` - Build the universal renderer module.
1. `yarn start` - Start the NodeJS example project.

You should see a GUI popup in a small window.

> The process will keep running in console, you can close it using `CTRL/CMD + C`.

## Development

There's a NodeJS app under `packages/demo` to be a playground to develop and test the library.

The universal renderer is in the `packages/solid-skia-renderer` folder. If you make any changes here, make sure to run `yarn build`.

## Building package

1. `yarn build`

This runs the `tsup` process for one package/module. Check the `package.json` and `packages/input-manager/package.json` for more info.

## Release to Github/NPM

This repo should automatically release to Github and tag the release when you commit to `main`, `alpha`, or `beta` branches (change these in `package.json`).

You can learn more about the CI/CD workflow in the Github Actions folder.

### Setting up NPM

To setup NPM releases, you need to add your token to Github as an ENV var.

1. Make sure you've created a new repo for your package (not a fork).
1. Go to your repo settings.
1. Go to Environments
1. Create a new one called `production`
1. Add a `NPM_TOKEN` ENV with your token from NPM.

### Lint and Code Formatting

If you use VSCode, Prettier should run each time you save a compatible file.

> If you don't like this, go to `.vscode\settings.json` and disable there (or you can do it via your own VSCode settings).

`yarn lint` runs ESLint and Prettier, automatically formats files and rewrites them. Make sure to stage your code before running just in case.

## References

- [solid-three](https://github.com/nksaraf/solid-three/)
- [solid-canvaskit-renderer](https://github.com/whoisryosuke/solid-canvaskit-renderer)

solid-skia-renderer

solid-skia-renderer 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

solid-skia-renderer

solid-skia-renderer 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README