{"_id":"@adobedjangir/commerce-admin-web-kit","name":"@adobedjangir/commerce-admin-web-kit","dist-tags":{"latest":"1.0.1"},"versions":{"1.0.1":{"name":"@adobedjangir/commerce-admin-web-kit","version":"1.0.1","description":"Framework-level building blocks for Adobe App Builder / Admin UI SDK web UIs: design-token theme, a configurable action client, and an Experience Cloud shell mount helper.","license":"Apache-2.0","author":{"name":"Adobe Inc."},"keywords":["adobe-io","aio","app-builder","admin-ui-sdk","commerce-admin","react","exc-app"],"main":"./dist/index.js","exports":{".":"./dist/index.js","./styles.css":"./dist/index.css"},"sideEffects":["*.css"],"scripts":{"build":"node ./scripts/build-web.js","prepare":"npm run build"},"engines":{"node":">=18"},"dependencies":{"esbuild":"^0.25.0"},"peerDependencies":{"@adobe/exc-app":">=1.6.0","@adobe/react-spectrum":">=3.40.0","@adobe/uix-guest":">=0.8.0","react":">=18","react-dom":">=18"},"_id":"@adobedjangir/commerce-admin-web-kit@1.0.1","_nodeVersion":"24.15.0","_npmVersion":"11.4.1","dist":{"integrity":"sha512-cPtZmdpBf37NClLpbukRmWaG7dEfkclq6fGXMiQV5tUkMnUKj6QyffbhsXKSyTCDkcV0iqux7TjlRLXCxGjLTA==","shasum":"73e74ce3c5537bccfe3501120bfc9d921a0d19b2","tarball":"https://registry.npmjs.org/@adobedjangir/commerce-admin-web-kit/-/commerce-admin-web-kit-1.0.1.tgz","fileCount":4,"unpackedSize":16798,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEQCIHeGCpQeBjZ+s/WfBkYmhENCNxdDA4JBP0f418+sK9uQAiAH2LgZeG9odwHZnHRyhj8SoQJqeqYFer8hhOSBVMCiLg=="}]},"_npmUser":{"name":"deepakjangid04","email":"djangir@adobe.com"},"directories":{},"maintainers":[{"name":"deepakjangid04","email":"djangir@adobe.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/commerce-admin-web-kit_1.0.1_1789149697860_0.7509448308147664"},"_hasShrinkwrap":false}},"time":{"created":"2026-09-11T18:01:37.660Z","1.0.1":"2026-09-11T18:01:37.991Z","modified":"2026-09-11T18:01:38.291Z"},"maintainers":[{"name":"deepakjangid04","email":"djangir@adobe.com"}],"description":"Framework-level building blocks for Adobe App Builder / Admin UI SDK web UIs: design-token theme, a configurable action client, and an Experience Cloud shell mount helper.","keywords":["adobe-io","aio","app-builder","admin-ui-sdk","commerce-admin","react","exc-app"],"author":{"name":"Adobe Inc."},"license":"Apache-2.0","readme":"# @adobedjangir/commerce-admin-web-kit\n\nFramework-level building blocks for Adobe App Builder / **Admin UI SDK** web\nUIs — so any project can build a Commerce-admin extension screen without\nre-implementing the plumbing. Used by the standalone `@adobedjangir/commerce-admin-*`\nUI packages, and installable on its own.\n\n```bash\nnpm install @adobedjangir/commerce-admin-web-kit\n```\n\n## What's in it\n\n- **Design-token theme** — `PALETTE`, `RADIUS`, `SHADOW`, `SPACE`, `FONT`, `THEME`\n  (CSS-variable facades) + the token stylesheet (`@adobedjangir/commerce-admin-web-kit/styles.css`).\n- **Action client** — `configure({ extensionId, actionUrls, actionKeys })`,\n  `callAction`, `callActionGet`, `getActionUrl`, `getActionKey`, `resolveActor`.\n  Resolves action URLs from your `config.json` (and derives sibling URLs in the\n  same namespace).\n- **ExC shell bootstrap** — `mountExtension({ extensionId, Component })`: mounts a\n  single-screen extension into the Experience Cloud shell (handles the IMS\n  `ready` event + uix-guest `register()` handshake, with a raw-render fallback).\n\n## Usage (a standalone extension's `web-src/src/index.tsx`)\n\n```tsx\nimport '@adobedjangir/commerce-admin-web-kit/styles.css'\nimport { configure, mountExtension } from '@adobedjangir/commerce-admin-web-kit'\nimport actionUrls from './config.json'\nimport MyScreen from './MyScreen'\n\nconfigure({ extensionId: 'MyExtension', actionUrls })\nmountExtension({ extensionId: 'MyExtension', Component: MyScreen })\n```\n\nInside a component:\n\n```tsx\nimport { callAction, PALETTE } from '@adobedjangir/commerce-admin-web-kit'\n\nconst data = await callAction({ ims }, 'MyPackage/my-action', 'list', {})\n// style with the shared tokens: style={{ color: PALETTE.accent }}\n```\n\n## Peers\n\nYou provide these (any App Builder React app already has them): `react`,\n`react-dom`, `@adobe/react-spectrum`, `@adobe/exc-app`, `@adobe/uix-guest`.\n\n## License\n\nApache-2.0 © Adobe Inc.\n","readmeFilename":"README.md","_rev":"1-87e18eefb7ae2fffcb869a0af5e586bc"}