Install dependencies:
npm i (or pnpm i or whatever you do)
Try out interactive menu with npm start. You don't have to use this, but I thought it was pretty neat (and easy) way to be able to quickly see and search through the common scripts.
Build plugin by selecting build.all from the interactive list or run npm run build.all.
Run demo. Use interactive menu to select demo or go into any demo sub-directory and run ns run android --no-hmr or ns run ios --no-hmr. Demos should look like the below video.
Automatically redirect to a specific demo on start-up. Use the --env.redirect=[demo_path] where [demo_path] is the path property in the install script for the specific demo snippet. See here
To run from top-level use: npm run demo.vue.android -- --env.redirect=development
To run from demo directory: ns run android --no-hmr --env.redirect=development
Open the plugin in VS Code and confirm there are no typing errors or any other sort of error in the editor in the demo-snippets directory. If errors do appear, run the demo they are associated with and then restart VS Code and hopefully they are gone.
When changing demos, only the demo-snippets directory should be modified. The actual demo directory should stay the same as they are (or will be) common across multiple plugins. If something needs to be changed in a demo, we can update that, but we will also apply the same change to all the other plugins using it.
Clone repo:
git clone https://github.com/nativescript-community/ui-drawer.git
Checkout branch:
git checkout feature/plugin-seed
Initialize submodules:
git submodule update --init
Install dependencies:
npm i
(or pnpm i or whatever you do)Try out interactive menu with
npm start
. You don't have to use this, but I thought it was pretty neat (and easy) way to be able to quickly see and search through the common scripts.build.all
from the interactive list or runnpm run build.all
.ns run android --no-hmr
orns run ios --no-hmr
. Demos should look like the below video.https://user-images.githubusercontent.com/24727492/118804428-e946c580-b861-11eb-85b5-80f5a54e2783.mov
Automatically redirect to a specific demo on start-up. Use the
--env.redirect=[demo_path]
where[demo_path]
is thepath
property in the install script for the specific demo snippet. See herenpm run demo.vue.android -- --env.redirect=development
ns run android --no-hmr --env.redirect=development
Open the plugin in VS Code and confirm there are no typing errors or any other sort of error in the editor in the
demo-snippets
directory. If errors do appear, run the demo they are associated with and then restart VS Code and hopefully they are gone.When changing demos, only the
demo-snippets
directory should be modified. The actual demo directory should stay the same as they are (or will be) common across multiple plugins. If something needs to be changed in a demo, we can update that, but we will also apply the same change to all the other plugins using it.