Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/nativescript/plugin-seed

Build NativeScript Plugins Fast ⚡
https://github.com/nativescript/plugin-seed

nativescript

Last synced: 3 days ago
JSON representation

Build NativeScript Plugins Fast ⚡

Awesome Lists containing this project

README

        

**=== IMPORTANT**

# :rotating_light: Important - read first!

**Use this template on GitHub:**
1. Hit the "Use this template" button
2. Follow GitHub instructions (set repo name, visibility, description) & clone your new repo
3. Setup workspace: `npm run setup`
4. Configure your npm scope: `npm run config`

**Use this template outside of GitHub:**

1. Download a zip of this repo
2. Unzip and name the folder appropriately (perhaps the name of the npm scope you intend to manage here)
3. Setup workspace: `npm run setup`
4. Configure your npm scope: `npm run config`

---

# @nativescript/\* plugins

```
npm run setup
npm start
```

- @nativescript

# How to use?

This workspace manages the suite of plugins listed above.

## Prerequisites

- Node 18+ is recommended
- [yarn v1](https://classic.yarnpkg.com/lang/en/docs/install/#mac-stable) is required

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 ❤️