https://github.com/x-labs-myid/nativescript-plugins
NativeScript plugin of X-LABS | my.id
https://github.com/x-labs-myid/nativescript-plugins
cross-platform hybrid javascript nativescript nativescript-plugin typescript
Last synced: about 1 month ago
JSON representation
NativeScript plugin of X-LABS | my.id
- Host: GitHub
- URL: https://github.com/x-labs-myid/nativescript-plugins
- Owner: x-labs-myid
- License: apache-2.0
- Created: 2025-07-31T22:50:38.000Z (11 months ago)
- Default Branch: main
- Last Pushed: 2025-08-14T22:08:10.000Z (10 months ago)
- Last Synced: 2025-08-15T00:08:57.244Z (10 months ago)
- Topics: cross-platform, hybrid, javascript, nativescript, nativescript-plugin, typescript
- Language: TypeScript
- Homepage:
- Size: 1.18 MB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# NativeScript plugin of X-LABS | my.id
## User Interface
- [@x-labs-myid/phone-number-field](packages/phone-number-field/README.md)
## Utilities
- [@x-labs-myid/rootbeer](packages/rootbeer/README.md)
# How to use?
This workspace manages the suite of plugins listed above.
## Prerequisites
- Node 20+ is recommended
In general, when in doubt with what to do, just `npm start`.
## How to add a new package to workspace?
```
npm run add
```
At the prompt, enter the name of the new package.
- This adds a plugin harness in `packages` with the necessary boilerplate to just start developing
- Updates all demo app flavors to support demoing the new package
- Adds shared code in `tools/demo` where you can write demo code **once** and share across all demo flavors
- Updates build tooling to support the new package
- Updates the `npm start` interactive display
- Updates the README here to list the new package
## How to add Angular compatibility to a package
```
npm run add-angular
```
At the prompt, enter the name of the package to add an `angular` folder to it with the necessary boilerplate to provide Angular support to the package.
## How to focus on just 1 package to develop in isolation
```
npm start
```
- Choose the focus commands for the package you wish to focus on and hit enter.
- All the demo app's will be updated to isolate that 1 package and for supported IDE's (currently VS Code), the source code will also become isolated in the workspace.
Note: *good to always clean the demo you plan to run after focusing. (You can clean any demo from `npm start` as well)*
## How to publish packages?
```
npm run publish-packages
```
- You will be prompted for the package names to publish. Leaving blank and hitting enter will publish them all.
- You will then be prompted for the version to use. Leaving blank will auto bump the patch version (it also handles prerelease types like alpha, beta, rc, etc. - It even auto tags the corresponding prelease type on npm).
- You will then be given a brief sanity check 🧠😊
Made with ❤️