Skip to content

Ionic app to be encapsulated by Electron

License

Notifications You must be signed in to change notification settings

MDecker-MobileComputing/Ionic_Leetspeak

Repository files navigation

Leetspeak app (Ionic app in Electron container)

Simple Ionic app with Angular, to demonstrate how an Ionic app can be packaged into an Electron app. The function of the app is it to translate the text provided by the user to Leetspeak, which is realized by simple letter substitutions.

Example:

  • Input: "The quick brown fox jumps over the lazy dog."
  • Output: "Th3 qu1ck 8r0wn f0x jump5 0v3r th3 142y d09."


Screenshots

Screenshot of app when compiled for Android:

Screenshot: App for Android


Electron app compiled for Windows:

Screenshot: App for Windows



Configure Electron for an Ionic project

See this README file in German


If in your local clone there is no subfolder npm_modules in folder electron, then execute npm install in this folder.


Run the following script contained in the root folder of this repository to preview the Electron app:

./vorschauElectronApp.sh

The script will also perform the update needed when something in the Ionic code was changed.


For building the Electron app for different operating systems one of the following commands can be executed (before this the app must have been executed with npx cap open electron):

npm run electron4win
npm run electron4mac
npm run electron4linux

These commands are defined under script in file package.json.


Workaround needed to get app running with package ngx-electron: Increased version of package @types/node listed under devDependencies to version 15.0.3, which was the latest version according to this page on npmjs.com when the app was developed; see also this answer on stackoverflow.com


Custom menus for Electron app are defined in function erzeugeEigenesMenue() in file electron/index.js.



License

See the LICENSE file for license rights and limitations (BSD 3-Clause License) for the files in this repository.