git0 0.2.11 → 0.2.12
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/docs/assets/js/c3a618e1.965a31da.js +1 -1
- package/docs/functions/index.html +2 -2
- package/docs-config/src/functions/index.md +1 -1
- package/package.json +2 -1
- package/readme.md +18 -30
- package/src/fm.js +1130 -0
- package/src/github-api.js +14 -15
- package/TypeScript-React-Starter/LICENSE +0 -21
- package/TypeScript-React-Starter/README-CRA.md +0 -1281
- package/TypeScript-React-Starter/README.md +0 -810
- package/TypeScript-React-Starter/package.json +0 -28
- package/TypeScript-React-Starter/public/favicon.ico +0 -0
- package/TypeScript-React-Starter/public/index.html +0 -31
- package/TypeScript-React-Starter/src/App.css +0 -24
- package/TypeScript-React-Starter/src/App.test.tsx +0 -8
- package/TypeScript-React-Starter/src/App.tsx +0 -23
- package/TypeScript-React-Starter/src/actions/index.tsx +0 -24
- package/TypeScript-React-Starter/src/components/Hello.css +0 -13
- package/TypeScript-React-Starter/src/components/Hello.test.tsx +0 -30
- package/TypeScript-React-Starter/src/components/Hello.tsx +0 -35
- package/TypeScript-React-Starter/src/constants/index.tsx +0 -6
- package/TypeScript-React-Starter/src/containers/Hello.tsx +0 -20
- package/TypeScript-React-Starter/src/index.css +0 -5
- package/TypeScript-React-Starter/src/index.tsx +0 -22
- package/TypeScript-React-Starter/src/logo.svg +0 -7
- package/TypeScript-React-Starter/src/reducers/index.tsx +0 -15
- package/TypeScript-React-Starter/src/types/index.tsx +0 -5
- package/TypeScript-React-Starter/tsconfig.json +0 -29
- package/TypeScript-React-Starter/tslint.json +0 -11
- package/TypeScript-React-Starter/yarn.lock +0 -4785
- package/svelte-nodegui/.all-contributorsrc +0 -60
- package/svelte-nodegui/.vscode/launch.json +0 -29
- package/svelte-nodegui/CHANGELOG.md +0 -153
- package/svelte-nodegui/LICENSE +0 -22
- package/svelte-nodegui/README.md +0 -151
- package/svelte-nodegui/demo/.editorconfig +0 -15
- package/svelte-nodegui/demo/.vscode/extensions.json +0 -3
- package/svelte-nodegui/demo/livereload.js +0 -29
- package/svelte-nodegui/demo/package-lock.json +0 -3514
- package/svelte-nodegui/demo/package.json +0 -35
- package/svelte-nodegui/demo/src/App.svelte +0 -29
- package/svelte-nodegui/demo/src/app.ts +0 -31
- package/svelte-nodegui/demo/tsconfig.json +0 -40
- package/svelte-nodegui/demo/webpack.config.js +0 -110
- package/svelte-nodegui/extras/assets/kitchen.png +0 -0
- package/svelte-nodegui/extras/assets/nodegui.png +0 -0
- package/svelte-nodegui/extras/assets/nodegui_white.png +0 -0
- package/svelte-nodegui/extras/assets/start_icon.png +0 -0
- package/svelte-nodegui/extras/legal/logo/thanks.md +0 -13
- package/svelte-nodegui/extras/legal/yode/LICENSE +0 -21
- package/svelte-nodegui/extras/legal/yoga/LICENSE +0 -0
- package/svelte-nodegui/extras/logo/nodegui-circle.png +0 -0
- package/svelte-nodegui/extras/logo/nodegui.png +0 -0
- package/svelte-nodegui/extras/logo/nodegui.svg +0 -4
- package/svelte-nodegui/nativescript-svelte-todo.gif +0 -0
- package/svelte-nodegui/package-lock.json +0 -1749
- package/svelte-nodegui/package.json +0 -44
- package/svelte-nodegui/repl-workers/bundler/commonjs.js +0 -58
- package/svelte-nodegui/repl-workers/bundler/index.js +0 -353
- package/svelte-nodegui/repl-workers/package-lock.json +0 -484
- package/svelte-nodegui/repl-workers/package.json +0 -21
- package/svelte-nodegui/repl-workers/rollup.config.js +0 -21
- package/svelte-nodegui/rollup.config.js +0 -81
- package/svelte-nodegui/scripts/create-pkg.js +0 -42
- package/svelte-nodegui/src/components/AsComponent.svelte +0 -16
- package/svelte-nodegui/src/components/SlotComponent.svelte +0 -4
- package/svelte-nodegui/src/components/Template.svelte +0 -10
- package/svelte-nodegui/src/components/Template.svelte.d.ts +0 -6
- package/svelte-nodegui/src/components/index.ts +0 -2
- package/svelte-nodegui/src/dom/index.ts +0 -132
- package/svelte-nodegui/src/dom/nativescript-vue-next/LICENCE +0 -21
- package/svelte-nodegui/src/dom/nativescript-vue-next/index.ts +0 -19
- package/svelte-nodegui/src/dom/nativescript-vue-next/runtime/index.ts +0 -21
- package/svelte-nodegui/src/dom/nativescript-vue-next/runtime/nodes.ts +0 -890
- package/svelte-nodegui/src/dom/nativescript-vue-next/runtime/registry.ts +0 -262
- package/svelte-nodegui/src/dom/nativescript-vue-next/runtime/runtimeHelpers.ts +0 -20
- package/svelte-nodegui/src/dom/react-nodegui/LICENSE +0 -21
- package/svelte-nodegui/src/dom/react-nodegui/src/components/AbstractComponents/RNAbstractButton.ts +0 -67
- package/svelte-nodegui/src/dom/react-nodegui/src/components/Action/RNAction.ts +0 -146
- package/svelte-nodegui/src/dom/react-nodegui/src/components/Action/index.ts +0 -37
- package/svelte-nodegui/src/dom/react-nodegui/src/components/AnimatedImage/RNAnimatedImage.ts +0 -76
- package/svelte-nodegui/src/dom/react-nodegui/src/components/AnimatedImage/index.ts +0 -45
- package/svelte-nodegui/src/dom/react-nodegui/src/components/BoxView/RNBoxView.ts +0 -99
- package/svelte-nodegui/src/dom/react-nodegui/src/components/BoxView/index.ts +0 -49
- package/svelte-nodegui/src/dom/react-nodegui/src/components/Button/RNButton.ts +0 -71
- package/svelte-nodegui/src/dom/react-nodegui/src/components/Button/index.ts +0 -49
- package/svelte-nodegui/src/dom/react-nodegui/src/components/CheckBox/RNCheckBox.ts +0 -71
- package/svelte-nodegui/src/dom/react-nodegui/src/components/CheckBox/index.ts +0 -50
- package/svelte-nodegui/src/dom/react-nodegui/src/components/ComboBox/RNComboBox.ts +0 -118
- package/svelte-nodegui/src/dom/react-nodegui/src/components/ComboBox/index.ts +0 -50
- package/svelte-nodegui/src/dom/react-nodegui/src/components/Dial/RNDial.ts +0 -69
- package/svelte-nodegui/src/dom/react-nodegui/src/components/Dial/index.ts +0 -41
- package/svelte-nodegui/src/dom/react-nodegui/src/components/GridView/GridColumn/RNGridColumn.ts +0 -95
- package/svelte-nodegui/src/dom/react-nodegui/src/components/GridView/GridColumn/index.ts +0 -49
- package/svelte-nodegui/src/dom/react-nodegui/src/components/GridView/GridRow/RNGridRow.ts +0 -141
- package/svelte-nodegui/src/dom/react-nodegui/src/components/GridView/GridRow/index.ts +0 -47
- package/svelte-nodegui/src/dom/react-nodegui/src/components/GridView/RNGridView.ts +0 -185
- package/svelte-nodegui/src/dom/react-nodegui/src/components/GridView/index.ts +0 -51
- package/svelte-nodegui/src/dom/react-nodegui/src/components/GridView/utils.ts +0 -59
- package/svelte-nodegui/src/dom/react-nodegui/src/components/Image/RNImage.ts +0 -135
- package/svelte-nodegui/src/dom/react-nodegui/src/components/Image/index.ts +0 -46
- package/svelte-nodegui/src/dom/react-nodegui/src/components/LineEdit/RNLineEdit.ts +0 -82
- package/svelte-nodegui/src/dom/react-nodegui/src/components/LineEdit/index.ts +0 -41
- package/svelte-nodegui/src/dom/react-nodegui/src/components/Menu/RNMenu.ts +0 -49
- package/svelte-nodegui/src/dom/react-nodegui/src/components/Menu/index.ts +0 -44
- package/svelte-nodegui/src/dom/react-nodegui/src/components/MenuBar/RNMenuBar.ts +0 -51
- package/svelte-nodegui/src/dom/react-nodegui/src/components/MenuBar/index.ts +0 -42
- package/svelte-nodegui/src/dom/react-nodegui/src/components/PlainTextEdit/RNPlainTextEdit.ts +0 -82
- package/svelte-nodegui/src/dom/react-nodegui/src/components/PlainTextEdit/index.ts +0 -44
- package/svelte-nodegui/src/dom/react-nodegui/src/components/ProgressBar/RNProgressBar.ts +0 -78
- package/svelte-nodegui/src/dom/react-nodegui/src/components/ProgressBar/index.ts +0 -43
- package/svelte-nodegui/src/dom/react-nodegui/src/components/RadioButton/RNRadioButton.ts +0 -50
- package/svelte-nodegui/src/dom/react-nodegui/src/components/RadioButton/index.ts +0 -43
- package/svelte-nodegui/src/dom/react-nodegui/src/components/ScrollArea/RNScrollArea.ts +0 -51
- package/svelte-nodegui/src/dom/react-nodegui/src/components/ScrollArea/index.ts +0 -44
- package/svelte-nodegui/src/dom/react-nodegui/src/components/Slider/RNSlider.ts +0 -97
- package/svelte-nodegui/src/dom/react-nodegui/src/components/Slider/index.ts +0 -46
- package/svelte-nodegui/src/dom/react-nodegui/src/components/SpinBox/RNSpinBox.ts +0 -88
- package/svelte-nodegui/src/dom/react-nodegui/src/components/SpinBox/index.ts +0 -49
- package/svelte-nodegui/src/dom/react-nodegui/src/components/Svg/RNSvg.ts +0 -67
- package/svelte-nodegui/src/dom/react-nodegui/src/components/Svg/index.ts +0 -43
- package/svelte-nodegui/src/dom/react-nodegui/src/components/SystemTrayIcon/RNSystemTrayIcon.ts +0 -141
- package/svelte-nodegui/src/dom/react-nodegui/src/components/SystemTrayIcon/index.ts +0 -43
- package/svelte-nodegui/src/dom/react-nodegui/src/components/Tab/RNTab.ts +0 -69
- package/svelte-nodegui/src/dom/react-nodegui/src/components/Tab/index.ts +0 -48
- package/svelte-nodegui/src/dom/react-nodegui/src/components/TabItem/RNTabItem.ts +0 -72
- package/svelte-nodegui/src/dom/react-nodegui/src/components/TabItem/index.ts +0 -40
- package/svelte-nodegui/src/dom/react-nodegui/src/components/Text/RNText.ts +0 -65
- package/svelte-nodegui/src/dom/react-nodegui/src/components/Text/index.ts +0 -49
- package/svelte-nodegui/src/dom/react-nodegui/src/components/View/RNView.ts +0 -306
- package/svelte-nodegui/src/dom/react-nodegui/src/components/View/index.ts +0 -44
- package/svelte-nodegui/src/dom/react-nodegui/src/components/Window/RNWindow.ts +0 -66
- package/svelte-nodegui/src/dom/react-nodegui/src/components/Window/index.ts +0 -50
- package/svelte-nodegui/src/dom/react-nodegui/src/components/config.ts +0 -95
- package/svelte-nodegui/src/dom/react-nodegui/src/index.ts +0 -52
- package/svelte-nodegui/src/dom/react-nodegui/src/reconciler/index.ts +0 -226
- package/svelte-nodegui/src/dom/react-nodegui/src/utils/decoupleFromReact.ts +0 -2
- package/svelte-nodegui/src/dom/react-nodegui/src/utils/helpers.ts +0 -14
- package/svelte-nodegui/src/dom/shared/Logger.ts +0 -16
- package/svelte-nodegui/src/dom/shared/index.ts +0 -1
- package/svelte-nodegui/src/dom/svelte/HeadElement.ts +0 -41
- package/svelte-nodegui/src/dom/svelte/RNObject.ts +0 -95
- package/svelte-nodegui/src/dom/svelte/StyleElement.ts +0 -92
- package/svelte-nodegui/src/dom/svelte/SvelteNodeGUIDocument.ts +0 -124
- package/svelte-nodegui/src/dom/svelte/TemplateElement.ts +0 -16
- package/svelte-nodegui/src/dom/svelte-elements.ts +0 -111
- package/svelte-nodegui/src/index.ts +0 -62
- package/svelte-nodegui/src/svelte-nodegui.ts +0 -159
- package/svelte-nodegui/src/transitions/bezier.ts +0 -112
- package/svelte-nodegui/src/transitions/index.ts +0 -227
- package/svelte-nodegui/tsconfig.json +0 -19
- package/svelte-nodegui/website/README.md +0 -33
- package/svelte-nodegui/website/blog/2019-05-30-welcome.md +0 -12
- package/svelte-nodegui/website/docs/api/classes/renderer.md +0 -49
- package/svelte-nodegui/website/docs/api/classes/rnaction.md +0 -608
- package/svelte-nodegui/website/docs/api/classes/rngridcolumn.md +0 -232
- package/svelte-nodegui/website/docs/api/classes/rngridrow.md +0 -247
- package/svelte-nodegui/website/docs/api/classes/rnmenu.md +0 -1337
- package/svelte-nodegui/website/docs/api/classes/rnmenubar.md +0 -1341
- package/svelte-nodegui/website/docs/api/globals.md +0 -832
- package/svelte-nodegui/website/docs/api/index.md +0 -0
- package/svelte-nodegui/website/docs/api/interfaces/_react_proxy_.reactproxycomponent.md +0 -38
- package/svelte-nodegui/website/docs/api/interfaces/abstractbuttonprops.md +0 -306
- package/svelte-nodegui/website/docs/api/interfaces/actionprops.md +0 -115
- package/svelte-nodegui/website/docs/api/interfaces/animatedimageprops.md +0 -297
- package/svelte-nodegui/website/docs/api/interfaces/boxviewprops.md +0 -245
- package/svelte-nodegui/website/docs/api/interfaces/buttonprops.md +0 -313
- package/svelte-nodegui/website/docs/api/interfaces/checkboxprops.md +0 -313
- package/svelte-nodegui/website/docs/api/interfaces/comboboxprops.md +0 -343
- package/svelte-nodegui/website/docs/api/interfaces/datawithoffset.md +0 -32
- package/svelte-nodegui/website/docs/api/interfaces/dialprops.md +0 -259
- package/svelte-nodegui/website/docs/api/interfaces/gridviewprops.md +0 -273
- package/svelte-nodegui/website/docs/api/interfaces/imageprops.md +0 -311
- package/svelte-nodegui/website/docs/api/interfaces/lineeditprops.md +0 -266
- package/svelte-nodegui/website/docs/api/interfaces/menubarprops.md +0 -245
- package/svelte-nodegui/website/docs/api/interfaces/menuprops.md +0 -245
- package/svelte-nodegui/website/docs/api/interfaces/plaintexteditprops.md +0 -259
- package/svelte-nodegui/website/docs/api/interfaces/progressbarprops.md +0 -266
- package/svelte-nodegui/website/docs/api/interfaces/radiobuttonprops.md +0 -282
- package/svelte-nodegui/website/docs/api/interfaces/scrollareaprops.md +0 -245
- package/svelte-nodegui/website/docs/api/interfaces/sliderprops.md +0 -329
- package/svelte-nodegui/website/docs/api/interfaces/spinboxprops.md +0 -273
- package/svelte-nodegui/website/docs/api/interfaces/systemtrayiconprops.md +0 -97
- package/svelte-nodegui/website/docs/api/interfaces/tabitemprops.md +0 -28
- package/svelte-nodegui/website/docs/api/interfaces/tabprops.md +0 -245
- package/svelte-nodegui/website/docs/api/interfaces/textprops.md +0 -277
- package/svelte-nodegui/website/docs/api/interfaces/viewprops.md +0 -261
- package/svelte-nodegui/website/docs/api/interfaces/windowprops.md +0 -245
- package/svelte-nodegui/website/docs/api/modules/_react_proxy_.md +0 -29
- package/svelte-nodegui/website/docs/doc1.md +0 -162
- package/svelte-nodegui/website/docs/guides/custom-nodegui-native-plugin.md +0 -6
- package/svelte-nodegui/website/docs/guides/debugging-in-vscode.md +0 -39
- package/svelte-nodegui/website/docs/guides/debugging.md +0 -59
- package/svelte-nodegui/website/docs/guides/getting-started.md +0 -141
- package/svelte-nodegui/website/docs/guides/handle-events.md +0 -188
- package/svelte-nodegui/website/docs/guides/images.md +0 -62
- package/svelte-nodegui/website/docs/guides/layout.md +0 -281
- package/svelte-nodegui/website/docs/guides/networking.md +0 -31
- package/svelte-nodegui/website/docs/guides/packaging.md +0 -32
- package/svelte-nodegui/website/docs/guides/scroll-view.md +0 -69
- package/svelte-nodegui/website/docs/guides/styling.md +0 -208
- package/svelte-nodegui/website/docs/guides/tutorial.md +0 -82
- package/svelte-nodegui/website/docs/guides/using-native-node-modules.md +0 -55
- package/svelte-nodegui/website/docs/mdx.md +0 -22
- package/svelte-nodegui/website/docs/scripts/fixdocs.js +0 -21
- package/svelte-nodegui/website/docusaurus.config.js +0 -131
- package/svelte-nodegui/website/package.json +0 -33
- package/svelte-nodegui/website/sidebars.js +0 -77
- package/svelte-nodegui/website/src/components/CodeExample.js +0 -42
- package/svelte-nodegui/website/src/components/CreateNativeApps.js +0 -46
- package/svelte-nodegui/website/src/components/Features.js +0 -62
- package/svelte-nodegui/website/src/components/Hero.js +0 -85
- package/svelte-nodegui/website/src/components/SplitView.js +0 -18
- package/svelte-nodegui/website/src/components/Talks.js +0 -68
- package/svelte-nodegui/website/src/components/Try.js +0 -83
- package/svelte-nodegui/website/src/components/common.js +0 -41
- package/svelte-nodegui/website/src/components/styles.css +0 -61
- package/svelte-nodegui/website/src/css/custom.css +0 -34
- package/svelte-nodegui/website/src/pages/index.js +0 -32
- package/svelte-nodegui/website/src/pages/styles.module.css +0 -35
- package/svelte-nodegui/website/static/CNAME +0 -1
- package/svelte-nodegui/website/static/img/box-layout-1.png +0 -0
- package/svelte-nodegui/website/static/img/box-layout-2.png +0 -0
- package/svelte-nodegui/website/static/img/code-sample.png +0 -0
- package/svelte-nodegui/website/static/img/demo.png +0 -0
- package/svelte-nodegui/website/static/img/favicon.ico +0 -0
- package/svelte-nodegui/website/static/img/flex-layout-1.png +0 -0
- package/svelte-nodegui/website/static/img/grid-layout-1.png +0 -0
- package/svelte-nodegui/website/static/img/logo-circle.png +0 -0
- package/svelte-nodegui/website/static/img/logo.png +0 -0
- package/svelte-nodegui/website/static/img/logo.svg +0 -5
- package/svelte-nodegui/website/static/img/logox200.png +0 -0
- package/svelte-nodegui/website/static/img/undraw_building_websites.svg +0 -1
- package/svelte-nodegui/website/static/img/undraw_code_review.svg +0 -1
- package/svelte-nodegui/website/static/img/undraw_docusaurus_mountain.svg +0 -170
- package/svelte-nodegui/website/static/img/undraw_docusaurus_react.svg +0 -169
- package/svelte-nodegui/website/static/img/undraw_docusaurus_tree.svg +0 -1
- package/svelte-nodegui/website/static/img/undraw_react.svg +0 -1
- package/svelte-nodegui/website/static/img/undraw_website_setup.svg +0 -1
- package/svelte-nodegui/website/static/img/undraw_windows.svg +0 -11
- package/svelte-nodegui/website/website/sidebars.js +0 -32
- package/svelte-nodegui/website/yarn.lock +0 -10533
|
@@ -1,245 +0,0 @@
|
|
|
1
|
-
---
|
|
2
|
-
id: "windowprops"
|
|
3
|
-
title: "WindowProps"
|
|
4
|
-
sidebar_label: "WindowProps"
|
|
5
|
-
---
|
|
6
|
-
|
|
7
|
-
## Hierarchy
|
|
8
|
-
|
|
9
|
-
↳ [ViewProps](viewprops.md)‹QMainWindowSignals›
|
|
10
|
-
|
|
11
|
-
↳ **WindowProps**
|
|
12
|
-
|
|
13
|
-
## Index
|
|
14
|
-
|
|
15
|
-
### Properties
|
|
16
|
-
|
|
17
|
-
* [attributes](windowprops.md#optional-attributes)
|
|
18
|
-
* [cursor](windowprops.md#optional-cursor)
|
|
19
|
-
* [enabled](windowprops.md#optional-enabled)
|
|
20
|
-
* [geometry](windowprops.md#optional-geometry)
|
|
21
|
-
* [id](windowprops.md#optional-id)
|
|
22
|
-
* [maxSize](windowprops.md#optional-maxsize)
|
|
23
|
-
* [menuBar](windowprops.md#optional-menubar)
|
|
24
|
-
* [minSize](windowprops.md#optional-minsize)
|
|
25
|
-
* [mouseTracking](windowprops.md#optional-mousetracking)
|
|
26
|
-
* [on](windowprops.md#optional-on)
|
|
27
|
-
* [pos](windowprops.md#optional-pos)
|
|
28
|
-
* [ref](windowprops.md#optional-ref)
|
|
29
|
-
* [size](windowprops.md#optional-size)
|
|
30
|
-
* [style](windowprops.md#optional-style)
|
|
31
|
-
* [styleSheet](windowprops.md#optional-stylesheet)
|
|
32
|
-
* [visible](windowprops.md#optional-visible)
|
|
33
|
-
* [windowFlags](windowprops.md#optional-windowflags)
|
|
34
|
-
* [windowIcon](windowprops.md#optional-windowicon)
|
|
35
|
-
* [windowOpacity](windowprops.md#optional-windowopacity)
|
|
36
|
-
* [windowState](windowprops.md#optional-windowstate)
|
|
37
|
-
* [windowTitle](windowprops.md#optional-windowtitle)
|
|
38
|
-
|
|
39
|
-
## Properties
|
|
40
|
-
|
|
41
|
-
### `Optional` attributes
|
|
42
|
-
|
|
43
|
-
• **attributes**? : *[WidgetAttributesMap](../globals.md#widgetattributesmap)*
|
|
44
|
-
|
|
45
|
-
*Inherited from [ViewProps](viewprops.md).[attributes](viewprops.md#optional-attributes)*
|
|
46
|
-
|
|
47
|
-
Prop to set the Widget Attributes. example:
|
|
48
|
-
`<View attributes={{[WidgetAttributes.WA_Disabled]: true}} />`
|
|
49
|
-
|
|
50
|
-
___
|
|
51
|
-
|
|
52
|
-
### `Optional` cursor
|
|
53
|
-
|
|
54
|
-
• **cursor**? : *CursorShape | QCursor*
|
|
55
|
-
|
|
56
|
-
*Inherited from [ViewProps](viewprops.md).[cursor](viewprops.md#optional-cursor)*
|
|
57
|
-
|
|
58
|
-
Sets the window mouse cursor. [QWidget: setCursor](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetcursorcursor)
|
|
59
|
-
|
|
60
|
-
___
|
|
61
|
-
|
|
62
|
-
### `Optional` enabled
|
|
63
|
-
|
|
64
|
-
• **enabled**? : *undefined | false | true*
|
|
65
|
-
|
|
66
|
-
*Inherited from [ViewProps](viewprops.md).[enabled](viewprops.md#optional-enabled)*
|
|
67
|
-
|
|
68
|
-
Sets the property that tells whether the widget is enabled. In general an enabled widget handles keyboard and mouse events; a disabled widget does not. [QWidget: setEnabled](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetenabledenabled)
|
|
69
|
-
|
|
70
|
-
___
|
|
71
|
-
|
|
72
|
-
### `Optional` geometry
|
|
73
|
-
|
|
74
|
-
• **geometry**? : *[Geometry](../globals.md#geometry)*
|
|
75
|
-
|
|
76
|
-
*Inherited from [ViewProps](viewprops.md).[geometry](viewprops.md#optional-geometry)*
|
|
77
|
-
|
|
78
|
-
Sets the screen position as well as size of the widget. [QWidget: setGeometry](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetgeometryx-y-width-height)
|
|
79
|
-
|
|
80
|
-
___
|
|
81
|
-
|
|
82
|
-
### `Optional` id
|
|
83
|
-
|
|
84
|
-
• **id**? : *undefined | string*
|
|
85
|
-
|
|
86
|
-
*Inherited from [ViewProps](viewprops.md).[id](viewprops.md#optional-id)*
|
|
87
|
-
|
|
88
|
-
Sets the object name (id) of the widget in Qt. Object name can be analogous to id of an element in the web world. Using the objectName of the widget one can reference it in the Qt's stylesheet much like what we do with id in the web world. [QWidget: setObjectName](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetobjectnameobjectname)
|
|
89
|
-
|
|
90
|
-
___
|
|
91
|
-
|
|
92
|
-
### `Optional` maxSize
|
|
93
|
-
|
|
94
|
-
• **maxSize**? : *[Size](../globals.md#size)*
|
|
95
|
-
|
|
96
|
-
*Inherited from [ViewProps](viewprops.md).[maxSize](viewprops.md#optional-maxsize)*
|
|
97
|
-
|
|
98
|
-
Sets the maximum size of the widget. [QWidget: setMaximumSize](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetmaximumsizewidth-height)
|
|
99
|
-
|
|
100
|
-
___
|
|
101
|
-
|
|
102
|
-
### `Optional` menuBar
|
|
103
|
-
|
|
104
|
-
• **menuBar**? : *QMenuBar*
|
|
105
|
-
|
|
106
|
-
___
|
|
107
|
-
|
|
108
|
-
### `Optional` minSize
|
|
109
|
-
|
|
110
|
-
• **minSize**? : *[Size](../globals.md#size)*
|
|
111
|
-
|
|
112
|
-
*Inherited from [ViewProps](viewprops.md).[minSize](viewprops.md#optional-minsize)*
|
|
113
|
-
|
|
114
|
-
Sets the minimum size of the widget. [QWidget: setMinimumSize](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetminimumsizewidth-height)
|
|
115
|
-
|
|
116
|
-
___
|
|
117
|
-
|
|
118
|
-
### `Optional` mouseTracking
|
|
119
|
-
|
|
120
|
-
• **mouseTracking**? : *undefined | false | true*
|
|
121
|
-
|
|
122
|
-
*Inherited from [ViewProps](viewprops.md).[mouseTracking](viewprops.md#optional-mousetracking)*
|
|
123
|
-
|
|
124
|
-
Sets the property that tells whether mouseTracking is enabled for the widget. [QWidget: setMouseTracking](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetmousetrackingismousetracked)
|
|
125
|
-
|
|
126
|
-
___
|
|
127
|
-
|
|
128
|
-
### `Optional` on
|
|
129
|
-
|
|
130
|
-
• **on**? : *Partial‹[WidgetEventListeners](../globals.md#widgeteventlisteners) | QMainWindowSignals›*
|
|
131
|
-
|
|
132
|
-
*Inherited from [ViewProps](viewprops.md).[on](viewprops.md#optional-on)*
|
|
133
|
-
|
|
134
|
-
Prop to set the event listener map. See [Handlong Events](/docs/guides/handle-events)
|
|
135
|
-
|
|
136
|
-
___
|
|
137
|
-
|
|
138
|
-
### `Optional` pos
|
|
139
|
-
|
|
140
|
-
• **pos**? : *[Position](../globals.md#position)*
|
|
141
|
-
|
|
142
|
-
*Inherited from [ViewProps](viewprops.md).[pos](viewprops.md#optional-pos)*
|
|
143
|
-
|
|
144
|
-
Sets the screen position of the widget. [QWidget: move](https://docs.nodegui.org/docs/api/NodeWidget#widgetmovex-y)
|
|
145
|
-
|
|
146
|
-
___
|
|
147
|
-
|
|
148
|
-
### `Optional` ref
|
|
149
|
-
|
|
150
|
-
• **ref**? : *any*
|
|
151
|
-
|
|
152
|
-
*Inherited from [ViewProps](viewprops.md).[ref](viewprops.md#optional-ref)*
|
|
153
|
-
|
|
154
|
-
Prop to set the ref. The ref will return the underlying nodegui widget.
|
|
155
|
-
|
|
156
|
-
___
|
|
157
|
-
|
|
158
|
-
### `Optional` size
|
|
159
|
-
|
|
160
|
-
• **size**? : *[ViewSize](../globals.md#viewsize)*
|
|
161
|
-
|
|
162
|
-
*Inherited from [ViewProps](viewprops.md).[size](viewprops.md#optional-size)*
|
|
163
|
-
|
|
164
|
-
Sets both the minimum and maximum sizes of the widget. [QWidget: setFixedSize](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetfixedsizewidth-height)
|
|
165
|
-
|
|
166
|
-
___
|
|
167
|
-
|
|
168
|
-
### `Optional` style
|
|
169
|
-
|
|
170
|
-
• **style**? : *undefined | string*
|
|
171
|
-
|
|
172
|
-
*Inherited from [ViewProps](viewprops.md).[style](viewprops.md#optional-style)*
|
|
173
|
-
|
|
174
|
-
Sets the inline stylesheet property. [QWidget: setInlineStyle](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetinlinestylestyle)
|
|
175
|
-
|
|
176
|
-
___
|
|
177
|
-
|
|
178
|
-
### `Optional` styleSheet
|
|
179
|
-
|
|
180
|
-
• **styleSheet**? : *undefined | string*
|
|
181
|
-
|
|
182
|
-
*Inherited from [ViewProps](viewprops.md).[styleSheet](viewprops.md#optional-stylesheet)*
|
|
183
|
-
|
|
184
|
-
Sets the property that holds the widget's style sheet. [QWidget: setStyleSheet](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetstylesheetstylesheet)
|
|
185
|
-
|
|
186
|
-
___
|
|
187
|
-
|
|
188
|
-
### `Optional` visible
|
|
189
|
-
|
|
190
|
-
• **visible**? : *undefined | false | true*
|
|
191
|
-
|
|
192
|
-
*Inherited from [ViewProps](viewprops.md).[visible](viewprops.md#optional-visible)*
|
|
193
|
-
|
|
194
|
-
Shows or hides the widget and its children. [QWidget: show](https://docs.nodegui.org/docs/api/NodeWidget#widgetshow)
|
|
195
|
-
|
|
196
|
-
___
|
|
197
|
-
|
|
198
|
-
### `Optional` windowFlags
|
|
199
|
-
|
|
200
|
-
• **windowFlags**? : *[WindowFlagsMap](../globals.md#windowflagsmap)*
|
|
201
|
-
|
|
202
|
-
*Inherited from [ViewProps](viewprops.md).[windowFlags](viewprops.md#optional-windowflags)*
|
|
203
|
-
|
|
204
|
-
Prop to set the Widget flags. example:
|
|
205
|
-
`<View windowFlags={{[WindowType.SplashScreen]: true}} />`
|
|
206
|
-
|
|
207
|
-
___
|
|
208
|
-
|
|
209
|
-
### `Optional` windowIcon
|
|
210
|
-
|
|
211
|
-
• **windowIcon**? : *QIcon*
|
|
212
|
-
|
|
213
|
-
*Inherited from [ViewProps](viewprops.md).[windowIcon](viewprops.md#optional-windowicon)*
|
|
214
|
-
|
|
215
|
-
Sets the window icon. [QWidget: setWindowIcon](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetwindowiconicon)
|
|
216
|
-
|
|
217
|
-
___
|
|
218
|
-
|
|
219
|
-
### `Optional` windowOpacity
|
|
220
|
-
|
|
221
|
-
• **windowOpacity**? : *undefined | number*
|
|
222
|
-
|
|
223
|
-
*Inherited from [ViewProps](viewprops.md).[windowOpacity](viewprops.md#optional-windowopacity)*
|
|
224
|
-
|
|
225
|
-
This property holds the level of opacity for the window. [QWidget: setWindowOpacity](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetwindowopacityopacity)
|
|
226
|
-
|
|
227
|
-
___
|
|
228
|
-
|
|
229
|
-
### `Optional` windowState
|
|
230
|
-
|
|
231
|
-
• **windowState**? : *WindowState*
|
|
232
|
-
|
|
233
|
-
*Inherited from [ViewProps](viewprops.md).[windowState](viewprops.md#optional-windowstate)*
|
|
234
|
-
|
|
235
|
-
Sets the window state. [QWidget: setWindowState](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetwindowstatestate)
|
|
236
|
-
|
|
237
|
-
___
|
|
238
|
-
|
|
239
|
-
### `Optional` windowTitle
|
|
240
|
-
|
|
241
|
-
• **windowTitle**? : *undefined | string*
|
|
242
|
-
|
|
243
|
-
*Inherited from [ViewProps](viewprops.md).[windowTitle](viewprops.md#optional-windowtitle)*
|
|
244
|
-
|
|
245
|
-
Sets the window title property. [QWidget: setWindowTitle](https://docs.nodegui.org/docs/api/NodeWidget#widgetsetwindowtitletitle)
|
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
---
|
|
2
|
-
id: "_react_proxy_"
|
|
3
|
-
title: "react-proxy"
|
|
4
|
-
sidebar_label: "react-proxy"
|
|
5
|
-
---
|
|
6
|
-
|
|
7
|
-
## Index
|
|
8
|
-
|
|
9
|
-
### Interfaces
|
|
10
|
-
|
|
11
|
-
* [ReactProxyComponent](../interfaces/_react_proxy_.reactproxycomponent.md)
|
|
12
|
-
|
|
13
|
-
### Functions
|
|
14
|
-
|
|
15
|
-
* [createProxy](_react_proxy_.md#createproxy)
|
|
16
|
-
|
|
17
|
-
## Functions
|
|
18
|
-
|
|
19
|
-
### createProxy
|
|
20
|
-
|
|
21
|
-
▸ **createProxy**(`Component`: React.ComponentType): *[ReactProxyComponent](../interfaces/_react_proxy_.reactproxycomponent.md)*
|
|
22
|
-
|
|
23
|
-
**Parameters:**
|
|
24
|
-
|
|
25
|
-
Name | Type |
|
|
26
|
-
------ | ------ |
|
|
27
|
-
`Component` | React.ComponentType |
|
|
28
|
-
|
|
29
|
-
**Returns:** *[ReactProxyComponent](../interfaces/_react_proxy_.reactproxycomponent.md)*
|
|
@@ -1,162 +0,0 @@
|
|
|
1
|
-
---
|
|
2
|
-
id: doc1
|
|
3
|
-
title: Style Guide
|
|
4
|
-
sidebar_label: Style Guide
|
|
5
|
-
---
|
|
6
|
-
|
|
7
|
-
You can write content using [GitHub-flavored Markdown syntax](https://github.github.com/gfm/).
|
|
8
|
-
|
|
9
|
-
## Markdown Syntax
|
|
10
|
-
|
|
11
|
-
To serve as an example page when styling markdown based Docusaurus sites.
|
|
12
|
-
|
|
13
|
-
## Headers
|
|
14
|
-
|
|
15
|
-
# H1 - Create the best documentation
|
|
16
|
-
|
|
17
|
-
## H2 - Create the best documentation
|
|
18
|
-
|
|
19
|
-
### H3 - Create the best documentation
|
|
20
|
-
|
|
21
|
-
#### H4 - Create the best documentation
|
|
22
|
-
|
|
23
|
-
##### H5 - Create the best documentation
|
|
24
|
-
|
|
25
|
-
###### H6 - Create the best documentation
|
|
26
|
-
|
|
27
|
-
---
|
|
28
|
-
|
|
29
|
-
## Emphasis
|
|
30
|
-
|
|
31
|
-
Emphasis, aka italics, with _asterisks_ or _underscores_.
|
|
32
|
-
|
|
33
|
-
Strong emphasis, aka bold, with **asterisks** or **underscores**.
|
|
34
|
-
|
|
35
|
-
Combined emphasis with **asterisks and _underscores_**.
|
|
36
|
-
|
|
37
|
-
Strikethrough uses two tildes. ~~Scratch this.~~
|
|
38
|
-
|
|
39
|
-
---
|
|
40
|
-
|
|
41
|
-
## Lists
|
|
42
|
-
|
|
43
|
-
1. First ordered list item
|
|
44
|
-
1. Another item ⋅⋅\* Unordered sub-list.
|
|
45
|
-
1. Actual numbers don't matter, just that it's a number ⋅⋅1. Ordered sub-list
|
|
46
|
-
1. And another item.
|
|
47
|
-
|
|
48
|
-
⋅⋅⋅You can have properly indented paragraphs within list items. Notice the blank line above, and the leading spaces (at least one, but we'll use three here to also align the raw Markdown).
|
|
49
|
-
|
|
50
|
-
⋅⋅⋅To have a line break without a paragraph, you will need to use two trailing spaces.⋅⋅ ⋅⋅⋅Note that this line is separate, but within the same paragraph.⋅⋅ ⋅⋅⋅(This is contrary to the typical GFM line break behaviour, where trailing spaces are not required.)
|
|
51
|
-
|
|
52
|
-
- Unordered list can use asterisks
|
|
53
|
-
|
|
54
|
-
* Or minuses
|
|
55
|
-
|
|
56
|
-
- Or pluses
|
|
57
|
-
|
|
58
|
-
---
|
|
59
|
-
|
|
60
|
-
## Links
|
|
61
|
-
|
|
62
|
-
[I'm an inline-style link](https://www.google.com)
|
|
63
|
-
|
|
64
|
-
[I'm an inline-style link with title](https://www.google.com "Google's Homepage")
|
|
65
|
-
|
|
66
|
-
[I'm a reference-style link][arbitrary case-insensitive reference text]
|
|
67
|
-
|
|
68
|
-
[I'm a relative reference to a repository file](../blob/master/LICENSE)
|
|
69
|
-
|
|
70
|
-
[You can use numbers for reference-style link definitions][1]
|
|
71
|
-
|
|
72
|
-
Or leave it empty and use the [link text itself].
|
|
73
|
-
|
|
74
|
-
URLs and URLs in angle brackets will automatically get turned into links. http://www.example.com or <http://www.example.com> and sometimes example.com (but not on Github, for example).
|
|
75
|
-
|
|
76
|
-
Some text to show that the reference links can follow later.
|
|
77
|
-
|
|
78
|
-
[arbitrary case-insensitive reference text]: https://www.mozilla.org
|
|
79
|
-
[1]: http://slashdot.org
|
|
80
|
-
[link text itself]: http://www.reddit.com
|
|
81
|
-
|
|
82
|
-
---
|
|
83
|
-
|
|
84
|
-
## Images
|
|
85
|
-
|
|
86
|
-
Here's our logo (hover to see the title text):
|
|
87
|
-
|
|
88
|
-
Inline-style: 
|
|
89
|
-
|
|
90
|
-
Reference-style: ![alt text][logo]
|
|
91
|
-
|
|
92
|
-
[logo]: https://github.com/adam-p/markdown-here/raw/master/src/common/images/icon48.png 'Logo Title Text 2'
|
|
93
|
-
|
|
94
|
-
---
|
|
95
|
-
|
|
96
|
-
## Code
|
|
97
|
-
|
|
98
|
-
```javascript
|
|
99
|
-
var s = 'JavaScript syntax highlighting';
|
|
100
|
-
alert(s);
|
|
101
|
-
```
|
|
102
|
-
|
|
103
|
-
```python
|
|
104
|
-
s = "Python syntax highlighting"
|
|
105
|
-
print s
|
|
106
|
-
```
|
|
107
|
-
|
|
108
|
-
```
|
|
109
|
-
No language indicated, so no syntax highlighting.
|
|
110
|
-
But let's throw in a <b>tag</b>.
|
|
111
|
-
```
|
|
112
|
-
|
|
113
|
-
---
|
|
114
|
-
|
|
115
|
-
## Tables
|
|
116
|
-
|
|
117
|
-
Colons can be used to align columns.
|
|
118
|
-
|
|
119
|
-
| Tables | Are | Cool |
|
|
120
|
-
| ------------- | :-----------: | -----: |
|
|
121
|
-
| col 3 is | right-aligned | \$1600 |
|
|
122
|
-
| col 2 is | centered | \$12 |
|
|
123
|
-
| zebra stripes | are neat | \$1 |
|
|
124
|
-
|
|
125
|
-
There must be at least 3 dashes separating each header cell. The outer pipes (|) are optional, and you don't need to make the raw Markdown line up prettily. You can also use inline Markdown.
|
|
126
|
-
|
|
127
|
-
| Markdown | Less | Pretty |
|
|
128
|
-
| -------- | --------- | ---------- |
|
|
129
|
-
| _Still_ | `renders` | **nicely** |
|
|
130
|
-
| 1 | 2 | 3 |
|
|
131
|
-
|
|
132
|
-
---
|
|
133
|
-
|
|
134
|
-
## Blockquotes
|
|
135
|
-
|
|
136
|
-
> Blockquotes are very handy in email to emulate reply text. This line is part of the same quote.
|
|
137
|
-
|
|
138
|
-
Quote break.
|
|
139
|
-
|
|
140
|
-
> This is a very long line that will still be quoted properly when it wraps. Oh boy let's keep writing to make sure this is long enough to actually wrap for everyone. Oh, you can _put_ **Markdown** into a blockquote.
|
|
141
|
-
|
|
142
|
-
---
|
|
143
|
-
|
|
144
|
-
## Inline HTML
|
|
145
|
-
|
|
146
|
-
<dl>
|
|
147
|
-
<dt>Definition list</dt>
|
|
148
|
-
<dd>Is something people use sometimes.</dd>
|
|
149
|
-
|
|
150
|
-
<dt>Markdown in HTML</dt>
|
|
151
|
-
<dd>Does *not* work **very** well. Use HTML <em>tags</em>.</dd>
|
|
152
|
-
</dl>
|
|
153
|
-
|
|
154
|
-
---
|
|
155
|
-
|
|
156
|
-
## Line Breaks
|
|
157
|
-
|
|
158
|
-
Here's a line for us to start with.
|
|
159
|
-
|
|
160
|
-
This line is separated from the one above by two newlines, so it will be a _separate paragraph_.
|
|
161
|
-
|
|
162
|
-
This line is also a separate paragraph, but... This line is only separated by a single newline, so it's a separate line in the _same paragraph_.
|
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
---
|
|
2
|
-
sidebar_label: Debugging in VSCode
|
|
3
|
-
title: Debugging in VSCode
|
|
4
|
-
---
|
|
5
|
-
|
|
6
|
-
- **Open a NodeGui project in VSCode.**
|
|
7
|
-
|
|
8
|
-
```sh
|
|
9
|
-
$ git clone git@github.com:nodegui/svelte-nodegui-starter.git
|
|
10
|
-
$ code svelte-nodegui-starter
|
|
11
|
-
```
|
|
12
|
-
|
|
13
|
-
- **Add a file `.vscode/launch.json` with the following configuration:**
|
|
14
|
-
|
|
15
|
-
```json
|
|
16
|
-
{
|
|
17
|
-
"version": "0.2.0",
|
|
18
|
-
"configurations": [
|
|
19
|
-
{
|
|
20
|
-
"name": "Debug Qode Process",
|
|
21
|
-
"type": "node",
|
|
22
|
-
"request": "launch",
|
|
23
|
-
"cwd": "${workspaceRoot}",
|
|
24
|
-
"runtimeExecutable": "${workspaceRoot}/node_modules/.bin/qode",
|
|
25
|
-
"windows": {
|
|
26
|
-
"runtimeExecutable": "${workspaceRoot}/node_modules/.bin/qode.exe"
|
|
27
|
-
},
|
|
28
|
-
"args": ["./dist/index.js"],
|
|
29
|
-
"outputCapture": "std"
|
|
30
|
-
}
|
|
31
|
-
]
|
|
32
|
-
}
|
|
33
|
-
```
|
|
34
|
-
|
|
35
|
-
**Tip**: You could also configure a preLaunchTask for building typescript before launching the debugger everytime.
|
|
36
|
-
|
|
37
|
-
- **Debugging**
|
|
38
|
-
|
|
39
|
-
Set some breakpoints in `index.js`, and start debugging in the [Debug View](https://code.visualstudio.com/docs/editor/debugging). You should be able to hit the breakpoints.
|
|
@@ -1,59 +0,0 @@
|
|
|
1
|
-
---
|
|
2
|
-
sidebar_label: Debugging
|
|
3
|
-
title: Debugging
|
|
4
|
-
---
|
|
5
|
-
|
|
6
|
-
## Application Debugging
|
|
7
|
-
|
|
8
|
-
Whenever your Svelte NodeGui application is not behaving the way you wanted it to,
|
|
9
|
-
an array of debugging tools might help you find coding errors, performance
|
|
10
|
-
bottlenecks, or optimization opportunities.
|
|
11
|
-
|
|
12
|
-
Since a Svelte NodeGui application runs on Qode and Qode is essentially Node.js. We can consider a NodeGui app as a regular NodeJs app. Hence, you can use any debugging tool that you use with Node.Js
|
|
13
|
-
One of the most popular way of debugging a Node.Js app is by making use of the [Chromium Developer Tools][node-inspect].
|
|
14
|
-
|
|
15
|
-
Google offers [excellent documentation for their developer tools][devtools].
|
|
16
|
-
We recommend that you make yourself familiar with them - they are usually one
|
|
17
|
-
of the most powerful utilities in any NodeGui Developer's tool belt.
|
|
18
|
-
|
|
19
|
-
## Debugging Qode process
|
|
20
|
-
|
|
21
|
-
To debug JavaScript that's executed in the Qode/Node process you will need to use an external debugger and
|
|
22
|
-
launch Qode with the `--inspect` or `--inspect-brk` switch. Once you run it you can open up Chrome and visit `chrome://inspect` where you should see your app listed.
|
|
23
|
-
|
|
24
|
-
### Command Line Switches
|
|
25
|
-
|
|
26
|
-
Use one of the following command line switches to enable debugging of the process:
|
|
27
|
-
|
|
28
|
-
#### `--inspect=[port]`
|
|
29
|
-
|
|
30
|
-
Qode will listen for V8 inspector protocol messages on the specified `port`,
|
|
31
|
-
an external debugger will need to connect on this port. The default `port` is
|
|
32
|
-
`9229`.
|
|
33
|
-
|
|
34
|
-
```shell
|
|
35
|
-
qode --inspect=9229 your/app
|
|
36
|
-
```
|
|
37
|
-
|
|
38
|
-
#### `--inspect-brk=[port]`
|
|
39
|
-
|
|
40
|
-
Like `--inspect` but pauses execution on the first line of JavaScript.
|
|
41
|
-
|
|
42
|
-
**Note**
|
|
43
|
-
|
|
44
|
-
If you are using the official boilerplate `nodegui-starter`, then you can achieve this by running
|
|
45
|
-
|
|
46
|
-
```
|
|
47
|
-
npm run debug
|
|
48
|
-
```
|
|
49
|
-
|
|
50
|
-
### External Debuggers
|
|
51
|
-
|
|
52
|
-
You will need to use a debugger that supports the V8 inspector protocol.
|
|
53
|
-
|
|
54
|
-
- Connect Chrome by visiting `chrome://inspect` and selecting to inspect the
|
|
55
|
-
launched NodeGui app present there.
|
|
56
|
-
- [Debugging the NodeGui app in VSCode](debugging-in-vscode.md)
|
|
57
|
-
|
|
58
|
-
[node-inspect]: https://nodejs.org/en/docs/inspector/
|
|
59
|
-
[devtools]: https://developer.chrome.com/devtools
|
|
@@ -1,141 +0,0 @@
|
|
|
1
|
-
---
|
|
2
|
-
sidebar_label: Getting started
|
|
3
|
-
title: Getting started
|
|
4
|
-
---
|
|
5
|
-
|
|
6
|
-
Svelte NodeGui enables you to create desktop applications with Svelte. You could see it
|
|
7
|
-
as a lightly modified variant of the Node.js runtime that is focused on desktop applications
|
|
8
|
-
instead of web servers.
|
|
9
|
-
|
|
10
|
-
Svelte NodeGui is a Svelte renderer for [NodeGui](https://nodegui.org), which is an efficient JavaScript binding to a cross platform graphical user interface
|
|
11
|
-
(GUI) library `Qt`. Qt is one of the most mature and efficient library for building desktop applications.
|
|
12
|
-
This enabled Svelte NodeGui to be extremely memory and CPU efficient as compared to other popular Javascript Desktop GUI solutions. A hello world app built with Svelte NodeGui runs on less than 20Mb of memory.
|
|
13
|
-
|
|
14
|
-
## Developer environment
|
|
15
|
-
|
|
16
|
-
To turn your operating system into an environment capable of building desktop apps with Svelte NodeGui, you would need Node.js, npm, a code editor of your choice, and a rudimentary understanding of your operating system's command line client.
|
|
17
|
-
|
|
18
|
-
Along with these, there are a few operating system dependent instructions that are listed below.
|
|
19
|
-
|
|
20
|
-
### Setting up on macOS
|
|
21
|
-
|
|
22
|
-
**Requirements:**
|
|
23
|
-
|
|
24
|
-
- Svelte NodeGui supports macOS 10.10 (Yosemite) and up. NodeGui currently only supports 64bit OS.
|
|
25
|
-
- CMake 3.1 and up (Installation instructions can be found here: https://cmake.org/install/)
|
|
26
|
-
- Make, GCC v7
|
|
27
|
-
- Currently supported Node.Js versions are 12.x and up.
|
|
28
|
-
|
|
29
|
-
We strongly suggest you use some kind of version manager for Node.Js. This would allow you to switch to any version of nodejs quite easily. We recommend `nvm`: https://github.com/nvm-sh/nvm
|
|
30
|
-
|
|
31
|
-
Confirm that both `node` and `npm` are available by running:
|
|
32
|
-
|
|
33
|
-
```sh
|
|
34
|
-
# This command should print the version of Node.js
|
|
35
|
-
node -v
|
|
36
|
-
|
|
37
|
-
# This command should print the version of npm
|
|
38
|
-
npm -v
|
|
39
|
-
```
|
|
40
|
-
|
|
41
|
-
If both commands printed a version number, you are all set! Before you get
|
|
42
|
-
started, you might want to install a [code editor](#a-good-editor) suited
|
|
43
|
-
for JavaScript development.
|
|
44
|
-
|
|
45
|
-
### Setting up on Windows
|
|
46
|
-
|
|
47
|
-
> Svelte NodeGui supports Windows 7 and later versions – attempting to develop NodeGui
|
|
48
|
-
> applications on earlier versions of Windows might not work. NodeGui currently only supports 64bit OS.
|
|
49
|
-
|
|
50
|
-
**Requirements:**
|
|
51
|
-
|
|
52
|
-
- Visual studio 2017 and up.
|
|
53
|
-
- CMake 3.1 and up (Installation instructions can be found here: https://cmake.org/install/)
|
|
54
|
-
- Currently supported Node.Js versions are 12.x and up.
|
|
55
|
-
|
|
56
|
-
We strongly suggest you use some kind of version manager for Node.Js. This would allow you to switch to any version of nodejs quite easily. We recommend `nvm`: https://github.com/nvm-sh/nvm
|
|
57
|
-
|
|
58
|
-
We strongly recommend Powershell as preferred terminal in Windows.
|
|
59
|
-
|
|
60
|
-
Confirm that both `node` and `npm` are available by running:
|
|
61
|
-
|
|
62
|
-
```powershell
|
|
63
|
-
# This command should print the version of Node.js
|
|
64
|
-
node -v
|
|
65
|
-
|
|
66
|
-
# This command should print the version of npm
|
|
67
|
-
npm -v
|
|
68
|
-
```
|
|
69
|
-
|
|
70
|
-
If both commands printed a version number, you are all set! Before you get
|
|
71
|
-
started, you might want to install a [code editor](#a-good-editor) suited
|
|
72
|
-
for JavaScript development.
|
|
73
|
-
|
|
74
|
-
### Setting up on Linux
|
|
75
|
-
|
|
76
|
-
> Svelte NodeGui currently supports Ubuntu 16.04 and Debian 10 and up. Although other Linux distributions can also be easily supported. NodeGui currently only supports 64bit OS.
|
|
77
|
-
|
|
78
|
-
**Requirements:**
|
|
79
|
-
|
|
80
|
-
- Make, GCC v7
|
|
81
|
-
- CMake 3.1 and up (Installation instructions can be found here: https://cmake.org/install/)
|
|
82
|
-
- Currently supported Node.Js versions are 12.x and up.
|
|
83
|
-
- On Ubuntu and Ubuntu-based distros it is advisable to run `sudo apt-get update`, followed by `sudo apt-get install pkg-config build-essential`
|
|
84
|
-
|
|
85
|
-
We strongly suggest you use some kind of version manager for Node.Js. This would allow you to switch to any version of nodejs quite easily. We recommend `nvm`: https://github.com/nvm-sh/nvm
|
|
86
|
-
|
|
87
|
-
Confirm that both `node` and `npm` are available by running:
|
|
88
|
-
|
|
89
|
-
```sh
|
|
90
|
-
# This command should print the version of Node.js
|
|
91
|
-
node -v
|
|
92
|
-
|
|
93
|
-
# This command should print the version of npm
|
|
94
|
-
npm -v
|
|
95
|
-
```
|
|
96
|
-
|
|
97
|
-
If both commands printed a version number, you are all set! Before you get
|
|
98
|
-
started, you might want to install a [code editor](#a-good-editor) suited
|
|
99
|
-
for JavaScript development.
|
|
100
|
-
|
|
101
|
-
### A Good Editor
|
|
102
|
-
|
|
103
|
-
We might suggest two free popular editors:
|
|
104
|
-
GitHub's [Atom][atom] and Microsoft's [Visual Studio Code][code]. Both of
|
|
105
|
-
them have excellent JavaScript support.
|
|
106
|
-
|
|
107
|
-
If you are one of the many developers with a strong preference, know that
|
|
108
|
-
virtually all code editors and IDEs these days support JavaScript.
|
|
109
|
-
|
|
110
|
-
[code]: https://code.visualstudio.com/
|
|
111
|
-
[atom]: https://atom.io/
|
|
112
|
-
|
|
113
|
-
### Hello World
|
|
114
|
-
|
|
115
|
-
Clone and run the code in this tutorial by using the
|
|
116
|
-
[`nodegui/svelte-nodegui-starter`][quick-start] repository.
|
|
117
|
-
|
|
118
|
-
**Note**: Running this requires [Git](https://git-scm.com) and [npm](https://www.npmjs.com/).
|
|
119
|
-
|
|
120
|
-
```sh
|
|
121
|
-
# Clone the repository
|
|
122
|
-
$ git clone https://github.com/nodegui/svelte-nodegui-starter
|
|
123
|
-
# Go into the repository
|
|
124
|
-
$ cd svelte-nodegui-starter
|
|
125
|
-
# Install dependencies
|
|
126
|
-
$ npm install
|
|
127
|
-
# Run the dev server
|
|
128
|
-
$ npm run dev
|
|
129
|
-
# Run the app on a separate terminal tab or window
|
|
130
|
-
$ npm start
|
|
131
|
-
```
|
|
132
|
-
|
|
133
|
-
That's it!
|
|
134
|
-
|
|
135
|
-
Congratulations! You've successfully run and modified your first Svelte NodeGui app.
|
|
136
|
-
|
|
137
|
-
### Now what?
|
|
138
|
-
|
|
139
|
-
If you're curious to learn more about Svelte NodeGui, continue on to the [tutorial](tutorial.md).
|
|
140
|
-
|
|
141
|
-
[quick-start]: https://github.com/nodegui/svelte-nodegui-starter
|