You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
{{ message }}
This repository was archived by the owner on Mar 18, 2025. It is now read-only.
Copy file name to clipboardExpand all lines: README.md
+20-91Lines changed: 20 additions & 91 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -9,7 +9,7 @@
9
9
10
10
Build **performant**, **native** and **cross-platform** desktop applications with **Node.js** and **Svelte**.🚀
11
11
12
-
Svelte NodeGUI is powered by **Svelte** and **Qt5** 💚 which makes it CPU and memoryefficient as compared to other chromium based solutions like electron. Svelte NodeGUI is essentially a Svelte renderer for [NodeGUI](https://github.com/nodegui/nodegui).
12
+
Svelte NodeGUI is powered by **Svelte** and **Qt5** 💚 which makes it CPU- and memory-efficient when compared to other Chromium-based solutions like Electron. Svelte NodeGUI is essentially a [Svelte](https://svelte.dev) renderer for [NodeGUI](https://github.com/nodegui/nodegui).
13
13
14
14
<imgsrc="https://upload.wikimedia.org/wikipedia/commons/thumb/a/a7/React-icon.svg/1024px-React-icon.svg.png"alt=""width="25"> If you are looking for the **React**-based version, check out: **[React NodeGUI](https://github.com/nodegui/react-nodegui)**.
- 🦹🏻♀️ Good support for dark mode (Thanks to Qt).
53
-
- 🏅First class Typescript support. (Works on regular JS projects too 😉).
53
+
- 🏅First class TypeScript support. (Works on regular JS projects too 😉).
54
54
55
55
## Getting Started
56
56
57
-
-For now, download a zip of this repo and copying the `demo` folder is the best way to scaffold a new project.
58
-
- Read through the [Svelte NodeGUI docs](https://svelte.nodegui.org/) (there are no Svelte NodeGUI docs yet, but there should be little difference).
59
-
-Checkout the examples: https://github.com/nodegui/examples.
57
+
-Check out [svelte-nodegui-starter](https://github.com/nodegui/svelte-nodegui-starter) to get up and running with your own Svelte NodeGUI app!
58
+
- Read through the [Svelte NodeGUI docs](https://svelte.nodegui.org/)
59
+
-Check out the examples: https://github.com/nodegui/examples.
60
60
-[Tutorial: Build a native Meme Search Desktop app with Javascript (NodeGUI) and Giphy API](https://www.sitepoint.com/build-native-desktop-gif-searcher-app-using-nodegui/)
61
61
62
-
## Installation
63
-
64
-
NodeGui requires CMake and Compilation Tools as it is a wrapper for a native C++ widget toolkit QT.
If the installation fails to download the Qt binaries, a mirror can be used by setting the following environment variable and running the install command again:
See [FAQs](https://github.com/nodegui/nodegui/tree/master/website/docs/faq.md#why-does-installation-fail-at-minimal-qt-setup) for more details.
126
-
127
-
**Community guides**
128
-
129
-
-[Tutorial: Build a native Meme Search Desktop app with Javascript (NodeGUI) and Giphy API](https://www.sitepoint.com/build-native-desktop-gif-searcher-app-using-nodegui/)
130
-
-https://blog.logrocket.com/electron-alternatives-exploring-nodegui-and-react-nodegui/ - Electron alternatives: Exploring NodeGUI and React NodeGUI by [Siegfried Grimbeek](https://blog.logrocket.com/author/siegfriedgrimbeek/).
131
-
-https://hibbard.eu/node-gui/ - Excellent guide from [James Hibbard](https://github.com/jameshibbard).
132
-
133
-
**Talks/Podcasts**
134
-
135
-
-[NodeGUI and React NodeGUI at KarmaJS Nov 2019 meetup: https://www.youtube.com/watch?v=8jH5gaEEDv4](https://www.youtube.com/watch?v=8jH5gaEEDv4)
136
-
137
-
- <audiodata-theme="night"data-src="https://changelog.com/jsparty/96/embed"src="https://cdn.changelog.com/uploads/jsparty/96/js-party-96.mp3"preload="none"class="changelog-episode"controls></audio><p><ahref="https://changelog.com/jsparty/96">JS Party 96: Performant Node desktop apps with NodeGUI</a> – Listen on <ahref="https://changelog.com/">Changelog.com</a></p>
Optionally set `QT_INSTALL_DIR='/path/to/qt'` environment variable to build using your own version of Qt.
156
81
157
82
## Updating docs
158
83
159
-
`npm run docs`
84
+
### Generating docs from source code
85
+
86
+
The docs generation process is currently a manual operation (text edit everything yourself). The docs are a copy-paste of the React NodeGUI docs, with some text replacement. We're also carrying around a slight fork of the React NodeGUI source in the codebase. In future we hope to clean up this workflow and make it more automatable using `typedoc` just like the original React NodeGUI workflow.
cd website && GIT_USER=<your_git_username> npm run deploy
92
+
```
164
93
165
94
## Funding
166
95
167
96
As no funding infrastructure is in place for Svelte NodeGUI specifically, please consider supporting [NodeGUI](https://github.com/nodegui/nodegui) instead, which would be just as productive!
168
97
169
98
## Special Thanks
170
99
171
-
-[NodeGUI logo: Thanks to Vishwas Shetty from the Noun Project.](https://github.com/nodegui/nodegui/blob/master/extras/legal/logo/thanks.md)
172
-
-[halfnelson](https://github.com/halfnelson) for [Svelte Native](https://github.com/halfnelson/svelte-native), which Svelte NodeGUI forks (as it is an excellent example of building a custom Svelte renderer).
173
-
-[rigor789](https://github.com/rigor789) for [NativeScript Vue Next](https://github.com/rigor789/nativescript-vue-next), from which Svelte NodeGUI takes (and adapts) its DOM implementation.
174
-
-[a7ul](https://github.com/a7ul) for creating [NodeGUI](https://github.com/nodegui/nodegui) and unwittingly teaching me [how to build renderers](https://blog.atulr.com/react-custom-renderer-1/) in the first place.
100
+
-[NodeGUI logo: Thanks to Vishwas Shetty from the Noun Project.](https://github.com/nodegui/nodegui/blob/master/extras/legal/logo/thanks.md)
101
+
-[halfnelson](https://github.com/halfnelson) for [Svelte Native](https://github.com/halfnelson/svelte-native), which Svelte NodeGUI forks (as it is an excellent example of building a custom Svelte renderer).
102
+
-[rigor789](https://github.com/rigor789) for [NativeScript Vue Next](https://github.com/rigor789/nativescript-vue-next), from which Svelte NodeGUI takes (and adapts) its DOM implementation.
103
+
-[a7ul](https://github.com/a7ul) for creating [NodeGUI](https://github.com/nodegui/nodegui) and unwittingly teaching me [how to build renderers](https://blog.atulr.com/react-custom-renderer-1/) in the first place.
0 commit comments