{"_id":"@cofp/coffeeless-magic-tokens","_rev":"2-1716e6710180cbe5b54869f35f567cac","name":"@cofp/coffeeless-magic-tokens","dist-tags":{"latest":"1.4.0"},"versions":{"1.3.0":{"name":"@cofp/coffeeless-magic-tokens","version":"1.3.0","keywords":["form","validation","react","hoc"],"author":{"name":"Ronny Toribio","email":"130106273+ronny-toribio@users.noreply.github.com"},"license":"LGPL-3.0","_id":"@cofp/coffeeless-magic-tokens@1.3.0","maintainers":[{"name":"coffeelessprogramming","email":"info@coffeelessprogramming.com"}],"homepage":"https://github.com/Coffeeless-Programming-Playground/MagicTokensWidget#readme","bugs":{"url":"https://github.com/Coffeeless-Programming-Playground/MagicTokensWidget/issues"},"dist":{"shasum":"3f685de945420d0540d104833731612838f266eb","tarball":"https://registry.npmjs.org/@cofp/coffeeless-magic-tokens/-/coffeeless-magic-tokens-1.3.0.tgz","fileCount":24,"integrity":"sha512-QO7VS9Lc/l7YTrpTgPRJws8yvu8xP85iTqcKIuv0o2X2dkvOVHrthoV6S7G5kBuXOtblRdGuReW0d+VfRa20hA==","signatures":[{"sig":"MEYCIQDw/58L9qjxxikpfQNpLtqrporhcuT2jEyLKIPUhzLYMAIhAPJwU+vg0usMQeLRNdlYd2W2ua/fM1eXXcAc+d9MRcSw","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":25458},"main":"dist/index.js","types":"dist/index.d.ts","gitHead":"3c51eda7b9d9be2243f9c0957b8c692969aec772","scripts":{"dev":"npm run build & npm run serve","test":"jest --passWithNoTests --no-cache --runInBand","build":"TS_NODE_DISABLE_TELEMETRY=true npm run clean && tsc --p tsconfig.build.json && npm run copy-files","clean":"rimraf dist/","serve":"npx http-serve@latest -p 8000","prepare":"husky install","test:ci":"npm test -- --coverage","test:unit":"npm test -- --watch -c jest-unit.config.js","copy-files":"copyfiles -u 1 src/css/*.css dist/","test:debug":"npm test key-matches.spec.ts","test:watch":"npm test -- --watch --no-cache","build:watch":"esbuild src/index.tsx --bundle --outfile=dist/bundle.js --format=esm --watch","test:staged":"npm test --findRelatedTests","test:integration":"npm test -- --watch -c jest-integration.config.js"},"_npmUser":{"name":"coffeelessprogramming","email":"info@coffeelessprogramming.com"},"repository":{"url":"git+https://github.com/Coffeeless-Programming-Playground/MagicTokensWidget.git","type":"git"},"_npmVersion":"10.9.4","description":"A react component for displaying streaming text such as streaming LLMs responses.","directories":{},"_nodeVersion":"22.21.1","_hasShrinkwrap":false,"devDependencies":{"tsx":"^4.20.6","jest":"^27.5.1","husky":"^8.0.0","rimraf":"^6.0.1","esbuild":"^0.27.0","ts-jest":"^27.1.3","copyfiles":"^2.4.1","ts-loader":"^9.5.1","typescript":"^4.6.2","@types/jest":"^27.4.1","@types/node":"^20.10.0","lint-staged":"^15.1.0","@types/react":"18.2.0","@types/react-dom":"18.2.0","jest-mock-extended":"^3.0.1","eslint-plugin-react":"^7.33.2","eslint-config-standard-with-typescript":"^40.0.0"},"peerDependencies":{"react":"18.2.0","react-dom":"18.2.0"},"_npmOperationalInternal":{"tmp":"tmp/coffeeless-magic-tokens_1.3.0_1768449261766_0.6468405653560996","host":"s3://npm-registry-packages-npm-production"}},"1.4.0":{"name":"@cofp/coffeeless-magic-tokens","description":"A react component for displaying streaming text such as streaming LLMs responses.","version":"1.4.0","main":"dist/index.js","types":"dist/index.d.ts","scripts":{"dev":"npm run build & npm run serve","build:watch":"esbuild src/index.tsx --bundle --outfile=dist/bundle.js --format=esm --watch","build":"TS_NODE_DISABLE_TELEMETRY=true npm run clean && tsc --p tsconfig.build.json && npm run copy-files","serve":"npx http-serve@latest -p 8000","test":"jest --passWithNoTests --no-cache --runInBand","test:unit":"npm test -- --watch -c jest-unit.config.js","test:integration":"npm test -- --watch -c jest-integration.config.js","test:staged":"npm test --findRelatedTests","test:watch":"npm test -- --watch --no-cache","test:ci":"npm test -- --coverage","test:debug":"npm test key-matches.spec.ts","prepare":"husky install","clean":"rimraf dist/","copy-files":"copyfiles -u 1 src/css/*.css dist/"},"repository":{"type":"git","url":"git+https://github.com/Coffeeless-Programming-Playground/MagicTokensWidget.git"},"keywords":["form","validation","react","hoc"],"author":{"name":"Ronny Toribio","email":"130106273+ronny-toribio@users.noreply.github.com"},"license":"LGPL-3.0","bugs":{"url":"https://github.com/Coffeeless-Programming-Playground/MagicTokensWidget/issues"},"homepage":"https://github.com/Coffeeless-Programming-Playground/MagicTokensWidget#readme","devDependencies":{"@types/jest":"^27.4.1","@types/node":"^20.10.0","@types/react":"18.2.0","@types/react-dom":"18.2.0","copyfiles":"^2.4.1","esbuild":"^0.27.0","eslint-config-standard-with-typescript":"^40.0.0","eslint-plugin-react":"^7.33.2","husky":"^8.0.0","jest":"^27.5.1","jest-mock-extended":"^3.0.1","lint-staged":"^15.1.0","rimraf":"^6.0.1","ts-jest":"^27.1.3","ts-loader":"^9.5.1","tsx":"^4.20.6","typescript":"^4.6.2"},"peerDependencies":{"react":"18.2.0","react-dom":"18.2.0"},"_id":"@cofp/coffeeless-magic-tokens@1.4.0","gitHead":"df9ff680c068eb0ab6108361079c3d8c0e54c452","_nodeVersion":"22.21.1","_npmVersion":"10.9.4","dist":{"integrity":"sha512-cgSGpJCzjYyso8nUav75W4yA7T3ualK6kD7qhkPA0Yij/YqP/xuN/eNONWYTopvUsCd2nBQ4juqFwGi4NdmKcA==","shasum":"f46e1010c6993dd02a58f0677338250afb196148","tarball":"https://registry.npmjs.org/@cofp/coffeeless-magic-tokens/-/coffeeless-magic-tokens-1.4.0.tgz","fileCount":24,"unpackedSize":29399,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEQCIBn1ghc8ID13D8kg40ZsH7MBgZ00lOTviBvVSHQpocBqAiAws26E6JtCtDDtIKJjdL5McxARV1S4dZKUOiv+tQGhwQ=="}]},"_npmUser":{"name":"coffeelessprogramming","email":"info@coffeelessprogramming.com"},"directories":{},"maintainers":[{"name":"coffeelessprogramming","email":"info@coffeelessprogramming.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/coffeeless-magic-tokens_1.4.0_1768460262546_0.7039432109372128"},"_hasShrinkwrap":false}},"time":{"created":"2026-01-15T03:54:21.652Z","modified":"2026-01-15T06:57:42.916Z","1.3.0":"2026-01-15T03:54:21.938Z","1.4.0":"2026-01-15T06:57:42.784Z"},"bugs":{"url":"https://github.com/Coffeeless-Programming-Playground/MagicTokensWidget/issues"},"author":{"name":"Ronny Toribio","email":"130106273+ronny-toribio@users.noreply.github.com"},"license":"LGPL-3.0","homepage":"https://github.com/Coffeeless-Programming-Playground/MagicTokensWidget#readme","keywords":["form","validation","react","hoc"],"repository":{"type":"git","url":"git+https://github.com/Coffeeless-Programming-Playground/MagicTokensWidget.git"},"description":"A react component for displaying streaming text such as streaming LLMs responses.","maintainers":[{"name":"coffeelessprogramming","email":"info@coffeelessprogramming.com"}],"readme":"# Coffeeless Magic Tokens\r\n\r\nCoffeeless Magic Tokens provides React components that can be used as widgets\r\nfor streaming text like the output of streaming LLM responses.\r\n\r\nThe package is divided into css, components, hooks and themes.\r\n\r\nThe `MagicTokensGlowWidget` allows for the display streaming text chunks.\r\nThe chunks have a glow effect as they are rendered.\r\nThis component depends on two hooks `useGlowGeneration` which handles the\r\nanimation and insertion of the chunks and `useContentExpansion` for handling\r\ntext overflow in the widget.\r\n\r\nThe `MagicTokensGlowWidget` accepts the following customizable props:\r\n- textAnimationContainerRef: React.Ref<HTMLDivElement>;\r\n- textColor?: string;\r\n- glowColor?: string;\r\n- fadeDuration?: number;\r\n- title?: string;\r\n- footer?: string;\r\n- footerColor?: string;\r\n- innerBackgroundColor?: string;\r\n- innerBorderColor: string;\r\n- innerBoxShadowInsetColor?: string;\r\n- innerBoxShadowInsetBlur?: string;\r\n- innerBoxShadowInsetSpread?: string;\r\n- innerBoxShadowOutsetColor?: string;\r\n- innerBoxShadowOutsetBlur?: string;\r\n- innerBoxShadowOutsetSpread?: string;\r\n- textFontSize?: string;\r\n- textFontFamily?: string;\r\n- expandButtonBackground?: string;\r\n- expandButtonColor?: string;\r\n- gradientStartColor?: string;\r\n- gradientEndColor?: string;\r\n- expanded: boolean;\r\n- overflowing: boolean;\r\n- maxHeight: number | 'auto';\r\n- onToggleExpansion(): void;\r\n\r\nThis package also includes two theme variants for the color props:\r\n- `DarkThemeProps`\r\n- `LightThemeProps`\r\n\r\nThese themes contain the following color string props for the `MagicTokensGlowWidget`:\r\n- `TEXT_COLOR`\r\n- `GLOW_COLOR`\r\n- `FOOTER_COLOR`\r\n- `INNER_BACKGROUND`\r\n- `INNER_BORDER_COLOR`\r\n- `INNER_BOX_SHADOW_INSET`\r\n- `INNER_BOX_SHADOW_OUTSET`\r\n- `EXPAND_BUTTON_BACKGROUND`\r\n- `EXPAND_BUTTON_COLOR`\r\n- `GRADIENT_START_COLOR`\r\n- `GRADIENT_END_COLOR`\r\n","readmeFilename":"README.md"}