https://github.com/mdecker-mobilecomputing/ionic_leetspeak

Ionic app to be encapsulated by Electron
https://github.com/mdecker-mobilecomputing/ionic_leetspeak

electron ionic leetspeak

Last synced: 22 days ago
JSON representation

Ionic app to be encapsulated by Electron

• Host: GitHub
• URL: https://github.com/mdecker-mobilecomputing/ionic_leetspeak
• Owner: MDecker-MobileComputing
• License: bsd-3-clause
• Created: 2021-05-13T12:19:20.000Z (over 3 years ago)
• Default Branch: master
• Last Pushed: 2022-05-21T20:41:11.000Z (over 2 years ago)
• Last Synced: 2024-11-09T22:41:13.582Z (3 months ago)
• Topics: electron, ionic, leetspeak
• Language: TypeScript
• Homepage:
• Size: 1.82 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.md

Awesome Lists containing this project

README

        
# 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](https://www.electronjs.org/).

The function of the app is it to translate the text provided by the user

to [Leetspeak](https://en.wikipedia.org/wiki/Leet), 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](screenshot_AndroidApp.png)




Electron app compiled for Windows:

![Screenshot: App for Windows](screenshot_WindowsApp.png)




----

## Configure Electron for an Ionic project ##

See [this README file in German](https://github.com/MDecker-MobileComputing/Ionic_Wuerfel/blob/electron/README_electron.md)




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](./package.json).




Workaround needed to get app running with package [ngx-electron](https://www.npmjs.com/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*](https://www.npmjs.com/package/@types/node) when the app was developed;

see also [this answer on *stackoverflow.com*](https://stackoverflow.com/a/66596834/1364368)




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




----

## License ##

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