This is a Cordova application that wraps the original Cboard React application to bring native mobile and desktop support. The Cboard react app is maintained to support Cordova detection, setup and bindings.
Text-to-speach (TTS) support is provided via phonegap-plugin-speech-synthesis
. This plugin bridges the native operating system TTS functionality to browser app, in a way that mimics W3C Web Speech API: SpeechSynthesis
. It uses the android.speech.tts.TextToSpeech
interface on Android.
- Android
- Electron - Windows
You will need to modify the next files:
- In
/cboard/package.json
change"homepage": "https://app.cboard.io"
to"homepage": "."
- In
/cboard/public/index.html
add<script src="cordova.js"></script>
below<head>
tag
git submodule update
- Get Cboard appnpm i
mkdir -p www
- Make root cordova app foldercordova platform add android
orcordova platform add electron@2.0.0
- Add Cordova platforms.www
folder must be present.cd cboard
npm i
You need to build the react.js app, and after that copy un cordova project:
cd cboard
- Release
npm run build
/ Debugnpm run build-cordova-debug
cp -r ./build/* ../www
cd ..
Android:
cordova run android --emulator
Electron:
cordova build electron --release
For releasecordova build electron --debug
For enable the dev tools
-
Build
cordova build android --release
-
Copy
cp platforms/android/app/build/outputs/apk/release/app-release-unsigned.apk ccboard.apk
-
Sign
- Generate self-signed keys
keytool -genkey -v -keystore ccboard.keystore -alias ccboard -keyalg RSA -keysize 2048 -validity 100000
- Sign
jarsigner -verbose -sigalg SHA1withRSA -digestalg SHA1 -keystore ccboard.keystore ccboard.apk ccboard
- Generate self-signed keys
For emulator console.log output, you can either run in the debugging under eg. Android Studio
, or in Chrome, navigate to chrome://inspect
, and select the remote target that shows up once the emulator starts.
You can find the documentation here
In the root folder, you will find the file settings.json
where are the configurations of the BrowserWindow. This contains all the graphics options to modify the electron window.