{"_id":"@allcardtech/axios-tracing","_rev":"2-5c4413dab5483e9bb2ad85734f168175","name":"@allcardtech/axios-tracing","dist-tags":{"latest":"0.1.21"},"versions":{"0.1.20":{"name":"@allcardtech/axios-tracing","version":"0.1.20","keywords":["axios","uuid","ua-parser-js","@mui/material","react","prop-types","@fontsource/montserrat","@fontsource/roboto","@fontsource/sora","http","client","authentication","token"],"author":{"name":"Your Name"},"license":"MIT","_id":"@allcardtech/axios-tracing@0.1.20","maintainers":[{"name":"cmmanalac","email":"cmmanalac@allcardtech.com.ph"}],"dist":{"shasum":"9f06a79464b1aad617d38ef374cf818fb642f343","tarball":"https://registry.npmjs.org/@allcardtech/axios-tracing/-/axios-tracing-0.1.20.tgz","fileCount":4,"integrity":"sha512-EGxZJpcfD/jQJDHqMFqyO4bSvHtaCHKJdSJEiEv7wrb5sO88zikj01yITbWjsbLeW83/Uc5q9+TmUTrULfoTRQ==","signatures":[{"sig":"MEYCIQDyy5GQA7MFWg/0PBKpxUhWOHI8N4iGCUl6WA/l27aYlwIhANLKLb6KLMWynggP9JfIwJfa5UH/TRYCZ7oEDQTZXfFa","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":16797},"main":"dist/index.js","type":"module","types":"dist/index.d.ts","module":"dist/index.esm.js","gitHead":"a7111c0f17f95f0808177a257441ed742ec3f952","scripts":{"test":"jest","build":"rollup -c","prepublishOnly":"npm run build"},"_npmUser":{"name":"cmmanalac","email":"cmmanalac@allcardtech.com.ph"},"_npmVersion":"10.9.3","description":"Reusable axios instance with token management and header injection for web applications.","directories":{},"_nodeVersion":"22.18.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"jest":"^29.0.0","rollup":"^2.79.1","@babel/preset-react":"^7.28.5","@rollup/plugin-babel":"^6.1.0","@rollup/plugin-commonjs":"^24.1.0","@rollup/plugin-node-resolve":"^15.3.1"},"peerDependencies":{"uuid":"^13.0.0","axios":"^1.9.0","react":"^19.1.0","prop-types":"^15.8.1","ua-parser-js":"^2.0.6","@mui/material":"^7.1.1","@fontsource/sora":"^5.2.6","@fontsource/roboto":"^5.2.6","@fontsource/montserrat":"^5.2.6"},"_npmOperationalInternal":{"tmp":"tmp/axios-tracing_0.1.20_1762853764815_0.07189740486350882","host":"s3://npm-registry-packages-npm-production"}},"0.1.21":{"name":"@allcardtech/axios-tracing","version":"0.1.21","description":"Reusable axios instance with token management and header injection for web applications.","main":"dist/index.js","module":"dist/index.esm.js","types":"dist/index.d.ts","type":"module","publishConfig":{"access":"public"},"scripts":{"build":"rollup -c","prepublishOnly":"npm run build","test":"jest"},"keywords":["axios","uuid","ua-parser-js","@mui/material","react","prop-types","@fontsource/montserrat","@fontsource/roboto","@fontsource/sora","http","client","authentication","token"],"peerDependencies":{"@fontsource/montserrat":"^5.2.6","@fontsource/roboto":"^5.2.6","@fontsource/sora":"^5.2.6","@mui/material":"^7.1.1","axios":"^1.9.0","prop-types":"^15.8.1","react":"^19.1.0","ua-parser-js":"^2.0.6","uuid":"^13.0.0"},"devDependencies":{"@babel/preset-react":"^7.28.5","@rollup/plugin-babel":"^6.1.0","@rollup/plugin-commonjs":"^24.1.0","@rollup/plugin-node-resolve":"^15.3.1","jest":"^29.0.0","rollup":"^2.79.1"},"author":{"name":"Your Name"},"license":"MIT","_id":"@allcardtech/axios-tracing@0.1.21","gitHead":"a7111c0f17f95f0808177a257441ed742ec3f952","_nodeVersion":"20.19.4","_npmVersion":"10.8.2","dist":{"integrity":"sha512-6uRWkdAdJtnUM41INC9kugOYSPCTzT3AgVlcS7A9SiTu7+OJUwB7Kmpk0wmHf+QKlQVV/WVPZ/s4bqX1LsmTDg==","shasum":"9d89971955cfb55a362922c64b90ef5393f40438","tarball":"https://registry.npmjs.org/@allcardtech/axios-tracing/-/axios-tracing-0.1.21.tgz","fileCount":4,"unpackedSize":16647,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIBWz3z074HbbvdFTo2zT+L0R+gvPhVQqwMj/rtgqDXMCAiEAyJ57u3rq1lfPyCMSQp6IKA/DYGXMLSQeSmiTsqBgSrA="}]},"_npmUser":{"name":"cmmanalac","email":"cmmanalac@allcardtech.com.ph"},"directories":{},"maintainers":[{"name":"cmmanalac","email":"cmmanalac@allcardtech.com.ph"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/axios-tracing_0.1.21_1762916824575_0.7789239046457832"},"_hasShrinkwrap":false}},"time":{"created":"2025-11-11T09:36:04.658Z","modified":"2025-11-12T03:07:04.978Z","0.1.20":"2025-11-11T09:36:05.019Z","0.1.21":"2025-11-12T03:07:04.757Z"},"author":{"name":"Your Name"},"license":"MIT","keywords":["axios","uuid","ua-parser-js","@mui/material","react","prop-types","@fontsource/montserrat","@fontsource/roboto","@fontsource/sora","http","client","authentication","token"],"description":"Reusable axios instance with token management and header injection for web applications.","maintainers":[{"name":"cmmanalac","email":"cmmanalac@allcardtech.com.ph"}],"readme":"# axios-tracing\r\n\r\n> A customized Axios instance with automatic browser tracking, tracing, and token management - by Allcard Tech @2025\r\n\r\n## Features\r\n- Automatic browser detection and tracking\r\n- Request tracing with UUID\r\n- Token management\r\n- Content-type handling\r\n- Built-in interceptors\r\n\r\n## Installation\r\n\r\n```bash\r\nnpm install @allcardtech/axios-tracing\r\n```\r\n\r\n## Usage\r\n\r\n### Basic Usage\r\n```javascript\r\nimport createAxiosInstance from '@allcardtech/axios-tracing';\r\n\r\nconst api = createAxiosInstance({\r\n baseURL: 'https://api.example.com'\r\n});\r\n```\r\n\r\n### With Token Management\r\n```javascript\r\nimport createAxiosInstance from '@allcardtech/axios-tracing';\r\n\r\n// Example token getter\r\nconst getToken = () => YOUR_TOKEN;\r\n\r\nconst api = createAxiosInstance({\r\n baseURL: 'https://api.example.com',\r\n getToken,\r\n contentType: 'application/json'\r\n});\r\n```\r\n\r\n### With Environment Variables (Vite Example)\r\n```javascript\r\nimport createAxiosInstance from '@allcardtech/axios-tracing';\r\n\r\nexport const axiosInstance = createAxiosInstance({\r\n baseURL: YOUR_GATEWAY_URL,\r\n getToken: () => YOUR_TOKEN\r\n});\r\n```\r\n\r\n## API Reference\r\n\r\n### createAxiosInstance(options)\r\n\r\nCreates a configured axios instance with tracking and token management.\r\n\r\n#### Options\r\n\r\n| Parameter | Type | Default | Description |\r\n|-------------|----------|---------------------|--------------------------------|\r\n| baseURL | string | '' | Base URL for all requests |\r\n| getToken | function | null | Function that returns token |\r\n| contentType | string | 'application/json' | Default Content-Type header |\r\n\r\n#### Added Headers\r\n\r\nThe instance automatically adds these headers to requests:\r\n- `Authorization`: Bearer token (when token is available)\r\n- `x-browser-details`: Browser information (name, version, device type)\r\n- `x-trace-id`: Unique UUID for request tracing\r\n\r\n\r\n## Error Dialog Component\r\n\r\n### StandardErrorDialog\r\n\r\nDisplay error messages with trace IDs and support contact information.\r\n\r\n#### Props\r\n\r\n| Prop | Type | Required | Description |\r\n|-----------------|----------|----------|------------------------------------|\r\n| open | boolean | Yes | Controls dialog visibility |\r\n| onClose | function | Yes | Callback when dialog is closed |\r\n| customErrorCode | string | No | HTTP error code (e.g., \"503\") |\r\n| traceId | string | No | Unique trace ID for error tracking |\r\n| supportEmail | string | No | Support contact email |\r\n\r\n#### Example Usage\r\n\r\n```javascript\r\nimport { StandardErrorDialog } from '@allcardtech/axios-tracing';\r\n\r\n\r\n handleOnClose()} \r\n customErrorCode=\"CUSTOM_ERROR_CODE\"\r\n traceId=\"YOUR_TRACE_ID\"\r\n supportEmail=\"YOUR_SUPPORT_EMAIL\"\r\n />\r\n\r\nexport default MyComponent;\r\n```\r\n## Dependencies\r\n\r\n- \"@fontsource/montserrat\": \"^5.2.6\"\r\n- \"@fontsource/roboto\": \"^5.2.6\"\r\n- \"@fontsource/sora\": \"^5.2.6\"\r\n- \"@mui/material\": \"^7.1.1\"\r\n- \"axios\": \"^1.9.0\"\r\n- \"prop-types\": \"^15.8.1\"\r\n- \"react\": \"^19.1.0\"\r\n- \"ua-parser-js\": \"^2.0.6\"\r\n- \"uuid\": \"^13.0.0\"\r\n\r\n## License\r\n© Allcard Tech 2025\r\n","readmeFilename":"README.md"}