### Install Dependencies

Source: https://github.com/cornerstonejs/cornerstone3d/blob/main/packages/docs/docs/getting-started/vue-angular-react-vite.md

Install the necessary packages for your project. This is the first step for all framework setups.

```bash
npm install
# or: yarn
```

--------------------------------

### Run Tutorial Locally via Yarn

Source: https://github.com/cornerstonejs/cornerstone3d/blob/main/packages/docs/docs/tutorials/intro.md

Commands to install dependencies and launch the tutorial example environment.

```bash
# from the root of the library
yarn install --frozen-lockfile

# run the tutorial example
yarn run example tutorial
```

--------------------------------

### Run Cornerstone3D Example Locally

Source: https://github.com/cornerstonejs/cornerstone3d/blob/main/packages/docs/docs/tutorials/examples.md

Clone the repository, install dependencies with `--frozen-lockfile`, and run examples from the root directory using the `example` script with the example name as an argument.

```bash
1. Clone the repository
2. `yarn install --frozen-lockfile`
3. `yarn run example petct` \// this should be run from the root of the repository

```

--------------------------------

### Full Video Rendering Example

Source: https://github.com/cornerstonejs/cornerstone3d/blob/main/packages/docs/docs/tutorials/basic-video.md

A complete example demonstrating how to initialize Cornerstone, set up a video viewport, load a video, and play it. This includes all necessary imports and setup.

```javascript
import { init as coreInit, RenderingEngine, Enums } from '@cornerstonejs/core';

const { ViewportType } = Enums;

const content = document.getElementById('content');
const element = document.createElement('div');

element.style.width = '500px';
element.style.height = '500px';

content.appendChild(element);
// ============================= //

/**
 * Runs the demo
 */
async function run() {
  await coreInit();

  // Instantiate a rendering engine
  const renderingEngineId = 'myRenderingEngine';
  const renderingEngine = new RenderingEngine(renderingEngineId);

  const viewportId = 'CT_AXIAL_STACK';

  const viewportInput = {
    viewportId,
    element,
    type: ViewportType.VIDEO,
  };

  renderingEngine.enableElement(viewportInput);

  const viewport = renderingEngine.getViewport(viewportId);

  await viewport.setVideoURL(
    'https://ohif-assets.s3.us-east-2.amazonaws.com/video/rendered.mp4'
  );

  await viewport.play();
}

run();
```

--------------------------------

### Register New Example in example-info.json

Source: https://github.com/cornerstonejs/cornerstone3d/blob/main/packages/docs/docs/contribute/playwright-tests.md

Add new examples to the `examples` folder and register them in `utils/ExampleRunner/example-info.json`. This JSON structure shows how to add a new example to a category.

```json
{
  "categories": {
    "tools-basic": {
      "description": "Tools library"
    },
    "examplesByCategory": {
      "tools-basic": {
        "your_example_name": {
          "name": "Good title for your example",
          "description": "Good description of what your example demonstrates"
        }
      }
    }
  }
}
```

--------------------------------

### Run Segment Anything example

Source: https://github.com/cornerstonejs/cornerstone3d/blob/main/packages/ai/README.md

Execute the provided example command to initialize the SAM model in the browser.

```bash
yarn run example segmentAnythingClientSide
```

--------------------------------

### Build and Serve Static Examples

Source: https://github.com/cornerstonejs/cornerstone3d/blob/main/packages/docs/docs/contribute/playwright-tests.md

Manually build and serve static examples for development using the `bun build-and-serve-static-examples` command. This ensures the examples are available at `http://localhost:3000`, potentially speeding up development by allowing Playwright to skip the build and serve step.

```bash
bun build-and-serve-static-examples
```

--------------------------------

### Start Development Server (Angular)

Source: https://github.com/cornerstonejs/cornerstone3d/blob/main/packages/docs/docs/getting-started/vue-angular-react-vite.md

Starts the development server for an Angular project. Access the application at http://localhost:4200/.

```bash
npm start
```

```bash
npm run dev
```

--------------------------------

### Install Labelmap Interpolation Package

Source: https://github.com/cornerstonejs/cornerstone3d/blob/main/packages/labelmap-interpolation/README.md

Install the @cornerstonejs/labelmap-interpolation package using npm.

```bash
npm install @cornerstonejs/labelmap-interpolation
```

--------------------------------

### Install Cornerstone3D Core with npm

Source: https://github.com/cornerstonejs/cornerstone3d/blob/main/packages/docs/docs/getting-started/installation.md

Install the core Cornerstone3D package using npm. This is the foundational package for using Cornerstone3D.

```bash
npm install @cornerstonejs/core
```

--------------------------------

### VoxelManager Migration Guide

Source: https://github.com/cornerstonejs/cornerstone3d/blob/main/packages/docs/docs/migration-guides/2x/3-core.md

Steps and examples for migrating existing code to use the VoxelManager for accessing and manipulating volume data.

```APIDOC
## Migration to VoxelManager

### Description
This section outlines the steps required to migrate your codebase from direct scalar data access to using the `VoxelManager` for improved performance and memory efficiency.

### General Migration Steps
1.  **Replace Direct Scalar Data Access**: Instead of accessing `volume.getScalarData()`, use `volume.voxelManager` to interact with the data.
2.  **Get Scalar Data Length**: Use `voxelManager.getScalarDataLength()` instead of `scalarData.length`.
3.  **Scalar Data Manipulation**: Use `getAtIndex(index)` and `setAtIndex(index, value)` for accessing and modifying voxel data. For 3D coordinates, use `getAtIJK(i, j, k)` and `setAtIJK(i, j, k, value)`.
4.  **Handling Modified Slices**: Use `voxelManager.getArrayOfModifiedSlices()` to get the list of modified slices.
5.  **Iterating Over Voxels**: Use the `forEach` method for efficient iteration:
    ```javascript
    voxelManager.forEach(
      ({ value, index, pointIJK, pointLPS }) => {
        // Manipulate or process voxel data
      },
      {
        boundsIJK: optionalBounds,
        imageData: optionalImageData, // for LPS calculations
      }
    );
    ```

### Specific Migration Scenarios

#### For Volumes (IImageVolume)
- Search for `getScalarData` or `scalarData` and replace with `voxelManager` access.
- **Fallback (Not Recommended)**: If atomic data API is not feasible, use `voxelManager.getCompleteScalarDataArray()` or `.setCompleteScalarDataArray()` to rebuild the full scalar data array, but be aware of performance and memory concerns.

#### For Stack Images (IImage)
- You can still use `image.getPixelData()` or access scalar data via `image.voxelManager.getScalarData()`.

### Performance Considerations
- Prefer `getAtIndex` and `setAtIndex` for bulk operations.
- Use `forEach` for iterating over large portions of the volume.

### Example: Migrating a Volume Processing Function

**Before:**
```javascript
function processVolume(volume) {
  const scalarData = volume.getScalarData();
  for (let i = 0; i < scalarData.length; i++) {
    if (scalarData[i] > 100) {
      scalarData[i] = 100;
    }
  }
}
```

**After:**
```javascript
function processVolume(volume) {
  const voxelManager = volume.voxelManager;
  const length = voxelManager.getScalarDataLength();
  for (let i = 0; i < length; i++) {
    const value = voxelManager.getAtIndex(i);
    if (value > 100) {
      voxelManager.setAtIndex(i, 100);
    }
  }
}
```
```

--------------------------------

### Full Stack Rendering Example

Source: https://github.com/cornerstonejs/cornerstone3d/blob/main/packages/docs/docs/tutorials/basic-stack.md

A complete example demonstrating the initialization, element creation, viewport enabling, image loading, and rendering of a stack of medical images.

```javascript
import { RenderingEngine, Enums, init as coreInit } from '@cornerstonejs/core';
import { init as dicomImageLoaderInit } from '@cornerstonejs/dicom-image-loader';
import { createImageIdsAndCacheMetaData } from '../../../../utils/demo/helpers';

const content = document.getElementById('content');
const element = document.createElement('div');

element.style.width = '500px';
element.style.height = '500px';

content.appendChild(element);
// ============================= //

/**
 * Runs the demo
 */
async function run() {
  await coreInit();
  await dicomImageLoaderInit();

  // Get Cornerstone imageIds and fetch metadata into RAM
  const imageIds = await createImageIdsAndCacheMetaData({
    StudyInstanceUID:
      '1.3.6.1.4.1.14519.5.2.1.7009.2403.334240657131972136850343327463',
    SeriesInstanceUID:
      '1.3.6.1.4.1.14519.5.2.1.7009.2403.226151125820845824875394858561',
    wadoRsRoot: 'https://d14fa38qiwhyfd.cloudfront.net/dicomweb',
  });

  const renderingEngineId = 'myRenderingEngine';
  const renderingEngine = new RenderingEngine(renderingEngineId);

  const viewportId = 'CT_AXIAL_STACK';

  const viewportInput = {
    viewportId,
    element,
    type: Enums.ViewportType.STACK,
  };

  renderingEngine.enableElement(viewportInput);

  const viewport = renderingEngine.getViewport(viewportId);

  viewport.setStack(imageIds, 60);

  viewport.render();
}

run();
```

--------------------------------

### Install Node.js 20 with nvm

Source: https://github.com/cornerstonejs/cornerstone3d/blob/main/packages/docs/docs/migration-guides/4x/5-node-20-upgrade.md

Use Node Version Manager (nvm) to install and switch to Node.js version 20. Ensure your environment meets the minimum requirement.

```bash
# Using nvm (Node Version Manager)
nvm install 20
nvm use 20
```

--------------------------------

### Install Cornerstone3D Tools with pnpm

Source: https://github.com/cornerstonejs/cornerstone3d/blob/main/packages/docs/docs/getting-started/installation.md

Install the Cornerstone3D Tools package using pnpm. This adds the collection of interaction tools to your project.

```bash
pnpm install @cornerstonejs/tools
```

--------------------------------

### Test New Example with Playwright

Source: https://github.com/cornerstonejs/cornerstone3d/blob/main/packages/docs/docs/contribute/playwright-tests.md

Write Playwright tests for a newly added example. This snippet demonstrates how to use `visitExample` with a custom example name.

```typescript
import { test } from '@playwright/test';
import { visitExample } from './utils/index';

test.beforeEach(async ({ page }) => {
  await visitExample(page, 'your_example_name');
});

test.describe('Your Example Name', async () => {
  test('should do something', async ({ page }) => {
    // Your test code here
  });
});
```

--------------------------------

### Install Polymorphic Segmentation Package

Source: https://github.com/cornerstonejs/cornerstone3d/blob/main/packages/polymorphic-segmentation/README.md

Install the package using npm. This command is used for adding the library to your project.

```bash
npm install @cornerstonejs/polymorphic-segmentation
```

--------------------------------

### Install Nifti Volume Loader with pnpm

Source: https://github.com/cornerstonejs/cornerstone3d/blob/main/packages/docs/docs/getting-started/installation.md

Install the NIfTI volume loader package for Cornerstone3D using pnpm. This supports loading NIfTI formatted volumes.

```bash
pnpm install @cornerstonejs/nifti-volume-loader
```

--------------------------------

### Install Dependencies with yarn

Source: https://github.com/cornerstonejs/cornerstone3d/blob/main/packages/docs/docs/getting-started/vue-angular-react-vite.md

Install project dependencies using yarn. This is an alternative to npm for managing project packages.

```bash
yarn
```

--------------------------------

### Install Cornerstone3D Tools with Yarn

Source: https://github.com/cornerstonejs/cornerstone3d/blob/main/packages/docs/docs/getting-started/installation.md

Install the Cornerstone3D Tools package using Yarn. This adds the collection of interaction tools to your project.

```bash
yarn add @cornerstonejs/tools
```

--------------------------------

### Configure Byte Range Options

Source: https://github.com/cornerstonejs/cornerstone3d/blob/main/packages/docs/docs/concepts/progressive-loading/retrieve-Configuration.md

Example configuration for initial byte range request with a custom chunk size.

```js
{
  rangeIndex: 0,
  chunkSize: 256000, // 256kb
}
```

--------------------------------

### Install Cornerstone3D Core with pnpm

Source: https://github.com/cornerstonejs/cornerstone3d/blob/main/packages/docs/docs/getting-started/installation.md

Install the core Cornerstone3D package using pnpm. This command adds the foundational package to your project.

```bash
pnpm install @cornerstonejs/core
```

--------------------------------

### Install Nifti Volume Loader with npm

Source: https://github.com/cornerstonejs/cornerstone3d/blob/main/packages/docs/docs/getting-started/installation.md

Install the NIfTI volume loader package for Cornerstone3D using npm. This package supports loading NIfTI formatted volumes.

```bash
npm install @cornerstonejs/nifti-volume-loader
```

--------------------------------

### Install Nifti Volume Loader with Yarn

Source: https://github.com/cornerstonejs/cornerstone3d/blob/main/packages/docs/docs/getting-started/installation.md

Install the NIfTI volume loader package for Cornerstone3D using Yarn. This supports loading NIfTI formatted volumes.

```bash
yarn add @cornerstonejs/nifti-volume-loader
```

--------------------------------

### Install Cornerstone3D Core with Yarn

Source: https://github.com/cornerstonejs/cornerstone3d/blob/main/packages/docs/docs/getting-started/installation.md

Install the core Cornerstone3D package using Yarn. This command adds the foundational package to your project.

```bash
yarn add @cornerstonejs/core
```

--------------------------------

### Run Development Server (Vue)

Source: https://github.com/cornerstonejs/cornerstone3d/blob/main/packages/docs/docs/getting-started/vue-angular-react-vite.md

Starts the development server for a Vue project using Vite. Access the application at http://localhost:5173/.

```bash
npm run dev
```

--------------------------------

### Centralized Test Setup and Cleanup

Source: https://github.com/cornerstonejs/cornerstone3d/blob/main/packages/docs/docs/migration-guides/2x/8-deverloper-experience.md

Replaces scattered logic for test environment setup and teardown with a centralized utility function. Use this for cleaner and more reliable test execution.

```javascript
beforeEach(function () {
  csTools3d.init();
  csTools3d.addTool(BidirectionalTool);
  cache.purgeCache();
  this.DOMElements = [];
  this.stackToolGroup = ToolGroupManager.createToolGroup('stack');
  this.stackToolGroup.addTool(BidirectionalTool.toolName, {
    configuration: { volumeId: volumeId },
  });
  this.stackToolGroup.setToolActive(BidirectionalTool.toolName, {
    bindings: [{ mouseButton: 1 }],
  });

  this.renderingEngine = new RenderingEngine(renderingEngineId);
  imageLoader.registerImageLoader('fakeImageLoader', fakeImageLoader);
  volumeLoader.registerVolumeLoader('fakeVolumeLoader', fakeVolumeLoader);
  metaData.addProvider(fakeMetaDataProvider, 10000);
});

afterEach(function () {
  csTools3d.destroy();
  cache.purgeCache();
  eventTarget.reset();
  this.renderingEngine.destroy();
  metaData.removeProvider(fakeMetaDataProvider);
  imageLoader.unregisterAllImageLoaders();
  ToolGroupManager.destroyToolGroup('stack');

  this.DOMElements.forEach((el) => {
    if (el.parentNode) {
      el.parentNode.removeChild(el);
    }
  });
});
```

```javascript
beforeEach(function () {
  const testEnv = testUtils.setupTestEnvironment({
    renderingEngineId,
    toolGroupIds: ['default'],
    viewportIds: [viewportId],
    tools: [BidirectionalTool],
    toolConfigurations: {
      [BidirectionalTool.toolName]: {
        configuration: { volumeId: volumeId },
      },
    },
    toolActivations: {
      [BidirectionalTool.toolName]: {
        bindings: [{ mouseButton: 1 }],
      },
    },
  });
  renderingEngine = testEnv.renderingEngine;
  toolGroup = testEnv.toolGroups['default'];
});

afterEach(function () {
  testUtils.cleanupTestEnvironment({
    renderingEngineId,
    toolGroupIds: ['default'],
  });
});
```

--------------------------------

### Link Multiple Cornerstone Libraries

Source: https://github.com/cornerstonejs/cornerstone3d/blob/main/packages/docs/docs/contribute/linking.md

This example demonstrates the process of linking multiple Cornerstone libraries, such as core and tools, into the OHIF project.

```bash
# In cornerstone/packages/core
yarn unlink
yarn link
yarn dev

# In cornerstone/packages/tools
yarn unlink
yarn link
yarn dev

# In OHIF
yarn link @cornerstonejs/core
yarn link @cornerstonejs/tools
```

--------------------------------

### Install Cornerstone3D Tools with npm

Source: https://github.com/cornerstonejs/cornerstone3d/blob/main/packages/docs/docs/getting-started/installation.md

Install the Cornerstone3D Tools package using npm. This package provides a collection of tools for interacting with medical images.

```bash
npm install @cornerstonejs/tools
```

--------------------------------

### Run Development Server for Subpath (Vue)

Source: https://github.com/cornerstonejs/cornerstone3d/blob/main/packages/docs/docs/getting-started/vue-angular-react-vite.md

Starts the development server for a Vue project configured to run under a subpath (e.g., '/subpath/').

```bash
npm run dev:subpath
```

--------------------------------

### Configure tool bindings for touch

Source: https://github.com/cornerstonejs/cornerstone3d/blob/main/packages/docs/docs/concepts/cornerstone-tools/touch.md

Setup tool groups and define active tools with specific touch point bindings.

```js
// Add tools to Cornerstone3D
cornerstoneTools.addTool(PanTool);
cornerstoneTools.addTool(WindowLevelTool);
cornerstoneTools.addTool(StackScrollTool);
cornerstoneTools.addTool(ZoomTool);

// Define a tool group, which defines how mouse events map to tool commands for
// Any viewport using the group
const toolGroup = ToolGroupManager.createToolGroup(toolGroupId);

// Add tools to the tool group
toolGroup.addTool(WindowLevelTool.toolName);
toolGroup.addTool(PanTool.toolName);
toolGroup.addTool(ZoomTool.toolName);
toolGroup.addTool(StackScrollTool.toolName);

// Set the initial state of the tools, here all tools are active and bound to
// Different touch inputs
// 5 touch points are possible => unlimited touch points are supported, but is generally limited by hardware.
toolGroup.setToolActive(ZoomTool.toolName, {
  bindings: [{ numTouchPoints: 2 }],
});
toolGroup.setToolActive(StackScrollTool.toolName, {
  bindings: [{ numTouchPoints: 3 }],
});
toolGroup.setToolActive(WindowLevelTool.toolName, {
  bindings: [
    {
      mouseButton: MouseBindings.Primary, // special condition for one finger touch
    },
  ],
});
```

--------------------------------

### Configure Byte Range with Decode Level

Source: https://github.com/cornerstonejs/cornerstone3d/blob/main/packages/docs/docs/concepts/progressive-loading/retrieve-Configuration.md

Example configuration for byte range request specifying a manual decode level.

```js
{
  rangeIndex: 0,
  decodeLevel: 3
}

// chunkSize is default 64kb
```

--------------------------------

### Test Existing Example with Playwright

Source: https://github.com/cornerstonejs/cornerstone3d/blob/main/packages/docs/docs/contribute/playwright-tests.md

Use this snippet to write Playwright tests against an existing example. Ensure the example name is correctly referenced.

```typescript
import { test } from '@playwright/test';
import { visitExample } from './utils/index';

test.beforeEach(async ({ page }) => {
  await visitExample(page, 'annotationToolModes');
});

test.describe('Annotation Tool Modes', async () => {
  test('should do something', async ({ page }) => {
    // Your test code here
  });
});
```

--------------------------------

### Run Documentation Server

Source: https://github.com/cornerstonejs/cornerstone3d/blob/main/packages/docs/docs/contribute/documentation.md

Navigate to the docs package and run the start script to launch the documentation server on port 3000. The first run may require `yarn docs:dev` to build necessary files.

```sh
cd packages/docs/

yarn run start
```

```sh
yarn docs:dev
```

```sh
yarn docs
```

--------------------------------

### Instantiating a RenderingEngine

Source: https://github.com/cornerstonejs/cornerstone3d/blob/main/packages/docs/docs/concepts/cornerstone-core/renderingEngine.md

Shows how to create a new instance of the RenderingEngine, which is responsible for managing viewports and rendering.

```APIDOC
## Instantiating a RenderingEngine

### Description
Creates a new `RenderingEngine` instance. This engine will manage all viewports and their rendering processes.

### Method
`new RenderingEngine(renderingEngineId)`

### Parameters
#### Path Parameters
- **renderingEngineId** (string) - Required - A unique identifier for this rendering engine instance.

### Request Example
```js
import { RenderingEngine } from '@cornerstonejs/core';

const renderingEngineId = 'myEngine';
const renderingEngine = new RenderingEngine(renderingEngineId);
```
```

--------------------------------

### Load NIFTI Volume (Before)

Source: https://github.com/cornerstonejs/cornerstone3d/blob/main/packages/docs/docs/migration-guides/2x/7-nifti-volume-loader.md

Demonstrates the previous method of loading a NIFTI volume using `createAndCacheVolume` and setting it for viewports.

```javascript
const niftiURL =
  'https://ohif-assets.s3.us-east-2.amazonaws.com/nifti/MRHead.nii.gz';
const volumeId = 'nifti:' + niftiURL;

const volume = await volumeLoader.createAndCacheVolume(volumeId);

setVolumesForViewports(
  renderingEngine,
  [{ volumeId }],
  viewportInputArray.map((v) => v.viewportId)
);
```

--------------------------------

### Install PolySeg Dependency

Source: https://github.com/cornerstonejs/cornerstone3d/blob/main/packages/docs/docs/getting-started/vue-angular-react-vite.md

Install the '@cornerstonejs/polymorphic-segmentation' package if you need to use PolySeg for converting segmentation representations.

```bash
yarn add @cornerstonejs/polymorphic-segmentation
```

--------------------------------

### Setup CornerstoneDICOMImageLoader and Event Listeners

Source: https://github.com/cornerstonejs/cornerstone3d/blob/main/packages/dicomImageLoader/examplesOld/dicomfile/index.html

Initializes the cornerstoneDICOMImageLoader, sets up drag-and-drop listeners for file selection, and configures the loader with optional beforeSend callbacks. This code should be run before any file loading occurs.

```javascript
window.cornerstoneDICOMImageLoader || document.write('<script src="https://unpkg.com/@cornerstonejs/dicom-image-loader">\x3C/script>')
cornerstoneDICOMImageLoader.external.cornerstone = cornerstone;

function handleFileSelect(evt) {
    evt.stopPropagation();
    evt.preventDefault();
    const files = evt.dataTransfer.files;
    file = files[0];
    const imageId = cornerstoneDICOMImageLoader.wadouri.fileManager.add(file);
    loadAndViewImage(imageId);
}

function handleDragOver(evt) {
    evt.stopPropagation();
    evt.preventDefault();
    evt.dataTransfer.dropEffect = 'copy';
}

const dropZone = document.getElementById('dicomImage');
dropZone.addEventListener('dragover', handleDragOver, false);
dropZone.addEventListener('drop', handleFileSelect, false);

cornerstoneDICOMImageLoader.configure({
    beforeSend: function(xhr) {
        // Add custom headers here (e.g. auth tokens)
        //xhr.setRequestHeader('x-auth-token', 'my auth token');
    },
});
```

--------------------------------

### Initialize Rendering Engine and Tools

Source: https://github.com/cornerstonejs/cornerstone3d/blob/main/packages/docs/docs/tutorials/basic-manipulation-tool.md

Sets up a stack viewport and configures primary and secondary mouse button bindings for Zoom and WindowLevel tools.

```js
import { init as coreInit, RenderingEngine, Enums } from '@cornerstonejs/core';
import { init as dicomImageLoaderInit } from '@cornerstonejs/dicom-image-loader';
import {
  init as cornerstoneToolsInit,
  ToolGroupManager,
  WindowLevelTool,
  ZoomTool,
  Enums as csToolsEnums,
  addTool,
} from '@cornerstonejs/tools';
import { createImageIdsAndCacheMetaData } from '../../../../utils/demo/helpers';

const { ViewportType } = Enums;

const content = document.getElementById('content');

const element = document.createElement('div');

// Disable the default context menu
element.oncontextmenu = (e) => e.preventDefault();
element.style.width = '500px';
element.style.height = '500px';

content.appendChild(element);
// ============================= //

/**
 * Runs the demo
 */
async function run() {
  await coreInit();
  await dicomImageLoaderInit();
  await cornerstoneToolsInit();

  const imageIds = await createImageIdsAndCacheMetaData({
    StudyInstanceUID:
      '1.3.6.1.4.1.14519.5.2.1.7009.2403.334240657131972136850343327463',
    SeriesInstanceUID:
      '1.3.6.1.4.1.14519.5.2.1.7009.2403.226151125820845824875394858561',
    wadoRsRoot: 'https://d14fa38qiwhyfd.cloudfront.net/dicomweb',
  });

  // Instantiate a rendering engine
  const renderingEngineId = 'myRenderingEngine';
  const renderingEngine = new RenderingEngine(renderingEngineId);

  const viewportId = 'CT_AXIAL_STACK';

  const viewportInput = {
    viewportId,
    element,
    type: ViewportType.STACK,
  };

  renderingEngine.enableElement(viewportInput);

  const viewport = renderingEngine.getViewport(viewportId);

  viewport.setStack(imageIds);

  viewport.render();

  const toolGroupId = 'myToolGroup';
  const toolGroup = ToolGroupManager.createToolGroup(toolGroupId);

  addTool(ZoomTool);
  addTool(WindowLevelTool);
  toolGroup.addTool(ZoomTool.toolName);
  toolGroup.addTool(WindowLevelTool.toolName);

  toolGroup.addViewport(viewportId);

  toolGroup.setToolActive(WindowLevelTool.toolName, {
    bindings: [
      {
        mouseButton: csToolsEnums.MouseBindings.Primary, // Left Click
      },
    ],
  });

  toolGroup.setToolActive(ZoomTool.toolName, {
    bindings: [
      {
        mouseButton: csToolsEnums.MouseBindings.Secondary, // Right Click
      },
    ],
  });
  viewport.render();
}

run();
```

--------------------------------

### Initialize Library

Source: https://github.com/cornerstonejs/cornerstone3d/blob/main/packages/docs/docs/migration-guides/legacy-to-3d.md

Initialize the core and tools libraries before usage.

```js
cornerstoneTools.init();
```

```js
// detects gpu and decides whether to use gpu rendering or cpu fallback
cornerstone3D.init();
cornerstone3DTools.init();
```

--------------------------------

### Initialize Cornerstone WADO Image Loader

Source: https://github.com/cornerstonejs/cornerstone3d/blob/main/packages/dicomImageLoader/docs/Configuration.md

Use the init method to configure the loader with network callbacks and decoding settings.

```js
CornerstoneDICOMImageLoader.init(options);
```

--------------------------------

### Typical development workflow

Source: https://github.com/cornerstonejs/cornerstone3d/blob/main/README.md

A complete sequence for building, linking, iterating, and unlinking Cornerstone3D within an OHIF project.

```bash
# 1. Build CS3D
cd /path/to/cornerstone3D
bun install --frozen-lockfile
bun run build:esm

# 2. Link into OHIF
node scripts/link-ohif-cornerstone-node-modules.mjs /path/to/ohif

# 3. Start OHIF
cd /path/to/ohif
yarn dev

# 4. Iterate — rebuild CS3D after changes:
cd /path/to/cornerstone3D
bun run build:esm
# OHIF dev server picks up changes automatically

# 5. When done, unlink
node scripts/unlink-ohif-cornerstone-node-modules.mjs /path/to/ohif
```

--------------------------------

### Install Dependencies with npm

Source: https://github.com/cornerstonejs/cornerstone3d/blob/main/packages/docs/docs/getting-started/vue-angular-react-vite.md

Install project dependencies using npm. This command is common for both Vue and Angular projects using Vite.

```bash
npm install
```

--------------------------------

### Run prepare-markdown-files.js

Source: https://github.com/cornerstonejs/cornerstone3d/blob/main/packages/docs/scripts/README.md

Manually run the script to copy markdown files for LLM access. Ensure you are in the `packages/docs` directory.

```bash
cd packages/docs
bun run prepare-markdown-files
```

--------------------------------

### Update Configuration: Before

Source: https://github.com/cornerstonejs/cornerstone3d/blob/main/packages/docs/docs/migration-guides/3x/2-threshold-tools.md

Illustrates the old configuration structure for thresholding tools, including `activeStrategy` and `strategySpecificConfiguration`.

```javascript
configuration: {
  activeStrategy: 'THRESHOLD_INSIDE_SPHERE_WITH_ISLAND_REMOVAL',
  strategySpecificConfiguration: {
    THRESHOLD: {
      threshold: [-150, -70],
      // other threshold properties
    },
    useCenterSegmentIndex: true,
  },
}
```

--------------------------------

### Get Active Segmentation Representation (Before)

Source: https://github.com/cornerstonejs/cornerstone3d/blob/main/packages/docs/docs/migration-guides/2x/5-tools.md

Before migration, this function was used to get the active segmentation representation using a tool group ID.

```typescript
function getActiveSegmentationRepresentation(toolGroupId: string);
```

--------------------------------

### Get and Set Active Segmentation - JavaScript

Source: https://github.com/cornerstonejs/cornerstone3d/blob/main/packages/docs/docs/concepts/cornerstone-tools/segmentation/active.md

Import the segmentation module to get or set the active segmentation for a specific viewport using its ID.

```javascript
import { segmentation } from '@cornerstonejs/tools';

// Get the active segmentation for a viewport
const activeSegmentation = segmentation.getActiveSegmentation(viewportId);

// Set the active segmentation for a viewport
segmentation.setActiveSegmentation(viewportId, segmentationId);
```

--------------------------------

### Replace Tool instance adapter registration

Source: https://github.com/cornerstonejs/cornerstone3d/blob/main/packages/docs/docs/migration-guides/3x/5-adapters.md

Use initCopy to initialize new tool adapters instead of manual class definition.

```diff
- class MyNewToolAdapter { ... identical to eg Probe Adapter }
```

```diff
- const MyNewToolAdapter = Probe.initCopy('MyNewTool');
```

--------------------------------

### Rendering Engine Initialization

Source: https://github.com/cornerstonejs/cornerstone3d/blob/main/packages/docs/docs/concepts/cornerstone-core/renderingEngine.md

Demonstrates how to initialize Cornerstone3D and configure the rendering engine mode. The ContextPoolRenderingEngine is the default, but the legacy TiledRenderingEngine can be selected.

```APIDOC
## Rendering Engine Initialization

### Description
Initializes Cornerstone3D and allows configuration of the rendering engine. The `ContextPoolRenderingEngine` is the default, offering improved performance and memory usage. The legacy `TiledRenderingEngine` can be explicitly chosen.

### Method
`init(config)`

### Parameters
#### Request Body
- **config** (object) - Required - Configuration object for initialization.
  - **rendering** (object) - Optional - Rendering specific configurations.
    - **renderingEngineMode** (string) - Optional - Specifies the rendering engine mode. Options: `'standard'` (TiledRenderingEngine), `'next'` (ContextPoolRenderingEngine - default).
    - **webGLContextCount** (number) - Optional - Number of WebGL contexts to use for batch rendering with `ContextPoolRenderingEngine`. Defaults to 7.

### Request Example
```js
import { init } from '@cornerstonejs/core';

// To use the legacy TiledRenderingEngine
init({
  rendering: {
    renderingEngineMode: 'standard',
  },
});

// The ContextPoolRenderingEngine is used by default, or you can explicitly set it
init({
  rendering: {
    renderingEngineMode: 'next',
  },
});

// To use the ContextPoolRenderingEngine with a specific number of WebGL contexts
init({
  rendering: {
    renderingEngineMode: 'next',
    webGLContextCount: 7, // Default is 7, can be adjusted based on your needs
  },
});
```
```

--------------------------------

### Install Polymorphic Segmentation WASM with pnpm

Source: https://github.com/cornerstonejs/cornerstone3d/blob/main/packages/docs/docs/getting-started/installation.md

Install the polymorphic segmentation WASM package using pnpm. This is a prerequisite for using the polymorphic segmentation converters.

```bash
pnpm install @icr/polyseg-wasm
```

--------------------------------

### Initialize Rendering Engine and Viewports

Source: https://github.com/cornerstonejs/cornerstone3d/blob/main/packages/docs/docs/tutorials/basic-segmentation-tools.md

Sets up the rendering engine, defines orthographic viewports, and associates them with the ToolGroup.

```js
// Instantiate a rendering engine
const renderingEngineId = 'myRenderingEngine';
const renderingEngine = new RenderingEngine(renderingEngineId);

// Create the viewports
const viewportId1 = 'CT_AXIAL';
const viewportId2 = 'CT_SAGITTAL';
const viewportId3 = 'CT_CORONAL';

const viewportInputArray = [
  {
    viewportId: viewportId1,
    type: ViewportType.ORTHOGRAPHIC,
    element: element1,
    defaultOptions: {
      orientation: Enums.OrientationAxis.AXIAL,
    },
  },
  {
    viewportId: viewportId2,
    type: ViewportType.ORTHOGRAPHIC,
    element: element2,
    defaultOptions: {
      orientation: Enums.OrientationAxis.SAGITTAL,
    },
  },
  {
    viewportId: viewportId3,
    type: ViewportType.ORTHOGRAPHIC,
    element: element3,
    defaultOptions: {
      orientation: Enums.OrientationAxis.CORONAL,
    },
  },
];

renderingEngine.setViewports(viewportInputArray);

toolGroup.addViewport(viewportId1, renderingEngineId);
```

--------------------------------

### Install Dicom Image Loader with pnpm

Source: https://github.com/cornerstonejs/cornerstone3d/blob/main/packages/docs/docs/getting-started/installation.md

Install the DICOM image loader package for Cornerstone3D using pnpm. This enables loading of DICOM data.

```bash
pnpm install @cornerstonejs/dicom-image-loader
```

--------------------------------

### Install Polymorphic Segmentation WASM with Yarn

Source: https://github.com/cornerstonejs/cornerstone3d/blob/main/packages/docs/docs/getting-started/installation.md

Install the polymorphic segmentation WASM package using Yarn. This is a prerequisite for using the polymorphic segmentation converters.

```bash
yarn add @icr/polyseg-wasm
```

--------------------------------

### Install Dicom Image Loader with Yarn

Source: https://github.com/cornerstonejs/cornerstone3d/blob/main/packages/docs/docs/getting-started/installation.md

Install the DICOM image loader package for Cornerstone3D using Yarn. This enables loading of DICOM data.

```bash
yarn add @cornerstonejs/dicom-image-loader
```

--------------------------------

### Initialize Cornerstone Libraries

Source: https://github.com/cornerstonejs/cornerstone3d/blob/main/packages/docs/docs/tutorials/basic-manipulation-tool.md

Initializes the core, DICOM image loader, and tools libraries required for rendering.

```js
import { init as coreInit } from '@cornerstonejs/core';
import { init as dicomImageLoaderInit } from '@cornerstonejs/dicom-image-loader';
import { init as cornerstoneToolsInit } from '@cornerstonejs/tools';

await coreInit();
await dicomImageLoaderInit();
await cornerstoneToolsInit();
```

--------------------------------

### Install Polymorphic Segmentation WASM with npm

Source: https://github.com/cornerstonejs/cornerstone3d/blob/main/packages/docs/docs/getting-started/installation.md

Install the polymorphic segmentation WASM package using npm. This is required for using the polymorphic segmentation converters.

```bash
npm install @icr/polyseg-wasm
```

--------------------------------

### Initialize Libraries

Source: https://github.com/cornerstonejs/cornerstone3d/blob/main/packages/docs/docs/tutorials/basic-stack.md

Initializes the core and dicom-image-loader libraries for Cornerstone3D.

```javascript
import { init as coreInit } from '@cornerstonejs/core';
import { init as dicomImageLoaderInit } from '@cornerstonejs/dicom-image-loader';

await coreInit();
await dicomImageLoaderInit();
```

--------------------------------

### Get Active Segmentation (Before)

Source: https://github.com/cornerstonejs/cornerstone3d/blob/main/packages/docs/docs/migration-guides/2x/5-tools.md

Before migration, this function was used to get the active segmentation using a tool group ID. Its return type was implicitly undefined.

```typescript
function getActiveSegmentation(toolGroupId: string);
```

--------------------------------

### Preview Production Build (Vue)

Source: https://github.com/cornerstonejs/cornerstone3d/blob/main/packages/docs/docs/getting-started/vue-angular-react-vite.md

Serves the production build of the Vue application locally. Access the application at http://localhost:4173/.

```bash
npm run preview
```

--------------------------------

### Initialize Cornerstone and Load Images

Source: https://github.com/cornerstonejs/cornerstone3d/blob/main/packages/dicomImageLoader/examplesOld/progressive-jph/index.html

Initializes Cornerstone.js, sets up an array of image URLs, and iterates through them to display images in separate viewport elements. Includes event listeners for mouse interactions and progressive loading.

```javascript
cornerstoneDICOMImageLoader.external.cornerstone = cornerstone;

const baseUrls = [
    'https://pacsbin-util.s3.amazonaws.com/test-images/htj2k/1.jph.dcm',
    'https://pacsbin-util.s3.amazonaws.com/test-images/htj2k/xray-1.jph.dcm',
    'https://pacsbin-util.s3.amazonaws.com/test-images/htj2k/xray-2.jph.dcm',
    'https://pacsbin-util.s3.amazonaws.com/test-images/htj2k/xray-3.jph.dcm',
    'https://pacsbin-util.s3.amazonaws.com/test-images/htj2k/xray-4.jph.dcm',
    'https://pacsbin-util.s3.amazonaws.com/test-images/htj2k/xray-5.jph.dcm',
    'https://pacsbin-util.s3.amazonaws.com/test-images/htj2k/xray-6.jph.dcm',
    'https://pacsbin-util.s3.amazonaws.com/test-images/htj2k/xray-7.jph.dcm',
    'https://pacsbin-util.s3.amazonaws.com/test-images/htj2k/xray-8.jph.dcm',
    'https://pacsbin-util.s3.amazonaws.com/test-images/htj2k/xray-9.jph.dcm',
    'https://pacsbin-util.s3.amazonaws.com/test-images/htj2k/xray-10.jph.dcm',
];

const urls = [];
const cachebust = true;
for (let i = 0; i < 20; i += 1) {
    let url = baseUrls[i % 11];
    if (cachebust) {
        url += '?cachebust=' + (Math.random() + 1).toString(36).substring(7);
    }
    urls.push(url)
}

urls.forEach(url => {
    // Create element
    const viewportContainer = document.getElementById('viewports');
    const viewportDiv = document.createElement('div');
    viewportDiv.classList = 'disable-selection noIbar'
    viewportDiv.style = 'width:200px;height:200px;position:relative;color: white;display:inline-block;border-style:solid;border-color:black;'
    viewportDiv.onmousedown = 'return false;'
    const canvasDiv = document.createElement('div');
    canvasDiv.style = 'width:200px;height:200px;';
    viewportDiv.append(canvasDiv)
    viewportContainer.append(viewportDiv)
    const element = canvasDiv;
    cornerstone.enable(element);
    const imageId = `wadouri:${url}`;
    let loaded = false;

    canvasDiv.onmouseover = () => {
        canvasDiv.style.position = 'absolute'
        canvasDiv.style.width = '512px'
        canvasDiv.style.height = '512px'
        canvasDiv.style.zIndex = '10';
        cornerstone.resize(element, true);
    }
    canvasDiv.onmouseout = () => {
        canvasDiv.style.position = 'relative';
        canvasDiv.style.width = '200px'
        canvasDiv.style.height = '200px'
        canvasDiv.style.zIndex = '1';
        cornerstone.resize(element, true);
    }

    // Load more of the image on click
    canvasDiv.addEventListener('click', async function (e) {
        const ee = cornerstone.getEnabledElement(element);
        const { sharedCacheKey: uri } = ee.image;
        const dataSet = cornerstoneDICOMImageLoader.wadouri.dataSetCacheManager.get(uri);
        const newDataSet = await dataSet.fetchMore({ lengthToFetch: 500000, });
        console.log(newDataSet);
        // Not sure how much of this should be handled automatically inside
        // cornerstoneDICOMImageLoader, vs explicitly in user scripts. It
        // would probably be helpful for everything below here to be one
        // function call or automatic upon invoking `fetchMore`.
        cornerstoneDICOMImageLoader.wadouri.dataSetCacheManager.update(uri, newDataSet)
        const imageId = "wadouri:" + uri;
        cornerstone.imageCache.removeImageLoadObject(imageId)
        cornerstone.loadAndCacheImage(imageId).then((image) => {
            cornerstone.invalidate(element);
            cornerstone.displayImage(element, image)
        })
    });

    try {
        var start = new Date().getTime();
        cornerstone.loadAndCacheImage(imageId, { loader: request }).then(function (image) {
            console.log(image);
            var viewport = cornerstone.getDefaultViewportForImage(element, image);
            // document.getElementById('toggleModalityLUT').checked = (viewport.modalityLUT !== undefined);
            // document.getElementById('toggleVOILUT').checked = (viewport.voiLUT !== undefined);
            cornerstone.displayImage(element, image, viewport);
            if (loaded === false) {
                cornerstoneTools.mouseInput.enable(element);
                cornerstoneTools.mouseWheelInput.enable(element);
                cornerstoneTools.wwwc.activate(element, 1); // ww/wc is the default tool for left mouse button
                cornerstoneTools.pan.activate(element, 2); // pan is the default tool for middle mouse button
                cornerstoneTools.zoom.activate(element, 4); // zoom is the default tool for right mouse button
                cornerstoneTools.zoomWheel.activate(element); // zoom is the default tool for middle mouse
            }
        });
    } catch (error) {
        console.error(error);
    }
});
```

--------------------------------

### WADO-RS ImageId Example

Source: https://github.com/cornerstonejs/cornerstone3d/blob/main/packages/docs/docs/concepts/cornerstone-core/imageId.md

An example of an ImageId for retrieving DICOM images via WADO-RS. This format is used by specific Image Loader plugins to interact with WADO-RS endpoints.

```http
https://d14fa38qiwhyfd.cloudfront.net/dicomweb/
studies/1.3.6.1.4.1.25403.345050719074.3824.20170126083429.2/
series/1.3.6.1.4.1.25403.345050719074.3824.20170126083454.5/
instances/1.3.6.1.4.1.25403.345050719074.3824.20170126083455.3/
frames/1
```

--------------------------------

### WADO-URI ImageId Example

Source: https://github.com/cornerstonejs/cornerstone3d/blob/main/packages/docs/docs/concepts/cornerstone-core/imageId.md

An example of an ImageId for retrieving DICOM images via WADO-URI. This format is used by specific Image Loader plugins to interact with WADO-compliant servers.

```http
http://www.medical-webservice.st/RetrieveDocument?
requestType=WADO&studyUID=1.2.250.1.59.40211.12345678.678910
&seriesUID=1.2.250.1.59.40211.789001276.14556172.67789
&objectUID=1.2.250.1.59.40211.2678810.87991027.899772.2
&contentType=application%2Fdicom&transferSyntax=1.2.840.10008.1.2.4.50
```

--------------------------------

### Initialize Cornerstone3D with custom GPU tier

Source: https://github.com/cornerstonejs/cornerstone3d/blob/main/packages/docs/docs/migration-guides/2x/3-core.md

Use this to manually set the GPU tier after the removal of the detect-gpu dependency.

```js
cornerstone3D.init({ gpuTier: 3 });
```

--------------------------------

### Initialize and Configure Segmentation Viewports

Source: https://github.com/cornerstonejs/cornerstone3d/blob/main/packages/docs/docs/tutorials/basic-segmentation-tools.md

Initializes the core libraries, creates a rendering engine with three orthographic viewports, and adds a labelmap segmentation to the tool group.

```js
import {
  init as coreInit,
  RenderingEngine,
  Enums,
  volumeLoader,
  setVolumesForViewports,
} from '@cornerstonejs/core';
import { init as dicomImageLoaderInit } from '@cornerstonejs/dicom-image-loader';
import {
  init as cornerstoneToolsInit,
  ToolGroupManager,
  Enums as csToolsEnums,
  addTool,
  BidirectionalTool,
  BrushTool,
  segmentation,
} from '@cornerstonejs/tools';
import { createImageIdsAndCacheMetaData } from '../../../../utils/demo/helpers';

const { ViewportType } = Enums;

const content = document.getElementById('content');

const viewportGrid = document.createElement('div');
viewportGrid.style.display = 'flex';
viewportGrid.style.flexDirection = 'row';

// element for axial view
const element1 = document.createElement('div');
element1.style.width = '500px';
element1.style.height = '500px';

// element for sagittal view
const element2 = document.createElement('div');
element2.style.width = '500px';
element2.style.height = '500px';

// element for coronal view
const element3 = document.createElement('div');
element3.style.width = '500px';
element3.style.height = '500px';

viewportGrid.appendChild(element1);
viewportGrid.appendChild(element2);
viewportGrid.appendChild(element3);

content.appendChild(viewportGrid);
// ============================= //

/**
 * Runs the demo
 */
async function run() {
  await coreInit();
  await dicomImageLoaderInit();
  await cornerstoneToolsInit();

  const imageIds = await createImageIdsAndCacheMetaData({
    StudyInstanceUID:
      '1.3.6.1.4.1.14519.5.2.1.7009.2403.334240657131972136850343327463',
    SeriesInstanceUID:
      '1.3.6.1.4.1.14519.5.2.1.7009.2403.226151125820845824875394858561',
    wadoRsRoot: 'https://d14fa38qiwhyfd.cloudfront.net/dicomweb',
  });

  // Instantiate a rendering engine
  const renderingEngineId = 'myRenderingEngine';

  addTool(BrushTool);

  const toolGroupId = 'CT_TOOLGROUP';
  // Define tool groups to add the segmentation display tool to
  const toolGroup = ToolGroupManager.createToolGroup(toolGroupId);

  // Segmentation Tools
  toolGroup.addTool(BrushTool.toolName);

  toolGroup.setToolActive(BrushTool.toolName, {
    bindings: [{ mouseButton: csToolsEnums.MouseBindings.Primary }],
  });

  const volumeName = 'CT_VOLUME_ID';
  const volumeId = `${volumeName}`;

  // Define a volume in memory for CT
  const volume = await volumeLoader.createAndCacheVolume(volumeId, {
    imageIds,
  });

  const segmentationId = 'MY_SEGMENTATION_ID';

  // Create a segmentation of the same resolution as the source data for the CT volume
  volumeLoader.createAndCacheDerivedLabelmapVolume(volumeId, {
    volumeId: segmentationId,
  });

  segmentation.addSegmentations([
    {
      segmentationId,
      representation: {
        // The type of segmentation
        type: csToolsEnums.SegmentationRepresentations.Labelmap,
        // The actual segmentation data, in the case of labelmap this is a
        // reference to the source volume of the segmentation.
        data: {
          volumeId: segmentationId,
        },
      },
    },
  ]);

  // Create the viewports
  const viewportId1 = 'CT_AXIAL';
  const viewportId2 = 'CT_SAGITTAL';
  const viewportId3 = 'CT_CORONAL';

  const viewportInputArray = [
    {
      viewportId: viewportId1,
      type: ViewportType.ORTHOGRAPHIC,
      element: element1,
      defaultOptions: {
        orientation: Enums.OrientationAxis.AXIAL,
      },
    },
    {
      viewportId: viewportId2,
      type: ViewportType.ORTHOGRAPHIC,
      element: element2,
      defaultOptions: {
        orientation: Enums.OrientationAxis.SAGITTAL,
      },
    },
    {
      viewportId: viewportId3,
      type: ViewportType.ORTHOGRAPHIC,
      element: element3,
      defaultOptions: {
        orientation: Enums.OrientationAxis.CORONAL,
      },
    },
  ];

  const renderingEngine = new RenderingEngine(renderingEngineId);
  renderingEngine.setViewports(viewportInputArray);

  toolGroup.addViewport(viewportId1, renderingEngineId);
  toolGroup.addViewport(viewportId2, renderingEngineId);
  toolGroup.addViewport(viewportId3, renderingEngineId);

  // Set the volume to load
  await volume.load();

  // Set volumes on the viewports
  await setVolumesForViewports(
    renderingEngine,
    [
      {
        volumeId,
        callback: ({ volumeActor }) => {
          // set the windowLevel after the volumeActor is created
          volumeActor
            .getProperty()
            .getRGBTransferFunction(0)
            .setMappingRange(-180, 220);
        },
      },
    ],
    [viewportId1, viewportId2, viewportId3]
  );

  await segmentation.addLabelmapRepresentationToViewportMap({
    [viewportId1]: [
      {
        segmentationId,
        type: csToolsEnums.SegmentationRepresentations.Labelmap,
      },
    ],
    [viewportId2]: [
      {
        segmentationId,
        type: csToolsEnums.SegmentationRepresentations.Labelmap,
      },
    ],
  
```

--------------------------------

### Install Dicom Image Loader with npm

Source: https://github.com/cornerstonejs/cornerstone3d/blob/main/packages/docs/docs/getting-started/installation.md

Install the DICOM image loader package for Cornerstone3D using npm. This package is necessary for loading DICOM image data.

```bash
npm install @cornerstonejs/dicom-image-loader
```

--------------------------------

### Initialize CornerstoneTools with PolySeg Addon

Source: https://github.com/cornerstonejs/cornerstone3d/blob/main/packages/docs/docs/migration-guides/3x/1-polyseg.md

Install the standalone @cornerstonejs/polymorphic-segmentation package and initialize cornerstoneTools with it to enable polymorphic conversions. This is necessary if you require its functionality.

```javascript
import * as polyseg from '@cornerstonejs/polymorphic-segmentation';
import { init } from '@cornerstonejs/tools';

init({
  addons: {
    polyseg,
  },
});
```

--------------------------------

### Build Cornerstone Library for Development

Source: https://github.com/cornerstonejs/cornerstone3d/blob/main/packages/docs/docs/contribute/linking.md

After making changes or preparing a library for linking, run this command to build the package and ensure the latest code is available.

```bash
yarn dev
```