<script type="module">
  import { WebPortal } from 'https://cdn.jsdelivr.net/npm/jsjiit@0.0.23/dist/jsjiit.min.esm.js';

  // Library is now available
  const portal = new WebPortal();
</script>

https://cdn.jsdelivr.net/npm/jsjiit@0.0.23/dist/jsjiit.min.esm.js  // Minified production
https://cdn.jsdelivr.net/npm/jsjiit@0.0.23/dist/jsjiit.esm.js      // Unminified development
https://cdn.jsdelivr.net/npm/jsjiit@0.0.23/dist/jsjiit.min.esm.js.map  // Source map

# Using npm
npm install jsjiit

# Using yarn
yarn add jsjiit

# Using pnpm
pnpm add jsjiit

// ES module import (recommended)
import { WebPortal } from 'jsjiit';

// The import resolves to dist/jsjiit.esm.js via package.json:exports

node_modules/jsjiit/
├── dist/
│   ├── jsjiit.min.esm.js      (production bundle)
│   ├── jsjiit.min.esm.js.map  (source map)
│   ├── jsjiit.esm.js          (development bundle)
│   └── jsjiit.esm.js.map      (source map)
├── src/
│   ├── index.js               (public API surface)
│   ├── wrapper.js             (WebPortal classes)
│   ├── encryption.js          (AES-CBC cryptography)
│   ├── attendance.js          (data models)
│   ├── registration.js        (data models)
│   ├── exam.js                (data models)
│   ├── exceptions.js          (error classes)
│   ├── feedback.js            (enums)
│   └── utils.js               (utilities)
└── package.json

// Import minified production bundle directly
import { WebPortal } from './node_modules/jsjiit/dist/jsjiit.min.esm.js';

// Import unminified development bundle for debugging
import { WebPortal } from './node_modules/jsjiit/dist/jsjiit.esm.js';

// Import from source (requires bundler)
import { WebPortal } from './node_modules/jsjiit/src/index.js';

// After import
import { WebPortal } from 'jsjiit';

// The version is not exposed programmatically
// Check package.json or npm list instead

### Version Update Strategy

![Architecture Diagram](images/2.1-installation_diagram_4.png)

**Sources:** [package.json3](https://github.com/codeblech/jsjiit/blob/d123b782/package.json#L3-L3) [README.md27-28](https://github.com/codeblech/jsjiit/blob/d123b782/README.md#L27-L28)

### Updating the Package

---

## Installation Verification

After installation, verify the library is accessible and functioning correctly.

### Basic Import Test

### Verification Checklist

| Check | Expected Result | Failure Indicates |
| --- | --- | --- |
| Import succeeds | No error thrown | Correct URL/path, network access |
| `typeof WebPortal` | `"function"` | Valid export, ES module support |
| `new WebPortal()` | Object instance | Constructor works, no initialization errors |
| `typeof portal.student_login` | `"function"` | Public API surface intact |

**Sources:** [README.md34-38](https://github.com/codeblech/jsjiit/blob/d123b782/README.md#L34-L38) [src/index.js1-10](https://github.com/codeblech/jsjiit/blob/d123b782/src/index.js#L1-L10) (referenced indirectly)

---

## Troubleshooting

### Common Installation Issues

| Symptom | Possible Cause | Solution |
| --- | --- | --- |
| `Uncaught SyntaxError` in import | Missing `type="module"` attribute | Add to `<script>` tag |
| `Cannot use import statement` | Non-module script context | Wrap in `<script type="module">` |
| `404 Not Found` from CDN | Incorrect version number | Verify version exists on npm/jsdelivr |
| Module not found after npm install | Import path incorrect | Use `'jsjiit'` not relative path |
| Wrong bundle loaded | Export field misconfiguration | Check bundler ESM support |

### Browser Console Verification

**Sources:** [README.md20-28](https://github.com/codeblech/jsjiit/blob/d123b782/README.md#L20-L28) [package.json8](https://github.com/codeblech/jsjiit/blob/d123b782/package.json#L8-L8)

---

## Next Steps

After successful installation, proceed to [Quick Start Guide](2.2-quick-start-guide) to learn basic usage patterns, or consult the [API Reference](3-api-reference) for comprehensive documentation of all available methods and classes.

For information about the build system that produces these distribution artifacts, see [Build System](5.1-build-system). For details on dependency management and the development toolchain, see [Dependency Management](5.3-dependency-management).