NPM Packages

PlayJS includes a built-in package manager that lets you search, install, and manage npm packages without leaving the app. Once installed, packages can be imported in your code using standard import or require syntax.

Opening the Package Manager

Access the package manager by clicking the NPM Packages icon in the sidebar, or through the menu Tools → NPM Packages.

Installing a Package

1. Open the package manager from the sidebar
2. Type the package name in the search field
3. Browse the search results — each result shows the package name, description, and latest version
4. Click Install to add the package to your environment

Once installed, you can immediately use it in your code:

import _ from 'lodash-es'
import dayjs from 'dayjs'
const { v4: uuidv4 } = require('uuid')

Managing Installed Packages

The package manager displays all currently installed packages. From here you can:

• Update a package to its latest version
• Remove a package you no longer need

Installed packages persist across sessions and are available in all tabs.

Quick Install from Output Panel

When your code imports a package that is not installed, the output panel detects the missing dependency and shows a clickable “Install” link. Clicking it opens the package manager with the package name pre-filled — one more click and the package is installed. This makes the workflow seamless: write your import, see the prompt, install, and your code runs.

Package Storage

All packages are stored locally on your machine. They are shared across all tabs in PlayJS and persist between app restarts. No cloud account or external configuration is required.