This project is bootstrapped by aurelia-cli. For more information, go to https://aurelia.io/docs/cli/webpack
Run npm start, then open http://localhost:8080
You can change the standard webpack configurations from CLI easily with something like this: npm start -- --open --port 8888. However, it is better to change the respective npm scripts or webpack.config.js with these options, as per your need.
To enable Webpack Bundle Analyzer, do npm run analyze (production build).
To enable hot module reload, do npm start -- --hmr.
To change dev server port, do npm start -- --port 8888.
To change dev server host, do npm start -- --host 127.0.0.1
PS: You could mix all the flags as well, npm start -- --host 127.0.0.1 --port 7070 --open --hmr
Run npm run build
Once your web code is built, it needs to be copied into each native project:
npx cap copy
Run this command each time you perform a build and consider adding it to the end of your build script in package.json.
npx cap add ios
npx cap add android
npx cap sync
iOS relies on Xcode to do the final app compile:
npx cap copy ios
npx cap open ios
Once Xcode launches, you can build your app binary through the standard Xcode workflow.
Android relies on Android Studio (or, optionally, the Android CLI tools) to build the app:
npx cap copy android
npx cap open android
npx cap run android
Once Android Studio launches, you can build your app through the standard Android Studio workflow.
If you want to add a new language to the app follow these steps. The best experience is to clone the repo and run the web code.
There is currently three files that you can translate
translation.json is used for overall app translations, this file is required
ingredients.json is used for ingredient translations, this file is optional but highly appreciated
cocktails.json is used for cocktail translations, this file is optional but highly appreciated
Under src/locales add a folder with your languages ISO Code. For example if you want to add Swedish translation you add a folder called 'sv'
Copy locales/en/translation.json into your new folder. Example locales/sv/translation.json
Copy locales/en/ingredients.json into your new folder. Example locales/sv/ingredients.json
Copy locales/en/cocktails.json into your new folder. Example locales/sv/cocktails.json
Now edit the file and replace the english words with your language of choice.
Locate src/data/languages.ts
Add your language to this array.
const languages = [
{ value: undefined, name: 'English' },
{ value: 'de', name: 'Deutsch' },
{ value: 'sv', name: 'Svenska' },
{ value: 'it', name: 'Italiano' },
{ value: 'es', name: 'Español' },
{ value: 'ca', name: 'Català' },
{ value: 'nl', name: 'Nederlands' },
{ value: 'fr', name: 'Français' },
{ value: 'ru', name: 'Русский' },
{ value: 'pl', name: 'Polski' },
{ value: 'pt-BR', name: 'Português do Brasil' },
{ value: 'si', name: 'සිංහල (sĩhala)' },
{ value: 'kr', name: '한국어' },
{ value: 'zh', name: '简体中文'}
];
![imgbot[bot] avatar](https://avatars.githubusercontent.com/in/4706?v=4 "imgbot[bot]")
![renovate[bot] avatar](https://avatars.githubusercontent.com/in/2740?v=4 "renovate[bot]")
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent