Giter Site home page Giter Site logo

frodal / guiwrapper Goto Github PK

View Code? Open in Web Editor NEW
12.0 1.0 3.0 1.6 MB

A simple cross platform graphical user interface (GUI) wrapper to launch executable desktop applications

License: MIT License

HTML 10.38% JavaScript 65.93% CSS 23.69%
gui wrapper electron-app windows linux macos

guiwrapper's Introduction

GUI wrapper

GitHub GitHub top language GitHub code size in bytes GitHub issues GitHub release (latest SemVer including pre-releases)

A simple cross platform graphical user interface (GUI) wrapper to launch executable desktop applications. Buildt with JavaScript, HTML, and CSS. Compatible with Windows, Linux and MacOS. Download the latest version here.

GUIwrapper image

Getting Started

To get a local copy up and running follow these simple steps.

  1. Clone the project or download from Github (git clone --recursive https://github.com/frodal/GUIwrapper.git)
  2. Install Node.js and on the screen that allows you to configure the installation, make sure to select the Node.js runtime, npm package manager, and Add to PATH options
  3. Install the required packages/dependencies such as Electron and Electron-packager by running npm install using the command line in the GUIwrapper directory
  4. Then run npm start in the GUIwrapper directory to start the GUIwrapper application

Build

See releases for prebuilt binaries, or build it yourself by following these steps

  1. First, make sure to do steps 1-3 above
  2. Then run npm run build in the GUIwrapper directory to build for all suported platforms, i.e., Windows, Linux and MacOS. Note that this will build to a directory outside of the GUIwrapper directory, i.e., ../GUIwrapperBinaries/

Note: To build for only one platform and architecture use the following build commands for; Windows ia32 (x86) npm run build-win32, Windows x64 npm run build-win64, Linux x64 npm run build-linux64, and MacOS x64 npm run build-darwin64

Windows installer

See releases for prebuilt installers

  1. First, make sure to do steps 1-2 under the Build section
  2. Then run npm run setup in the GUIwrapper directory to build the windows installer. Note that this will build to a directory outside of the GUIwrapper directory, i.e., ../GUIwrapperBinaries/

Debian package

A Linux or MacOS system is required for these steps.

  1. First, make sure to do steps 1-2 under the Build section
  2. To make a Debian package for the GUIwrapper application, install Electron-installer-debian by running npm install --save-dev electron-installer-debian using the command line in the GUIwrapper directory
  3. Then run npm run setup-debian in the GUIwrapper directory to build a Linux x64 debian package. Note that this will build to a directory outside of the GUIwrapper directory, i.e., ../GUIwrapperBinaries/

Distributable creators

See also the links below to create other platform specific distributables

Windows:

macOS:

Linux:

Update dependencies

  • Update all GUI dependencies by running npm update using the command line in the GUIwrapper directory
  • Install/update Electron by running npm install --save-dev electron@latest using the command line in the GUIwrapper directory
  • Install/update Electron-packager by running npm install --save-dev electron-packager@latest using the command line in the GUIwrapper directory
  • Install/update Electron-installer-windows by running npm install --save-dev electron-installer-windows@latest using the command line in the GUIwrapper directory

Contributing

To contribute:

  1. Fork the Project
  2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
  3. Commit your Changes (git commit -m 'Add some AmazingFeature')
  4. Push to the Branch (git push origin feature/AmazingFeature)
  5. Open a Pull Request

License

Distributed under the MIT License. See LICENSE.md for more information.

Contact

Bjørn Håkon Frodal - @frodal - [email protected]

Project Link: https://github.com/frodal/GUIwrapper

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.