Skip to content
cccskills
FreePublished on GitHub

node-scripts-dev

Guides Node.js scripts and shared modules in the Handsontable monorepo using .mjs files, native APIs, and asynchronous file operations. It covers task registration, error handling, and compatibility across Linux, macOS, and Windows.

OriginalShow the original description

Use when creating or modifying any .mjs file in the Handsontable monorepo - scripts, utilities, or library modules. Covers .mjs conventions, native node: imports, top-level await, cross-platform compatibility, and fs/promises async patterns. Trigger on any new .mjs file creation, not just files in scripts/ directories.

See how to install

Good for

  • Create build scripts and shared Node.js modules
  • Replace shell commands with cross-platform Node.js code
  • Register tasks and dependencies in tasks.json
  • Improve asynchronous file operations and error reporting

Files included (1)

  • SKILL.md4.4 KB

SKILL.md (original)

Review the instructions the agent will receive before you install.

Writing Node.js .mjs Modules

All Node.js-side code (scripts, utilities, library modules, Playwright helpers, build tooling) is ESM .mjs.

File conventions

  • Extension: .mjs for all Node.js-side code.
  • Location: scripts/ for CLI-invoked scripts, lib/ for shared modules; package-specific paths are fine (performance-tests/lib/, wrappers/react-wrapper/scripts/).
  • Invocation: node scripts/your-script.mjs from package.json scripts, or as a cmd in handsontable/scripts/tasks.json.

Adding npm scripts to the handsontable core package

handsontable/ uses a unified dispatcher. Put every command in handsontable/scripts/tasks.json and keep a thin shim in package.json:

"my-task": {
  "cmd": "node scripts/my-script.mjs",
  "deps": ["build:styles"],
  "mode": "inherit"
}
"my-task": "node scripts/run.mjs my-task"
FieldRequiredValuesPurpose
cmdyesshell stringRun via spawn(..., { shell: true })
depsnotask name arrayTasks that must complete first (DAG scheduler in parallel mode, sequential in direct invocation)
modenoquiet (default) | inherit | interactivequiet = spinner; inherit = stream output (linters); interactive = full TTY pass-through (Jest)
cwdnopath relative to handsontable/Working directory override
passthroughnobooleanAppend extra CLI flags (after --) to the cmd
notenostringAnnotation only

Pipelines go in the pipelines block:

"pipelines": {
  "my-pipeline": {
    "before": ["clean"],
    "tasks": ["my-task", "other-task"],
    "after":  ["prepare-package-for-publish"]
  }
}

before and after run sequentially; tasks run sequentially with --sequential or via DAG with --parallel.

Wrapper packages and performance-tests/, visual-tests/ take scripts directly in their own package.json (no run.mjs dispatcher).

Imports and top-level await

  • Prefix built-ins with node: (import { readFile } from 'node:fs/promises', node:path, node:url, node:child_process, node:util).
  • Use top-level await in module scope; wrap in try/catch only for an error boundary.

Native modules over dependencies

Do not add third-party dependencies for what Node.js does natively.

TaskUseNot
Read/write filesnode:fs/promisesfs-extra
Delete recursivelyrm({ recursive: true, force: true })rimraf
Move/renamerename()mv
Run child processnode:child_process + promisify(exec)execa
Parse CLI argsnode:util parseArgs() or process.argvyargs, commander
Path manipulationnode:pathslash, normalize-path
Glob matchingnode:fs readdir + filter (glob/fast-glob only for complex patterns)glob, fast-glob otherwise

Cross-platform (Linux, macOS, Windows)

  • package.json scripts: use Node helpers in place of bash constructs (if [ ], mv, rm -rf, a && b || c conditionals). Plain && sequencing is fine.
  • Build paths with node:path join().
  • Use async node:fs/promises (readdir, rename, rm, access).
  • __dirname equivalent: import.meta.dirname (Node 21+) or dirname(fileURLToPath(import.meta.url)).
  • Reference: wrappers/react-wrapper/scripts/prepare-types.mjs.

Existence check:

const exists = async (path) => access(path).then(() => true, () => false);

Error handling

  • Set process.exitCode = 1 on failure so cleanup finishes.
  • Comment every silent catch with why the error is swallowed.
  • Include the file path or operation in error messages.

Existing scripts

ScriptPurpose
scripts/sync-skills-to-cursor.mjsSync .claude/skills to .cursor/rules
scripts/translate-to-native-npm.mjsWorkspace command delegation
scripts/verify-bundles.mjsPost-build version verification
scripts/pre-release.mjsPre-release version generation
wrappers/react-wrapper/scripts/prepare-types.mjsCross-platform type preparation

Reviews

No reviews yet. Tell others what you thought.

Comments

No login needed. Share how it worked for you, ask a question, or note where it did not run.

No comments yet. Be the first to write one.

Comments are published right away. Do not include personal information such as email addresses or phone numbers. Up to 2 URLs.

0 / 1,000 characters

This form is protected by reCAPTCHA, and the Google Privacy Policy and Terms of Service apply.

More skills from this repository

Develop and modify the Handsontable Angular wrapper with guidance on component lifecycle, settings updates, and NgZone, which controls change detection. It also covers standalone examples, global configuration, and the build and test workflow.

  • Fix settings updates in the Angular wrapper
  • Review change detection around grid operations
  • Update examples to standalone components
handsontable/handsontable22.1KUpdated Oct 19, 2026

Open local or public web pages in BrowserStack Live for checks on real mobile devices or desktop browsers. The skill prepares temporary access to a local server, launches the requested session, and shares its dashboard link.

  • Check a local page on an Android device
  • Open a page in Safari on an iPhone or iPad
  • Inspect behavior in a specific desktop browser
handsontable/handsontable22.1KUpdated Oct 19, 2026

Prepare user-facing changelog entries for source code changes. The skill determines whether an entry is needed, classifies the change, writes a clear title, and uses the project CLI to create a JSON file tied to the pull request.

  • Add a changelog entry for a bug fix
  • Classify a new feature or behavior change
  • Explain a breaking change and its replacement
handsontable/handsontable22.1KUpdated Oct 19, 2026

code-graph

FreeSummary

Explore relationships between functions and files using a prebuilt code graph, a map of code dependencies. Trace bugs, inspect callers and execution paths, and assess the impact of refactoring or proposed changes.

  • Explore callers and dependencies in unfamiliar code
  • Trace a bug across multiple files
  • Assess the impact of renaming or removing code
handsontable/handsontable22.1KUpdated Oct 19, 2026

Work with Handsontable row and column positions by distinguishing source data, displayed order, and rendered cells. It guides index conversion and helps investigate misplaced data when sorting, filtering, hiding, or moving rows and columns.

  • Investigating misplaced rows or columns
  • Converting between source and displayed indexes
  • Combining filters with manual column movement
handsontable/handsontable22.1KUpdated Oct 19, 2026

Create Handsontable documentation examples for JavaScript, TypeScript, React, Angular, and Vue. The skill explains source files, generated JavaScript, required imports and license settings, embedding examples in guides, and checking that each framework version displays correctly.

  • Adding a code example to a feature guide
  • Preparing examples for multiple frameworks
  • Generating JavaScript examples from TypeScript
handsontable/handsontable22.1KUpdated Oct 19, 2026

See all skills by handsontable

Report a problem with this skill