LMS: NPTN – React Support Extension

⚠️ INTERNAL USE ONLY – DO NOT INSTALL OUTSIDE LMS

This extension is the exclusive property of Legal Marketing Services (LMS), Ellesmere Port. Use, copying, or distribution by anyone outside the LMS development team is strictly prohibited.

Overview

This Visual Studio Code extension streamlines the development of React components and stories for the NPTN Platform UI and Design System. It provides context menu commands to quickly scaffold new components, controllers, application contexts, and Storybook stories, ensuring consistency and productivity across LMS NPTN projects.

Installation

Option 1: Install Directly from VS Code (Recommended)

The easiest way to get the extension is directly through Visual Studio Code:

1. Open Visual Studio Code.
2. Open the Extensions View by pressing:
   • Cmd+Shift+X (macOS)
   • Ctrl+Shift+X (Windows/Linux)
3. Search for: "LMS NPTN React Support" or use the extension ID: LMS-UK.lms-nptn-reract-support-extension
4. Click Install on the extension card.
5. Reload VS Code when prompted to activate the extension.

Option 2: Install from Marketplace Link

You can also install it directly via the marketplace page:

👉 View on Visual Studio Marketplace

Click the Install button on the marketplace page, and VS Code will open automatically to complete the installation.

Option 3: Manual VSIX Installation (Advanced)

If you need to install a specific version manually:

1. Download the .vsix file from the Marketplace page.
2. Open Visual Studio Code.
3. Open the Command Palette (Cmd+Shift+P or Ctrl+Shift+P).
4. Type and select: "Extensions: Install from VSIX..."
5. Select the downloaded .vsix file and wait for installation to complete.
6. Click Reload when prompted.

Usage

After installation, right-click any folder in the Explorer pane to access the LMS NPTN commands:

• 🪄 LMS: NPTN Platform UI - Create New Component
  Scaffold a new React component for the Platform UI.

• 🪄 LMS: NPTN Platform UI - Add Controller to Component
  Add a controller to an existing Platform UI component.

• 🪄 LMS: NPTN Platform UI - Create New Application Context
  Generate a new application context for state management.

• 🪄 LMS: NPTN Design System - Create New Component
  Scaffold a new component in the shared Design System.

• 🪄 LMS: NPTN Design System - Create New Story (Storybook)
  Create a new Storybook story for a Design System component.

Example

The screenshot above shows the context menu commands available after right-clicking a folder.

License

Copyright (c) 2026 Legal Marketing Services (LMS), Ellesmere Port

All rights reserved.

This software and its source code are the exclusive property of Legal Marketing Services (LMS), Ellesmere Port.

Permission to use, copy, modify, or distribute this software is strictly limited to the LMS development team. No other person or entity is permitted to use, copy, modify, distribute, sublicense, or sell any part of this software or its derivatives for any purpose.

THIS SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

For inquiries, contact LMS (Legal Marketing Services), Ellesmere Port.