Skip to content

feat: esm support #24

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 3 commits into from
Jul 6, 2025
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
56 changes: 39 additions & 17 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,16 +1,17 @@
@nativescript/hook
=======================================

This module gives you an easier way to install hooks into NativeScript projects when using the `tns install <module>` command. A project hook is some sort of script that is configured to be executed when the NativeScript CLI executes some action.
An easier way to install hooks into NativeScript projects when using the `ns install <module>` command. A project hook is a script that is configured to be executed when the NativeScript CLI executes some action.

Hooks go into the `hooks/` folder of a project. For example, when `tns prepare ...` is executed, all script files in the `hooks/before-prepare/` and `hooks/after-prepare/` folders are executed, as well.
Hooks go into the `hooks/` folder of a project. For example, when `ns prepare ...` is executed, all script files in the `hooks/before-prepare/` and `hooks/after-prepare/` folders are executed as well.

This module simplifies the process of installing the scripts into the right project folder.
This simplifies the process of installing the scripts into the right project folder.

How to use
----------

### Describe the hooks

First, add a description of your hooks to the module's `package.json`. Here's an example:
```json
{
Expand All @@ -24,11 +25,13 @@ First, add a description of your hooks to the module's `package.json`. Here's an
},
}
```
The above specifies that the script `lib/before-prepare.js` should be executed when the `tns prepare ...` command is executed. the `"type"` property specifies the type of the hook to install. The `"script"` property specifies the path to the script to execute. You can add more hooks by extending the `"hooks"` array.
The above specifies that the script `lib/before-prepare.js` should be executed when the `ns prepare ...` command is executed. the `"type"` property specifies the type of the hook to install. The `"script"` property specifies the path to the script to execute. You can add more hooks by extending the `"hooks"` array.

### Install the hooks

Add a post-install and pre-uninstall script to your `package.json`, if you haven't done so already:
```

```ts
"scripts": {
...
"postinstall": "node postinstall.js",
Expand All @@ -37,20 +40,34 @@ Add a post-install and pre-uninstall script to your `package.json`, if you haven
```

The post-install script (`postinstall.js` in the example) should contain the following line:
```
require('@nativescript/hook')(__dirname).postinstall();

```javascript
import path from 'path';
import hook from '@nativescript/hook';
import { fileURLToPath } from "url";

const __filename = fileURLToPath(import.meta.url);
const __dirname = path.dirname(__filename);
hook(__dirname).postinstall();
```

The pre-uninstall script (`preuninstall.js` in the example) should contain the following line:
```
require('@nativescript/hook')(__dirname).preuninstall();

```javascript
import path from 'path';
import hook from '@nativescript/hook';
import { fileURLToPath } from "url";

const __filename = fileURLToPath(import.meta.url);
const __dirname = path.dirname(__filename);
hook(__dirname).preuninstall();
```

These two hooks will take care of installing and removing the hooks from the NativeScript project, when your module is installed or uninstalled.

`tns install <module>`
`ns install <module>`
----------------------
NativeScript modules that install hooks are intended to be installed using the `tns install <module>` command, not through npm directly. During module installation the NativeScript CLI provides information to the post-install script where to put the hooks. The following environment variables are defined when installing through `tns install <module>`:
NativeScript modules that install hooks are intended to be installed using the `ns install <module>` command, not through npm directly. During module installation the NativeScript CLI provides information to the post-install script where to put the hooks. The following environment variables are defined when installing through `ns install <module>`:
* `TNS_HOOKS_DIR` - the directory where the hooks should be installed. It may or may not exist.
* `TNS_PROJECT_DIR` - the current project directory.

Expand All @@ -60,24 +77,29 @@ In-process hooks
----------------
By default, hooks are executed in a child process and execution continues when the child process dies. This gives you flexibility when writing your hooks, but doesn't allow you to use any of the services of the CLI.

To that end, in-process hooks allow you to execute your hooks in such a way so that you can use any of the services available from the injector. In-process hooks work only for JavaScript hooks. To enable in-process execution, all you need to have is a `module.exports = ...` statement in the hook. For example, if the hook script is:
To that end, in-process hooks allow you to execute your hooks in such a way so that you can use any of the services available from the injector. In-process hooks work only for JavaScript hooks. To enable in-process execution, all you need to have is a `export default function(...)` statement in the hook. For example, if the hook script is:

```javascript
module.exports = function($logger) {
export default function($logger) {
};
```
Then, the hook script will be require'd by the CLI and the exported function will be called through the injector.
Then, the hook script will be required by the CLI and the exported function will be called through the injector.

Hooks can take a special injected argument named `hookArgs`:

```javascript
module.exports = function(hookArgs) {
export default function(hookArgs) {
};
```

`hookArgs` is a hash containing all the arguments passed to the hooked method. For example, the `prepare` hook is activated by the CLI method `preparePlatform(platform: string)`. Here, the hook will get the value of the `platform` argument in the `hookArgs.platform` property.

If you execute asynchronous code in your hook, you need to return a promise, otherwise execution will continue before your hook completes:

```javascript
var mkdirp = require('mkdirp');
module.exports = function($logger) {
import mkdirp from 'mkdirp';

export default function($logger) {
return new Promise(function(resolve, reject) {
mkdirp('somedir', function(err) {
if (err) {
Expand Down
4 changes: 3 additions & 1 deletion index.js
Original file line number Diff line number Diff line change
Expand Up @@ -100,7 +100,9 @@ function postinstall(pkgdir) {
var hookFileName = generateHookName(pkg, hook);
var hookPath = path.join(hookDir, hookFileName);

var trampoline = util.format('%srequire("%s/%s");', hook.inject ? 'module.exports = ' : '', pkg.name, hook.script);
var trampoline = `import hooks from "${pkg.name}/${hook.script}";

export default hooks;`

fs.writeFileSync(hookPath, trampoline + os.EOL);
});
Expand Down
4 changes: 2 additions & 2 deletions package.json
Original file line number Diff line number Diff line change
Expand Up @@ -13,7 +13,7 @@
"url": "https://github.com/NativeScript/nativescript-hook.git"
},
"dependencies": {
"glob": "^7.1.0",
"mkdirp": "^1.0.4"
"glob": "^11.0.0",
"mkdirp": "^3.0.1"
}
}