open-index/open-npm huggingface dataset:
npm package: @gainprasadappscrip/megamenu
Description: This app is the **mega-menu builder** and **preview renderer** used to author and validate the Mega Menu v2 document/config for Newkommerce. It is also evolving into a **package-style build** (CSS-first layout + CSS variables for theming) so the renderer 
Latest version: 0.0.5

# Newkommerce Mega Menu (Builder + Preview)

This app is the **mega-menu builder** and **preview renderer** used to author and validate the Mega Menu v2 document/config for Newkommerce. It is also evolving into a **package-style build** (CSS-first layout + CSS variables for theming) so the renderer can be consumed outside this repo.

## Quick start

```bash
pnpm install
pnpm dev
```

Then open the routes:
- **Builder**: `http://localhost:5173/builder-new`
- **Preview simulator**: `http://localhost:5173/builder-new/preview`
- **Global styles**: `http://localhost:5173/global-style`

## Project structure (high level)

- `src/pages/BuilderNew.tsx`: primary editor surface (builder-new)
- `src/components/builder-new/*`: new builder UI + property panels
- `src/components/builder-new/preview/*`: preview renderer tree (CSS class layout + CSS vars)
- `src/lib/megaMenuDocumentBridge.ts`: compatibility/bridge logic between document/config shapes
- `src/lib/megaMenuDocumentSchema.ts`: schema + validation helpers
- `src/lib/mergeMenuTheme.ts`: theme merge/inheritance utilities
- `src/types/*`: TypeScript types for menu document/config/theme
- `src/data/initialData.ts`: seeded demo data used for local development

## JSON / config compatibility notes

We have multiple “generations” of menu JSON in circulation. The current builder seeds a `NavConfig` shape that includes:
- `globalTheme`
- `navItems[]` with `menuData: { theme, columns }`

Some documentation/spec examples describe alternative shapes (e.g. `globalTheme` + `entities`). If you are loading older JSON, ensure it is **normalized via the bridge** (`megaMenuDocumentBridge`) before the UI/preview consumes it.

## Scripts

- `pnpm dev`: run Vite dev server
- `pnpm build`: lint + build (package-style output under `dist/`)
- `pnpm lint`: Biome lint + TypeScript typecheck
- `pnpm typecheck`: TypeScript typecheck only

## Debugging hover interactions in DevTools

For fullscreen hover inspections, keep the mega menu open from the browser console:

```js
window.__MM_DEBUG_LOCK_OPEN__ = true
```

After inspecting, turn it off:

```js
window.__MM_DEBUG_LOCK_OPEN__ = false
```

## Related docs

From the repo root:
- `MEGA_MENU_PREVIEW_REFACTOR.md`: preview renderer refactor notes (CSS layout + CSS vars policy)
- `MEGA_MENU_THEME_SPEC.md`: theme schema + inheritance rules
- `MEGA_MENU_MIGRATION_GUIDE.md`: integration notes and cleanup history
npm package: @gainsight-px/react-native-gainsight-px
Description: React Native Bridge Implementation for Gainsight PX
Author: Gainsight
Latest version: 1.12.4

# React Native GainsightPX

[![N|Solid](https://app-dev.aptrinsic.com/home/gainsight-px-logo.svg)](https://app.aptrinsic.com)

![version](https://img.shields.io/badge/version-1.12.4-blue.svg)

# Installation

GainsighPX is available through npm.

### npm

```json
 "dependencies": {
    ...,
    ...,
    "@gainsight-px/react-native-gainsight-px": "https://github.com/Gainsight/px-react-native-sdk.git"
  }
```

OR

```
npm install https://github.com/Gainsight/px-react-native-sdk.git --save
```

ALSO it's available directly [on npm](https://www.npmjs.com/package/@gainsight-px/react-native-gainsight-px)

```
npm i @gainsight-px/react-native-gainsight-px
```

### Expo

Run the expo command as directed after installing the package using the npm command.

```
npx expo run:ios
```

```
npx expo run:android
```

#### Building on EAS (Expo Application Service)

If there are problem building the apps on EAS or even locally, please add the following to your `package.json` file:

```
"expo": {
    "autolinking": {
      "exclude": ["@gainsight-px/react-native-gainsight-px"]
    }
  }
```

## Usage

```javascript
import { GainsightPX, Configurations, PXUser } from "@gainsight-px/react-native-gainsight-px";
```

# Documentation

More detailed documentation is available at: <https://support.gainsight.com/PX/Mobile/Mobile_Platforms/Install_Gainsight_PX_React-Native>

## Editor Deeplinking

More detailed documentation is available at: <https://support.gainsight.com/PX/Mobile/01Getting_Started/Integrate_Gainsight_PX_Editor_with_your_Mobile_Platform>

## License

MIT License

Copyright (c) 2019 aptrinsic

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.

THE 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.