\n
\n```\n\nIn this case, you will need to purge the bundle file specifically by providing absolute path\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/embed/{filename}.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/components/{filename}.bundle.js\n```\n\nfor example,\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@alpha/embed/vouch-embed-inline-player.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@beta/embed/vouch-embed-inline-player.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/embed/vouch-embed-inline-player.bundle.js\n```\n\n## Unit test\n\n```bash\nyarn test\n```\n\nupdate snapshot\n\n```bash\nyarn test -u\n```\n\n# Update `vouch-app`\n\n`@vouchfor/uikit` is a dependency of `vouch-app` for embeds and UI components, follow the below steps to publish NPM package and update `package.json` dependency in `vouch-app`.\n\n> Each PR should bump the minor version in `package.json` in order to push new version to NPM. e.g. `\"version\": \"3.9.0\"` in `main` branch, you should bump to `\"version\": \"3.10.0\"` in your branch.\n\n> The major version should only be used for releasing breaking changes. e.g. `3.0.0`, `4.0.0`\n\n## Development (`dev.vouchfor.com`)\n\nAssuming your branch bumped version in `package.json` to\n\n```json\n\"version\": \"3.10.0\"\n```\n\n### Bump patch version number\n\nEnsure your patch version number isn't used, e.g. if `3.10.0` was published before, bump to `3.10.1`.\n\n### Build and publish\n\n```sh\nyarn package:alpha\ncd package\nnpm publish --access public --tag alpha\n```\n\nMake sure you purge NPM CDN cache for package, see [Purge npm cached tags](#purge-npm-cached-tags)\n\n### Update dependency in `vouch-app`\n\nEnsure you already cloned [vouch-app](https://github.com/VouchAU/vouch-app.git) locally then switch to the folder.\n\n```sh\ncd vouch-app\ngit checkout development\ngit pull\ngit merge feature/VCH-111 # Optional, only when you have code change dependency in vouch-app as well\nyarn upgrade @vouchfor/uikit@alpha\n```\n\nAfter upgrade, you should see version updates in both `package.json` and `yarn.lock`, but due to a known issue of `yarn`, please do these before committing changes\n\n- Manually roll back `package.json` (should always `\"@vouchfor/uikit\": \"alpha\"` for `development`).\n- run `yarn` again to update `yarn.lock`\n\n```sh\ngit commit -m \"Bumped uikit version\"\ngit push\n```\n\n## Staging (`staging.vouchfor.com`)\n\nUpdate `staging` environment is the same as [Development](#development-devvouchforcom) but remember to change cmd to `staging` specific\n\n```sh\nyarn package:beta\n```\n\n```sh\nnpm publish --access public --tag beta\n```\n\n```sh\ncd vouch-app\ngit checkout staging\ngit pull\ngit merge feature/VCH-111 # Optional, only when you have code change dependency in vouch-app as well\nyarn upgrade @vouchfor/uikit@beta\n```\n\n## Production (`app.vouchfor.com`)\n\nOne thing different when release to production, since `master` branch can only be merged by PRs (after code review), so you will need to run `yarn upgrade @vouchfor/uikit@latest` under you feature branch and commit **before merging the PR**.\n\n```sh\ngit checkout feature/VCH-111\nyarn upgrade upgrade @vouchfor/uikit@latest\ngit commit -m \"Bumped uikit version\"\ngit push\n```\n\n> When you run above cmd, your PR should be ready to merge (reviewed and QA tested)\n","engines":{"node":">=14.17.0"},"exports":{"./package.json":"./package.json","./embed/vouch-embed-all":{"import":"./embed/vouch-embed-all.js","default":"./embed/vouch-embed-all.js","require":"./embed/vouch-embed-all.cjs"},"./embed/vouch-embed-jumbo":{"import":"./embed/vouch-embed-jumbo.js","default":"./embed/vouch-embed-jumbo.js","require":"./embed/vouch-embed-jumbo.cjs"},"./embed/vouch-embed-all.js":"./embed/vouch-embed-all.js","./embed/vouch-embed-button":{"import":"./embed/vouch-embed-button.js","default":"./embed/vouch-embed-button.js","require":"./embed/vouch-embed-button.cjs"},"./components/vouch-recorder":{"import":"./components/vouch-recorder.js","default":"./components/vouch-recorder.js","require":"./components/vouch-recorder.cjs"},"./embed/vouch-embed-popover":{"import":"./embed/vouch-embed-popover.js","default":"./embed/vouch-embed-popover.js","require":"./embed/vouch-embed-popover.cjs"},"./components/vouch-icon-play":{"import":"./components/vouch-icon-play.js","default":"./components/vouch-icon-play.js","require":"./components/vouch-icon-play.cjs"},"./embed/vouch-embed-dialogue":{"import":"./embed/vouch-embed-dialogue.js","default":"./embed/vouch-embed-dialogue.js","require":"./embed/vouch-embed-dialogue.cjs"},"./components/vouch-brand-logo":{"import":"./components/vouch-brand-logo.js","default":"./components/vouch-brand-logo.js","require":"./components/vouch-brand-logo.cjs"},"./components/vouch-icon-close":{"import":"./components/vouch-icon-close.js","default":"./components/vouch-icon-close.js","require":"./components/vouch-icon-close.cjs"},"./components/vouch-icon-pause":{"import":"./components/vouch-icon-pause.js","default":"./components/vouch-icon-pause.js","require":"./components/vouch-icon-pause.cjs"},"./components/vouch-media-plyr":{"import":"./components/vouch-media-plyr.js","default":"./components/vouch-media-plyr.js","require":"./components/vouch-media-plyr.cjs"},"./components/vouch-water-mark":{"import":"./components/vouch-water-mark.js","default":"./components/vouch-water-mark.js","require":"./components/vouch-water-mark.cjs"},"./embed/vouch-embed-thumbnail":{"import":"./embed/vouch-embed-thumbnail.js","default":"./embed/vouch-embed-thumbnail.js","require":"./embed/vouch-embed-thumbnail.cjs"},"./embed/vouch-recorder-button":{"import":"./embed/vouch-recorder-button.js","default":"./embed/vouch-recorder-button.js","require":"./embed/vouch-recorder-button.cjs"},"./components/vouch-graphic-svg":{"import":"./components/vouch-graphic-svg.js","default":"./components/vouch-graphic-svg.js","require":"./components/vouch-graphic-svg.cjs"},"./embed/VouchEmbedJumbo.svelte":"./embed/VouchEmbedJumbo.svelte","./components/vouch-media-player":{"import":"./components/vouch-media-player.js","default":"./components/vouch-media-player.js","require":"./components/vouch-media-player.cjs"},"./embed/VouchEmbedButton.svelte":"./embed/VouchEmbedButton.svelte","./embed/VouchEmbedPopover.svelte":"./embed/VouchEmbedPopover.svelte","./components/VouchIconPlay.svelte":"./components/VouchIconPlay.svelte","./components/VouchRecorder.svelte":"./components/VouchRecorder.svelte","./embed/VouchEmbedDialogue.svelte":"./embed/VouchEmbedDialogue.svelte","./embed/vouch-embed-inline-player":{"import":"./embed/vouch-embed-inline-player.js","default":"./embed/vouch-embed-inline-player.js","require":"./embed/vouch-embed-inline-player.cjs"},"./components/VouchBrandLogo.svelte":"./components/VouchBrandLogo.svelte","./components/VouchIconClose.svelte":"./components/VouchIconClose.svelte","./components/VouchIconPause.svelte":"./components/VouchIconPause.svelte","./components/VouchMediaPlyr.svelte":"./components/VouchMediaPlyr.svelte","./components/VouchWaterMark.svelte":"./components/VouchWaterMark.svelte","./components/vouch-icon-arrow-left":{"import":"./components/vouch-icon-arrow-left.js","default":"./components/vouch-icon-arrow-left.js","require":"./components/vouch-icon-arrow-left.cjs"},"./embed/VouchEmbedThumbnail.svelte":"./embed/VouchEmbedThumbnail.svelte","./embed/VouchRecorderButton.svelte":"./embed/VouchRecorderButton.svelte","./components/VouchGraphicSvg.svelte":"./components/VouchGraphicSvg.svelte","./components/vouch-icon-arrow-right":{"import":"./components/vouch-icon-arrow-right.js","default":"./components/vouch-icon-arrow-right.js","require":"./components/vouch-icon-arrow-right.cjs"},"./components/VouchMediaPlayer.svelte":"./components/VouchMediaPlayer.svelte","./components/vouch-overlay-play-icon":{"import":"./components/vouch-overlay-play-icon.js","default":"./components/vouch-overlay-play-icon.js","require":"./components/vouch-overlay-play-icon.cjs"},"./embed/VouchEmbedInlinePlayer.svelte":"./embed/VouchEmbedInlinePlayer.svelte","./components/VouchIconArrowLeft.svelte":"./components/VouchIconArrowLeft.svelte","./components/VouchIconArrowRight.svelte":"./components/VouchIconArrowRight.svelte","./components/VouchOverlayPlayIcon.svelte":"./components/VouchOverlayPlayIcon.svelte"},"_npmUser":{"name":"vouch-tech","email":"brian@vouchfor.com"},"repository":{"url":"git+https://github.com/VouchAU/vouch-uikit.git","type":"git"},"_npmVersion":"6.14.15","description":"Vouch Svelte UIKit","directories":{},"lint-staged":{"*.{js,svelte}":"yarn lint"},"_nodeVersion":"14.18.3","dependencies":{"plyr":"^3.7.2","cookie":"^0.4.1","hls.js":"^1.1.5","core-js":"^3.16.3","postcss":"^7","@vime/core":"^5.3.1","tailwindcss":"npm:@tailwindcss/postcss7-compat","@lukeed/uuid":"^2.0.0","autoprefixer":"^9","whatwg-fetch":"^3.6.2","@fontsource/fira-mono":"^4.2.2"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^27.0.6","path":"^0.12.7","husky":"4","tslib":"^2.0.0","dotenv":"^10.0.0","eslint":"^7.22.0","rollup":"^2.55.1","svelte":"^3.34.0","prettier":"~2.2.1","babel-jest":"^27.0.6","svelte2tsx":"^0.4.3","typescript":"^4.0.0","@babel/core":"^7.14.8","@types/jest":"^26.0.24","lint-staged":"^11.1.1","svelte-check":"^2.0.0","@sveltejs/kit":"next","@types/cookie":"^0.4.0","svelte-jester":"^1.8.1","svelte-loader":"^3.1.2","@babel/preset-env":"^7.14.9","@storybook/svelte":"^6.3.6","svelte-preprocess":"^4.0.0","rollup-plugin-svelte":"^7.1.0","rollup-plugin-terser":"^7.0.2","eslint-plugin-svelte3":"^3.2.0","@babel/runtime-corejs3":"^7.14.9","@rollup/plugin-replace":"^3.0.0","@storybook/addon-links":"^6.3.6","eslint-config-prettier":"^8.1.0","prettier-plugin-svelte":"^2.2.0","@rollup/plugin-commonjs":"^22.0.0","@testing-library/svelte":"^3.0.3","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@typescript-eslint/parser":"^4.19.0","@rollup/plugin-node-resolve":"^13.0.4","@storybook/addon-essentials":"^6.3.6","@typescript-eslint/eslint-plugin":"^4.19.0"},"_npmOperationalInternal":{"tmp":"tmp/uikit_4.6.3_1652935216133_0.7351406420024724","host":"s3://npm-registry-packages"}},"4.6.4":{"name":"@vouchfor/uikit","version":"4.6.4","keywords":["embed","design system","vouch-uikit","svelte","uikit"],"author":{"url":"https://vouchau.github.io/vouch-uikit","name":"Vouch Dev Team","email":"hello@vouchfor.com"},"license":"MIT","_id":"@vouchfor/uikit@4.6.4","maintainers":[{"name":"vouch-tech","email":"brian@vouchfor.com"}],"homepage":"https://vouchau.github.io/vouch-uikit","bugs":{"url":"https://github.com/VouchAU/vouch-uikit/issues"},"dist":{"shasum":"821c71d2f6c7e7789c0917fd878605db48b1c2aa","tarball":"https://registry.npmjs.org/@vouchfor/uikit/-/uikit-4.6.4.tgz","fileCount":213,"integrity":"sha512-7oOewnHV9Nmwd+48xllWYA+McY8PNgogQ4OOgYAduq7s2Ag3AOI2NJ+wKTRyCFXpCfUYbxhd/iQ3GCkU8NzKlA==","signatures":[{"sig":"MEUCIEtL6lJS15ejRqF0mUtTI6oqdKO0UuEJ/bF/7L6WPy3MAiEA51ko26ZS74fLRnN0q++c6ZDOVjSQy5UmMxdmNfprWTg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":33332003,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJihdYrACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoHpA//dAO7SIFi20niwvMrZa9DXdwJ83V8tyK7S/21lkmMC7nZgdYH\r\nxV3T633odlR34z2vTmA6T8WTUhaIdaRXPK+qEzf5WY/O4PfrQ5jjvhuFrS7y\r\nH+9fy/FqK6w701v7WfBOo5yY8Ig6ApkHFxeOUmdNYv1rH24dJDKriZm0Z2CP\r\nFw9P2xaT+Y9bKpn0O8V8x3tpcH6ohhSBTeqfX07CDGGHrmbqfSp+Yqkb5zIb\r\nFv/acfS3oVcqQaMQHAQ8pZkzJqqrSsuiZfsLOaoo73MojJ4QQvZjZaOJtWOk\r\nPPaDf0kEAa2nCdKtZ+o6RECGZzhoqkcRbP1txiO3QmwfCkicp+AY+Q5WGCfo\r\nMzu4RUmzc1Ur9M+rmLU1nSZ3Y9FSFW/pMEClN4illaHPHWr0A0ljnAuNoFCC\r\nQ/Tdp/3yB0bZ59DQ+5F95cRND9vp7lLgDfJLvUyci2UzYYz+1nyknVNQvZ8z\r\nmxgwSPm3FVQSGgk8wDSfOuqZZYlIPjeu6SHqs9TFcWHFJXqSnbTxHrJAlClZ\r\nQ6hLnDghNUb18xZaVuICZu0MWuy+yOX87/wBCl9SFG7btn00N2SC4Cw45k1l\r\nXgHhn5JNwK6hTHKilIm+usqj1kRAmMI41XV9D50y7oNVkrA86Vg5kqRHeVWQ\r\n1cTIm8asT3Rw1mU+Vj0rNES5HNhIoPfeTAA=\r\n=dmiK\r\n-----END PGP SIGNATURE-----\r\n"},"type":"module","husky":{"hooks":{"pre-push":"yarn test --silent","pre-commit":"lint-staged"}},"types":"types.d.ts","readme":"# ![](\"https://app.vouchfor.com/favicon/favicon-32x32.png\")
Vouch UIKit\n\n- [Get Started](#get-started)\n - [Storybook](#storybook)\n - [Build package](#build-package)\n - [Test package locally with vouch-app](#test-package-locally-with-vouch-app)\n - [Publish to npm](#publish-to-npm)\n - [Purge npm cache](#purge-npm-cached-tags)\n- [Update vouch-app](#update-vouch-app)\n - [development](#development-devvouchforcom)\n - [staging](#staging-stagingvouchforcom)\n - [production](#production-appvouchforcom)\n\n**Vouch UIKit** consists of `2 libraries` and `1 application`\n\n```bash\n└── src\n ├── lib\n │ ├── components # Design System Components (Web Component)\n │ │ ├── VouchBrandLogo.svelte\n │ │ ...\n │ │\n │ └── embed # embed Components (Web Component)\n │ │ ├── VouchEmbedInlinePlayer.svelte\n │ ...\n │\n │\n ├── routes # vouch public embed link (https://embed.vouchfor.com)\n │ ├── __layout.svelte\n │ ├── index.svelte\n │ ├── about.svelte\n │ ...\n │\n ├── app.css\n └── app.html\n```\n\n# Get Started\n\nEnsure you have node `14.17.0` installed on your machine, for example via [nvm](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/TERMINAL.md#install-nvm), run `nvm ls` to check\n\n```bash\nnvm ls 14\n```\n\nyou should see output if you have the version installed\n\n```bash\n-> v14.17.0\n```\n\nensure you have [git ssh](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/GITHUB.md) setup locally before you clone the repo\n\n```bash\ngit clone git@github.com:VouchAU/vouch-uikit.git\n```\n\ninstall dependencies\n\n```bash\ncd vouch-uikit\nyarn\n```\n\n## Storybook\n\nhttps://designsystem.vouchfor.com/\n\nStorybook is hosted on GitHub page `gh-pages` branch (Domain name is configured on **Cloudflare**) and deployed automatically via **GitHub Action** every time changes are merged back to `master`.\n\nLocal dev\n\n```bash\nyarn storybook\n```\n\nbuild storybook\n\n```bash\nyarn build-storybook\n```\n\n## Build package\n\nBuild `src/lib` production/beta/alpha package, make sure you change `version` in `package.json` for three different build tags.\n\n```sh\ncd vouch-uikit\n...\nyarn package:alpha # development\nyarn package:beta # staging\nyarn package # production\n```\n\n## Test package locally with `vouch-app`\n\nOnce you build the `npm` package, you can test locally with `vouch-app` to ensure everything works as expected before publishing to `npm`\n\nAssuming you build a package according [Build package](#build-package), now you can create a symlink to your local package\n\n```sh\ncd package\nyarn link\n```\n\nyou should see this if successfully linked\n\n```sh\nyarn link v1.22.10\nsuccess Registered \"@vouchfor/uikit\".\ninfo You can now run `yarn link \"@vouchfor/uikit\"` in the projects where you want to use this package and it will be used instead.\n✨ Done in 0.04s.\n```\n\ngo to `vouch-app` folder and switch to the branch you want to test against with then link the local package\n\n```sh\ncd vouch-app\ngit checkout VCH-222\nyarn link @vouchfor/uikit\nyarn dev\n```\n\nVoilà, you are testing your feature branch with the local uikit package and don't forget to roll back after testing\n\n```sh\ncd vouch-app\nyarn unlink @vouchfor/uikit\n...\ncd vouch-uikit/package\nyarn unlink\n```\n\n## Publish to `npm`\n\n> Note you will need to log in `vouch-tech` on your terminal before publishing, credential is shared via 1Password.\n\n```bash\nnpm login\n...\n```\n\n```bash\ncd package\n...\nnpm publish --access public --tag alpha # development\nnpm publish --access public --tag beta # staging\nnpm publish --access public # production\n```\n\n## Purge `jsdelivr` cache\n\n`@vouchfor/uikit` is most likely consumed by **tag**, `alpha`, `beta` and `latest`, not version number to ensure clients can always get the latest updates. [jsdelivr](https://cdn.jsdelivr.net/) default has 7 days cache for `tag`, so we need to purge it to reflect new version number.\n\n- Check current tag version number\n\n - [Click to check Alpha](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@alpha/)\n - [Click to check Beta](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@beta/)\n - [Click to check Production](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n- Purge cache\n - [Click to purge Alpha](https://purge.jsdelivr.net/npm/@vouchfor/uikit@alpha/)\n - [Click to purge Beta](https://purge.jsdelivr.net/npm/@vouchfor/uikit@beta/)\n - **_Danger_** [Click to purge Production](https://purge.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n### Purge specific bundle.js\n\nOur embed code snippet `src` attribute currently refers to a specific embed bundle js , for example\n\n```html\n\n
\n```\n\nIn this case, you will need to purge the bundle file specifically by providing absolute path\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/embed/{filename}.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/components/{filename}.bundle.js\n```\n\nfor example,\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@alpha/embed/vouch-embed-inline-player.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@beta/embed/vouch-embed-inline-player.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/embed/vouch-embed-inline-player.bundle.js\n```\n\n## Unit test\n\n```bash\nyarn test\n```\n\nupdate snapshot\n\n```bash\nyarn test -u\n```\n\n# Update `vouch-app`\n\n`@vouchfor/uikit` is a dependency of `vouch-app` for embeds and UI components, follow the below steps to publish NPM package and update `package.json` dependency in `vouch-app`.\n\n> Each PR should bump the minor version in `package.json` in order to push new version to NPM. e.g. `\"version\": \"3.9.0\"` in `main` branch, you should bump to `\"version\": \"3.10.0\"` in your branch.\n\n> The major version should only be used for releasing breaking changes. e.g. `3.0.0`, `4.0.0`\n\n## Development (`dev.vouchfor.com`)\n\nAssuming your branch bumped version in `package.json` to\n\n```json\n\"version\": \"3.10.0\"\n```\n\n### Bump patch version number\n\nEnsure your patch version number isn't used, e.g. if `3.10.0` was published before, bump to `3.10.1`.\n\n### Build and publish\n\n```sh\nyarn package:alpha\ncd package\nnpm publish --access public --tag alpha\n```\n\nMake sure you purge NPM CDN cache for package, see [Purge npm cached tags](#purge-npm-cached-tags)\n\n### Update dependency in `vouch-app`\n\nEnsure you already cloned [vouch-app](https://github.com/VouchAU/vouch-app.git) locally then switch to the folder.\n\n```sh\ncd vouch-app\ngit checkout development\ngit pull\ngit merge feature/VCH-111 # Optional, only when you have code change dependency in vouch-app as well\nyarn upgrade @vouchfor/uikit@alpha\n```\n\nAfter upgrade, you should see version updates in both `package.json` and `yarn.lock`, but due to a known issue of `yarn`, please do these before committing changes\n\n- Manually roll back `package.json` (should always `\"@vouchfor/uikit\": \"alpha\"` for `development`).\n- run `yarn` again to update `yarn.lock`\n\n```sh\ngit commit -m \"Bumped uikit version\"\ngit push\n```\n\n## Staging (`staging.vouchfor.com`)\n\nUpdate `staging` environment is the same as [Development](#development-devvouchforcom) but remember to change cmd to `staging` specific\n\n```sh\nyarn package:beta\n```\n\n```sh\nnpm publish --access public --tag beta\n```\n\n```sh\ncd vouch-app\ngit checkout staging\ngit pull\ngit merge feature/VCH-111 # Optional, only when you have code change dependency in vouch-app as well\nyarn upgrade @vouchfor/uikit@beta\n```\n\n## Production (`app.vouchfor.com`)\n\nOne thing different when release to production, since `master` branch can only be merged by PRs (after code review), so you will need to run `yarn upgrade @vouchfor/uikit@latest` under you feature branch and commit **before merging the PR**.\n\n```sh\ngit checkout feature/VCH-111\nyarn upgrade upgrade @vouchfor/uikit@latest\ngit commit -m \"Bumped uikit version\"\ngit push\n```\n\n> When you run above cmd, your PR should be ready to merge (reviewed and QA tested)\n","engines":{"node":">=14.17.0"},"exports":{"./package.json":"./package.json","./embed/vouch-embed-all":{"import":"./embed/vouch-embed-all.js","default":"./embed/vouch-embed-all.js","require":"./embed/vouch-embed-all.cjs"},"./embed/vouch-embed-jumbo":{"import":"./embed/vouch-embed-jumbo.js","default":"./embed/vouch-embed-jumbo.js","require":"./embed/vouch-embed-jumbo.cjs"},"./embed/vouch-embed-all.js":"./embed/vouch-embed-all.js","./embed/vouch-embed-button":{"import":"./embed/vouch-embed-button.js","default":"./embed/vouch-embed-button.js","require":"./embed/vouch-embed-button.cjs"},"./components/vouch-recorder":{"import":"./components/vouch-recorder.js","default":"./components/vouch-recorder.js","require":"./components/vouch-recorder.cjs"},"./embed/vouch-embed-popover":{"import":"./embed/vouch-embed-popover.js","default":"./embed/vouch-embed-popover.js","require":"./embed/vouch-embed-popover.cjs"},"./components/vouch-icon-play":{"import":"./components/vouch-icon-play.js","default":"./components/vouch-icon-play.js","require":"./components/vouch-icon-play.cjs"},"./embed/vouch-embed-dialogue":{"import":"./embed/vouch-embed-dialogue.js","default":"./embed/vouch-embed-dialogue.js","require":"./embed/vouch-embed-dialogue.cjs"},"./components/vouch-brand-logo":{"import":"./components/vouch-brand-logo.js","default":"./components/vouch-brand-logo.js","require":"./components/vouch-brand-logo.cjs"},"./components/vouch-icon-close":{"import":"./components/vouch-icon-close.js","default":"./components/vouch-icon-close.js","require":"./components/vouch-icon-close.cjs"},"./components/vouch-icon-pause":{"import":"./components/vouch-icon-pause.js","default":"./components/vouch-icon-pause.js","require":"./components/vouch-icon-pause.cjs"},"./components/vouch-media-plyr":{"import":"./components/vouch-media-plyr.js","default":"./components/vouch-media-plyr.js","require":"./components/vouch-media-plyr.cjs"},"./components/vouch-water-mark":{"import":"./components/vouch-water-mark.js","default":"./components/vouch-water-mark.js","require":"./components/vouch-water-mark.cjs"},"./embed/vouch-embed-thumbnail":{"import":"./embed/vouch-embed-thumbnail.js","default":"./embed/vouch-embed-thumbnail.js","require":"./embed/vouch-embed-thumbnail.cjs"},"./embed/vouch-recorder-button":{"import":"./embed/vouch-recorder-button.js","default":"./embed/vouch-recorder-button.js","require":"./embed/vouch-recorder-button.cjs"},"./components/vouch-graphic-svg":{"import":"./components/vouch-graphic-svg.js","default":"./components/vouch-graphic-svg.js","require":"./components/vouch-graphic-svg.cjs"},"./embed/VouchEmbedJumbo.svelte":"./embed/VouchEmbedJumbo.svelte","./components/vouch-media-player":{"import":"./components/vouch-media-player.js","default":"./components/vouch-media-player.js","require":"./components/vouch-media-player.cjs"},"./embed/VouchEmbedButton.svelte":"./embed/VouchEmbedButton.svelte","./embed/VouchEmbedPopover.svelte":"./embed/VouchEmbedPopover.svelte","./components/VouchIconPlay.svelte":"./components/VouchIconPlay.svelte","./components/VouchRecorder.svelte":"./components/VouchRecorder.svelte","./embed/VouchEmbedDialogue.svelte":"./embed/VouchEmbedDialogue.svelte","./embed/vouch-embed-inline-player":{"import":"./embed/vouch-embed-inline-player.js","default":"./embed/vouch-embed-inline-player.js","require":"./embed/vouch-embed-inline-player.cjs"},"./components/VouchBrandLogo.svelte":"./components/VouchBrandLogo.svelte","./components/VouchIconClose.svelte":"./components/VouchIconClose.svelte","./components/VouchIconPause.svelte":"./components/VouchIconPause.svelte","./components/VouchMediaPlyr.svelte":"./components/VouchMediaPlyr.svelte","./components/VouchWaterMark.svelte":"./components/VouchWaterMark.svelte","./components/vouch-icon-arrow-left":{"import":"./components/vouch-icon-arrow-left.js","default":"./components/vouch-icon-arrow-left.js","require":"./components/vouch-icon-arrow-left.cjs"},"./embed/VouchEmbedThumbnail.svelte":"./embed/VouchEmbedThumbnail.svelte","./embed/VouchRecorderButton.svelte":"./embed/VouchRecorderButton.svelte","./components/VouchGraphicSvg.svelte":"./components/VouchGraphicSvg.svelte","./components/vouch-icon-arrow-right":{"import":"./components/vouch-icon-arrow-right.js","default":"./components/vouch-icon-arrow-right.js","require":"./components/vouch-icon-arrow-right.cjs"},"./components/VouchMediaPlayer.svelte":"./components/VouchMediaPlayer.svelte","./components/vouch-overlay-play-icon":{"import":"./components/vouch-overlay-play-icon.js","default":"./components/vouch-overlay-play-icon.js","require":"./components/vouch-overlay-play-icon.cjs"},"./embed/VouchEmbedInlinePlayer.svelte":"./embed/VouchEmbedInlinePlayer.svelte","./components/VouchIconArrowLeft.svelte":"./components/VouchIconArrowLeft.svelte","./components/VouchIconArrowRight.svelte":"./components/VouchIconArrowRight.svelte","./components/VouchOverlayPlayIcon.svelte":"./components/VouchOverlayPlayIcon.svelte"},"_npmUser":{"name":"vouch-tech","email":"brian@vouchfor.com"},"repository":{"url":"git+https://github.com/VouchAU/vouch-uikit.git","type":"git"},"_npmVersion":"6.14.15","description":"Vouch Svelte UIKit","directories":{},"lint-staged":{"*.{js,svelte}":"yarn lint"},"_nodeVersion":"14.18.3","dependencies":{"plyr":"^3.7.2","cookie":"^0.4.1","hls.js":"^1.1.5","core-js":"^3.16.3","postcss":"^7","@vime/core":"^5.3.1","tailwindcss":"npm:@tailwindcss/postcss7-compat","@lukeed/uuid":"^2.0.0","autoprefixer":"^9","whatwg-fetch":"^3.6.2","@fontsource/fira-mono":"^4.2.2"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^27.0.6","path":"^0.12.7","husky":"4","tslib":"^2.0.0","dotenv":"^10.0.0","eslint":"^7.22.0","rollup":"^2.55.1","svelte":"^3.34.0","prettier":"~2.2.1","babel-jest":"^27.0.6","svelte2tsx":"^0.4.3","typescript":"^4.0.0","@babel/core":"^7.14.8","@types/jest":"^26.0.24","lint-staged":"^11.1.1","svelte-check":"^2.0.0","@sveltejs/kit":"next","@types/cookie":"^0.4.0","svelte-jester":"^1.8.1","svelte-loader":"^3.1.2","@babel/preset-env":"^7.14.9","@storybook/svelte":"^6.3.6","svelte-preprocess":"^4.0.0","rollup-plugin-svelte":"^7.1.0","rollup-plugin-terser":"^7.0.2","eslint-plugin-svelte3":"^3.2.0","@babel/runtime-corejs3":"^7.14.9","@rollup/plugin-replace":"^3.0.0","@storybook/addon-links":"^6.3.6","eslint-config-prettier":"^8.1.0","prettier-plugin-svelte":"^2.2.0","@rollup/plugin-commonjs":"^22.0.0","@testing-library/svelte":"^3.0.3","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@typescript-eslint/parser":"^4.19.0","@rollup/plugin-node-resolve":"^13.0.4","@storybook/addon-essentials":"^6.3.6","@typescript-eslint/eslint-plugin":"^4.19.0"},"_npmOperationalInternal":{"tmp":"tmp/uikit_4.6.4_1652938283085_0.13189689959187567","host":"s3://npm-registry-packages"}},"4.6.5":{"name":"@vouchfor/uikit","version":"4.6.5","keywords":["embed","design system","vouch-uikit","svelte","uikit"],"author":{"url":"https://vouchau.github.io/vouch-uikit","name":"Vouch Dev Team","email":"hello@vouchfor.com"},"license":"MIT","_id":"@vouchfor/uikit@4.6.5","maintainers":[{"name":"vouch-tech","email":"brian@vouchfor.com"}],"homepage":"https://vouchau.github.io/vouch-uikit","bugs":{"url":"https://github.com/VouchAU/vouch-uikit/issues"},"dist":{"shasum":"9250fe75025ba72f8a846b856905af7659ec7497","tarball":"https://registry.npmjs.org/@vouchfor/uikit/-/uikit-4.6.5.tgz","fileCount":213,"integrity":"sha512-0ye8bOPm9gLlYrzqQUJ6uuMJVarLMtRIF7QuzsQ/weN5PdW6tnBc83vFLCBjWg/a4GAEnA6gHQ8iuxwUwTaguw==","signatures":[{"sig":"MEQCIAcBx/0lBU3ZH/tr96wcuCTBoybGClolhl22VHzlNsliAiAwXM2+66Ta9qK5bQ6pbQAzt/TbpLGspgJRYxntWIZUxA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":33396564,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiheb5ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrJPBAAmtakLsKyOXnR3OE/hNG2cP8MzrzCV63zYGSVgCX7EY4FIdPl\r\nfQOlE8TJvTYGRX4LzzIk1Kszvpait2llw51WMbOjxcbEOASycTzb8fmXe9g5\r\n68J0eotUej4MLHmemh8ai0BhWXMRm9Iy8sImSXGbhUSDhfi/biwmxFUYJ1ba\r\n+pui5Ohl1EMvoNTb3adxn1rDaa474+QJicMFWPPvKmW7A+MKkg5uXH2qrYAB\r\nNO48Xyr7+I7zGFkySMGqMdggz6vZjudybBA0TiiN0Tb+z3L7ysbsz+EvSdDd\r\ndb+xv7earfESBuriANxkn1Zdba7jbE/z3JFe7qEhlqAr9scISSO9lfxGUdzX\r\nBYyR9/7i5TUOm0gh0mr9Xa49HF2nrKW0C+kb6Ffksr4JqWPJqek4JR9AbJBI\r\n5uOZmANE80Y2OYDKXFFmFh+smauHr9MpXuZHuXUtgIA9IadBgIgbc99j5Cwr\r\ntWV+vCE1//Qs/83I7PMLN4/u+wDlOAutic6GIMGUWsMrHDLXs+2kDF2d7hht\r\nDFHERA8lD8ZJpibC7sz6Rzl8A/4u05e342VAF4LC2WHAvi5PmOSJ5PQDVrsA\r\n4YimrGKzgeANi32SNrgFfqVq1a8UmkYoDNcgSHsT8RKD3vY2Wg/GgjFy9cr8\r\nOIjAMv/otR0lYvCZ0Ic4tWh6scvWIa1LlS4=\r\n=9Vs4\r\n-----END PGP SIGNATURE-----\r\n"},"type":"module","husky":{"hooks":{"pre-push":"yarn test --silent","pre-commit":"lint-staged"}},"types":"types.d.ts","readme":"# Vouch UIKit\n\n- [Get Started](#get-started)\n - [Storybook](#storybook)\n - [Build package](#build-package)\n - [Test package locally with vouch-app](#test-package-locally-with-vouch-app)\n - [Publish to npm](#publish-to-npm)\n - [Purge npm cache](#purge-npm-cached-tags)\n- [Update vouch-app](#update-vouch-app)\n - [development](#development-devvouchforcom)\n - [staging](#staging-stagingvouchforcom)\n - [production](#production-appvouchforcom)\n\n**Vouch UIKit** consists of `2 libraries` and `1 application`\n\n```bash\n└── src\n ├── lib\n │ ├── components # Design System Components (Web Component)\n │ │ ├── VouchBrandLogo.svelte\n │ │ ...\n │ │\n │ └── embed # embed Components (Web Component)\n │ │ ├── VouchEmbedInlinePlayer.svelte\n │ ...\n │\n │\n ├── routes # vouch public embed link (https://embed.vouchfor.com)\n │ ├── __layout.svelte\n │ ├── index.svelte\n │ ├── about.svelte\n │ ...\n │\n ├── app.css\n └── app.html\n```\n\n# Get Started\n\nEnsure you have node `14.17.0` installed on your machine, for example via [nvm](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/TERMINAL.md#install-nvm), run `nvm ls` to check\n\n```bash\nnvm ls 14\n```\n\nyou should see output if you have the version installed\n\n```bash\n-> v14.17.0\n```\n\nensure you have [git ssh](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/GITHUB.md) setup locally before you clone the repo\n\n```bash\ngit clone git@github.com:VouchAU/vouch-uikit.git\n```\n\ninstall dependencies\n\n```bash\ncd vouch-uikit\nyarn\n```\n\n## Storybook\n\nhttps://designsystem.vouchfor.com/\n\nStorybook is hosted on GitHub page `gh-pages` branch (Domain name is configured on **Cloudflare**) and deployed automatically via **GitHub Action** every time changes are merged back to `master`.\n\nLocal dev\n\n```bash\nyarn storybook\n```\n\nbuild storybook\n\n```bash\nyarn build-storybook\n```\n\n## Build package\n\nBuild `src/lib` production/beta/alpha package, make sure you change `version` in `package.json` for three different build tags.\n\n```sh\ncd vouch-uikit\n...\nyarn package:alpha # development\nyarn package:beta # staging\nyarn package # production\n```\n\n## Test package locally with `vouch-app`\n\nOnce you build the `npm` package, you can test locally with `vouch-app` to ensure everything works as expected before publishing to `npm`\n\nAssuming you build a package according [Build package](#build-package), now you can create a symlink to your local package\n\n```sh\ncd package\nyarn link\n```\n\nyou should see this if successfully linked\n\n```sh\nyarn link v1.22.10\nsuccess Registered \"@vouchfor/uikit\".\ninfo You can now run `yarn link \"@vouchfor/uikit\"` in the projects where you want to use this package and it will be used instead.\n✨ Done in 0.04s.\n```\n\ngo to `vouch-app` folder and switch to the branch you want to test against with then link the local package\n\n```sh\ncd vouch-app\ngit checkout VCH-222\nyarn link @vouchfor/uikit\nyarn dev\n```\n\nVoilà, you are testing your feature branch with the local uikit package and don't forget to roll back after testing\n\n```sh\ncd vouch-app\nyarn unlink @vouchfor/uikit\n...\ncd vouch-uikit/package\nyarn unlink\n```\n\n## Publish to `npm`\n\n> Note you will need to log in `vouch-tech` on your terminal before publishing, credential is shared via 1Password.\n\n```bash\nnpm login\n...\n```\n\n```bash\ncd package\n...\nnpm publish --access public --tag alpha # development\nnpm publish --access public --tag beta # staging\nnpm publish --access public # production\n```\n\n## Purge `jsdelivr` cache\n\n`@vouchfor/uikit` is most likely consumed by **tag**, `alpha`, `beta` and `latest`, not version number to ensure clients can always get the latest updates. [jsdelivr](https://cdn.jsdelivr.net/) default has 7 days cache for `tag`, so we need to purge it to reflect new version number.\n\n- Check current tag version number\n\n - [Click to check Alpha](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@alpha/)\n - [Click to check Beta](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@beta/)\n - [Click to check Production](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n- Purge cache\n - [Click to purge Alpha](https://purge.jsdelivr.net/npm/@vouchfor/uikit@alpha/)\n - [Click to purge Beta](https://purge.jsdelivr.net/npm/@vouchfor/uikit@beta/)\n - **_Danger_** [Click to purge Production](https://purge.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n### Purge specific bundle.js\n\nOur embed code snippet `src` attribute currently refers to a specific embed bundle js , for example\n\n```html\n\n
\n```\n\nIn this case, you will need to purge the bundle file specifically by providing absolute path\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/embed/{filename}.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/components/{filename}.bundle.js\n```\n\nfor example,\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@alpha/embed/vouch-embed-inline-player.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@beta/embed/vouch-embed-inline-player.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/embed/vouch-embed-inline-player.bundle.js\n```\n\n## Unit test\n\n```bash\nyarn test\n```\n\nupdate snapshot\n\n```bash\nyarn test -u\n```\n\n# Update `vouch-app`\n\n`@vouchfor/uikit` is a dependency of `vouch-app` for embeds and UI components, follow the below steps to publish NPM package and update `package.json` dependency in `vouch-app`.\n\n> Each PR should bump the minor version in `package.json` in order to push new version to NPM. e.g. `\"version\": \"3.9.0\"` in `main` branch, you should bump to `\"version\": \"3.10.0\"` in your branch.\n\n> The major version should only be used for releasing breaking changes. e.g. `3.0.0`, `4.0.0`\n\n## Development (`dev.vouchfor.com`)\n\nAssuming your branch bumped version in `package.json` to\n\n```json\n\"version\": \"3.10.0\"\n```\n\n### Bump patch version number\n\nEnsure your patch version number isn't used, e.g. if `3.10.0` was published before, bump to `3.10.1`.\n\n### Build and publish\n\n```sh\nyarn package:alpha\ncd package\nnpm publish --access public --tag alpha\n```\n\nMake sure you purge NPM CDN cache for package, see [Purge npm cached tags](#purge-npm-cached-tags)\n\n### Update dependency in `vouch-app`\n\nEnsure you already cloned [vouch-app](https://github.com/VouchAU/vouch-app.git) locally then switch to the folder.\n\n```sh\ncd vouch-app\ngit checkout development\ngit pull\ngit merge feature/VCH-111 # Optional, only when you have code change dependency in vouch-app as well\nyarn upgrade @vouchfor/uikit@alpha\n```\n\nAfter upgrade, you should see version updates in both `package.json` and `yarn.lock`, but due to a known issue of `yarn`, please do these before committing changes\n\n- Manually roll back `package.json` (should always `\"@vouchfor/uikit\": \"alpha\"` for `development`).\n- run `yarn` again to update `yarn.lock`\n\n```sh\ngit commit -m \"Bumped uikit version\"\ngit push\n```\n\n## Staging (`staging.vouchfor.com`)\n\nUpdate `staging` environment is the same as [Development](#development-devvouchforcom) but remember to change cmd to `staging` specific\n\n```sh\nyarn package:beta\n```\n\n```sh\nnpm publish --access public --tag beta\n```\n\n```sh\ncd vouch-app\ngit checkout staging\ngit pull\ngit merge feature/VCH-111 # Optional, only when you have code change dependency in vouch-app as well\nyarn upgrade @vouchfor/uikit@beta\n```\n\n## Production (`app.vouchfor.com`)\n\nOne thing different when release to production, since `master` branch can only be merged by PRs (after code review), so you will need to run `yarn upgrade @vouchfor/uikit@latest` under you feature branch and commit **before merging the PR**.\n\n```sh\ngit checkout feature/VCH-111\nyarn upgrade upgrade @vouchfor/uikit@latest\ngit commit -m \"Bumped uikit version\"\ngit push\n```\n\n> When you run above cmd, your PR should be ready to merge (reviewed and QA tested)\n","engines":{"node":">=14.17.0"},"exports":{"./package.json":"./package.json","./embed/vouch-embed-all":{"import":"./embed/vouch-embed-all.js","default":"./embed/vouch-embed-all.js","require":"./embed/vouch-embed-all.cjs"},"./embed/vouch-embed-jumbo":{"import":"./embed/vouch-embed-jumbo.js","default":"./embed/vouch-embed-jumbo.js","require":"./embed/vouch-embed-jumbo.cjs"},"./embed/vouch-embed-all.js":"./embed/vouch-embed-all.js","./embed/vouch-embed-button":{"import":"./embed/vouch-embed-button.js","default":"./embed/vouch-embed-button.js","require":"./embed/vouch-embed-button.cjs"},"./components/vouch-recorder":{"import":"./components/vouch-recorder.js","default":"./components/vouch-recorder.js","require":"./components/vouch-recorder.cjs"},"./embed/vouch-embed-popover":{"import":"./embed/vouch-embed-popover.js","default":"./embed/vouch-embed-popover.js","require":"./embed/vouch-embed-popover.cjs"},"./components/vouch-icon-play":{"import":"./components/vouch-icon-play.js","default":"./components/vouch-icon-play.js","require":"./components/vouch-icon-play.cjs"},"./embed/vouch-embed-dialogue":{"import":"./embed/vouch-embed-dialogue.js","default":"./embed/vouch-embed-dialogue.js","require":"./embed/vouch-embed-dialogue.cjs"},"./components/vouch-brand-logo":{"import":"./components/vouch-brand-logo.js","default":"./components/vouch-brand-logo.js","require":"./components/vouch-brand-logo.cjs"},"./components/vouch-icon-close":{"import":"./components/vouch-icon-close.js","default":"./components/vouch-icon-close.js","require":"./components/vouch-icon-close.cjs"},"./components/vouch-icon-pause":{"import":"./components/vouch-icon-pause.js","default":"./components/vouch-icon-pause.js","require":"./components/vouch-icon-pause.cjs"},"./components/vouch-media-plyr":{"import":"./components/vouch-media-plyr.js","default":"./components/vouch-media-plyr.js","require":"./components/vouch-media-plyr.cjs"},"./components/vouch-water-mark":{"import":"./components/vouch-water-mark.js","default":"./components/vouch-water-mark.js","require":"./components/vouch-water-mark.cjs"},"./embed/vouch-embed-thumbnail":{"import":"./embed/vouch-embed-thumbnail.js","default":"./embed/vouch-embed-thumbnail.js","require":"./embed/vouch-embed-thumbnail.cjs"},"./embed/vouch-recorder-button":{"import":"./embed/vouch-recorder-button.js","default":"./embed/vouch-recorder-button.js","require":"./embed/vouch-recorder-button.cjs"},"./components/vouch-graphic-svg":{"import":"./components/vouch-graphic-svg.js","default":"./components/vouch-graphic-svg.js","require":"./components/vouch-graphic-svg.cjs"},"./embed/VouchEmbedJumbo.svelte":"./embed/VouchEmbedJumbo.svelte","./components/vouch-media-player":{"import":"./components/vouch-media-player.js","default":"./components/vouch-media-player.js","require":"./components/vouch-media-player.cjs"},"./embed/VouchEmbedButton.svelte":"./embed/VouchEmbedButton.svelte","./embed/VouchEmbedPopover.svelte":"./embed/VouchEmbedPopover.svelte","./components/VouchIconPlay.svelte":"./components/VouchIconPlay.svelte","./components/VouchRecorder.svelte":"./components/VouchRecorder.svelte","./embed/VouchEmbedDialogue.svelte":"./embed/VouchEmbedDialogue.svelte","./embed/vouch-embed-inline-player":{"import":"./embed/vouch-embed-inline-player.js","default":"./embed/vouch-embed-inline-player.js","require":"./embed/vouch-embed-inline-player.cjs"},"./components/VouchBrandLogo.svelte":"./components/VouchBrandLogo.svelte","./components/VouchIconClose.svelte":"./components/VouchIconClose.svelte","./components/VouchIconPause.svelte":"./components/VouchIconPause.svelte","./components/VouchMediaPlyr.svelte":"./components/VouchMediaPlyr.svelte","./components/VouchWaterMark.svelte":"./components/VouchWaterMark.svelte","./components/vouch-icon-arrow-left":{"import":"./components/vouch-icon-arrow-left.js","default":"./components/vouch-icon-arrow-left.js","require":"./components/vouch-icon-arrow-left.cjs"},"./embed/VouchEmbedThumbnail.svelte":"./embed/VouchEmbedThumbnail.svelte","./embed/VouchRecorderButton.svelte":"./embed/VouchRecorderButton.svelte","./components/VouchGraphicSvg.svelte":"./components/VouchGraphicSvg.svelte","./components/vouch-icon-arrow-right":{"import":"./components/vouch-icon-arrow-right.js","default":"./components/vouch-icon-arrow-right.js","require":"./components/vouch-icon-arrow-right.cjs"},"./components/VouchMediaPlayer.svelte":"./components/VouchMediaPlayer.svelte","./components/vouch-overlay-play-icon":{"import":"./components/vouch-overlay-play-icon.js","default":"./components/vouch-overlay-play-icon.js","require":"./components/vouch-overlay-play-icon.cjs"},"./embed/VouchEmbedInlinePlayer.svelte":"./embed/VouchEmbedInlinePlayer.svelte","./components/VouchIconArrowLeft.svelte":"./components/VouchIconArrowLeft.svelte","./components/VouchIconArrowRight.svelte":"./components/VouchIconArrowRight.svelte","./components/VouchOverlayPlayIcon.svelte":"./components/VouchOverlayPlayIcon.svelte"},"_npmUser":{"name":"vouch-tech","email":"brian@vouchfor.com"},"repository":{"url":"git+https://github.com/VouchAU/vouch-uikit.git","type":"git"},"_npmVersion":"6.14.13","description":"Vouch Svelte UIKit","directories":{},"lint-staged":{"*.{js,svelte}":"yarn lint"},"_nodeVersion":"14.17.0","dependencies":{"plyr":"^3.7.2","cookie":"^0.4.1","hls.js":"^1.1.5","core-js":"^3.16.3","postcss":"^7","@vime/core":"^5.3.1","tailwindcss":"npm:@tailwindcss/postcss7-compat","@lukeed/uuid":"^2.0.0","autoprefixer":"^9","whatwg-fetch":"^3.6.2","@fontsource/fira-mono":"^4.2.2"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^27.0.6","path":"^0.12.7","husky":"4","tslib":"^2.0.0","dotenv":"^10.0.0","eslint":"^7.22.0","rollup":"^2.55.1","svelte":"^3.34.0","prettier":"~2.2.1","babel-jest":"^27.0.6","svelte2tsx":"^0.4.3","typescript":"^4.0.0","@babel/core":"^7.14.8","@types/jest":"^26.0.24","lint-staged":"^11.1.1","svelte-check":"^2.0.0","@sveltejs/kit":"next","@types/cookie":"^0.4.0","svelte-jester":"^1.8.1","svelte-loader":"^3.1.2","@babel/preset-env":"^7.14.9","@storybook/svelte":"^6.3.6","svelte-preprocess":"^4.0.0","rollup-plugin-svelte":"^7.1.0","rollup-plugin-terser":"^7.0.2","eslint-plugin-svelte3":"^3.2.0","@babel/runtime-corejs3":"^7.14.9","@rollup/plugin-replace":"^3.0.0","@storybook/addon-links":"^6.3.6","eslint-config-prettier":"^8.1.0","prettier-plugin-svelte":"^2.2.0","@rollup/plugin-commonjs":"^22.0.0","@testing-library/svelte":"^3.0.3","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@typescript-eslint/parser":"^4.19.0","@rollup/plugin-node-resolve":"^13.0.4","@storybook/addon-essentials":"^6.3.6","@typescript-eslint/eslint-plugin":"^4.19.0"},"_npmOperationalInternal":{"tmp":"tmp/uikit_4.6.5_1652942585565_0.7676086875641548","host":"s3://npm-registry-packages"}},"4.6.6":{"name":"@vouchfor/uikit","version":"4.6.6","keywords":["embed","design system","vouch-uikit","svelte","uikit"],"author":{"url":"https://vouchau.github.io/vouch-uikit","name":"Vouch Dev Team","email":"hello@vouchfor.com"},"license":"MIT","_id":"@vouchfor/uikit@4.6.6","maintainers":[{"name":"vouch-tech","email":"brian@vouchfor.com"}],"homepage":"https://vouchau.github.io/vouch-uikit","bugs":{"url":"https://github.com/VouchAU/vouch-uikit/issues"},"dist":{"shasum":"266ac2251fcfdb0561c87dd95f913c503199baec","tarball":"https://registry.npmjs.org/@vouchfor/uikit/-/uikit-4.6.6.tgz","fileCount":213,"integrity":"sha512-F/Rgwulnnxik0j4HjeaQfAuOukdyNTRDBRfPNKTxv15haGgVubZENGghL1dC9qd8HmdWehFdaKOcPmrM6nKaYg==","signatures":[{"sig":"MEQCIApAJ7nIPrOLb3vLjYiCFlHPoThVCkk0AJ4Sh2Zn4+2zAiAT2IKa5I6hZbGm0262YoKyi7wYvzid1PY2nux+KRrwdQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":33395571,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJihedWACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmriWhAAm4bx5s9gSwIglF4FS+svkWsJfIjo5v/Rz2StiVPy7ujOCDge\r\n/YgBp2Tsvqgqws2GU06d63d8I7cIzd3W5uuZBlHltvKAtmbQ5FCWa+2sbTRC\r\ngHefHRq1y3ruFfS6cx4dr0EbBnO9G/mR7K2K7ZEgoNB+A5f5TCjFTr1iaviX\r\n8y3l11k3Nlt3ScmksGL7O6G5kOMleUq+JS89TrME9UMLSH9OS7WrIGfeim+R\r\nwMErAKmtJ307gYmd3plspmKyBzisGKFGNDCHDKd+WNU7yRc1ciMNjqnOuczS\r\nmab00TJ3RgeV13PUbOdoFTS69AMzPoBn4Zr6k/Fq8owxTSewAuUnKGsOT/un\r\n7XOXkB8Swm3sra0oMA0rOT3GeMxC/hoBIpTJ4B2wR2NPKavdqlRwQRUf2kod\r\nBwj061xtzXZNbW1MBv8EyZm2xyXiH4KWbCAFyvV2OvT5ASj0A+7H+0BXDoro\r\nL3gexR2NLYSbqzBqCt/jPJmTRgVhugyfgFUReSh38CNXLo5YDqmtxxai1ESH\r\n8wLNl2VyXTd2w/xzs7Tx4HGVfC5B8vkn5WqVRcho4IrH0HUzhmAe6hGNy0+8\r\nRRvAdGpgyotWgzbJdqFw2evCrhmnPptS2HXjYvaxLamv1WemMO1LaciCU8/S\r\nrj+4ZY2XbjfNtKwsr6jC3UhwHcp6KCknlQU=\r\n=xuPx\r\n-----END PGP SIGNATURE-----\r\n"},"type":"module","husky":{"hooks":{"pre-push":"yarn test --silent","pre-commit":"lint-staged"}},"types":"types.d.ts","engines":{"node":">=14.17.0"},"exports":{"./package.json":"./package.json","./embed/vouch-embed-all":{"import":"./embed/vouch-embed-all.js","default":"./embed/vouch-embed-all.js","require":"./embed/vouch-embed-all.cjs"},"./embed/vouch-embed-jumbo":{"import":"./embed/vouch-embed-jumbo.js","default":"./embed/vouch-embed-jumbo.js","require":"./embed/vouch-embed-jumbo.cjs"},"./embed/vouch-embed-all.js":"./embed/vouch-embed-all.js","./embed/vouch-embed-button":{"import":"./embed/vouch-embed-button.js","default":"./embed/vouch-embed-button.js","require":"./embed/vouch-embed-button.cjs"},"./components/vouch-recorder":{"import":"./components/vouch-recorder.js","default":"./components/vouch-recorder.js","require":"./components/vouch-recorder.cjs"},"./embed/vouch-embed-popover":{"import":"./embed/vouch-embed-popover.js","default":"./embed/vouch-embed-popover.js","require":"./embed/vouch-embed-popover.cjs"},"./components/vouch-icon-play":{"import":"./components/vouch-icon-play.js","default":"./components/vouch-icon-play.js","require":"./components/vouch-icon-play.cjs"},"./embed/vouch-embed-dialogue":{"import":"./embed/vouch-embed-dialogue.js","default":"./embed/vouch-embed-dialogue.js","require":"./embed/vouch-embed-dialogue.cjs"},"./components/vouch-brand-logo":{"import":"./components/vouch-brand-logo.js","default":"./components/vouch-brand-logo.js","require":"./components/vouch-brand-logo.cjs"},"./components/vouch-icon-close":{"import":"./components/vouch-icon-close.js","default":"./components/vouch-icon-close.js","require":"./components/vouch-icon-close.cjs"},"./components/vouch-icon-pause":{"import":"./components/vouch-icon-pause.js","default":"./components/vouch-icon-pause.js","require":"./components/vouch-icon-pause.cjs"},"./components/vouch-media-plyr":{"import":"./components/vouch-media-plyr.js","default":"./components/vouch-media-plyr.js","require":"./components/vouch-media-plyr.cjs"},"./components/vouch-water-mark":{"import":"./components/vouch-water-mark.js","default":"./components/vouch-water-mark.js","require":"./components/vouch-water-mark.cjs"},"./embed/vouch-embed-thumbnail":{"import":"./embed/vouch-embed-thumbnail.js","default":"./embed/vouch-embed-thumbnail.js","require":"./embed/vouch-embed-thumbnail.cjs"},"./embed/vouch-recorder-button":{"import":"./embed/vouch-recorder-button.js","default":"./embed/vouch-recorder-button.js","require":"./embed/vouch-recorder-button.cjs"},"./components/vouch-graphic-svg":{"import":"./components/vouch-graphic-svg.js","default":"./components/vouch-graphic-svg.js","require":"./components/vouch-graphic-svg.cjs"},"./embed/VouchEmbedJumbo.svelte":"./embed/VouchEmbedJumbo.svelte","./components/vouch-media-player":{"import":"./components/vouch-media-player.js","default":"./components/vouch-media-player.js","require":"./components/vouch-media-player.cjs"},"./embed/VouchEmbedButton.svelte":"./embed/VouchEmbedButton.svelte","./embed/VouchEmbedPopover.svelte":"./embed/VouchEmbedPopover.svelte","./components/VouchIconPlay.svelte":"./components/VouchIconPlay.svelte","./components/VouchRecorder.svelte":"./components/VouchRecorder.svelte","./embed/VouchEmbedDialogue.svelte":"./embed/VouchEmbedDialogue.svelte","./embed/vouch-embed-inline-player":{"import":"./embed/vouch-embed-inline-player.js","default":"./embed/vouch-embed-inline-player.js","require":"./embed/vouch-embed-inline-player.cjs"},"./components/VouchBrandLogo.svelte":"./components/VouchBrandLogo.svelte","./components/VouchIconClose.svelte":"./components/VouchIconClose.svelte","./components/VouchIconPause.svelte":"./components/VouchIconPause.svelte","./components/VouchMediaPlyr.svelte":"./components/VouchMediaPlyr.svelte","./components/VouchWaterMark.svelte":"./components/VouchWaterMark.svelte","./components/vouch-icon-arrow-left":{"import":"./components/vouch-icon-arrow-left.js","default":"./components/vouch-icon-arrow-left.js","require":"./components/vouch-icon-arrow-left.cjs"},"./embed/VouchEmbedThumbnail.svelte":"./embed/VouchEmbedThumbnail.svelte","./embed/VouchRecorderButton.svelte":"./embed/VouchRecorderButton.svelte","./components/VouchGraphicSvg.svelte":"./components/VouchGraphicSvg.svelte","./components/vouch-icon-arrow-right":{"import":"./components/vouch-icon-arrow-right.js","default":"./components/vouch-icon-arrow-right.js","require":"./components/vouch-icon-arrow-right.cjs"},"./components/VouchMediaPlayer.svelte":"./components/VouchMediaPlayer.svelte","./components/vouch-overlay-play-icon":{"import":"./components/vouch-overlay-play-icon.js","default":"./components/vouch-overlay-play-icon.js","require":"./components/vouch-overlay-play-icon.cjs"},"./embed/VouchEmbedInlinePlayer.svelte":"./embed/VouchEmbedInlinePlayer.svelte","./components/VouchIconArrowLeft.svelte":"./components/VouchIconArrowLeft.svelte","./components/VouchIconArrowRight.svelte":"./components/VouchIconArrowRight.svelte","./components/VouchOverlayPlayIcon.svelte":"./components/VouchOverlayPlayIcon.svelte"},"_npmUser":{"name":"vouch-tech","email":"brian@vouchfor.com"},"repository":{"url":"git+https://github.com/VouchAU/vouch-uikit.git","type":"git"},"_npmVersion":"6.14.13","description":"Vouch Svelte UIKit","directories":{},"lint-staged":{"*.{js,svelte}":"yarn lint"},"_nodeVersion":"14.17.0","dependencies":{"plyr":"^3.7.2","cookie":"^0.4.1","hls.js":"^1.1.5","core-js":"^3.16.3","postcss":"^7","@vime/core":"^5.3.1","tailwindcss":"npm:@tailwindcss/postcss7-compat","@lukeed/uuid":"^2.0.0","autoprefixer":"^9","whatwg-fetch":"^3.6.2","@fontsource/fira-mono":"^4.2.2"},"_hasShrinkwrap":false,"devDependencies":{"jest":"^27.0.6","path":"^0.12.7","husky":"4","tslib":"^2.0.0","dotenv":"^10.0.0","eslint":"^7.22.0","rollup":"^2.55.1","svelte":"^3.34.0","prettier":"~2.2.1","babel-jest":"^27.0.6","svelte2tsx":"^0.4.3","typescript":"^4.0.0","@babel/core":"^7.14.8","@types/jest":"^26.0.24","lint-staged":"^11.1.1","svelte-check":"^2.0.0","@sveltejs/kit":"next","@types/cookie":"^0.4.0","svelte-jester":"^1.8.1","svelte-loader":"^3.1.2","@babel/preset-env":"^7.14.9","@storybook/svelte":"^6.3.6","svelte-preprocess":"^4.0.0","rollup-plugin-svelte":"^7.1.0","rollup-plugin-terser":"^7.0.2","eslint-plugin-svelte3":"^3.2.0","@babel/runtime-corejs3":"^7.14.9","@rollup/plugin-replace":"^3.0.0","@storybook/addon-links":"^6.3.6","eslint-config-prettier":"^8.1.0","prettier-plugin-svelte":"^2.2.0","@rollup/plugin-commonjs":"^22.0.0","@testing-library/svelte":"^3.0.3","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@typescript-eslint/parser":"^4.19.0","@rollup/plugin-node-resolve":"^13.0.4","@storybook/addon-essentials":"^6.3.6","@typescript-eslint/eslint-plugin":"^4.19.0"},"_npmOperationalInternal":{"tmp":"tmp/uikit_4.6.6_1652942677876_0.011197263624558085","host":"s3://npm-registry-packages"}},"5.0.0":{"name":"@vouchfor/uikit","version":"5.0.0","keywords":["embed","design system","vouch-uikit","svelte","uikit"],"author":{"url":"https://vouchau.github.io/vouch-uikit","name":"Vouch Dev Team","email":"hello@vouchfor.com"},"license":"MIT","_id":"@vouchfor/uikit@5.0.0","maintainers":[{"name":"vouch-tech","email":"brian@vouchfor.com"}],"homepage":"https://vouchau.github.io/vouch-uikit","bugs":{"url":"https://github.com/VouchAU/vouch-uikit/issues"},"dist":{"shasum":"ed252528e8b53ea4bfb1b85da83c8ad9b5ca645c","tarball":"https://registry.npmjs.org/@vouchfor/uikit/-/uikit-5.0.0.tgz","fileCount":202,"integrity":"sha512-g6Rau0mqJZ2SAaWsfqpVNKQ+XVWIYZCvSwWftqMvckv2dCaoj/40/GmjQ7SkZbgngCom7kwCwAyEvMlLyb8gTg==","signatures":[{"sig":"MEUCIQCVmXZK1YuRY1dYFRQgGIg4cBBkPfDrDzEyxVvUPi3weAIgR5zFisDttrCXR9lNAn5+j8bf4g8q5GcdYnqKqzxeihg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65804013,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJihtDkACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpZXhAAh0o+1HPAST9ZyyIC8jZA0SZXu1RagtqnZtY0fV1P19bGRU5P\r\nTVpoJhtpMvOgOkhzQCJRRi20vakfurloCr4xqMTOVMMNNkZ/jdTJIOV8fY/n\r\nd6hVgp8nSI1X9hWh8gWQkfWp3m8jVIg5pjvqAQPPgyfVxVtaBKcuDT10caoP\r\nOc97IiO9lC1Kq9bEg+jFwQqC0qV7QGXLcPd8uM4e7mj61nqMScd7PeRo8wAu\r\nwiV8nhUGWc1zit/2mKA5AAgb3yaIgyMUeLXy4ZExtw+S57H2xQuYvFeaqjry\r\nI9BnfiiDTNa5s3UOlOZIa1F36zr1ZiCOEd33OVyjV6znP9mmQJ2HGclO2ZX6\r\nGe1Z4SJFqwAjHYUYKU+A2qS0dYQC4757eCaunAA7aAtkBKPHu29+538BUFNl\r\nGKnLfY2Eci5NW5JcFCp/PB67TPWgdKAFboZ9zkPc5HTG/hCB1Ahf6cU4xY3F\r\nNM2pUU7ONr+n7E0iSy3QE15nv5LfIDBckq/nm9n2ncFK9CgLjTUO9PFSEztP\r\nQPPLdVu+GoXQ+lN/4YxizIZN/e8nyPsPk1Vf103OmeoppJaMVFDJo26d+aZv\r\nb4CIUYhyznq65noKc+4IhspECJ1U6Wj8ayh0AOoRcoeS8isu+/HSDocNcetv\r\nokYhS8leI7g/v9W7kZ4WNTfw4XowEALE3oE=\r\n=F2+1\r\n-----END PGP SIGNATURE-----\r\n"},"type":"module","husky":{"hooks":{"pre-push":"yarn test --silent","pre-commit":"lint-staged"}},"types":"types.d.ts","readme":"# Vouch UIKit\n\n- [Get Started](#get-started)\n - [Storybook](#storybook)\n - [Build package](#build-package)\n - [Test package locally with vouch-app](#test-package-locally-with-vouch-app)\n - [Publish to npm](#publish-to-npm)\n - [Purge npm cache](#purge-npm-cached-tags)\n- [Update vouch-app](#update-vouch-app)\n - [development](#development-devvouchforcom)\n - [staging](#staging-stagingvouchforcom)\n - [production](#production-appvouchforcom)\n\n**Vouch UIKit** consists of `2 libraries` and `1 application`\n\n```bash\n└── src\n ├── lib\n │ ├── components # Design System Components (Web Component)\n │ │ ├── VouchBrandLogo.svelte\n │ │ ...\n │ │\n │ └── embed # embed Components (Web Component)\n │ │ ├── VouchEmbedInlinePlayer.svelte\n │ ...\n │\n │\n ├── routes # vouch public embed link (https://embed.vouchfor.com)\n │ ├── __layout.svelte\n │ ├── index.svelte\n │ ├── about.svelte\n │ ...\n │\n ├── app.css\n └── app.html\n```\n\n# Get Started\n\nEnsure you have node `14.17.0` installed on your machine, for example via [nvm](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/TERMINAL.md#install-nvm), run `nvm ls` to check\n\n```bash\nnvm ls 14\n```\n\nyou should see output if you have the version installed\n\n```bash\n-> v14.17.0\n```\n\nensure you have [git ssh](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/GITHUB.md) setup locally before you clone the repo\n\n```bash\ngit clone git@github.com:VouchAU/vouch-uikit.git\n```\n\ninstall dependencies\n\n```bash\ncd vouch-uikit\nyarn\n```\n\n## Storybook\n\nhttps://designsystem.vouchfor.com/\n\nStorybook is hosted on GitHub page `gh-pages` branch (Domain name is configured on **Cloudflare**) and deployed automatically via **GitHub Action** every time changes are merged back to `master`.\n\nLocal dev\n\n```bash\nyarn storybook\n```\n\nbuild storybook\n\n```bash\nyarn build-storybook\n```\n\n## Build package\n\nBuild `src/lib` production/beta/alpha package, make sure you change `version` in `package.json` for three different build tags.\n\n```sh\ncd vouch-uikit\n...\nyarn package:alpha # development\nyarn package:beta # staging\nyarn package # production\n```\n\n## Test package locally with `vouch-app`\n\nOnce you build the `npm` package, you can test locally with `vouch-app` to ensure everything works as expected before publishing to `npm`\n\nAssuming you build a package according [Build package](#build-package), now you can create a symlink to your local package\n\n```sh\ncd package\nyarn link\n```\n\nyou should see this if successfully linked\n\n```sh\nyarn link v1.22.10\nsuccess Registered \"@vouchfor/uikit\".\ninfo You can now run `yarn link \"@vouchfor/uikit\"` in the projects where you want to use this package and it will be used instead.\n✨ Done in 0.04s.\n```\n\ngo to `vouch-app` folder and switch to the branch you want to test against with then link the local package\n\n```sh\ncd vouch-app\ngit checkout VCH-222\nyarn link @vouchfor/uikit\nyarn dev\n```\n\nVoilà, you are testing your feature branch with the local uikit package and don't forget to roll back after testing\n\n```sh\ncd vouch-app\nyarn unlink @vouchfor/uikit\n...\ncd vouch-uikit/package\nyarn unlink\n```\n\n## Publish to `npm`\n\n> Note you will need to log in `vouch-tech` on your terminal before publishing, credential is shared via 1Password.\n\n```bash\nnpm login\n...\n```\n\n```bash\ncd package\n...\nnpm publish --access public --tag alpha # development\nnpm publish --access public --tag beta # staging\nnpm publish --access public # production\n```\n\n## Purge `jsdelivr` cache\n\n`@vouchfor/uikit` is most likely consumed by **tag**, `alpha`, `beta` and `latest`, not version number to ensure clients can always get the latest updates. [jsdelivr](https://cdn.jsdelivr.net/) default has 7 days cache for `tag`, so we need to purge it to reflect new version number.\n\n- Check current tag version number\n\n - [Click to check Alpha](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@alpha/)\n - [Click to check Beta](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@beta/)\n - [Click to check Production](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n- Purge cache\n - [Click to purge Alpha](https://purge.jsdelivr.net/npm/@vouchfor/uikit@alpha/)\n - [Click to purge Beta](https://purge.jsdelivr.net/npm/@vouchfor/uikit@beta/)\n - **_Danger_** [Click to purge Production](https://purge.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n### Purge specific bundle.js\n\nOur embed code snippet `src` attribute currently refers to a specific embed bundle js , for example\n\n```html\n\n
\n```\n\nIn this case, you will need to purge the bundle file specifically by providing absolute path\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/embed/{filename}.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/components/{filename}.bundle.js\n```\n\nfor example,\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@alpha/embed/vouch-embed-inline-player.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@beta/embed/vouch-embed-inline-player.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/embed/vouch-embed-inline-player.bundle.js\n```\n\n## Unit test\n\n```bash\nyarn test\n```\n\nupdate snapshot\n\n```bash\nyarn test -u\n```\n\n# Update `vouch-app`\n\n`@vouchfor/uikit` is a dependency of `vouch-app` for embeds and UI components, follow the below steps to publish NPM package and update `package.json` dependency in `vouch-app`.\n\n> Each PR should bump the minor version in `package.json` in order to push new version to NPM. e.g. `\"version\": \"3.9.0\"` in `main` branch, you should bump to `\"version\": \"3.10.0\"` in your branch.\n\n> The major version should only be used for releasing breaking changes. e.g. `3.0.0`, `4.0.0`\n\n## Development (`dev.vouchfor.com`)\n\nAssuming your branch bumped version in `package.json` to\n\n```json\n\"version\": \"3.10.0\"\n```\n\n### Bump patch version number\n\nEnsure your patch version number isn't used, e.g. if `3.10.0` was published before, bump to `3.10.1`.\n\n### Build and publish\n\n```sh\nyarn package:alpha\ncd package\nnpm publish --access public --tag alpha\n```\n\nMake sure you purge NPM CDN cache for package, see [Purge npm cached tags](#purge-npm-cached-tags)\n\n### Update dependency in `vouch-app`\n\nEnsure you already cloned [vouch-app](https://github.com/VouchAU/vouch-app.git) locally then switch to the folder.\n\n```sh\ncd vouch-app\ngit checkout development\ngit pull\ngit merge feature/VCH-111 # Optional, only when you have code change dependency in vouch-app as well\nyarn upgrade @vouchfor/uikit@alpha\n```\n\nAfter upgrade, you should see version updates in both `package.json` and `yarn.lock`, but due to a known issue of `yarn`, please do these before committing changes\n\n- Manually roll back `package.json` (should always `\"@vouchfor/uikit\": \"alpha\"` for `development`).\n- run `yarn` again to update `yarn.lock`\n\n```sh\ngit commit -m \"Bumped uikit version\"\ngit push\n```\n\n## Staging (`staging.vouchfor.com`)\n\nUpdate `staging` environment is the same as [Development](#development-devvouchforcom) but remember to change cmd to `staging` specific\n\n```sh\nyarn package:beta\n```\n\n```sh\nnpm publish --access public --tag beta\n```\n\n```sh\ncd vouch-app\ngit checkout staging\ngit pull\ngit merge feature/VCH-111 # Optional, only when you have code change dependency in vouch-app as well\nyarn upgrade @vouchfor/uikit@beta\n```\n\n## Production (`app.vouchfor.com`)\n\nOne thing different when release to production, since `master` branch can only be merged by PRs (after code review), so you will need to run `yarn upgrade @vouchfor/uikit@latest` under you feature branch and commit **before merging the PR**.\n\n```sh\ngit checkout feature/VCH-111\nyarn upgrade upgrade @vouchfor/uikit@latest\ngit commit -m \"Bumped uikit version\"\ngit push\n```\n\n> When you run above cmd, your PR should be ready to merge (reviewed and QA tested)\n","engines":{"node":">=14.17.0"},"exports":{"./package.json":"./package.json","./embed/vouch-embed-all":{"import":"./embed/vouch-embed-all.js","default":"./embed/vouch-embed-all.js","require":"./embed/vouch-embed-all.cjs"},"./embed/vouch-embed-jumbo":{"import":"./embed/vouch-embed-jumbo.js","default":"./embed/vouch-embed-jumbo.js","require":"./embed/vouch-embed-jumbo.cjs"},"./embed/vouch-embed-all.js":"./embed/vouch-embed-all.js","./embed/vouch-embed-button":{"import":"./embed/vouch-embed-button.js","default":"./embed/vouch-embed-button.js","require":"./embed/vouch-embed-button.cjs"},"./components/vouch-recorder":{"import":"./components/vouch-recorder.js","default":"./components/vouch-recorder.js","require":"./components/vouch-recorder.cjs"},"./embed/vouch-embed-popover":{"import":"./embed/vouch-embed-popover.js","default":"./embed/vouch-embed-popover.js","require":"./embed/vouch-embed-popover.cjs"},"./components/vouch-icon-play":{"import":"./components/vouch-icon-play.js","default":"./components/vouch-icon-play.js","require":"./components/vouch-icon-play.cjs"},"./embed/vouch-embed-dialogue":{"import":"./embed/vouch-embed-dialogue.js","default":"./embed/vouch-embed-dialogue.js","require":"./embed/vouch-embed-dialogue.cjs"},"./components/vouch-brand-logo":{"import":"./components/vouch-brand-logo.js","default":"./components/vouch-brand-logo.js","require":"./components/vouch-brand-logo.cjs"},"./components/vouch-icon-close":{"import":"./components/vouch-icon-close.js","default":"./components/vouch-icon-close.js","require":"./components/vouch-icon-close.cjs"},"./components/vouch-icon-pause":{"import":"./components/vouch-icon-pause.js","default":"./components/vouch-icon-pause.js","require":"./components/vouch-icon-pause.cjs"},"./components/vouch-media-plyr":{"import":"./components/vouch-media-plyr.js","default":"./components/vouch-media-plyr.js","require":"./components/vouch-media-plyr.cjs"},"./components/vouch-water-mark":{"import":"./components/vouch-water-mark.js","default":"./components/vouch-water-mark.js","require":"./components/vouch-water-mark.cjs"},"./embed/vouch-embed-thumbnail":{"import":"./embed/vouch-embed-thumbnail.js","default":"./embed/vouch-embed-thumbnail.js","require":"./embed/vouch-embed-thumbnail.cjs"},"./embed/vouch-recorder-button":{"import":"./embed/vouch-recorder-button.js","default":"./embed/vouch-recorder-button.js","require":"./embed/vouch-recorder-button.cjs"},"./components/vouch-graphic-svg":{"import":"./components/vouch-graphic-svg.js","default":"./components/vouch-graphic-svg.js","require":"./components/vouch-graphic-svg.cjs"},"./embed/VouchEmbedJumbo.svelte":"./embed/VouchEmbedJumbo.svelte","./embed/VouchEmbedButton.svelte":"./embed/VouchEmbedButton.svelte","./embed/VouchEmbedPopover.svelte":"./embed/VouchEmbedPopover.svelte","./components/VouchIconPlay.svelte":"./components/VouchIconPlay.svelte","./components/VouchRecorder.svelte":"./components/VouchRecorder.svelte","./embed/VouchEmbedDialogue.svelte":"./embed/VouchEmbedDialogue.svelte","./embed/vouch-embed-inline-player":{"import":"./embed/vouch-embed-inline-player.js","default":"./embed/vouch-embed-inline-player.js","require":"./embed/vouch-embed-inline-player.cjs"},"./components/VouchBrandLogo.svelte":"./components/VouchBrandLogo.svelte","./components/VouchIconClose.svelte":"./components/VouchIconClose.svelte","./components/VouchIconPause.svelte":"./components/VouchIconPause.svelte","./components/VouchMediaPlyr.svelte":"./components/VouchMediaPlyr.svelte","./components/VouchWaterMark.svelte":"./components/VouchWaterMark.svelte","./components/vouch-icon-arrow-left":{"import":"./components/vouch-icon-arrow-left.js","default":"./components/vouch-icon-arrow-left.js","require":"./components/vouch-icon-arrow-left.cjs"},"./embed/VouchEmbedThumbnail.svelte":"./embed/VouchEmbedThumbnail.svelte","./embed/VouchRecorderButton.svelte":"./embed/VouchRecorderButton.svelte","./components/VouchGraphicSvg.svelte":"./components/VouchGraphicSvg.svelte","./components/vouch-icon-arrow-right":{"import":"./components/vouch-icon-arrow-right.js","default":"./components/vouch-icon-arrow-right.js","require":"./components/vouch-icon-arrow-right.cjs"},"./components/vouch-overlay-play-icon":{"import":"./components/vouch-overlay-play-icon.js","default":"./components/vouch-overlay-play-icon.js","require":"./components/vouch-overlay-play-icon.cjs"},"./embed/VouchEmbedInlinePlayer.svelte":"./embed/VouchEmbedInlinePlayer.svelte","./components/VouchIconArrowLeft.svelte":"./components/VouchIconArrowLeft.svelte","./components/VouchIconArrowRight.svelte":"./components/VouchIconArrowRight.svelte","./components/VouchOverlayPlayIcon.svelte":"./components/VouchOverlayPlayIcon.svelte"},"_npmUser":{"name":"vouch-tech","email":"brian@vouchfor.com"},"repository":{"url":"git+https://github.com/VouchAU/vouch-uikit.git","type":"git"},"_npmVersion":"6.14.13","description":"Vouch Svelte UIKit","directories":{},"lint-staged":{"*.{js,svelte}":"yarn lint"},"_nodeVersion":"14.17.0","dependencies":{"plyr":"^3.7.2","cookie":"^0.4.1","hls.js":"^1.1.5","core-js":"^3.16.3","postcss":"^7","@vime/core":"^5.3.1","tailwindcss":"npm:@tailwindcss/postcss7-compat","@lukeed/uuid":"^2.0.0","autoprefixer":"^9","whatwg-fetch":"^3.6.2","@fontsource/fira-mono":"^4.2.2"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^27.0.6","path":"^0.12.7","husky":"4","tslib":"^2.0.0","dotenv":"^10.0.0","eslint":"^7.22.0","rollup":"^2.55.1","svelte":"^3.34.0","prettier":"~2.2.1","babel-jest":"^27.0.6","svelte2tsx":"^0.4.3","typescript":"^4.0.0","@babel/core":"^7.14.8","@types/jest":"^26.0.24","lint-staged":"^11.1.1","svelte-check":"^2.0.0","@sveltejs/kit":"next","@types/cookie":"^0.4.0","svelte-jester":"^1.8.1","svelte-loader":"^3.1.2","@babel/preset-env":"^7.14.9","@storybook/svelte":"^6.3.6","svelte-preprocess":"^4.0.0","rollup-plugin-svelte":"^7.1.0","rollup-plugin-terser":"^7.0.2","eslint-plugin-svelte3":"^3.2.0","@babel/runtime-corejs3":"^7.14.9","@rollup/plugin-replace":"^3.0.0","@storybook/addon-links":"^6.3.6","eslint-config-prettier":"^8.1.0","prettier-plugin-svelte":"^2.2.0","@rollup/plugin-commonjs":"^22.0.0","@testing-library/svelte":"^3.0.3","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@typescript-eslint/parser":"^4.19.0","@rollup/plugin-node-resolve":"^13.0.4","@storybook/addon-essentials":"^6.3.6","@typescript-eslint/eslint-plugin":"^4.19.0"},"_npmOperationalInternal":{"tmp":"tmp/uikit_5.0.0_1653002467959_0.20799684304948873","host":"s3://npm-registry-packages"}},"5.0.1":{"name":"@vouchfor/uikit","version":"5.0.1","keywords":["embed","design system","vouch-uikit","svelte","uikit"],"author":{"url":"https://vouchau.github.io/vouch-uikit","name":"Vouch Dev Team","email":"hello@vouchfor.com"},"license":"MIT","_id":"@vouchfor/uikit@5.0.1","maintainers":[{"name":"vouch-tech","email":"brian@vouchfor.com"}],"homepage":"https://vouchau.github.io/vouch-uikit","bugs":{"url":"https://github.com/VouchAU/vouch-uikit/issues"},"dist":{"shasum":"963569ffd869b8f41b040c53be8a781c618d47b8","tarball":"https://registry.npmjs.org/@vouchfor/uikit/-/uikit-5.0.1.tgz","fileCount":202,"integrity":"sha512-uGB/fmGAG2bnUm/T5CIdhXIlLfueMWjkHbyEWpc35YAJlhz0vTHLBKa/jC9p01l35dyqWXdftQMXtbUpQmo5PQ==","signatures":[{"sig":"MEUCIQDtYmxJHsMVrf9fXTxVKOo3lfHRLk6bznJgY+xOia2neAIgf9jfcy3V/rb4KLGOFZdZLXk6ofnx8sLjoVmA15y5lvo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65817156,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJihvW+ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpYdw/7BWc1321O6dXS0IiMROVxS5ittKFWR7ysCTQE8p3+paQhoXJc\r\nnAA0PL9qus2LEHHGxcUTmNtgVknCs5IOl5+atV4P6aVUgUpSAAdqBMvl8vvU\r\nbYMcO9Ya8BDRpmqQ7jNWpLyW+kiFnmCduTWsoy/OHvTa8h7o4+wA/IJG1saq\r\nrbzsQfHyn6WYhayZUsuR2FgMcoGxrDWp5WSaikJ3hAXOxIhblCeV1v573Ppw\r\nPgOJ7MpVdGmPsMZFOlnvS/rLr3GNMitk+VBcbfdVw4CJUItN2A29ozAd8YrW\r\n2YQ5hxQb39iNCgoSH9aHzT2lx2I38Ips8SkBdLXbyrgh28Lw/bM49g9fdWJP\r\ns2tLPfHCkid06sTYvJ96guiMUZKGlGp7+Dtve67hyqxlxuGXOrjJkQPpp0sn\r\nE2DiOACUyytjueVF/mfqwp0yQGbeQyLp6dn3w7X3OmCLwl+U655wMgNwGnMo\r\n7Z4tta93kLbai9+8KvSN4/2r6XizJTY1lDim87fGf8Xcrsx5ipEhanftWaUA\r\ntG13/8eTvXuj8qcle3hrlIphuiJNfVniNeADUdNIc0Xpvxg+Kg13DFjgKD24\r\nkQ/LacCIhsYM9Oay/6e2srwHQG3rnB+vTX8sHNkHXrlhDJvM4R6YyEtoP/VM\r\nsekYBS7CPw/NisSRFgT9SCVwBW281rIEFOg=\r\n=AxMp\r\n-----END PGP SIGNATURE-----\r\n"},"type":"module","husky":{"hooks":{"pre-push":"yarn test --silent","pre-commit":"lint-staged"}},"types":"types.d.ts","readme":"# Vouch UIKit\n\n- [Get Started](#get-started)\n - [Storybook](#storybook)\n - [Build package](#build-package)\n - [Test package locally with vouch-app](#test-package-locally-with-vouch-app)\n - [Publish to npm](#publish-to-npm)\n - [Purge npm cache](#purge-npm-cached-tags)\n- [Update vouch-app](#update-vouch-app)\n - [development](#development-devvouchforcom)\n - [staging](#staging-stagingvouchforcom)\n - [production](#production-appvouchforcom)\n\n**Vouch UIKit** consists of `2 libraries` and `1 application`\n\n```bash\n└── src\n ├── lib\n │ ├── components # Design System Components (Web Component)\n │ │ ├── VouchBrandLogo.svelte\n │ │ ...\n │ │\n │ └── embed # embed Components (Web Component)\n │ │ ├── VouchEmbedInlinePlayer.svelte\n │ ...\n │\n │\n ├── routes # vouch public embed link (https://embed.vouchfor.com)\n │ ├── __layout.svelte\n │ ├── index.svelte\n │ ├── about.svelte\n │ ...\n │\n ├── app.css\n └── app.html\n```\n\n# Get Started\n\nEnsure you have node `14.17.0` installed on your machine, for example via [nvm](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/TERMINAL.md#install-nvm), run `nvm ls` to check\n\n```bash\nnvm ls 14\n```\n\nyou should see output if you have the version installed\n\n```bash\n-> v14.17.0\n```\n\nensure you have [git ssh](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/GITHUB.md) setup locally before you clone the repo\n\n```bash\ngit clone git@github.com:VouchAU/vouch-uikit.git\n```\n\ninstall dependencies\n\n```bash\ncd vouch-uikit\nyarn\n```\n\n## Storybook\n\nhttps://designsystem.vouchfor.com/\n\nStorybook is hosted on GitHub page `gh-pages` branch (Domain name is configured on **Cloudflare**) and deployed automatically via **GitHub Action** every time changes are merged back to `master`.\n\nLocal dev\n\n```bash\nyarn storybook\n```\n\nbuild storybook\n\n```bash\nyarn build-storybook\n```\n\n## Build package\n\nBuild `src/lib` production/beta/alpha package, make sure you change `version` in `package.json` for three different build tags.\n\n```sh\ncd vouch-uikit\n...\nyarn package:alpha # development\nyarn package:beta # staging\nyarn package # production\n```\n\n## Test package locally with `vouch-app`\n\nOnce you build the `npm` package, you can test locally with `vouch-app` to ensure everything works as expected before publishing to `npm`\n\nAssuming you build a package according [Build package](#build-package), now you can create a symlink to your local package\n\n```sh\ncd package\nyarn link\n```\n\nyou should see this if successfully linked\n\n```sh\nyarn link v1.22.10\nsuccess Registered \"@vouchfor/uikit\".\ninfo You can now run `yarn link \"@vouchfor/uikit\"` in the projects where you want to use this package and it will be used instead.\n✨ Done in 0.04s.\n```\n\ngo to `vouch-app` folder and switch to the branch you want to test against with then link the local package\n\n```sh\ncd vouch-app\ngit checkout VCH-222\nyarn link @vouchfor/uikit\nyarn dev\n```\n\nVoilà, you are testing your feature branch with the local uikit package and don't forget to roll back after testing\n\n```sh\ncd vouch-app\nyarn unlink @vouchfor/uikit\n...\ncd vouch-uikit/package\nyarn unlink\n```\n\n## Publish to `npm`\n\n> Note you will need to log in `vouch-tech` on your terminal before publishing, credential is shared via 1Password.\n\n```bash\nnpm login\n...\n```\n\n```bash\ncd package\n...\nnpm publish --access public --tag alpha # development\nnpm publish --access public --tag beta # staging\nnpm publish --access public # production\n```\n\n## Purge `jsdelivr` cache\n\n`@vouchfor/uikit` is most likely consumed by **tag**, `alpha`, `beta` and `latest`, not version number to ensure clients can always get the latest updates. [jsdelivr](https://cdn.jsdelivr.net/) default has 7 days cache for `tag`, so we need to purge it to reflect new version number.\n\n- Check current tag version number\n\n - [Click to check Alpha](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@alpha/)\n - [Click to check Beta](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@beta/)\n - [Click to check Production](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n- Purge cache\n - [Click to purge Alpha](https://purge.jsdelivr.net/npm/@vouchfor/uikit@alpha/)\n - [Click to purge Beta](https://purge.jsdelivr.net/npm/@vouchfor/uikit@beta/)\n - **_Danger_** [Click to purge Production](https://purge.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n### Purge specific bundle.js\n\nOur embed code snippet `src` attribute currently refers to a specific embed bundle js , for example\n\n```html\n\n
\n```\n\nIn this case, you will need to purge the bundle file specifically by providing absolute path\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/embed/{filename}.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/components/{filename}.bundle.js\n```\n\nfor example,\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@alpha/embed/vouch-embed-inline-player.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@beta/embed/vouch-embed-inline-player.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/embed/vouch-embed-inline-player.bundle.js\n```\n\n## Unit test\n\n```bash\nyarn test\n```\n\nupdate snapshot\n\n```bash\nyarn test -u\n```\n\n# Update `vouch-app`\n\n`@vouchfor/uikit` is a dependency of `vouch-app` for embeds and UI components, follow the below steps to publish NPM package and update `package.json` dependency in `vouch-app`.\n\n> Each PR should bump the minor version in `package.json` in order to push new version to NPM. e.g. `\"version\": \"3.9.0\"` in `main` branch, you should bump to `\"version\": \"3.10.0\"` in your branch.\n\n> The major version should only be used for releasing breaking changes. e.g. `3.0.0`, `4.0.0`\n\n## Development (`dev.vouchfor.com`)\n\nAssuming your branch bumped version in `package.json` to\n\n```json\n\"version\": \"3.10.0\"\n```\n\n### Bump patch version number\n\nEnsure your patch version number isn't used, e.g. if `3.10.0` was published before, bump to `3.10.1`.\n\n### Build and publish\n\n```sh\nyarn package:alpha\ncd package\nnpm publish --access public --tag alpha\n```\n\nMake sure you purge NPM CDN cache for package, see [Purge npm cached tags](#purge-npm-cached-tags)\n\n### Update dependency in `vouch-app`\n\nEnsure you already cloned [vouch-app](https://github.com/VouchAU/vouch-app.git) locally then switch to the folder.\n\n```sh\ncd vouch-app\ngit checkout development\ngit pull\ngit merge feature/VCH-111 # Optional, only when you have code change dependency in vouch-app as well\nyarn upgrade @vouchfor/uikit@alpha\n```\n\nAfter upgrade, you should see version updates in both `package.json` and `yarn.lock`, but due to a known issue of `yarn`, please do these before committing changes\n\n- Manually roll back `package.json` (should always `\"@vouchfor/uikit\": \"alpha\"` for `development`).\n- run `yarn` again to update `yarn.lock`\n\n```sh\ngit commit -m \"Bumped uikit version\"\ngit push\n```\n\n## Staging (`staging.vouchfor.com`)\n\nUpdate `staging` environment is the same as [Development](#development-devvouchforcom) but remember to change cmd to `staging` specific\n\n```sh\nyarn package:beta\n```\n\n```sh\nnpm publish --access public --tag beta\n```\n\n```sh\ncd vouch-app\ngit checkout staging\ngit pull\ngit merge feature/VCH-111 # Optional, only when you have code change dependency in vouch-app as well\nyarn upgrade @vouchfor/uikit@beta\n```\n\n## Production (`app.vouchfor.com`)\n\nOne thing different when release to production, since `master` branch can only be merged by PRs (after code review), so you will need to run `yarn upgrade @vouchfor/uikit@latest` under you feature branch and commit **before merging the PR**.\n\n```sh\ngit checkout feature/VCH-111\nyarn upgrade upgrade @vouchfor/uikit@latest\ngit commit -m \"Bumped uikit version\"\ngit push\n```\n\n> When you run above cmd, your PR should be ready to merge (reviewed and QA tested)\n","engines":{"node":">=14.17.0"},"exports":{"./package.json":"./package.json","./embed/vouch-embed-all":{"import":"./embed/vouch-embed-all.js","default":"./embed/vouch-embed-all.js","require":"./embed/vouch-embed-all.cjs"},"./embed/vouch-embed-jumbo":{"import":"./embed/vouch-embed-jumbo.js","default":"./embed/vouch-embed-jumbo.js","require":"./embed/vouch-embed-jumbo.cjs"},"./embed/vouch-embed-all.js":"./embed/vouch-embed-all.js","./embed/vouch-embed-button":{"import":"./embed/vouch-embed-button.js","default":"./embed/vouch-embed-button.js","require":"./embed/vouch-embed-button.cjs"},"./components/vouch-recorder":{"import":"./components/vouch-recorder.js","default":"./components/vouch-recorder.js","require":"./components/vouch-recorder.cjs"},"./embed/vouch-embed-popover":{"import":"./embed/vouch-embed-popover.js","default":"./embed/vouch-embed-popover.js","require":"./embed/vouch-embed-popover.cjs"},"./components/vouch-icon-play":{"import":"./components/vouch-icon-play.js","default":"./components/vouch-icon-play.js","require":"./components/vouch-icon-play.cjs"},"./embed/vouch-embed-dialogue":{"import":"./embed/vouch-embed-dialogue.js","default":"./embed/vouch-embed-dialogue.js","require":"./embed/vouch-embed-dialogue.cjs"},"./components/vouch-brand-logo":{"import":"./components/vouch-brand-logo.js","default":"./components/vouch-brand-logo.js","require":"./components/vouch-brand-logo.cjs"},"./components/vouch-icon-close":{"import":"./components/vouch-icon-close.js","default":"./components/vouch-icon-close.js","require":"./components/vouch-icon-close.cjs"},"./components/vouch-icon-pause":{"import":"./components/vouch-icon-pause.js","default":"./components/vouch-icon-pause.js","require":"./components/vouch-icon-pause.cjs"},"./components/vouch-media-plyr":{"import":"./components/vouch-media-plyr.js","default":"./components/vouch-media-plyr.js","require":"./components/vouch-media-plyr.cjs"},"./components/vouch-water-mark":{"import":"./components/vouch-water-mark.js","default":"./components/vouch-water-mark.js","require":"./components/vouch-water-mark.cjs"},"./embed/vouch-embed-thumbnail":{"import":"./embed/vouch-embed-thumbnail.js","default":"./embed/vouch-embed-thumbnail.js","require":"./embed/vouch-embed-thumbnail.cjs"},"./embed/vouch-recorder-button":{"import":"./embed/vouch-recorder-button.js","default":"./embed/vouch-recorder-button.js","require":"./embed/vouch-recorder-button.cjs"},"./components/vouch-graphic-svg":{"import":"./components/vouch-graphic-svg.js","default":"./components/vouch-graphic-svg.js","require":"./components/vouch-graphic-svg.cjs"},"./embed/VouchEmbedJumbo.svelte":"./embed/VouchEmbedJumbo.svelte","./embed/VouchEmbedButton.svelte":"./embed/VouchEmbedButton.svelte","./embed/VouchEmbedPopover.svelte":"./embed/VouchEmbedPopover.svelte","./components/VouchIconPlay.svelte":"./components/VouchIconPlay.svelte","./components/VouchRecorder.svelte":"./components/VouchRecorder.svelte","./embed/VouchEmbedDialogue.svelte":"./embed/VouchEmbedDialogue.svelte","./embed/vouch-embed-inline-player":{"import":"./embed/vouch-embed-inline-player.js","default":"./embed/vouch-embed-inline-player.js","require":"./embed/vouch-embed-inline-player.cjs"},"./components/VouchBrandLogo.svelte":"./components/VouchBrandLogo.svelte","./components/VouchIconClose.svelte":"./components/VouchIconClose.svelte","./components/VouchIconPause.svelte":"./components/VouchIconPause.svelte","./components/VouchMediaPlyr.svelte":"./components/VouchMediaPlyr.svelte","./components/VouchWaterMark.svelte":"./components/VouchWaterMark.svelte","./components/vouch-icon-arrow-left":{"import":"./components/vouch-icon-arrow-left.js","default":"./components/vouch-icon-arrow-left.js","require":"./components/vouch-icon-arrow-left.cjs"},"./embed/VouchEmbedThumbnail.svelte":"./embed/VouchEmbedThumbnail.svelte","./embed/VouchRecorderButton.svelte":"./embed/VouchRecorderButton.svelte","./components/VouchGraphicSvg.svelte":"./components/VouchGraphicSvg.svelte","./components/vouch-icon-arrow-right":{"import":"./components/vouch-icon-arrow-right.js","default":"./components/vouch-icon-arrow-right.js","require":"./components/vouch-icon-arrow-right.cjs"},"./components/vouch-overlay-play-icon":{"import":"./components/vouch-overlay-play-icon.js","default":"./components/vouch-overlay-play-icon.js","require":"./components/vouch-overlay-play-icon.cjs"},"./embed/VouchEmbedInlinePlayer.svelte":"./embed/VouchEmbedInlinePlayer.svelte","./components/VouchIconArrowLeft.svelte":"./components/VouchIconArrowLeft.svelte","./components/VouchIconArrowRight.svelte":"./components/VouchIconArrowRight.svelte","./components/VouchOverlayPlayIcon.svelte":"./components/VouchOverlayPlayIcon.svelte"},"_npmUser":{"name":"vouch-tech","email":"brian@vouchfor.com"},"repository":{"url":"git+https://github.com/VouchAU/vouch-uikit.git","type":"git"},"_npmVersion":"6.14.13","description":"Vouch Svelte UIKit","directories":{},"lint-staged":{"*.{js,svelte}":"yarn lint"},"_nodeVersion":"14.17.0","dependencies":{"plyr":"^3.7.2","cookie":"^0.4.1","hls.js":"^1.1.5","core-js":"^3.16.3","postcss":"^7","@vime/core":"^5.3.1","tailwindcss":"npm:@tailwindcss/postcss7-compat","@lukeed/uuid":"^2.0.0","autoprefixer":"^9","whatwg-fetch":"^3.6.2","@fontsource/fira-mono":"^4.2.2"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^27.0.6","path":"^0.12.7","husky":"4","tslib":"^2.0.0","dotenv":"^10.0.0","eslint":"^7.22.0","rollup":"^2.55.1","svelte":"^3.34.0","prettier":"~2.2.1","babel-jest":"^27.0.6","svelte2tsx":"^0.4.3","typescript":"^4.0.0","@babel/core":"^7.14.8","@types/jest":"^26.0.24","lint-staged":"^11.1.1","svelte-check":"^2.0.0","@sveltejs/kit":"next","@types/cookie":"^0.4.0","svelte-jester":"^1.8.1","svelte-loader":"^3.1.2","@babel/preset-env":"^7.14.9","@storybook/svelte":"^6.3.6","svelte-preprocess":"^4.0.0","rollup-plugin-svelte":"^7.1.0","rollup-plugin-terser":"^7.0.2","eslint-plugin-svelte3":"^3.2.0","@babel/runtime-corejs3":"^7.14.9","@rollup/plugin-replace":"^3.0.0","@storybook/addon-links":"^6.3.6","eslint-config-prettier":"^8.1.0","prettier-plugin-svelte":"^2.2.0","@rollup/plugin-commonjs":"^22.0.0","@testing-library/svelte":"^3.0.3","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@typescript-eslint/parser":"^4.19.0","@rollup/plugin-node-resolve":"^13.0.4","@storybook/addon-essentials":"^6.3.6","@typescript-eslint/eslint-plugin":"^4.19.0"},"_npmOperationalInternal":{"tmp":"tmp/uikit_5.0.1_1653011901972_0.19900441624922993","host":"s3://npm-registry-packages"}},"5.0.2":{"name":"@vouchfor/uikit","version":"5.0.2","keywords":["embed","design system","vouch-uikit","svelte","uikit"],"author":{"url":"https://vouchau.github.io/vouch-uikit","name":"Vouch Dev Team","email":"hello@vouchfor.com"},"license":"MIT","_id":"@vouchfor/uikit@5.0.2","maintainers":[{"name":"vouch-tech","email":"brian@vouchfor.com"}],"homepage":"https://vouchau.github.io/vouch-uikit","bugs":{"url":"https://github.com/VouchAU/vouch-uikit/issues"},"dist":{"shasum":"277f5fc63b5998f6dbe23d6f19316eaec8061127","tarball":"https://registry.npmjs.org/@vouchfor/uikit/-/uikit-5.0.2.tgz","fileCount":202,"integrity":"sha512-C7Yrye5blis3GUCHF43POt/GEq9ZmNNxmEKtWYRGMHhIjgecPrT4PPO8ymxIYHf772AGrcQjXJqz/W5GdkiglQ==","signatures":[{"sig":"MEQCID3AiKhgjBOb7kDQw5g/hfSvjmEfad8lKR+y3e5YiWozAiBUNIZYRB8gi9lFwvmkqYcASMaPfKO3DZ/Wrd93vx8MLA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65882168,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJihv1aACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo0Dg/8CSPo04+RWgqIEoXeKwQrZOdk4INtv9DPoGOCkqUajxD5Qb6W\r\nEwTBAwFXtI6w5oq3eKrOd910/f8xN/9eyBDaVXwkWrTd55W7GNoHfUS8gGnv\r\nEvUsA0uQtsAMLfX1UeZzW9dGfxx7b5qvitVW4p+9J6HmvXAfe3xXOVb0U5dd\r\ngA9jU4R8UxCsSDMyCSoFIFmNUzvo+mzxEOuKcjKN2HOovV+hP17tajx+nMdy\r\nGhznvcEf8jgKL8kLS8ARyUlZrWEOdMyHjmIWzaKicApRzDpGn3qxMQGUFjnJ\r\ntw7llCfWSW2SoWROWUrZ77pXPP2lkzQfUqe+ekt199NRmgwC8baNVEgMx00P\r\n+EL9+wGYOH/5XCbe12cgN8Qpn+FgJs6gPypQUEUudsMoii1DnIkjOqhCk337\r\nnYZpaHGWnPy/cM5hHjz3DITYb6Uw6Ie4QqZoNyWg16tsR48zhowzwGC5ZMNG\r\nqHiFfFZAhMJDTEIGEfEJkjL4INvpdvWV6GHdBXbLwIyYxN5gQfG21ctGpglp\r\n43RHGTyUijzc0whbGvjb5YH1ENhqF9hvtWzaiuimaZBFlokr+12BG0WriEYh\r\nH3qKDay5XXtrrWTy2HTlwST7UO4bkdG8ndmyCtE2fNJSr+TfLlJHGpj+yrFf\r\nZnSg7ycLhmv4Py+KO2DQ1KeqjT8jjRQr1X0=\r\n=Iyxc\r\n-----END PGP SIGNATURE-----\r\n"},"type":"module","husky":{"hooks":{"pre-push":"yarn test --silent","pre-commit":"lint-staged"}},"types":"types.d.ts","readme":"# Vouch UIKit\n\n- [Get Started](#get-started)\n - [Storybook](#storybook)\n - [Build package](#build-package)\n - [Test package locally with vouch-app](#test-package-locally-with-vouch-app)\n - [Publish to npm](#publish-to-npm)\n - [Purge npm cache](#purge-npm-cached-tags)\n- [Update vouch-app](#update-vouch-app)\n - [development](#development-devvouchforcom)\n - [staging](#staging-stagingvouchforcom)\n - [production](#production-appvouchforcom)\n\n**Vouch UIKit** consists of `2 libraries` and `1 application`\n\n```bash\n└── src\n ├── lib\n │ ├── components # Design System Components (Web Component)\n │ │ ├── VouchBrandLogo.svelte\n │ │ ...\n │ │\n │ └── embed # embed Components (Web Component)\n │ │ ├── VouchEmbedInlinePlayer.svelte\n │ ...\n │\n │\n ├── routes # vouch public embed link (https://embed.vouchfor.com)\n │ ├── __layout.svelte\n │ ├── index.svelte\n │ ├── about.svelte\n │ ...\n │\n ├── app.css\n └── app.html\n```\n\n# Get Started\n\nEnsure you have node `14.17.0` installed on your machine, for example via [nvm](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/TERMINAL.md#install-nvm), run `nvm ls` to check\n\n```bash\nnvm ls 14\n```\n\nyou should see output if you have the version installed\n\n```bash\n-> v14.17.0\n```\n\nensure you have [git ssh](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/GITHUB.md) setup locally before you clone the repo\n\n```bash\ngit clone git@github.com:VouchAU/vouch-uikit.git\n```\n\ninstall dependencies\n\n```bash\ncd vouch-uikit\nyarn\n```\n\n## Storybook\n\nhttps://designsystem.vouchfor.com/\n\nStorybook is hosted on GitHub page `gh-pages` branch (Domain name is configured on **Cloudflare**) and deployed automatically via **GitHub Action** every time changes are merged back to `master`.\n\nLocal dev\n\n```bash\nyarn storybook\n```\n\nbuild storybook\n\n```bash\nyarn build-storybook\n```\n\n## Build package\n\nBuild `src/lib` production/beta/alpha package, make sure you change `version` in `package.json` for three different build tags.\n\n```sh\ncd vouch-uikit\n...\nyarn package:alpha # development\nyarn package:beta # staging\nyarn package # production\n```\n\n## Test package locally with `vouch-app`\n\nOnce you build the `npm` package, you can test locally with `vouch-app` to ensure everything works as expected before publishing to `npm`\n\nAssuming you build a package according [Build package](#build-package), now you can create a symlink to your local package\n\n```sh\ncd package\nyarn link\n```\n\nyou should see this if successfully linked\n\n```sh\nyarn link v1.22.10\nsuccess Registered \"@vouchfor/uikit\".\ninfo You can now run `yarn link \"@vouchfor/uikit\"` in the projects where you want to use this package and it will be used instead.\n✨ Done in 0.04s.\n```\n\ngo to `vouch-app` folder and switch to the branch you want to test against with then link the local package\n\n```sh\ncd vouch-app\ngit checkout VCH-222\nyarn link @vouchfor/uikit\nyarn dev\n```\n\nVoilà, you are testing your feature branch with the local uikit package and don't forget to roll back after testing\n\n```sh\ncd vouch-app\nyarn unlink @vouchfor/uikit\n...\ncd vouch-uikit/package\nyarn unlink\n```\n\n## Publish to `npm`\n\n> Note you will need to log in `vouch-tech` on your terminal before publishing, credential is shared via 1Password.\n\n```bash\nnpm login\n...\n```\n\n```bash\ncd package\n...\nnpm publish --access public --tag alpha # development\nnpm publish --access public --tag beta # staging\nnpm publish --access public # production\n```\n\n## Purge `jsdelivr` cache\n\n`@vouchfor/uikit` is most likely consumed by **tag**, `alpha`, `beta` and `latest`, not version number to ensure clients can always get the latest updates. [jsdelivr](https://cdn.jsdelivr.net/) default has 7 days cache for `tag`, so we need to purge it to reflect new version number.\n\n- Check current tag version number\n\n - [Click to check Alpha](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@alpha/)\n - [Click to check Beta](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@beta/)\n - [Click to check Production](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n- Purge cache\n - [Click to purge Alpha](https://purge.jsdelivr.net/npm/@vouchfor/uikit@alpha/)\n - [Click to purge Beta](https://purge.jsdelivr.net/npm/@vouchfor/uikit@beta/)\n - **_Danger_** [Click to purge Production](https://purge.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n### Purge specific bundle.js\n\nOur embed code snippet `src` attribute currently refers to a specific embed bundle js , for example\n\n```html\n\n
\n```\n\nIn this case, you will need to purge the bundle file specifically by providing absolute path\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/embed/{filename}.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/components/{filename}.bundle.js\n```\n\nfor example,\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@alpha/embed/vouch-embed-inline-player.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@beta/embed/vouch-embed-inline-player.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/embed/vouch-embed-inline-player.bundle.js\n```\n\n## Unit test\n\n```bash\nyarn test\n```\n\nupdate snapshot\n\n```bash\nyarn test -u\n```\n\n# Update `vouch-app`\n\n`@vouchfor/uikit` is a dependency of `vouch-app` for embeds and UI components, follow the below steps to publish NPM package and update `package.json` dependency in `vouch-app`.\n\n> Each PR should bump the minor version in `package.json` in order to push new version to NPM. e.g. `\"version\": \"3.9.0\"` in `main` branch, you should bump to `\"version\": \"3.10.0\"` in your branch.\n\n> The major version should only be used for releasing breaking changes. e.g. `3.0.0`, `4.0.0`\n\n## Development (`dev.vouchfor.com`)\n\nAssuming your branch bumped version in `package.json` to\n\n```json\n\"version\": \"3.10.0\"\n```\n\n### Bump patch version number\n\nEnsure your patch version number isn't used, e.g. if `3.10.0` was published before, bump to `3.10.1`.\n\n### Build and publish\n\n```sh\nyarn package:alpha\ncd package\nnpm publish --access public --tag alpha\n```\n\nMake sure you purge NPM CDN cache for package, see [Purge npm cached tags](#purge-npm-cached-tags)\n\n### Update dependency in `vouch-app`\n\nEnsure you already cloned [vouch-app](https://github.com/VouchAU/vouch-app.git) locally then switch to the folder.\n\n```sh\ncd vouch-app\ngit checkout development\ngit pull\ngit merge feature/VCH-111 # Optional, only when you have code change dependency in vouch-app as well\nyarn upgrade @vouchfor/uikit@alpha\n```\n\nAfter upgrade, you should see version updates in both `package.json` and `yarn.lock`, but due to a known issue of `yarn`, please do these before committing changes\n\n- Manually roll back `package.json` (should always `\"@vouchfor/uikit\": \"alpha\"` for `development`).\n- run `yarn` again to update `yarn.lock`\n\n```sh\ngit commit -m \"Bumped uikit version\"\ngit push\n```\n\n## Staging (`staging.vouchfor.com`)\n\nUpdate `staging` environment is the same as [Development](#development-devvouchforcom) but remember to change cmd to `staging` specific\n\n```sh\nyarn package:beta\n```\n\n```sh\nnpm publish --access public --tag beta\n```\n\n```sh\ncd vouch-app\ngit checkout staging\ngit pull\ngit merge feature/VCH-111 # Optional, only when you have code change dependency in vouch-app as well\nyarn upgrade @vouchfor/uikit@beta\n```\n\n## Production (`app.vouchfor.com`)\n\nOne thing different when release to production, since `master` branch can only be merged by PRs (after code review), so you will need to run `yarn upgrade @vouchfor/uikit@latest` under you feature branch and commit **before merging the PR**.\n\n```sh\ngit checkout feature/VCH-111\nyarn upgrade upgrade @vouchfor/uikit@latest\ngit commit -m \"Bumped uikit version\"\ngit push\n```\n\n> When you run above cmd, your PR should be ready to merge (reviewed and QA tested)\n","engines":{"node":">=14.17.0"},"exports":{"./package.json":"./package.json","./embed/vouch-embed-all":{"import":"./embed/vouch-embed-all.js","default":"./embed/vouch-embed-all.js","require":"./embed/vouch-embed-all.cjs"},"./embed/vouch-embed-jumbo":{"import":"./embed/vouch-embed-jumbo.js","default":"./embed/vouch-embed-jumbo.js","require":"./embed/vouch-embed-jumbo.cjs"},"./embed/vouch-embed-all.js":"./embed/vouch-embed-all.js","./embed/vouch-embed-button":{"import":"./embed/vouch-embed-button.js","default":"./embed/vouch-embed-button.js","require":"./embed/vouch-embed-button.cjs"},"./components/vouch-recorder":{"import":"./components/vouch-recorder.js","default":"./components/vouch-recorder.js","require":"./components/vouch-recorder.cjs"},"./embed/vouch-embed-popover":{"import":"./embed/vouch-embed-popover.js","default":"./embed/vouch-embed-popover.js","require":"./embed/vouch-embed-popover.cjs"},"./components/vouch-icon-play":{"import":"./components/vouch-icon-play.js","default":"./components/vouch-icon-play.js","require":"./components/vouch-icon-play.cjs"},"./embed/vouch-embed-dialogue":{"import":"./embed/vouch-embed-dialogue.js","default":"./embed/vouch-embed-dialogue.js","require":"./embed/vouch-embed-dialogue.cjs"},"./components/vouch-brand-logo":{"import":"./components/vouch-brand-logo.js","default":"./components/vouch-brand-logo.js","require":"./components/vouch-brand-logo.cjs"},"./components/vouch-icon-close":{"import":"./components/vouch-icon-close.js","default":"./components/vouch-icon-close.js","require":"./components/vouch-icon-close.cjs"},"./components/vouch-icon-pause":{"import":"./components/vouch-icon-pause.js","default":"./components/vouch-icon-pause.js","require":"./components/vouch-icon-pause.cjs"},"./components/vouch-media-plyr":{"import":"./components/vouch-media-plyr.js","default":"./components/vouch-media-plyr.js","require":"./components/vouch-media-plyr.cjs"},"./components/vouch-water-mark":{"import":"./components/vouch-water-mark.js","default":"./components/vouch-water-mark.js","require":"./components/vouch-water-mark.cjs"},"./embed/vouch-embed-thumbnail":{"import":"./embed/vouch-embed-thumbnail.js","default":"./embed/vouch-embed-thumbnail.js","require":"./embed/vouch-embed-thumbnail.cjs"},"./embed/vouch-recorder-button":{"import":"./embed/vouch-recorder-button.js","default":"./embed/vouch-recorder-button.js","require":"./embed/vouch-recorder-button.cjs"},"./components/vouch-graphic-svg":{"import":"./components/vouch-graphic-svg.js","default":"./components/vouch-graphic-svg.js","require":"./components/vouch-graphic-svg.cjs"},"./embed/VouchEmbedJumbo.svelte":"./embed/VouchEmbedJumbo.svelte","./embed/VouchEmbedButton.svelte":"./embed/VouchEmbedButton.svelte","./embed/VouchEmbedPopover.svelte":"./embed/VouchEmbedPopover.svelte","./components/VouchIconPlay.svelte":"./components/VouchIconPlay.svelte","./components/VouchRecorder.svelte":"./components/VouchRecorder.svelte","./embed/VouchEmbedDialogue.svelte":"./embed/VouchEmbedDialogue.svelte","./embed/vouch-embed-inline-player":{"import":"./embed/vouch-embed-inline-player.js","default":"./embed/vouch-embed-inline-player.js","require":"./embed/vouch-embed-inline-player.cjs"},"./components/VouchBrandLogo.svelte":"./components/VouchBrandLogo.svelte","./components/VouchIconClose.svelte":"./components/VouchIconClose.svelte","./components/VouchIconPause.svelte":"./components/VouchIconPause.svelte","./components/VouchMediaPlyr.svelte":"./components/VouchMediaPlyr.svelte","./components/VouchWaterMark.svelte":"./components/VouchWaterMark.svelte","./components/vouch-icon-arrow-left":{"import":"./components/vouch-icon-arrow-left.js","default":"./components/vouch-icon-arrow-left.js","require":"./components/vouch-icon-arrow-left.cjs"},"./embed/VouchEmbedThumbnail.svelte":"./embed/VouchEmbedThumbnail.svelte","./embed/VouchRecorderButton.svelte":"./embed/VouchRecorderButton.svelte","./components/VouchGraphicSvg.svelte":"./components/VouchGraphicSvg.svelte","./components/vouch-icon-arrow-right":{"import":"./components/vouch-icon-arrow-right.js","default":"./components/vouch-icon-arrow-right.js","require":"./components/vouch-icon-arrow-right.cjs"},"./components/vouch-overlay-play-icon":{"import":"./components/vouch-overlay-play-icon.js","default":"./components/vouch-overlay-play-icon.js","require":"./components/vouch-overlay-play-icon.cjs"},"./embed/VouchEmbedInlinePlayer.svelte":"./embed/VouchEmbedInlinePlayer.svelte","./components/VouchIconArrowLeft.svelte":"./components/VouchIconArrowLeft.svelte","./components/VouchIconArrowRight.svelte":"./components/VouchIconArrowRight.svelte","./components/VouchOverlayPlayIcon.svelte":"./components/VouchOverlayPlayIcon.svelte"},"_npmUser":{"name":"vouch-tech","email":"brian@vouchfor.com"},"repository":{"url":"git+https://github.com/VouchAU/vouch-uikit.git","type":"git"},"_npmVersion":"6.14.13","description":"Vouch Svelte UIKit","directories":{},"lint-staged":{"*.{js,svelte}":"yarn lint"},"_nodeVersion":"14.17.0","dependencies":{"plyr":"^3.7.2","cookie":"^0.4.1","hls.js":"^1.1.5","core-js":"^3.16.3","postcss":"^7","@vime/core":"^5.3.1","tailwindcss":"npm:@tailwindcss/postcss7-compat","@lukeed/uuid":"^2.0.0","autoprefixer":"^9","whatwg-fetch":"^3.6.2","@fontsource/fira-mono":"^4.2.2"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^27.0.6","path":"^0.12.7","husky":"4","tslib":"^2.0.0","dotenv":"^10.0.0","eslint":"^7.22.0","rollup":"^2.55.1","svelte":"^3.34.0","prettier":"~2.2.1","babel-jest":"^27.0.6","svelte2tsx":"^0.4.3","typescript":"^4.0.0","@babel/core":"^7.14.8","@types/jest":"^26.0.24","lint-staged":"^11.1.1","svelte-check":"^2.0.0","@sveltejs/kit":"next","@types/cookie":"^0.4.0","svelte-jester":"^1.8.1","svelte-loader":"^3.1.2","@babel/preset-env":"^7.14.9","@storybook/svelte":"^6.3.6","svelte-preprocess":"^4.0.0","rollup-plugin-svelte":"^7.1.0","rollup-plugin-terser":"^7.0.2","eslint-plugin-svelte3":"^3.2.0","@babel/runtime-corejs3":"^7.14.9","@rollup/plugin-replace":"^3.0.0","@storybook/addon-links":"^6.3.6","eslint-config-prettier":"^8.1.0","prettier-plugin-svelte":"^2.2.0","@rollup/plugin-commonjs":"^22.0.0","@testing-library/svelte":"^3.0.3","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@typescript-eslint/parser":"^4.19.0","@rollup/plugin-node-resolve":"^13.0.4","@storybook/addon-essentials":"^6.3.6","@typescript-eslint/eslint-plugin":"^4.19.0"},"_npmOperationalInternal":{"tmp":"tmp/uikit_5.0.2_1653013850323_0.12534229235361427","host":"s3://npm-registry-packages"}},"5.0.3":{"name":"@vouchfor/uikit","version":"5.0.3","keywords":["embed","design system","vouch-uikit","svelte","uikit"],"author":{"url":"https://vouchau.github.io/vouch-uikit","name":"Vouch Dev Team","email":"hello@vouchfor.com"},"license":"MIT","_id":"@vouchfor/uikit@5.0.3","maintainers":[{"name":"vouch-tech","email":"brian@vouchfor.com"}],"homepage":"https://vouchau.github.io/vouch-uikit","bugs":{"url":"https://github.com/VouchAU/vouch-uikit/issues"},"dist":{"shasum":"83030ebe72bddf9be31fdffef3a0a840b8b03143","tarball":"https://registry.npmjs.org/@vouchfor/uikit/-/uikit-5.0.3.tgz","fileCount":202,"integrity":"sha512-ibaHt2SIN+bL56Fk7qyWOdh0lrTGL5+n1xcZWmJm/Fn4NZ+RYKLhvIsfOfPPC3cBXlqwDYKopk0ra4YuLvqR6g==","signatures":[{"sig":"MEYCIQD05ITcIO4Qf8dU6RLKBX8TXmHE0H72X4npuo0JtlWf2gIhAOD/RSb4d2Pf0X6agnMHly/rVBDrjwvAKAiqS9IAN0vL","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65840367,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiixfMACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr8Yg/+PDiesvQgSwyeW2s/kNhw3FCCFc8U/zaf1kvYW07JEN1G3mZE\r\nNrI7v21Vmne2Idf8DXnBP8gMMzsiNzSHnouDiOAMjrFFm1MSpiWaOjOpuaF8\r\nw99w4h73ZIv3gRIy6vX0LI2lYhDOjGqz+TsUF1QcWpNyOPCKGPnxpNLxvwCJ\r\n70k8Kv7sjQ2bK9yvPX7cj7uUyM7eTklS/qcOeJUu7Va2349i7GT7qliiew0X\r\nVGoeHpYtvbKaFTaXC/LaIyy2lZD/gAn598G970a1HG0dOTEcSpyxEO11b2K3\r\nZtbjmZ6U6dNevXcihLELDlmvVHyVoQm6FH6ZkRb9fHNZkDfXnnnTToNLRGVN\r\na6y/lx5h9g9+KmsUolkA7d44TZ7sQKxTwSKgRLUaSMWaEAFmdzJnO7TpLbog\r\nOk6APvX8458lvNmAYsaY/rEkxgMFK5q0UkjhzzXQU26D/vrzQEcEbVUeI/+d\r\n5fVry+V4SPMLnZiJL5A8lIbVVTAqjl5AcaQ/mw0Y0aOOUEdhd7w0i/sB7DYj\r\nZr+0XN0L7+e5IFWpWKkc3s4hBsgfcCDAE+xwNBS3prg2eN6UXVh+dFlp5qSE\r\nd8EzipjTMZsGZwQ0rq2X3d/KFq01O+ctGnwH2t62TZy3TLdHh9v2ta9/Tooe\r\nvy6dF34PdNMaymuzt9CeE1G5fGwAjEAQNbo=\r\n=HTS8\r\n-----END PGP SIGNATURE-----\r\n"},"type":"module","husky":{"hooks":{"pre-push":"yarn test --silent","pre-commit":"lint-staged"}},"types":"types.d.ts","readme":"# Vouch UIKit\n\n- [Get Started](#get-started)\n - [Storybook](#storybook)\n - [Build package](#build-package)\n - [Test package locally with vouch-app](#test-package-locally-with-vouch-app)\n - [Publish to npm](#publish-to-npm)\n - [Purge npm cache](#purge-npm-cached-tags)\n- [Update vouch-app](#update-vouch-app)\n - [development](#development-devvouchforcom)\n - [staging](#staging-stagingvouchforcom)\n - [production](#production-appvouchforcom)\n\n**Vouch UIKit** consists of `2 libraries` and `1 application`\n\n```bash\n└── src\n ├── lib\n │ ├── components # Design System Components (Web Component)\n │ │ ├── VouchBrandLogo.svelte\n │ │ ...\n │ │\n │ └── embed # embed Components (Web Component)\n │ │ ├── VouchEmbedInlinePlayer.svelte\n │ ...\n │\n │\n ├── routes # vouch public embed link (https://embed.vouchfor.com)\n │ ├── __layout.svelte\n │ ├── index.svelte\n │ ├── about.svelte\n │ ...\n │\n ├── app.css\n └── app.html\n```\n\n# Get Started\n\nEnsure you have node `14.17.0` installed on your machine, for example via [nvm](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/TERMINAL.md#install-nvm), run `nvm ls` to check\n\n```bash\nnvm ls 14\n```\n\nyou should see output if you have the version installed\n\n```bash\n-> v14.17.0\n```\n\nensure you have [git ssh](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/GITHUB.md) setup locally before you clone the repo\n\n```bash\ngit clone git@github.com:VouchAU/vouch-uikit.git\n```\n\ninstall dependencies\n\n```bash\ncd vouch-uikit\nyarn\n```\n\n## Storybook\n\nhttps://designsystem.vouchfor.com/\n\nStorybook is hosted on GitHub page `gh-pages` branch (Domain name is configured on **Cloudflare**) and deployed automatically via **GitHub Action** every time changes are merged back to `master`.\n\nLocal dev\n\n```bash\nyarn storybook\n```\n\nbuild storybook\n\n```bash\nyarn build-storybook\n```\n\n## Build package\n\nBuild `src/lib` production/beta/alpha package, make sure you change `version` in `package.json` for three different build tags.\n\n```sh\ncd vouch-uikit\n...\nyarn package:alpha # development\nyarn package:beta # staging\nyarn package # production\n```\n\n## Test package locally with `vouch-app`\n\nOnce you build the `npm` package, you can test locally with `vouch-app` to ensure everything works as expected before publishing to `npm`\n\nAssuming you build a package according [Build package](#build-package), now you can create a symlink to your local package\n\n```sh\ncd package\nyarn link\n```\n\nyou should see this if successfully linked\n\n```sh\nyarn link v1.22.10\nsuccess Registered \"@vouchfor/uikit\".\ninfo You can now run `yarn link \"@vouchfor/uikit\"` in the projects where you want to use this package and it will be used instead.\n✨ Done in 0.04s.\n```\n\ngo to `vouch-app` folder and switch to the branch you want to test against with then link the local package\n\n```sh\ncd vouch-app\ngit checkout VCH-222\nyarn link @vouchfor/uikit\nyarn dev\n```\n\nVoilà, you are testing your feature branch with the local uikit package and don't forget to roll back after testing\n\n```sh\ncd vouch-app\nyarn unlink @vouchfor/uikit\n...\ncd vouch-uikit/package\nyarn unlink\n```\n\n## Publish to `npm`\n\n> Note you will need to log in `vouch-tech` on your terminal before publishing, credential is shared via 1Password.\n\n```bash\nnpm login\n...\n```\n\n```bash\ncd package\n...\nnpm publish --access public --tag alpha # development\nnpm publish --access public --tag beta # staging\nnpm publish --access public # production\n```\n\n## Purge `jsdelivr` cache\n\n`@vouchfor/uikit` is most likely consumed by **tag**, `alpha`, `beta` and `latest`, not version number to ensure clients can always get the latest updates. [jsdelivr](https://cdn.jsdelivr.net/) default has 7 days cache for `tag`, so we need to purge it to reflect new version number.\n\n- Check current tag version number\n\n - [Click to check Alpha](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@alpha/)\n - [Click to check Beta](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@beta/)\n - [Click to check Production](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n- Purge cache\n - [Click to purge Alpha](https://purge.jsdelivr.net/npm/@vouchfor/uikit@alpha/)\n - [Click to purge Beta](https://purge.jsdelivr.net/npm/@vouchfor/uikit@beta/)\n - **_Danger_** [Click to purge Production](https://purge.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n### Purge specific bundle.js\n\nOur embed code snippet `src` attribute currently refers to a specific embed bundle js , for example\n\n```html\n\n
\n```\n\nIn this case, you will need to purge the bundle file specifically by providing absolute path\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/embed/{filename}.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/components/{filename}.bundle.js\n```\n\nfor example,\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@alpha/embed/vouch-embed-inline-player.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@beta/embed/vouch-embed-inline-player.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/embed/vouch-embed-inline-player.bundle.js\n```\n\n## Unit test\n\n```bash\nyarn test\n```\n\nupdate snapshot\n\n```bash\nyarn test -u\n```\n\n# Update `vouch-app`\n\n`@vouchfor/uikit` is a dependency of `vouch-app` for embeds and UI components, follow the below steps to publish NPM package and update `package.json` dependency in `vouch-app`.\n\n> Each PR should bump the minor version in `package.json` in order to push new version to NPM. e.g. `\"version\": \"3.9.0\"` in `main` branch, you should bump to `\"version\": \"3.10.0\"` in your branch.\n\n> The major version should only be used for releasing breaking changes. e.g. `3.0.0`, `4.0.0`\n\n## Development (`dev.vouchfor.com`)\n\nAssuming your branch bumped version in `package.json` to\n\n```json\n\"version\": \"3.10.0\"\n```\n\n### Bump patch version number\n\nEnsure your patch version number isn't used, e.g. if `3.10.0` was published before, bump to `3.10.1`.\n\n### Build and publish\n\n```sh\nyarn package:alpha\ncd package\nnpm publish --access public --tag alpha\n```\n\nMake sure you purge NPM CDN cache for package, see [Purge npm cached tags](#purge-npm-cached-tags)\n\n### Update dependency in `vouch-app`\n\nEnsure you already cloned [vouch-app](https://github.com/VouchAU/vouch-app.git) locally then switch to the folder.\n\n```sh\ncd vouch-app\ngit checkout development\ngit pull\ngit merge feature/VCH-111 # Optional, only when you have code change dependency in vouch-app as well\nyarn upgrade @vouchfor/uikit@alpha\n```\n\nAfter upgrade, you should see version updates in both `package.json` and `yarn.lock`, but due to a known issue of `yarn`, please do these before committing changes\n\n- Manually roll back `package.json` (should always `\"@vouchfor/uikit\": \"alpha\"` for `development`).\n- run `yarn` again to update `yarn.lock`\n\n```sh\ngit commit -m \"Bumped uikit version\"\ngit push\n```\n\n## Staging (`staging.vouchfor.com`)\n\nUpdate `staging` environment is the same as [Development](#development-devvouchforcom) but remember to change cmd to `staging` specific\n\n```sh\nyarn package:beta\n```\n\n```sh\nnpm publish --access public --tag beta\n```\n\n```sh\ncd vouch-app\ngit checkout staging\ngit pull\ngit merge feature/VCH-111 # Optional, only when you have code change dependency in vouch-app as well\nyarn upgrade @vouchfor/uikit@beta\n```\n\n## Production (`app.vouchfor.com`)\n\nOne thing different when release to production, since `master` branch can only be merged by PRs (after code review), so you will need to run `yarn upgrade @vouchfor/uikit@latest` under you feature branch and commit **before merging the PR**.\n\n```sh\ngit checkout feature/VCH-111\nyarn upgrade upgrade @vouchfor/uikit@latest\ngit commit -m \"Bumped uikit version\"\ngit push\n```\n\n> When you run above cmd, your PR should be ready to merge (reviewed and QA tested)\n","engines":{"node":">=14.17.0"},"exports":{"./package.json":"./package.json","./embed/vouch-embed-all":{"import":"./embed/vouch-embed-all.js","default":"./embed/vouch-embed-all.js","require":"./embed/vouch-embed-all.cjs"},"./embed/vouch-embed-jumbo":{"import":"./embed/vouch-embed-jumbo.js","default":"./embed/vouch-embed-jumbo.js","require":"./embed/vouch-embed-jumbo.cjs"},"./embed/vouch-embed-all.js":"./embed/vouch-embed-all.js","./embed/vouch-embed-button":{"import":"./embed/vouch-embed-button.js","default":"./embed/vouch-embed-button.js","require":"./embed/vouch-embed-button.cjs"},"./components/vouch-recorder":{"import":"./components/vouch-recorder.js","default":"./components/vouch-recorder.js","require":"./components/vouch-recorder.cjs"},"./embed/vouch-embed-popover":{"import":"./embed/vouch-embed-popover.js","default":"./embed/vouch-embed-popover.js","require":"./embed/vouch-embed-popover.cjs"},"./components/vouch-icon-play":{"import":"./components/vouch-icon-play.js","default":"./components/vouch-icon-play.js","require":"./components/vouch-icon-play.cjs"},"./embed/vouch-embed-dialogue":{"import":"./embed/vouch-embed-dialogue.js","default":"./embed/vouch-embed-dialogue.js","require":"./embed/vouch-embed-dialogue.cjs"},"./components/vouch-brand-logo":{"import":"./components/vouch-brand-logo.js","default":"./components/vouch-brand-logo.js","require":"./components/vouch-brand-logo.cjs"},"./components/vouch-icon-close":{"import":"./components/vouch-icon-close.js","default":"./components/vouch-icon-close.js","require":"./components/vouch-icon-close.cjs"},"./components/vouch-icon-pause":{"import":"./components/vouch-icon-pause.js","default":"./components/vouch-icon-pause.js","require":"./components/vouch-icon-pause.cjs"},"./components/vouch-media-plyr":{"import":"./components/vouch-media-plyr.js","default":"./components/vouch-media-plyr.js","require":"./components/vouch-media-plyr.cjs"},"./components/vouch-water-mark":{"import":"./components/vouch-water-mark.js","default":"./components/vouch-water-mark.js","require":"./components/vouch-water-mark.cjs"},"./embed/vouch-embed-thumbnail":{"import":"./embed/vouch-embed-thumbnail.js","default":"./embed/vouch-embed-thumbnail.js","require":"./embed/vouch-embed-thumbnail.cjs"},"./embed/vouch-recorder-button":{"import":"./embed/vouch-recorder-button.js","default":"./embed/vouch-recorder-button.js","require":"./embed/vouch-recorder-button.cjs"},"./components/vouch-graphic-svg":{"import":"./components/vouch-graphic-svg.js","default":"./components/vouch-graphic-svg.js","require":"./components/vouch-graphic-svg.cjs"},"./embed/VouchEmbedJumbo.svelte":"./embed/VouchEmbedJumbo.svelte","./embed/VouchEmbedButton.svelte":"./embed/VouchEmbedButton.svelte","./embed/VouchEmbedPopover.svelte":"./embed/VouchEmbedPopover.svelte","./components/VouchIconPlay.svelte":"./components/VouchIconPlay.svelte","./components/VouchRecorder.svelte":"./components/VouchRecorder.svelte","./embed/VouchEmbedDialogue.svelte":"./embed/VouchEmbedDialogue.svelte","./embed/vouch-embed-inline-player":{"import":"./embed/vouch-embed-inline-player.js","default":"./embed/vouch-embed-inline-player.js","require":"./embed/vouch-embed-inline-player.cjs"},"./components/VouchBrandLogo.svelte":"./components/VouchBrandLogo.svelte","./components/VouchIconClose.svelte":"./components/VouchIconClose.svelte","./components/VouchIconPause.svelte":"./components/VouchIconPause.svelte","./components/VouchMediaPlyr.svelte":"./components/VouchMediaPlyr.svelte","./components/VouchWaterMark.svelte":"./components/VouchWaterMark.svelte","./components/vouch-icon-arrow-left":{"import":"./components/vouch-icon-arrow-left.js","default":"./components/vouch-icon-arrow-left.js","require":"./components/vouch-icon-arrow-left.cjs"},"./embed/VouchEmbedThumbnail.svelte":"./embed/VouchEmbedThumbnail.svelte","./embed/VouchRecorderButton.svelte":"./embed/VouchRecorderButton.svelte","./components/VouchGraphicSvg.svelte":"./components/VouchGraphicSvg.svelte","./components/vouch-icon-arrow-right":{"import":"./components/vouch-icon-arrow-right.js","default":"./components/vouch-icon-arrow-right.js","require":"./components/vouch-icon-arrow-right.cjs"},"./components/vouch-overlay-play-icon":{"import":"./components/vouch-overlay-play-icon.js","default":"./components/vouch-overlay-play-icon.js","require":"./components/vouch-overlay-play-icon.cjs"},"./embed/VouchEmbedInlinePlayer.svelte":"./embed/VouchEmbedInlinePlayer.svelte","./components/VouchIconArrowLeft.svelte":"./components/VouchIconArrowLeft.svelte","./components/VouchIconArrowRight.svelte":"./components/VouchIconArrowRight.svelte","./components/VouchOverlayPlayIcon.svelte":"./components/VouchOverlayPlayIcon.svelte"},"_npmUser":{"name":"vouch-tech","email":"brian@vouchfor.com"},"repository":{"url":"git+https://github.com/VouchAU/vouch-uikit.git","type":"git"},"_npmVersion":"6.14.13","description":"Vouch Svelte UIKit","directories":{},"lint-staged":{"*.{js,svelte}":"yarn lint"},"_nodeVersion":"14.17.0","dependencies":{"plyr":"^3.7.2","cookie":"^0.4.1","hls.js":"^1.1.5","core-js":"^3.16.3","postcss":"^7","@vime/core":"^5.3.1","tailwindcss":"npm:@tailwindcss/postcss7-compat","@lukeed/uuid":"^2.0.0","autoprefixer":"^9","whatwg-fetch":"^3.6.2","@fontsource/fira-mono":"^4.2.2"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^27.0.6","path":"^0.12.7","husky":"4","tslib":"^2.0.0","dotenv":"^10.0.0","eslint":"^7.22.0","rollup":"^2.55.1","svelte":"^3.34.0","prettier":"~2.2.1","babel-jest":"^27.0.6","svelte2tsx":"^0.4.3","typescript":"^4.0.0","@babel/core":"^7.14.8","@types/jest":"^26.0.24","lint-staged":"^11.1.1","svelte-check":"^2.0.0","@sveltejs/kit":"next","@types/cookie":"^0.4.0","svelte-jester":"^1.8.1","svelte-loader":"^3.1.2","@babel/preset-env":"^7.14.9","@storybook/svelte":"^6.3.6","svelte-preprocess":"^4.0.0","rollup-plugin-svelte":"^7.1.0","rollup-plugin-terser":"^7.0.2","eslint-plugin-svelte3":"^3.2.0","@babel/runtime-corejs3":"^7.14.9","@rollup/plugin-replace":"^3.0.0","@storybook/addon-links":"^6.3.6","eslint-config-prettier":"^8.1.0","prettier-plugin-svelte":"^2.2.0","@rollup/plugin-commonjs":"^22.0.0","@testing-library/svelte":"^3.0.3","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@typescript-eslint/parser":"^4.19.0","@rollup/plugin-node-resolve":"^13.0.4","@storybook/addon-essentials":"^6.3.6","@typescript-eslint/eslint-plugin":"^4.19.0"},"_npmOperationalInternal":{"tmp":"tmp/uikit_5.0.3_1653282763428_0.1932953385334042","host":"s3://npm-registry-packages"}},"5.0.4":{"name":"@vouchfor/uikit","version":"5.0.4","keywords":["embed","design system","vouch-uikit","svelte","uikit"],"author":{"url":"https://vouchau.github.io/vouch-uikit","name":"Vouch Dev Team","email":"hello@vouchfor.com"},"license":"MIT","_id":"@vouchfor/uikit@5.0.4","maintainers":[{"name":"vouch-tech","email":"brian@vouchfor.com"}],"homepage":"https://vouchau.github.io/vouch-uikit","bugs":{"url":"https://github.com/VouchAU/vouch-uikit/issues"},"dist":{"shasum":"736a81308ece021b564492deb02724d398fd2653","tarball":"https://registry.npmjs.org/@vouchfor/uikit/-/uikit-5.0.4.tgz","fileCount":202,"integrity":"sha512-Oxgjza6C/j7eukVMlPuRqmfUe5Gc1Z7Ms1hbLyzmRRgb8YVCFhQpPLOFTltlaJA64nwXNOoH2U7T0MhzcCZcsw==","signatures":[{"sig":"MEUCIQCyxLjZ0lm5vZ7fkKUqJEBuYpRtg6BldJUa/qvjwqTZFQIgfkwJF6fd/6R/hLxyZS5yw+ksq7qJijr8WNht9BXV4iA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65905646,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiixkpACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpYnxAAoW7PNrVuQo0ma/zVN34zxixOU7nAbOvN6aPiWv5+Kd+L/GPS\r\nIDOPTHDrrsw5hIj3ruN889Y7i95X4sMgRpFiOfOWNcmdnZa6jGsQATMTKIMg\r\nj32LqRQfzEELEvr10mWmaULR4RhUNb9kqtAh+VBj7iyrlN+Pm4RvC1K663Xs\r\nk1JfPGfzKRaJU9ovV1+sSxV68qFb7osTNQ51hhOTTMrCmTIQ+4Y8N1DdVfuJ\r\nZ61flw50h+iUkVcvxaW/x6BJs69qs4VV1UN8lkuxMTqzkqXT1zv7A3feSngl\r\nEQ70MAzsYoWjshG6zhXFsNqwO/wyQDOpUv0IiG1C99cNJMEr5s2/jvPakB87\r\nXafKxtR6AFPPX8dGp38k2VIv2CyahxOyo5uXvPAcBp9u7UG/1pztqojK27G1\r\njryLsrfKLtLsiYlUwKlsS8dT9FBCIbA4IvqyqkFRDq6CesFKIfkszJbuXuAd\r\nEKSJQ/ezzYZdcFNK701wCPFoQOD1+9+vdKMl/+c+ckZ7+sXu0HhQxg6ELRNF\r\nKmkDNantWUjA+A956KnCrNKiPqBxF2yWNxDKi7BGiFlS6gavzoWnoeZi4Zj/\r\ncKIEWxnQvJoooZoXoX19HW9L4OsGnHcB6Kk0IdnWSvnxnyHGW0jYgVxY+0hb\r\ny7wrMAK68lixgNc93BTUB8QgMJEQEKCCPcw=\r\n=+DHh\r\n-----END PGP SIGNATURE-----\r\n"},"type":"module","husky":{"hooks":{"pre-push":"yarn test --silent","pre-commit":"lint-staged"}},"types":"types.d.ts","readme":"# Vouch UIKit\n\n- [Get Started](#get-started)\n - [Storybook](#storybook)\n - [Build package](#build-package)\n - [Test package locally with vouch-app](#test-package-locally-with-vouch-app)\n - [Publish to npm](#publish-to-npm)\n - [Purge npm cache](#purge-npm-cached-tags)\n- [Update vouch-app](#update-vouch-app)\n - [development](#development-devvouchforcom)\n - [staging](#staging-stagingvouchforcom)\n - [production](#production-appvouchforcom)\n\n**Vouch UIKit** consists of `2 libraries` and `1 application`\n\n```bash\n└── src\n ├── lib\n │ ├── components # Design System Components (Web Component)\n │ │ ├── VouchBrandLogo.svelte\n │ │ ...\n │ │\n │ └── embed # embed Components (Web Component)\n │ │ ├── VouchEmbedInlinePlayer.svelte\n │ ...\n │\n │\n ├── routes # vouch public embed link (https://embed.vouchfor.com)\n │ ├── __layout.svelte\n │ ├── index.svelte\n │ ├── about.svelte\n │ ...\n │\n ├── app.css\n └── app.html\n```\n\n# Get Started\n\nEnsure you have node `14.17.0` installed on your machine, for example via [nvm](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/TERMINAL.md#install-nvm), run `nvm ls` to check\n\n```bash\nnvm ls 14\n```\n\nyou should see output if you have the version installed\n\n```bash\n-> v14.17.0\n```\n\nensure you have [git ssh](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/GITHUB.md) setup locally before you clone the repo\n\n```bash\ngit clone git@github.com:VouchAU/vouch-uikit.git\n```\n\ninstall dependencies\n\n```bash\ncd vouch-uikit\nyarn\n```\n\n## Storybook\n\nhttps://designsystem.vouchfor.com/\n\nStorybook is hosted on GitHub page `gh-pages` branch (Domain name is configured on **Cloudflare**) and deployed automatically via **GitHub Action** every time changes are merged back to `master`.\n\nLocal dev\n\n```bash\nyarn storybook\n```\n\nbuild storybook\n\n```bash\nyarn build-storybook\n```\n\n## Build package\n\nBuild `src/lib` production/beta/alpha package, make sure you change `version` in `package.json` for three different build tags.\n\n```sh\ncd vouch-uikit\n...\nyarn package:alpha # development\nyarn package:beta # staging\nyarn package # production\n```\n\n## Test package locally with `vouch-app`\n\nOnce you build the `npm` package, you can test locally with `vouch-app` to ensure everything works as expected before publishing to `npm`\n\nAssuming you build a package according [Build package](#build-package), now you can create a symlink to your local package\n\n```sh\ncd package\nyarn link\n```\n\nyou should see this if successfully linked\n\n```sh\nyarn link v1.22.10\nsuccess Registered \"@vouchfor/uikit\".\ninfo You can now run `yarn link \"@vouchfor/uikit\"` in the projects where you want to use this package and it will be used instead.\n✨ Done in 0.04s.\n```\n\ngo to `vouch-app` folder and switch to the branch you want to test against with then link the local package\n\n```sh\ncd vouch-app\ngit checkout VCH-222\nyarn link @vouchfor/uikit\nyarn dev\n```\n\nVoilà, you are testing your feature branch with the local uikit package and don't forget to roll back after testing\n\n```sh\ncd vouch-app\nyarn unlink @vouchfor/uikit\n...\ncd vouch-uikit/package\nyarn unlink\n```\n\n## Publish to `npm`\n\n> Note you will need to log in `vouch-tech` on your terminal before publishing, credential is shared via 1Password.\n\n```bash\nnpm login\n...\n```\n\n```bash\ncd package\n...\nnpm publish --access public --tag alpha # development\nnpm publish --access public --tag beta # staging\nnpm publish --access public # production\n```\n\n## Purge `jsdelivr` cache\n\n`@vouchfor/uikit` is most likely consumed by **tag**, `alpha`, `beta` and `latest`, not version number to ensure clients can always get the latest updates. [jsdelivr](https://cdn.jsdelivr.net/) default has 7 days cache for `tag`, so we need to purge it to reflect new version number.\n\n- Check current tag version number\n\n - [Click to check Alpha](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@alpha/)\n - [Click to check Beta](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@beta/)\n - [Click to check Production](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n- Purge cache\n - [Click to purge Alpha](https://purge.jsdelivr.net/npm/@vouchfor/uikit@alpha/)\n - [Click to purge Beta](https://purge.jsdelivr.net/npm/@vouchfor/uikit@beta/)\n - **_Danger_** [Click to purge Production](https://purge.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n### Purge specific bundle.js\n\nOur embed code snippet `src` attribute currently refers to a specific embed bundle js , for example\n\n```html\n\n
\n```\n\nIn this case, you will need to purge the bundle file specifically by providing absolute path\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/embed/{filename}.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/components/{filename}.bundle.js\n```\n\nfor example,\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@alpha/embed/vouch-embed-inline-player.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@beta/embed/vouch-embed-inline-player.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/embed/vouch-embed-inline-player.bundle.js\n```\n\n## Unit test\n\n```bash\nyarn test\n```\n\nupdate snapshot\n\n```bash\nyarn test -u\n```\n\n# Update `vouch-app`\n\n`@vouchfor/uikit` is a dependency of `vouch-app` for embeds and UI components, follow the below steps to publish NPM package and update `package.json` dependency in `vouch-app`.\n\n> Each PR should bump the minor version in `package.json` in order to push new version to NPM. e.g. `\"version\": \"3.9.0\"` in `main` branch, you should bump to `\"version\": \"3.10.0\"` in your branch.\n\n> The major version should only be used for releasing breaking changes. e.g. `3.0.0`, `4.0.0`\n\n## Development (`dev.vouchfor.com`)\n\nAssuming your branch bumped version in `package.json` to\n\n```json\n\"version\": \"3.10.0\"\n```\n\n### Bump patch version number\n\nEnsure your patch version number isn't used, e.g. if `3.10.0` was published before, bump to `3.10.1`.\n\n### Build and publish\n\n```sh\nyarn package:alpha\ncd package\nnpm publish --access public --tag alpha\n```\n\nMake sure you purge NPM CDN cache for package, see [Purge npm cached tags](#purge-npm-cached-tags)\n\n### Update dependency in `vouch-app`\n\nEnsure you already cloned [vouch-app](https://github.com/VouchAU/vouch-app.git) locally then switch to the folder.\n\n```sh\ncd vouch-app\ngit checkout development\ngit pull\ngit merge feature/VCH-111 # Optional, only when you have code change dependency in vouch-app as well\nyarn upgrade @vouchfor/uikit@alpha\n```\n\nAfter upgrade, you should see version updates in both `package.json` and `yarn.lock`, but due to a known issue of `yarn`, please do these before committing changes\n\n- Manually roll back `package.json` (should always `\"@vouchfor/uikit\": \"alpha\"` for `development`).\n- run `yarn` again to update `yarn.lock`\n\n```sh\ngit commit -m \"Bumped uikit version\"\ngit push\n```\n\n## Staging (`staging.vouchfor.com`)\n\nUpdate `staging` environment is the same as [Development](#development-devvouchforcom) but remember to change cmd to `staging` specific\n\n```sh\nyarn package:beta\n```\n\n```sh\nnpm publish --access public --tag beta\n```\n\n```sh\ncd vouch-app\ngit checkout staging\ngit pull\ngit merge feature/VCH-111 # Optional, only when you have code change dependency in vouch-app as well\nyarn upgrade @vouchfor/uikit@beta\n```\n\n## Production (`app.vouchfor.com`)\n\nOne thing different when release to production, since `master` branch can only be merged by PRs (after code review), so you will need to run `yarn upgrade @vouchfor/uikit@latest` under you feature branch and commit **before merging the PR**.\n\n```sh\ngit checkout feature/VCH-111\nyarn upgrade upgrade @vouchfor/uikit@latest\ngit commit -m \"Bumped uikit version\"\ngit push\n```\n\n> When you run above cmd, your PR should be ready to merge (reviewed and QA tested)\n","engines":{"node":">=14.17.0"},"exports":{"./package.json":"./package.json","./embed/vouch-embed-all":{"import":"./embed/vouch-embed-all.js","default":"./embed/vouch-embed-all.js","require":"./embed/vouch-embed-all.cjs"},"./embed/vouch-embed-jumbo":{"import":"./embed/vouch-embed-jumbo.js","default":"./embed/vouch-embed-jumbo.js","require":"./embed/vouch-embed-jumbo.cjs"},"./embed/vouch-embed-all.js":"./embed/vouch-embed-all.js","./embed/vouch-embed-button":{"import":"./embed/vouch-embed-button.js","default":"./embed/vouch-embed-button.js","require":"./embed/vouch-embed-button.cjs"},"./components/vouch-recorder":{"import":"./components/vouch-recorder.js","default":"./components/vouch-recorder.js","require":"./components/vouch-recorder.cjs"},"./embed/vouch-embed-popover":{"import":"./embed/vouch-embed-popover.js","default":"./embed/vouch-embed-popover.js","require":"./embed/vouch-embed-popover.cjs"},"./components/vouch-icon-play":{"import":"./components/vouch-icon-play.js","default":"./components/vouch-icon-play.js","require":"./components/vouch-icon-play.cjs"},"./embed/vouch-embed-dialogue":{"import":"./embed/vouch-embed-dialogue.js","default":"./embed/vouch-embed-dialogue.js","require":"./embed/vouch-embed-dialogue.cjs"},"./components/vouch-brand-logo":{"import":"./components/vouch-brand-logo.js","default":"./components/vouch-brand-logo.js","require":"./components/vouch-brand-logo.cjs"},"./components/vouch-icon-close":{"import":"./components/vouch-icon-close.js","default":"./components/vouch-icon-close.js","require":"./components/vouch-icon-close.cjs"},"./components/vouch-icon-pause":{"import":"./components/vouch-icon-pause.js","default":"./components/vouch-icon-pause.js","require":"./components/vouch-icon-pause.cjs"},"./components/vouch-media-plyr":{"import":"./components/vouch-media-plyr.js","default":"./components/vouch-media-plyr.js","require":"./components/vouch-media-plyr.cjs"},"./components/vouch-water-mark":{"import":"./components/vouch-water-mark.js","default":"./components/vouch-water-mark.js","require":"./components/vouch-water-mark.cjs"},"./embed/vouch-embed-thumbnail":{"import":"./embed/vouch-embed-thumbnail.js","default":"./embed/vouch-embed-thumbnail.js","require":"./embed/vouch-embed-thumbnail.cjs"},"./embed/vouch-recorder-button":{"import":"./embed/vouch-recorder-button.js","default":"./embed/vouch-recorder-button.js","require":"./embed/vouch-recorder-button.cjs"},"./components/vouch-graphic-svg":{"import":"./components/vouch-graphic-svg.js","default":"./components/vouch-graphic-svg.js","require":"./components/vouch-graphic-svg.cjs"},"./embed/VouchEmbedJumbo.svelte":"./embed/VouchEmbedJumbo.svelte","./embed/VouchEmbedButton.svelte":"./embed/VouchEmbedButton.svelte","./embed/VouchEmbedPopover.svelte":"./embed/VouchEmbedPopover.svelte","./components/VouchIconPlay.svelte":"./components/VouchIconPlay.svelte","./components/VouchRecorder.svelte":"./components/VouchRecorder.svelte","./embed/VouchEmbedDialogue.svelte":"./embed/VouchEmbedDialogue.svelte","./embed/vouch-embed-inline-player":{"import":"./embed/vouch-embed-inline-player.js","default":"./embed/vouch-embed-inline-player.js","require":"./embed/vouch-embed-inline-player.cjs"},"./components/VouchBrandLogo.svelte":"./components/VouchBrandLogo.svelte","./components/VouchIconClose.svelte":"./components/VouchIconClose.svelte","./components/VouchIconPause.svelte":"./components/VouchIconPause.svelte","./components/VouchMediaPlyr.svelte":"./components/VouchMediaPlyr.svelte","./components/VouchWaterMark.svelte":"./components/VouchWaterMark.svelte","./components/vouch-icon-arrow-left":{"import":"./components/vouch-icon-arrow-left.js","default":"./components/vouch-icon-arrow-left.js","require":"./components/vouch-icon-arrow-left.cjs"},"./embed/VouchEmbedThumbnail.svelte":"./embed/VouchEmbedThumbnail.svelte","./embed/VouchRecorderButton.svelte":"./embed/VouchRecorderButton.svelte","./components/VouchGraphicSvg.svelte":"./components/VouchGraphicSvg.svelte","./components/vouch-icon-arrow-right":{"import":"./components/vouch-icon-arrow-right.js","default":"./components/vouch-icon-arrow-right.js","require":"./components/vouch-icon-arrow-right.cjs"},"./components/vouch-overlay-play-icon":{"import":"./components/vouch-overlay-play-icon.js","default":"./components/vouch-overlay-play-icon.js","require":"./components/vouch-overlay-play-icon.cjs"},"./embed/VouchEmbedInlinePlayer.svelte":"./embed/VouchEmbedInlinePlayer.svelte","./components/VouchIconArrowLeft.svelte":"./components/VouchIconArrowLeft.svelte","./components/VouchIconArrowRight.svelte":"./components/VouchIconArrowRight.svelte","./components/VouchOverlayPlayIcon.svelte":"./components/VouchOverlayPlayIcon.svelte"},"_npmUser":{"name":"vouch-tech","email":"brian@vouchfor.com"},"repository":{"url":"git+https://github.com/VouchAU/vouch-uikit.git","type":"git"},"_npmVersion":"6.14.13","description":"Vouch Svelte UIKit","directories":{},"lint-staged":{"*.{js,svelte}":"yarn lint"},"_nodeVersion":"14.17.0","dependencies":{"plyr":"^3.7.2","cookie":"^0.4.1","hls.js":"^1.1.5","core-js":"^3.16.3","postcss":"^7","@vime/core":"^5.3.1","tailwindcss":"npm:@tailwindcss/postcss7-compat","@lukeed/uuid":"^2.0.0","autoprefixer":"^9","whatwg-fetch":"^3.6.2","@fontsource/fira-mono":"^4.2.2"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^27.0.6","path":"^0.12.7","husky":"4","tslib":"^2.0.0","dotenv":"^10.0.0","eslint":"^7.22.0","rollup":"^2.55.1","svelte":"^3.34.0","prettier":"~2.2.1","babel-jest":"^27.0.6","svelte2tsx":"^0.4.3","typescript":"^4.0.0","@babel/core":"^7.14.8","@types/jest":"^26.0.24","lint-staged":"^11.1.1","svelte-check":"^2.0.0","@sveltejs/kit":"next","@types/cookie":"^0.4.0","svelte-jester":"^1.8.1","svelte-loader":"^3.1.2","@babel/preset-env":"^7.14.9","@storybook/svelte":"^6.3.6","svelte-preprocess":"^4.0.0","rollup-plugin-svelte":"^7.1.0","rollup-plugin-terser":"^7.0.2","eslint-plugin-svelte3":"^3.2.0","@babel/runtime-corejs3":"^7.14.9","@rollup/plugin-replace":"^3.0.0","@storybook/addon-links":"^6.3.6","eslint-config-prettier":"^8.1.0","prettier-plugin-svelte":"^2.2.0","@rollup/plugin-commonjs":"^22.0.0","@testing-library/svelte":"^3.0.3","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@typescript-eslint/parser":"^4.19.0","@rollup/plugin-node-resolve":"^13.0.4","@storybook/addon-essentials":"^6.3.6","@typescript-eslint/eslint-plugin":"^4.19.0"},"_npmOperationalInternal":{"tmp":"tmp/uikit_5.0.4_1653283113159_0.38470963914387246","host":"s3://npm-registry-packages"}},"5.0.5":{"name":"@vouchfor/uikit","version":"5.0.5","keywords":["embed","design system","vouch-uikit","svelte","uikit"],"author":{"url":"https://vouchau.github.io/vouch-uikit","name":"Vouch Dev Team","email":"hello@vouchfor.com"},"license":"MIT","_id":"@vouchfor/uikit@5.0.5","maintainers":[{"name":"vouch-tech","email":"brian@vouchfor.com"}],"homepage":"https://vouchau.github.io/vouch-uikit","bugs":{"url":"https://github.com/VouchAU/vouch-uikit/issues"},"dist":{"shasum":"4bbf6fc67ff29141d12cfa30d0b1e868bea6e5f7","tarball":"https://registry.npmjs.org/@vouchfor/uikit/-/uikit-5.0.5.tgz","fileCount":202,"integrity":"sha512-0NrHRkEyFlMRVcKUsetTiTK3O+sXcMikzEpr4KSqwFI3IC4iCoO4AEu8ACGSWKs2uhyuOqDg2cND9QedXrrZcg==","signatures":[{"sig":"MEYCIQD/BKowZdFdf7uj1CkyaKbWqel3MZ7IF5KlpFo43aJkDgIhAM2PyrynwizIdvaY5h5/Wjk6YCjxktWtXg1clDey2FP1","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65848350,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiizDqACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpSuxAAkQuzzLUqlJQ81k7bF4gyMJzonIgPKHJq0DSLirnTTP8VZjoK\r\nnvee6qM5QVqZktywnpx0asrrwBB/Zwei4HBW6FjMlafirtYvHnCsrB9Pilgy\r\nv8bbWTEzBoD9or1TAD/+uHvTihRFhYsdPKhavGIvU4s402d0P17FkfSEIXl7\r\nHLJV9sjWbOPcHGZ9vy5xBUHj/jy/Ga5t1mA9/aApmRaKPjjYgOint3KNoFU+\r\nMmnRXLusPydj82YG3zw+4UQ1DEBhRhImHRJVP6sCayUauF1m7BYTxHXMxIHb\r\nk+JwSqB6fOaXWcZtX9E34eJ/O/EWTUIU/5Bq0gjss4UXQRd3ezqK0Vt+QQyV\r\nwoMKWw6D3WyGGVaVTr+p7w5E2Lcva9gU7BtnR8reZnvBvjECCMPogKSLrTnj\r\n4w9s7Jmqna3KoOBJQvTl7YQTqGWcQ3HASkN2WMuxAgle9hNvjLla7if7xkGK\r\nk4a3ueh7t0jQDhM5jRmvPdZRUExJbEBHmFIJysCacrktZO45uau6b9pNpBLp\r\n08rm5nHmA++u8FrORjrhqmJ/ITr0YoVQKUjr1FXnFSupYfSmGBAvxDild0jR\r\n2cKUz6d2u//nDyJsmpns4MVQVP8MEc80lmM6twuPKD795thelIyclH4UXECq\r\n+w0ETyC5fA7JNYf7aHOjZhMlhxgo3xzVi8Y=\r\n=FcBw\r\n-----END PGP SIGNATURE-----\r\n"},"type":"module","husky":{"hooks":{"pre-push":"yarn test --silent","pre-commit":"lint-staged"}},"types":"types.d.ts","readme":"# Vouch UIKit\n\n- [Get Started](#get-started)\n - [Storybook](#storybook)\n - [Build package](#build-package)\n - [Test package locally with vouch-app](#test-package-locally-with-vouch-app)\n - [Publish to npm](#publish-to-npm)\n - [Purge npm cache](#purge-npm-cached-tags)\n- [Update vouch-app](#update-vouch-app)\n - [development](#development-devvouchforcom)\n - [staging](#staging-stagingvouchforcom)\n - [production](#production-appvouchforcom)\n\n**Vouch UIKit** consists of `2 libraries` and `1 application`\n\n```bash\n└── src\n ├── lib\n │ ├── components # Design System Components (Web Component)\n │ │ ├── VouchBrandLogo.svelte\n │ │ ...\n │ │\n │ └── embed # embed Components (Web Component)\n │ │ ├── VouchEmbedInlinePlayer.svelte\n │ ...\n │\n │\n ├── routes # vouch public embed link (https://embed.vouchfor.com)\n │ ├── __layout.svelte\n │ ├── index.svelte\n │ ├── about.svelte\n │ ...\n │\n ├── app.css\n └── app.html\n```\n\n# Get Started\n\nEnsure you have node `14.17.0` installed on your machine, for example via [nvm](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/TERMINAL.md#install-nvm), run `nvm ls` to check\n\n```bash\nnvm ls 14\n```\n\nyou should see output if you have the version installed\n\n```bash\n-> v14.17.0\n```\n\nensure you have [git ssh](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/GITHUB.md) setup locally before you clone the repo\n\n```bash\ngit clone git@github.com:VouchAU/vouch-uikit.git\n```\n\ninstall dependencies\n\n```bash\ncd vouch-uikit\nyarn\n```\n\n## Storybook\n\nhttps://designsystem.vouchfor.com/\n\nStorybook is hosted on GitHub page `gh-pages` branch (Domain name is configured on **Cloudflare**) and deployed automatically via **GitHub Action** every time changes are merged back to `master`.\n\nLocal dev\n\n```bash\nyarn storybook\n```\n\nbuild storybook\n\n```bash\nyarn build-storybook\n```\n\n## Build package\n\nBuild `src/lib` production/beta/alpha package, make sure you change `version` in `package.json` for three different build tags.\n\n```sh\ncd vouch-uikit\n...\nyarn package:alpha # development\nyarn package:beta # staging\nyarn package # production\n```\n\n## Test package locally with `vouch-app`\n\nOnce you build the `npm` package, you can test locally with `vouch-app` to ensure everything works as expected before publishing to `npm`\n\nAssuming you build a package according [Build package](#build-package), now you can create a symlink to your local package\n\n```sh\ncd package\nyarn link\n```\n\nyou should see this if successfully linked\n\n```sh\nyarn link v1.22.10\nsuccess Registered \"@vouchfor/uikit\".\ninfo You can now run `yarn link \"@vouchfor/uikit\"` in the projects where you want to use this package and it will be used instead.\n✨ Done in 0.04s.\n```\n\ngo to `vouch-app` folder and switch to the branch you want to test against with then link the local package\n\n```sh\ncd vouch-app\ngit checkout VCH-222\nyarn link @vouchfor/uikit\nyarn dev\n```\n\nVoilà, you are testing your feature branch with the local uikit package and don't forget to roll back after testing\n\n```sh\ncd vouch-app\nyarn unlink @vouchfor/uikit\n...\ncd vouch-uikit/package\nyarn unlink\n```\n\n## Publish to `npm`\n\n> Note you will need to log in `vouch-tech` on your terminal before publishing, credential is shared via 1Password.\n\n```bash\nnpm login\n...\n```\n\n```bash\ncd package\n...\nnpm publish --access public --tag alpha # development\nnpm publish --access public --tag beta # staging\nnpm publish --access public # production\n```\n\n## Purge `jsdelivr` cache\n\n`@vouchfor/uikit` is most likely consumed by **tag**, `alpha`, `beta` and `latest`, not version number to ensure clients can always get the latest updates. [jsdelivr](https://cdn.jsdelivr.net/) default has 7 days cache for `tag`, so we need to purge it to reflect new version number.\n\n- Check current tag version number\n\n - [Click to check Alpha](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@alpha/)\n - [Click to check Beta](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@beta/)\n - [Click to check Production](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n- Purge cache\n - [Click to purge Alpha](https://purge.jsdelivr.net/npm/@vouchfor/uikit@alpha/)\n - [Click to purge Beta](https://purge.jsdelivr.net/npm/@vouchfor/uikit@beta/)\n - **_Danger_** [Click to purge Production](https://purge.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n### Purge specific bundle.js\n\nOur embed code snippet `src` attribute currently refers to a specific embed bundle js , for example\n\n```html\n\n
\n```\n\nIn this case, you will need to purge the bundle file specifically by providing absolute path\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/embed/{filename}.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/components/{filename}.bundle.js\n```\n\nfor example,\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@alpha/embed/vouch-embed-inline-player.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@beta/embed/vouch-embed-inline-player.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/embed/vouch-embed-inline-player.bundle.js\n```\n\n## Unit test\n\n```bash\nyarn test\n```\n\nupdate snapshot\n\n```bash\nyarn test -u\n```\n\n# Update `vouch-app`\n\n`@vouchfor/uikit` is a dependency of `vouch-app` for embeds and UI components, follow the below steps to publish NPM package and update `package.json` dependency in `vouch-app`.\n\n> Each PR should bump the minor version in `package.json` in order to push new version to NPM. e.g. `\"version\": \"3.9.0\"` in `main` branch, you should bump to `\"version\": \"3.10.0\"` in your branch.\n\n> The major version should only be used for releasing breaking changes. e.g. `3.0.0`, `4.0.0`\n\n## Development (`dev.vouchfor.com`)\n\nAssuming your branch bumped version in `package.json` to\n\n```json\n\"version\": \"3.10.0\"\n```\n\n### Bump patch version number\n\nEnsure your patch version number isn't used, e.g. if `3.10.0` was published before, bump to `3.10.1`.\n\n### Build and publish\n\n```sh\nyarn package:alpha\ncd package\nnpm publish --access public --tag alpha\n```\n\nMake sure you purge NPM CDN cache for package, see [Purge npm cached tags](#purge-npm-cached-tags)\n\n### Update dependency in `vouch-app`\n\nEnsure you already cloned [vouch-app](https://github.com/VouchAU/vouch-app.git) locally then switch to the folder.\n\n```sh\ncd vouch-app\ngit checkout development\ngit pull\ngit merge feature/VCH-111 # Optional, only when you have code change dependency in vouch-app as well\nyarn upgrade @vouchfor/uikit@alpha\n```\n\nAfter upgrade, you should see version updates in both `package.json` and `yarn.lock`, but due to a known issue of `yarn`, please do these before committing changes\n\n- Manually roll back `package.json` (should always `\"@vouchfor/uikit\": \"alpha\"` for `development`).\n- run `yarn` again to update `yarn.lock`\n\n```sh\ngit commit -m \"Bumped uikit version\"\ngit push\n```\n\n## Staging (`staging.vouchfor.com`)\n\nUpdate `staging` environment is the same as [Development](#development-devvouchforcom) but remember to change cmd to `staging` specific\n\n```sh\nyarn package:beta\n```\n\n```sh\nnpm publish --access public --tag beta\n```\n\n```sh\ncd vouch-app\ngit checkout staging\ngit pull\ngit merge feature/VCH-111 # Optional, only when you have code change dependency in vouch-app as well\nyarn upgrade @vouchfor/uikit@beta\n```\n\n## Production (`app.vouchfor.com`)\n\nOne thing different when release to production, since `master` branch can only be merged by PRs (after code review), so you will need to run `yarn upgrade @vouchfor/uikit@latest` under you feature branch and commit **before merging the PR**.\n\n```sh\ngit checkout feature/VCH-111\nyarn upgrade upgrade @vouchfor/uikit@latest\ngit commit -m \"Bumped uikit version\"\ngit push\n```\n\n> When you run above cmd, your PR should be ready to merge (reviewed and QA tested)\n","engines":{"node":">=14.17.0"},"exports":{"./package.json":"./package.json","./embed/vouch-embed-all":{"import":"./embed/vouch-embed-all.js","default":"./embed/vouch-embed-all.js","require":"./embed/vouch-embed-all.cjs"},"./embed/vouch-embed-jumbo":{"import":"./embed/vouch-embed-jumbo.js","default":"./embed/vouch-embed-jumbo.js","require":"./embed/vouch-embed-jumbo.cjs"},"./embed/vouch-embed-all.js":"./embed/vouch-embed-all.js","./embed/vouch-embed-button":{"import":"./embed/vouch-embed-button.js","default":"./embed/vouch-embed-button.js","require":"./embed/vouch-embed-button.cjs"},"./components/vouch-recorder":{"import":"./components/vouch-recorder.js","default":"./components/vouch-recorder.js","require":"./components/vouch-recorder.cjs"},"./embed/vouch-embed-popover":{"import":"./embed/vouch-embed-popover.js","default":"./embed/vouch-embed-popover.js","require":"./embed/vouch-embed-popover.cjs"},"./components/vouch-icon-play":{"import":"./components/vouch-icon-play.js","default":"./components/vouch-icon-play.js","require":"./components/vouch-icon-play.cjs"},"./embed/vouch-embed-dialogue":{"import":"./embed/vouch-embed-dialogue.js","default":"./embed/vouch-embed-dialogue.js","require":"./embed/vouch-embed-dialogue.cjs"},"./components/vouch-brand-logo":{"import":"./components/vouch-brand-logo.js","default":"./components/vouch-brand-logo.js","require":"./components/vouch-brand-logo.cjs"},"./components/vouch-icon-close":{"import":"./components/vouch-icon-close.js","default":"./components/vouch-icon-close.js","require":"./components/vouch-icon-close.cjs"},"./components/vouch-icon-pause":{"import":"./components/vouch-icon-pause.js","default":"./components/vouch-icon-pause.js","require":"./components/vouch-icon-pause.cjs"},"./components/vouch-media-plyr":{"import":"./components/vouch-media-plyr.js","default":"./components/vouch-media-plyr.js","require":"./components/vouch-media-plyr.cjs"},"./components/vouch-water-mark":{"import":"./components/vouch-water-mark.js","default":"./components/vouch-water-mark.js","require":"./components/vouch-water-mark.cjs"},"./embed/vouch-embed-thumbnail":{"import":"./embed/vouch-embed-thumbnail.js","default":"./embed/vouch-embed-thumbnail.js","require":"./embed/vouch-embed-thumbnail.cjs"},"./embed/vouch-recorder-button":{"import":"./embed/vouch-recorder-button.js","default":"./embed/vouch-recorder-button.js","require":"./embed/vouch-recorder-button.cjs"},"./components/vouch-graphic-svg":{"import":"./components/vouch-graphic-svg.js","default":"./components/vouch-graphic-svg.js","require":"./components/vouch-graphic-svg.cjs"},"./embed/VouchEmbedJumbo.svelte":"./embed/VouchEmbedJumbo.svelte","./embed/VouchEmbedButton.svelte":"./embed/VouchEmbedButton.svelte","./embed/VouchEmbedPopover.svelte":"./embed/VouchEmbedPopover.svelte","./components/VouchIconPlay.svelte":"./components/VouchIconPlay.svelte","./components/VouchRecorder.svelte":"./components/VouchRecorder.svelte","./embed/VouchEmbedDialogue.svelte":"./embed/VouchEmbedDialogue.svelte","./embed/vouch-embed-inline-player":{"import":"./embed/vouch-embed-inline-player.js","default":"./embed/vouch-embed-inline-player.js","require":"./embed/vouch-embed-inline-player.cjs"},"./components/VouchBrandLogo.svelte":"./components/VouchBrandLogo.svelte","./components/VouchIconClose.svelte":"./components/VouchIconClose.svelte","./components/VouchIconPause.svelte":"./components/VouchIconPause.svelte","./components/VouchMediaPlyr.svelte":"./components/VouchMediaPlyr.svelte","./components/VouchWaterMark.svelte":"./components/VouchWaterMark.svelte","./components/vouch-icon-arrow-left":{"import":"./components/vouch-icon-arrow-left.js","default":"./components/vouch-icon-arrow-left.js","require":"./components/vouch-icon-arrow-left.cjs"},"./embed/VouchEmbedThumbnail.svelte":"./embed/VouchEmbedThumbnail.svelte","./embed/VouchRecorderButton.svelte":"./embed/VouchRecorderButton.svelte","./components/VouchGraphicSvg.svelte":"./components/VouchGraphicSvg.svelte","./components/vouch-icon-arrow-right":{"import":"./components/vouch-icon-arrow-right.js","default":"./components/vouch-icon-arrow-right.js","require":"./components/vouch-icon-arrow-right.cjs"},"./components/vouch-overlay-play-icon":{"import":"./components/vouch-overlay-play-icon.js","default":"./components/vouch-overlay-play-icon.js","require":"./components/vouch-overlay-play-icon.cjs"},"./embed/VouchEmbedInlinePlayer.svelte":"./embed/VouchEmbedInlinePlayer.svelte","./components/VouchIconArrowLeft.svelte":"./components/VouchIconArrowLeft.svelte","./components/VouchIconArrowRight.svelte":"./components/VouchIconArrowRight.svelte","./components/VouchOverlayPlayIcon.svelte":"./components/VouchOverlayPlayIcon.svelte"},"_npmUser":{"name":"vouch-tech","email":"brian@vouchfor.com"},"repository":{"url":"git+https://github.com/VouchAU/vouch-uikit.git","type":"git"},"_npmVersion":"6.14.13","description":"Vouch Svelte UIKit","directories":{},"lint-staged":{"*.{js,svelte}":"yarn lint"},"_nodeVersion":"14.17.0","dependencies":{"plyr":"^3.7.2","cookie":"^0.4.1","hls.js":"^1.1.5","core-js":"^3.16.3","postcss":"^7","@vime/core":"^5.3.1","tailwindcss":"npm:@tailwindcss/postcss7-compat","@lukeed/uuid":"^2.0.0","autoprefixer":"^9","whatwg-fetch":"^3.6.2","@fontsource/fira-mono":"^4.2.2"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^27.0.6","path":"^0.12.7","husky":"4","tslib":"^2.0.0","dotenv":"^10.0.0","eslint":"^7.22.0","rollup":"^2.55.1","svelte":"^3.34.0","prettier":"~2.2.1","babel-jest":"^27.0.6","svelte2tsx":"^0.4.3","typescript":"^4.0.0","@babel/core":"^7.14.8","@types/jest":"^26.0.24","lint-staged":"^11.1.1","svelte-check":"^2.0.0","@sveltejs/kit":"next","@types/cookie":"^0.4.0","svelte-jester":"^1.8.1","svelte-loader":"^3.1.2","@babel/preset-env":"^7.14.9","@storybook/svelte":"^6.3.6","svelte-preprocess":"^4.0.0","rollup-plugin-svelte":"^7.1.0","rollup-plugin-terser":"^7.0.2","eslint-plugin-svelte3":"^3.2.0","@babel/runtime-corejs3":"^7.14.9","@rollup/plugin-replace":"^3.0.0","@storybook/addon-links":"^6.3.6","eslint-config-prettier":"^8.1.0","prettier-plugin-svelte":"^2.2.0","@rollup/plugin-commonjs":"^22.0.0","@testing-library/svelte":"^3.0.3","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@typescript-eslint/parser":"^4.19.0","@rollup/plugin-node-resolve":"^13.0.4","@storybook/addon-essentials":"^6.3.6","@typescript-eslint/eslint-plugin":"^4.19.0"},"_npmOperationalInternal":{"tmp":"tmp/uikit_5.0.5_1653289193948_0.9430816780437845","host":"s3://npm-registry-packages"}},"5.0.6":{"name":"@vouchfor/uikit","version":"5.0.6","keywords":["embed","design system","vouch-uikit","svelte","uikit"],"author":{"url":"https://vouchau.github.io/vouch-uikit","name":"Vouch Dev Team","email":"hello@vouchfor.com"},"license":"MIT","_id":"@vouchfor/uikit@5.0.6","maintainers":[{"name":"vouch-tech","email":"brian@vouchfor.com"}],"homepage":"https://vouchau.github.io/vouch-uikit","bugs":{"url":"https://github.com/VouchAU/vouch-uikit/issues"},"dist":{"shasum":"ed753ab6d2ce79a7d56f14efba638eb97486d8e7","tarball":"https://registry.npmjs.org/@vouchfor/uikit/-/uikit-5.0.6.tgz","fileCount":202,"integrity":"sha512-bBtd3uwxpkP+VKK/e/kP4kOSgvLHgx0NfLj6V+KLVgmvPts2CSz7CXgJToXTx6gkmFWbWsa1RUhmW389WAjBiQ==","signatures":[{"sig":"MEUCIAmFs4k8IMGcoa+t/ek0dXzzqCC8TK3quvOGVpKDEVdBAiEAygOUDbvTFiC4q6ZVXeyDzCQgtp34zrUEE+1v49DR00E=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65913629,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiizGUACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoDhg/+Pyi5V/LMBxEzICB0XfHTuCclOzqWsfIJzz63vufxzShevC83\r\nAR3y1wM7+fyXYFAF+bk5whbWR6gGd/AnI9hpqxfNzetffl4qDx5oLXj/OmoT\r\nUp60LnUmIeiuuq7JUcgHYX7sDCWbDw1y0pG80LNEQblrwbTMK1yDpKdLlIt9\r\n9Wa4dbbm9JLdJYCvm85qeS6bw2+o1ycmw1G0WNYB60N02c9J/iMoh9QIcMkc\r\nz6r0JjPhDz+b57+YiB2E5nbBjO+2FtorOQhxsWHGuTmks8S0kofVRFLHxwV+\r\nHzRSbTw9VPI8OjV8HzzI7r5DzjOLjiCN+UgdQWo5d8BwXWvDy09gvOt1oZ4W\r\nQDBhCZYRbkBqoqE08EMyabEu2OgZyLmNkMVHCBV26CvElcOwZyhSvJusuSBW\r\nXerhDeH+yVPWD6nOaxchHU1fPRidK8AHv8dXiFK3gM8YAFVe7JdILVnoolsf\r\n1AzotL7ahlNAWUAQ+95Uu2NDjtwXnqrHJ5LNNeK0YGRIFliwsjj14AQT0nt5\r\nQFbWCS1Q6PpS3l2Mbaxwx7o4hGHma/Dt+Oo9rkqiKc7BO5HKasuIWAKOPTki\r\nnUdlmr0jMSTAyxxZxS0o9Nq9IGV7edTQ4teU/flw5PF7DR4pxhv1mOyDVR/G\r\nCW6l10TqXrKMHyeyeVrulSvlVVbEEWLD0OQ=\r\n=2iTB\r\n-----END PGP SIGNATURE-----\r\n"},"type":"module","husky":{"hooks":{"pre-push":"yarn test --silent","pre-commit":"lint-staged"}},"types":"types.d.ts","readme":"# Vouch UIKit\n\n- [Get Started](#get-started)\n - [Storybook](#storybook)\n - [Build package](#build-package)\n - [Test package locally with vouch-app](#test-package-locally-with-vouch-app)\n - [Publish to npm](#publish-to-npm)\n - [Purge npm cache](#purge-npm-cached-tags)\n- [Update vouch-app](#update-vouch-app)\n - [development](#development-devvouchforcom)\n - [staging](#staging-stagingvouchforcom)\n - [production](#production-appvouchforcom)\n\n**Vouch UIKit** consists of `2 libraries` and `1 application`\n\n```bash\n└── src\n ├── lib\n │ ├── components # Design System Components (Web Component)\n │ │ ├── VouchBrandLogo.svelte\n │ │ ...\n │ │\n │ └── embed # embed Components (Web Component)\n │ │ ├── VouchEmbedInlinePlayer.svelte\n │ ...\n │\n │\n ├── routes # vouch public embed link (https://embed.vouchfor.com)\n │ ├── __layout.svelte\n │ ├── index.svelte\n │ ├── about.svelte\n │ ...\n │\n ├── app.css\n └── app.html\n```\n\n# Get Started\n\nEnsure you have node `14.17.0` installed on your machine, for example via [nvm](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/TERMINAL.md#install-nvm), run `nvm ls` to check\n\n```bash\nnvm ls 14\n```\n\nyou should see output if you have the version installed\n\n```bash\n-> v14.17.0\n```\n\nensure you have [git ssh](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/GITHUB.md) setup locally before you clone the repo\n\n```bash\ngit clone git@github.com:VouchAU/vouch-uikit.git\n```\n\ninstall dependencies\n\n```bash\ncd vouch-uikit\nyarn\n```\n\n## Storybook\n\nhttps://designsystem.vouchfor.com/\n\nStorybook is hosted on GitHub page `gh-pages` branch (Domain name is configured on **Cloudflare**) and deployed automatically via **GitHub Action** every time changes are merged back to `master`.\n\nLocal dev\n\n```bash\nyarn storybook\n```\n\nbuild storybook\n\n```bash\nyarn build-storybook\n```\n\n## Build package\n\nBuild `src/lib` production/beta/alpha package, make sure you change `version` in `package.json` for three different build tags.\n\n```sh\ncd vouch-uikit\n...\nyarn package:alpha # development\nyarn package:beta # staging\nyarn package # production\n```\n\n## Test package locally with `vouch-app`\n\nOnce you build the `npm` package, you can test locally with `vouch-app` to ensure everything works as expected before publishing to `npm`\n\nAssuming you build a package according [Build package](#build-package), now you can create a symlink to your local package\n\n```sh\ncd package\nyarn link\n```\n\nyou should see this if successfully linked\n\n```sh\nyarn link v1.22.10\nsuccess Registered \"@vouchfor/uikit\".\ninfo You can now run `yarn link \"@vouchfor/uikit\"` in the projects where you want to use this package and it will be used instead.\n✨ Done in 0.04s.\n```\n\ngo to `vouch-app` folder and switch to the branch you want to test against with then link the local package\n\n```sh\ncd vouch-app\ngit checkout VCH-222\nyarn link @vouchfor/uikit\nyarn dev\n```\n\nVoilà, you are testing your feature branch with the local uikit package and don't forget to roll back after testing\n\n```sh\ncd vouch-app\nyarn unlink @vouchfor/uikit\n...\ncd vouch-uikit/package\nyarn unlink\n```\n\n## Publish to `npm`\n\n> Note you will need to log in `vouch-tech` on your terminal before publishing, credential is shared via 1Password.\n\n```bash\nnpm login\n...\n```\n\n```bash\ncd package\n...\nnpm publish --access public --tag alpha # development\nnpm publish --access public --tag beta # staging\nnpm publish --access public # production\n```\n\n## Purge `jsdelivr` cache\n\n`@vouchfor/uikit` is most likely consumed by **tag**, `alpha`, `beta` and `latest`, not version number to ensure clients can always get the latest updates. [jsdelivr](https://cdn.jsdelivr.net/) default has 7 days cache for `tag`, so we need to purge it to reflect new version number.\n\n- Check current tag version number\n\n - [Click to check Alpha](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@alpha/)\n - [Click to check Beta](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@beta/)\n - [Click to check Production](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n- Purge cache\n - [Click to purge Alpha](https://purge.jsdelivr.net/npm/@vouchfor/uikit@alpha/)\n - [Click to purge Beta](https://purge.jsdelivr.net/npm/@vouchfor/uikit@beta/)\n - **_Danger_** [Click to purge Production](https://purge.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n### Purge specific bundle.js\n\nOur embed code snippet `src` attribute currently refers to a specific embed bundle js , for example\n\n```html\n\n
\n```\n\nIn this case, you will need to purge the bundle file specifically by providing absolute path\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/embed/{filename}.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/components/{filename}.bundle.js\n```\n\nfor example,\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@alpha/embed/vouch-embed-inline-player.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@beta/embed/vouch-embed-inline-player.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/embed/vouch-embed-inline-player.bundle.js\n```\n\n## Unit test\n\n```bash\nyarn test\n```\n\nupdate snapshot\n\n```bash\nyarn test -u\n```\n\n# Update `vouch-app`\n\n`@vouchfor/uikit` is a dependency of `vouch-app` for embeds and UI components, follow the below steps to publish NPM package and update `package.json` dependency in `vouch-app`.\n\n> Each PR should bump the minor version in `package.json` in order to push new version to NPM. e.g. `\"version\": \"3.9.0\"` in `main` branch, you should bump to `\"version\": \"3.10.0\"` in your branch.\n\n> The major version should only be used for releasing breaking changes. e.g. `3.0.0`, `4.0.0`\n\n## Development (`dev.vouchfor.com`)\n\nAssuming your branch bumped version in `package.json` to\n\n```json\n\"version\": \"3.10.0\"\n```\n\n### Bump patch version number\n\nEnsure your patch version number isn't used, e.g. if `3.10.0` was published before, bump to `3.10.1`.\n\n### Build and publish\n\n```sh\nyarn package:alpha\ncd package\nnpm publish --access public --tag alpha\n```\n\nMake sure you purge NPM CDN cache for package, see [Purge npm cached tags](#purge-npm-cached-tags)\n\n### Update dependency in `vouch-app`\n\nEnsure you already cloned [vouch-app](https://github.com/VouchAU/vouch-app.git) locally then switch to the folder.\n\n```sh\ncd vouch-app\ngit checkout development\ngit pull\ngit merge feature/VCH-111 # Optional, only when you have code change dependency in vouch-app as well\nyarn upgrade @vouchfor/uikit@alpha\n```\n\nAfter upgrade, you should see version updates in both `package.json` and `yarn.lock`, but due to a known issue of `yarn`, please do these before committing changes\n\n- Manually roll back `package.json` (should always `\"@vouchfor/uikit\": \"alpha\"` for `development`).\n- run `yarn` again to update `yarn.lock`\n\n```sh\ngit commit -m \"Bumped uikit version\"\ngit push\n```\n\n## Staging (`staging.vouchfor.com`)\n\nUpdate `staging` environment is the same as [Development](#development-devvouchforcom) but remember to change cmd to `staging` specific\n\n```sh\nyarn package:beta\n```\n\n```sh\nnpm publish --access public --tag beta\n```\n\n```sh\ncd vouch-app\ngit checkout staging\ngit pull\ngit merge feature/VCH-111 # Optional, only when you have code change dependency in vouch-app as well\nyarn upgrade @vouchfor/uikit@beta\n```\n\n## Production (`app.vouchfor.com`)\n\nOne thing different when release to production, since `master` branch can only be merged by PRs (after code review), so you will need to run `yarn upgrade @vouchfor/uikit@latest` under you feature branch and commit **before merging the PR**.\n\n```sh\ngit checkout feature/VCH-111\nyarn upgrade upgrade @vouchfor/uikit@latest\ngit commit -m \"Bumped uikit version\"\ngit push\n```\n\n> When you run above cmd, your PR should be ready to merge (reviewed and QA tested)\n","engines":{"node":">=14.17.0"},"exports":{"./package.json":"./package.json","./embed/vouch-embed-all":{"import":"./embed/vouch-embed-all.js","default":"./embed/vouch-embed-all.js","require":"./embed/vouch-embed-all.cjs"},"./embed/vouch-embed-jumbo":{"import":"./embed/vouch-embed-jumbo.js","default":"./embed/vouch-embed-jumbo.js","require":"./embed/vouch-embed-jumbo.cjs"},"./embed/vouch-embed-all.js":"./embed/vouch-embed-all.js","./embed/vouch-embed-button":{"import":"./embed/vouch-embed-button.js","default":"./embed/vouch-embed-button.js","require":"./embed/vouch-embed-button.cjs"},"./components/vouch-recorder":{"import":"./components/vouch-recorder.js","default":"./components/vouch-recorder.js","require":"./components/vouch-recorder.cjs"},"./embed/vouch-embed-popover":{"import":"./embed/vouch-embed-popover.js","default":"./embed/vouch-embed-popover.js","require":"./embed/vouch-embed-popover.cjs"},"./components/vouch-icon-play":{"import":"./components/vouch-icon-play.js","default":"./components/vouch-icon-play.js","require":"./components/vouch-icon-play.cjs"},"./embed/vouch-embed-dialogue":{"import":"./embed/vouch-embed-dialogue.js","default":"./embed/vouch-embed-dialogue.js","require":"./embed/vouch-embed-dialogue.cjs"},"./components/vouch-brand-logo":{"import":"./components/vouch-brand-logo.js","default":"./components/vouch-brand-logo.js","require":"./components/vouch-brand-logo.cjs"},"./components/vouch-icon-close":{"import":"./components/vouch-icon-close.js","default":"./components/vouch-icon-close.js","require":"./components/vouch-icon-close.cjs"},"./components/vouch-icon-pause":{"import":"./components/vouch-icon-pause.js","default":"./components/vouch-icon-pause.js","require":"./components/vouch-icon-pause.cjs"},"./components/vouch-media-plyr":{"import":"./components/vouch-media-plyr.js","default":"./components/vouch-media-plyr.js","require":"./components/vouch-media-plyr.cjs"},"./components/vouch-water-mark":{"import":"./components/vouch-water-mark.js","default":"./components/vouch-water-mark.js","require":"./components/vouch-water-mark.cjs"},"./embed/vouch-embed-thumbnail":{"import":"./embed/vouch-embed-thumbnail.js","default":"./embed/vouch-embed-thumbnail.js","require":"./embed/vouch-embed-thumbnail.cjs"},"./embed/vouch-recorder-button":{"import":"./embed/vouch-recorder-button.js","default":"./embed/vouch-recorder-button.js","require":"./embed/vouch-recorder-button.cjs"},"./components/vouch-graphic-svg":{"import":"./components/vouch-graphic-svg.js","default":"./components/vouch-graphic-svg.js","require":"./components/vouch-graphic-svg.cjs"},"./embed/VouchEmbedJumbo.svelte":"./embed/VouchEmbedJumbo.svelte","./embed/VouchEmbedButton.svelte":"./embed/VouchEmbedButton.svelte","./embed/VouchEmbedPopover.svelte":"./embed/VouchEmbedPopover.svelte","./components/VouchIconPlay.svelte":"./components/VouchIconPlay.svelte","./components/VouchRecorder.svelte":"./components/VouchRecorder.svelte","./embed/VouchEmbedDialogue.svelte":"./embed/VouchEmbedDialogue.svelte","./embed/vouch-embed-inline-player":{"import":"./embed/vouch-embed-inline-player.js","default":"./embed/vouch-embed-inline-player.js","require":"./embed/vouch-embed-inline-player.cjs"},"./components/VouchBrandLogo.svelte":"./components/VouchBrandLogo.svelte","./components/VouchIconClose.svelte":"./components/VouchIconClose.svelte","./components/VouchIconPause.svelte":"./components/VouchIconPause.svelte","./components/VouchMediaPlyr.svelte":"./components/VouchMediaPlyr.svelte","./components/VouchWaterMark.svelte":"./components/VouchWaterMark.svelte","./components/vouch-icon-arrow-left":{"import":"./components/vouch-icon-arrow-left.js","default":"./components/vouch-icon-arrow-left.js","require":"./components/vouch-icon-arrow-left.cjs"},"./embed/VouchEmbedThumbnail.svelte":"./embed/VouchEmbedThumbnail.svelte","./embed/VouchRecorderButton.svelte":"./embed/VouchRecorderButton.svelte","./components/VouchGraphicSvg.svelte":"./components/VouchGraphicSvg.svelte","./components/vouch-icon-arrow-right":{"import":"./components/vouch-icon-arrow-right.js","default":"./components/vouch-icon-arrow-right.js","require":"./components/vouch-icon-arrow-right.cjs"},"./components/vouch-overlay-play-icon":{"import":"./components/vouch-overlay-play-icon.js","default":"./components/vouch-overlay-play-icon.js","require":"./components/vouch-overlay-play-icon.cjs"},"./embed/VouchEmbedInlinePlayer.svelte":"./embed/VouchEmbedInlinePlayer.svelte","./components/VouchIconArrowLeft.svelte":"./components/VouchIconArrowLeft.svelte","./components/VouchIconArrowRight.svelte":"./components/VouchIconArrowRight.svelte","./components/VouchOverlayPlayIcon.svelte":"./components/VouchOverlayPlayIcon.svelte"},"_npmUser":{"name":"vouch-tech","email":"brian@vouchfor.com"},"repository":{"url":"git+https://github.com/VouchAU/vouch-uikit.git","type":"git"},"_npmVersion":"6.14.13","description":"Vouch Svelte UIKit","directories":{},"lint-staged":{"*.{js,svelte}":"yarn lint"},"_nodeVersion":"14.17.0","dependencies":{"plyr":"^3.7.2","cookie":"^0.4.1","hls.js":"^1.1.5","core-js":"^3.16.3","postcss":"^7","@vime/core":"^5.3.1","tailwindcss":"npm:@tailwindcss/postcss7-compat","@lukeed/uuid":"^2.0.0","autoprefixer":"^9","whatwg-fetch":"^3.6.2","@fontsource/fira-mono":"^4.2.2"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^27.0.6","path":"^0.12.7","husky":"4","tslib":"^2.0.0","dotenv":"^10.0.0","eslint":"^7.22.0","rollup":"^2.55.1","svelte":"^3.34.0","prettier":"~2.2.1","babel-jest":"^27.0.6","svelte2tsx":"^0.4.3","typescript":"^4.0.0","@babel/core":"^7.14.8","@types/jest":"^26.0.24","lint-staged":"^11.1.1","svelte-check":"^2.0.0","@sveltejs/kit":"next","@types/cookie":"^0.4.0","svelte-jester":"^1.8.1","svelte-loader":"^3.1.2","@babel/preset-env":"^7.14.9","@storybook/svelte":"^6.3.6","svelte-preprocess":"^4.0.0","rollup-plugin-svelte":"^7.1.0","rollup-plugin-terser":"^7.0.2","eslint-plugin-svelte3":"^3.2.0","@babel/runtime-corejs3":"^7.14.9","@rollup/plugin-replace":"^3.0.0","@storybook/addon-links":"^6.3.6","eslint-config-prettier":"^8.1.0","prettier-plugin-svelte":"^2.2.0","@rollup/plugin-commonjs":"^22.0.0","@testing-library/svelte":"^3.0.3","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@typescript-eslint/parser":"^4.19.0","@rollup/plugin-node-resolve":"^13.0.4","@storybook/addon-essentials":"^6.3.6","@typescript-eslint/eslint-plugin":"^4.19.0"},"_npmOperationalInternal":{"tmp":"tmp/uikit_5.0.6_1653289363926_0.5295776305550899","host":"s3://npm-registry-packages"}},"5.0.7":{"name":"@vouchfor/uikit","version":"5.0.7","keywords":["embed","design system","vouch-uikit","svelte","uikit"],"author":{"url":"https://vouchau.github.io/vouch-uikit","name":"Vouch Dev Team","email":"hello@vouchfor.com"},"license":"MIT","_id":"@vouchfor/uikit@5.0.7","maintainers":[{"name":"vouch-tech","email":"brian@vouchfor.com"}],"homepage":"https://vouchau.github.io/vouch-uikit","bugs":{"url":"https://github.com/VouchAU/vouch-uikit/issues"},"dist":{"shasum":"739aa3d9a2bdb46da43fcadbc19905b5d980c1f7","tarball":"https://registry.npmjs.org/@vouchfor/uikit/-/uikit-5.0.7.tgz","fileCount":202,"integrity":"sha512-O1jGER89l6AUJ0ogmtWT007UKhvJCwRbfxEOM2+S0DY97eh93nXtIIFYY4qCSIeCeuFVk3dVKP/vW7QGXvBnMQ==","signatures":[{"sig":"MEUCIQC5r71huTF0GEtjYOpt9llRtFYiOwrBh8EKtSoSnfOdWQIgRrOZvU5nZzgWbSrn57YyjROmtgsKCyUILXsaOSZklmE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65849794,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJijCMYACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmouEQ/+PucfJXArMSQhtpmtD53rGKm/JJ3AbWHU4F8gAa8QnvFOR1s3\r\nDR9GpMMECqZTpHbjE90wU4fwqXnMMwePqLhfNgrreC6iWKXAfSRWwVj1I36G\r\nnvWIjS70fzV0zaILhdm6tgKN2BchPZTnlc8YEFgETGaprWgu9e1tcyiHOF83\r\nM6Qle5LpA4Da1lk6doANOA+5zsNl2g0oz5qvqEbitVRJf5VX0HTsBZr8xm0M\r\n22XS2LP2gdzcDSTtD7uveE7Rp/Y/+PJubj2kGBxPLaeIf/5yU+FeimG6baPd\r\na0CsDWBRGlIkhlI4yPYBuA1Ju/iSwgMNKEdlOHgxM8wvwuHVGvpn63P8a23n\r\nqtjpOb7GQIpwvmHtjjJW3r1tsZIybTT7UIPFQkN6Zf5sjOhlF14H9219brp0\r\nSPFTqXVcreXv66HtBJicpNTuY8zvPuenGi1nUPhCITCviQQ2mxxyWDG9OvSa\r\n5L72mR4fJ4fgfQkfjcJ473WPB+9KZvT1ltIn+qSgkoXR9vh92mD85o6spavF\r\nzAlnmNrB5MAwJ3/0nrbd9UXhJxAHYKCixq6nji0M+8MYRMQyx1LPNtqm5x4c\r\nEEB1MjOfrqpbPM36Fmmd/RXfQKdZ5ak1YX9H/92PzgoaiVgzgfsc3RFEpPhW\r\nddhNuAU8P65GDI+QN8Igy9Qswsei8b6PD6U=\r\n=3ili\r\n-----END PGP SIGNATURE-----\r\n"},"type":"module","husky":{"hooks":{"pre-push":"yarn test --silent","pre-commit":"lint-staged"}},"types":"types.d.ts","readme":"# Vouch UIKit\n\n- [Get Started](#get-started)\n - [Storybook](#storybook)\n - [Build package](#build-package)\n - [Test package locally with vouch-app](#test-package-locally-with-vouch-app)\n - [Publish to npm](#publish-to-npm)\n - [Purge npm cache](#purge-npm-cached-tags)\n- [Update vouch-app](#update-vouch-app)\n - [development](#development-devvouchforcom)\n - [staging](#staging-stagingvouchforcom)\n - [production](#production-appvouchforcom)\n\n**Vouch UIKit** consists of `2 libraries` and `1 application`\n\n```bash\n└── src\n ├── lib\n │ ├── components # Design System Components (Web Component)\n │ │ ├── VouchBrandLogo.svelte\n │ │ ...\n │ │\n │ └── embed # embed Components (Web Component)\n │ │ ├── VouchEmbedInlinePlayer.svelte\n │ ...\n │\n │\n ├── routes # vouch public embed link (https://embed.vouchfor.com)\n │ ├── __layout.svelte\n │ ├── index.svelte\n │ ├── about.svelte\n │ ...\n │\n ├── app.css\n └── app.html\n```\n\n# Get Started\n\nEnsure you have node `14.17.0` installed on your machine, for example via [nvm](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/TERMINAL.md#install-nvm), run `nvm ls` to check\n\n```bash\nnvm ls 14\n```\n\nyou should see output if you have the version installed\n\n```bash\n-> v14.17.0\n```\n\nensure you have [git ssh](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/GITHUB.md) setup locally before you clone the repo\n\n```bash\ngit clone git@github.com:VouchAU/vouch-uikit.git\n```\n\ninstall dependencies\n\n```bash\ncd vouch-uikit\nyarn\n```\n\n## Storybook\n\nhttps://designsystem.vouchfor.com/\n\nStorybook is hosted on GitHub page `gh-pages` branch (Domain name is configured on **Cloudflare**) and deployed automatically via **GitHub Action** every time changes are merged back to `master`.\n\nLocal dev\n\n```bash\nyarn storybook\n```\n\nbuild storybook\n\n```bash\nyarn build-storybook\n```\n\n## Build package\n\nBuild `src/lib` production/beta/alpha package, make sure you change `version` in `package.json` for three different build tags.\n\n```sh\ncd vouch-uikit\n...\nyarn package:alpha # development\nyarn package:beta # staging\nyarn package # production\n```\n\n## Test package locally with `vouch-app`\n\nOnce you build the `npm` package, you can test locally with `vouch-app` to ensure everything works as expected before publishing to `npm`\n\nAssuming you build a package according [Build package](#build-package), now you can create a symlink to your local package\n\n```sh\ncd package\nyarn link\n```\n\nyou should see this if successfully linked\n\n```sh\nyarn link v1.22.10\nsuccess Registered \"@vouchfor/uikit\".\ninfo You can now run `yarn link \"@vouchfor/uikit\"` in the projects where you want to use this package and it will be used instead.\n✨ Done in 0.04s.\n```\n\ngo to `vouch-app` folder and switch to the branch you want to test against with then link the local package\n\n```sh\ncd vouch-app\ngit checkout VCH-222\nyarn link @vouchfor/uikit\nyarn dev\n```\n\nVoilà, you are testing your feature branch with the local uikit package and don't forget to roll back after testing\n\n```sh\ncd vouch-app\nyarn unlink @vouchfor/uikit\n...\ncd vouch-uikit/package\nyarn unlink\n```\n\n## Publish to `npm`\n\n> Note you will need to log in `vouch-tech` on your terminal before publishing, credential is shared via 1Password.\n\n```bash\nnpm login\n...\n```\n\n```bash\ncd package\n...\nnpm publish --access public --tag alpha # development\nnpm publish --access public --tag beta # staging\nnpm publish --access public # production\n```\n\n## Purge `jsdelivr` cache\n\n`@vouchfor/uikit` is most likely consumed by **tag**, `alpha`, `beta` and `latest`, not version number to ensure clients can always get the latest updates. [jsdelivr](https://cdn.jsdelivr.net/) default has 7 days cache for `tag`, so we need to purge it to reflect new version number.\n\n- Check current tag version number\n\n - [Click to check Alpha](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@alpha/)\n - [Click to check Beta](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@beta/)\n - [Click to check Production](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n- Purge cache\n - [Click to purge Alpha](https://purge.jsdelivr.net/npm/@vouchfor/uikit@alpha/)\n - [Click to purge Beta](https://purge.jsdelivr.net/npm/@vouchfor/uikit@beta/)\n - **_Danger_** [Click to purge Production](https://purge.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n### Purge specific bundle.js\n\nOur embed code snippet `src` attribute currently refers to a specific embed bundle js , for example\n\n```html\n\n
\n```\n\nIn this case, you will need to purge the bundle file specifically by providing absolute path\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/embed/{filename}.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/components/{filename}.bundle.js\n```\n\nfor example,\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@alpha/embed/vouch-embed-inline-player.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@beta/embed/vouch-embed-inline-player.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/embed/vouch-embed-inline-player.bundle.js\n```\n\n## Unit test\n\n```bash\nyarn test\n```\n\nupdate snapshot\n\n```bash\nyarn test -u\n```\n\n# Update `vouch-app`\n\n`@vouchfor/uikit` is a dependency of `vouch-app` for embeds and UI components, follow the below steps to publish NPM package and update `package.json` dependency in `vouch-app`.\n\n> Each PR should bump the minor version in `package.json` in order to push new version to NPM. e.g. `\"version\": \"3.9.0\"` in `main` branch, you should bump to `\"version\": \"3.10.0\"` in your branch.\n\n> The major version should only be used for releasing breaking changes. e.g. `3.0.0`, `4.0.0`\n\n## Development (`dev.vouchfor.com`)\n\nAssuming your branch bumped version in `package.json` to\n\n```json\n\"version\": \"3.10.0\"\n```\n\n### Bump patch version number\n\nEnsure your patch version number isn't used, e.g. if `3.10.0` was published before, bump to `3.10.1`.\n\n### Build and publish\n\n```sh\nyarn package:alpha\ncd package\nnpm publish --access public --tag alpha\n```\n\nMake sure you purge NPM CDN cache for package, see [Purge npm cached tags](#purge-npm-cached-tags)\n\n### Update dependency in `vouch-app`\n\nEnsure you already cloned [vouch-app](https://github.com/VouchAU/vouch-app.git) locally then switch to the folder.\n\n```sh\ncd vouch-app\ngit checkout development\ngit pull\ngit merge feature/VCH-111 # Optional, only when you have code change dependency in vouch-app as well\nyarn upgrade @vouchfor/uikit@alpha\n```\n\nAfter upgrade, you should see version updates in both `package.json` and `yarn.lock`, but due to a known issue of `yarn`, please do these before committing changes\n\n- Manually roll back `package.json` (should always `\"@vouchfor/uikit\": \"alpha\"` for `development`).\n- run `yarn` again to update `yarn.lock`\n\n```sh\ngit commit -m \"Bumped uikit version\"\ngit push\n```\n\n## Staging (`staging.vouchfor.com`)\n\nUpdate `staging` environment is the same as [Development](#development-devvouchforcom) but remember to change cmd to `staging` specific\n\n```sh\nyarn package:beta\n```\n\n```sh\nnpm publish --access public --tag beta\n```\n\n```sh\ncd vouch-app\ngit checkout staging\ngit pull\ngit merge feature/VCH-111 # Optional, only when you have code change dependency in vouch-app as well\nyarn upgrade @vouchfor/uikit@beta\n```\n\n## Production (`app.vouchfor.com`)\n\nOne thing different when release to production, since `master` branch can only be merged by PRs (after code review), so you will need to run `yarn upgrade @vouchfor/uikit@latest` under you feature branch and commit **before merging the PR**.\n\n```sh\ngit checkout feature/VCH-111\nyarn upgrade upgrade @vouchfor/uikit@latest\ngit commit -m \"Bumped uikit version\"\ngit push\n```\n\n> When you run above cmd, your PR should be ready to merge (reviewed and QA tested)\n","engines":{"node":">=14.17.0"},"exports":{"./package.json":"./package.json","./embed/vouch-embed-all":{"import":"./embed/vouch-embed-all.js","default":"./embed/vouch-embed-all.js","require":"./embed/vouch-embed-all.cjs"},"./embed/vouch-embed-jumbo":{"import":"./embed/vouch-embed-jumbo.js","default":"./embed/vouch-embed-jumbo.js","require":"./embed/vouch-embed-jumbo.cjs"},"./embed/vouch-embed-all.js":"./embed/vouch-embed-all.js","./embed/vouch-embed-button":{"import":"./embed/vouch-embed-button.js","default":"./embed/vouch-embed-button.js","require":"./embed/vouch-embed-button.cjs"},"./components/vouch-recorder":{"import":"./components/vouch-recorder.js","default":"./components/vouch-recorder.js","require":"./components/vouch-recorder.cjs"},"./embed/vouch-embed-popover":{"import":"./embed/vouch-embed-popover.js","default":"./embed/vouch-embed-popover.js","require":"./embed/vouch-embed-popover.cjs"},"./components/vouch-icon-play":{"import":"./components/vouch-icon-play.js","default":"./components/vouch-icon-play.js","require":"./components/vouch-icon-play.cjs"},"./embed/vouch-embed-dialogue":{"import":"./embed/vouch-embed-dialogue.js","default":"./embed/vouch-embed-dialogue.js","require":"./embed/vouch-embed-dialogue.cjs"},"./components/vouch-brand-logo":{"import":"./components/vouch-brand-logo.js","default":"./components/vouch-brand-logo.js","require":"./components/vouch-brand-logo.cjs"},"./components/vouch-icon-close":{"import":"./components/vouch-icon-close.js","default":"./components/vouch-icon-close.js","require":"./components/vouch-icon-close.cjs"},"./components/vouch-icon-pause":{"import":"./components/vouch-icon-pause.js","default":"./components/vouch-icon-pause.js","require":"./components/vouch-icon-pause.cjs"},"./components/vouch-media-plyr":{"import":"./components/vouch-media-plyr.js","default":"./components/vouch-media-plyr.js","require":"./components/vouch-media-plyr.cjs"},"./components/vouch-water-mark":{"import":"./components/vouch-water-mark.js","default":"./components/vouch-water-mark.js","require":"./components/vouch-water-mark.cjs"},"./embed/vouch-embed-thumbnail":{"import":"./embed/vouch-embed-thumbnail.js","default":"./embed/vouch-embed-thumbnail.js","require":"./embed/vouch-embed-thumbnail.cjs"},"./embed/vouch-recorder-button":{"import":"./embed/vouch-recorder-button.js","default":"./embed/vouch-recorder-button.js","require":"./embed/vouch-recorder-button.cjs"},"./components/vouch-graphic-svg":{"import":"./components/vouch-graphic-svg.js","default":"./components/vouch-graphic-svg.js","require":"./components/vouch-graphic-svg.cjs"},"./embed/VouchEmbedJumbo.svelte":"./embed/VouchEmbedJumbo.svelte","./embed/VouchEmbedButton.svelte":"./embed/VouchEmbedButton.svelte","./embed/VouchEmbedPopover.svelte":"./embed/VouchEmbedPopover.svelte","./components/VouchIconPlay.svelte":"./components/VouchIconPlay.svelte","./components/VouchRecorder.svelte":"./components/VouchRecorder.svelte","./embed/VouchEmbedDialogue.svelte":"./embed/VouchEmbedDialogue.svelte","./embed/vouch-embed-inline-player":{"import":"./embed/vouch-embed-inline-player.js","default":"./embed/vouch-embed-inline-player.js","require":"./embed/vouch-embed-inline-player.cjs"},"./components/VouchBrandLogo.svelte":"./components/VouchBrandLogo.svelte","./components/VouchIconClose.svelte":"./components/VouchIconClose.svelte","./components/VouchIconPause.svelte":"./components/VouchIconPause.svelte","./components/VouchMediaPlyr.svelte":"./components/VouchMediaPlyr.svelte","./components/VouchWaterMark.svelte":"./components/VouchWaterMark.svelte","./components/vouch-icon-arrow-left":{"import":"./components/vouch-icon-arrow-left.js","default":"./components/vouch-icon-arrow-left.js","require":"./components/vouch-icon-arrow-left.cjs"},"./embed/VouchEmbedThumbnail.svelte":"./embed/VouchEmbedThumbnail.svelte","./embed/VouchRecorderButton.svelte":"./embed/VouchRecorderButton.svelte","./components/VouchGraphicSvg.svelte":"./components/VouchGraphicSvg.svelte","./components/vouch-icon-arrow-right":{"import":"./components/vouch-icon-arrow-right.js","default":"./components/vouch-icon-arrow-right.js","require":"./components/vouch-icon-arrow-right.cjs"},"./components/vouch-overlay-play-icon":{"import":"./components/vouch-overlay-play-icon.js","default":"./components/vouch-overlay-play-icon.js","require":"./components/vouch-overlay-play-icon.cjs"},"./embed/VouchEmbedInlinePlayer.svelte":"./embed/VouchEmbedInlinePlayer.svelte","./components/VouchIconArrowLeft.svelte":"./components/VouchIconArrowLeft.svelte","./components/VouchIconArrowRight.svelte":"./components/VouchIconArrowRight.svelte","./components/VouchOverlayPlayIcon.svelte":"./components/VouchOverlayPlayIcon.svelte"},"_npmUser":{"name":"vouch-tech","email":"brian@vouchfor.com"},"repository":{"url":"git+https://github.com/VouchAU/vouch-uikit.git","type":"git"},"_npmVersion":"6.14.13","description":"Vouch Svelte UIKit","directories":{},"lint-staged":{"*.{js,svelte}":"yarn lint"},"_nodeVersion":"14.17.0","dependencies":{"plyr":"^3.7.2","cookie":"^0.4.1","hls.js":"^1.1.5","core-js":"^3.16.3","postcss":"^7","@vime/core":"^5.3.1","tailwindcss":"npm:@tailwindcss/postcss7-compat","@lukeed/uuid":"^2.0.0","autoprefixer":"^9","whatwg-fetch":"^3.6.2","@fontsource/fira-mono":"^4.2.2"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^27.0.6","path":"^0.12.7","husky":"4","tslib":"^2.0.0","dotenv":"^10.0.0","eslint":"^7.22.0","rollup":"^2.55.1","svelte":"^3.34.0","prettier":"~2.2.1","babel-jest":"^27.0.6","svelte2tsx":"^0.4.3","typescript":"^4.0.0","@babel/core":"^7.14.8","@types/jest":"^26.0.24","lint-staged":"^11.1.1","svelte-check":"^2.0.0","@sveltejs/kit":"next","@types/cookie":"^0.4.0","svelte-jester":"^1.8.1","svelte-loader":"^3.1.2","@babel/preset-env":"^7.14.9","@storybook/svelte":"^6.3.6","svelte-preprocess":"^4.0.0","rollup-plugin-svelte":"^7.1.0","rollup-plugin-terser":"^7.0.2","eslint-plugin-svelte3":"^3.2.0","@babel/runtime-corejs3":"^7.14.9","@rollup/plugin-replace":"^3.0.0","@storybook/addon-links":"^6.3.6","eslint-config-prettier":"^8.1.0","prettier-plugin-svelte":"^2.2.0","@rollup/plugin-commonjs":"^22.0.0","@testing-library/svelte":"^3.0.3","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@typescript-eslint/parser":"^4.19.0","@rollup/plugin-node-resolve":"^13.0.4","@storybook/addon-essentials":"^6.3.6","@typescript-eslint/eslint-plugin":"^4.19.0"},"_npmOperationalInternal":{"tmp":"tmp/uikit_5.0.7_1653351192517_0.3993570504417798","host":"s3://npm-registry-packages"}},"5.0.8":{"name":"@vouchfor/uikit","version":"5.0.8","keywords":["embed","design system","vouch-uikit","svelte","uikit"],"author":{"url":"https://vouchau.github.io/vouch-uikit","name":"Vouch Dev Team","email":"hello@vouchfor.com"},"license":"MIT","_id":"@vouchfor/uikit@5.0.8","maintainers":[{"name":"vouch-tech","email":"brian@vouchfor.com"}],"homepage":"https://vouchau.github.io/vouch-uikit","bugs":{"url":"https://github.com/VouchAU/vouch-uikit/issues"},"dist":{"shasum":"15cfdf72bbff10adf38450281f8a934835c6eb47","tarball":"https://registry.npmjs.org/@vouchfor/uikit/-/uikit-5.0.8.tgz","fileCount":202,"integrity":"sha512-+zn8usFzFa08tBzx+Dd++/ys53Eoihvyq8uCxDccEAil+CW0xxxXpbZePfwZQDXJMBciBFA7NlFexRuiG34I4g==","signatures":[{"sig":"MEYCIQCZ3j+2s/4XQiSW+OaLY5HSLAiZKsbpH87LGoxOYG0V5wIhAJUJ5ij+bzJxSP5Xx6iCBhlam4E9nHqhBFEDRYC3vRxp","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65915073,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJijCQYACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpMRBAAjrF8dWWKx1/qBTI7TobQEgm8u2OJwrB7vSZKGJZeWw8C0SZd\r\nAKbYejzYFlrZB+wetqKZ8WikmJDFa2KYQeWLk3OrJAW1bX9BnmaF5+mq8XUi\r\nznom4K2weZSxlIBkPUPh3G/z9UgH3DmBxIcJkGS/eVgjOOK1QvjrZJDwONJl\r\nbg/llHRc2CeYo/6dY0lZZphpHsdhsy1d/SZxvEVRmEmR2LZRkFNc4yz/Dl6n\r\nLPPNzhRbj8qFannwyFtJRvJFSSMv/guPuzepxa213FOmj8xnN/dXBPnczcXE\r\n5qQenT3pUlu8EdyNm7AmwhxBzdqocUss2Ez8cj3LcAU1tIMHCKUftlQa3ods\r\ndMwPFUuRcAiqFtZFTbduyKsQwt0h6VZl/Q8VsYSXRxG07PN4ebu7gh/BZTke\r\n3S1/MPgWa++j/maqieVu8Ug3K4AMRIgGL4hMnptH6qZFXTAgfjLlFhwWbtX/\r\nRsDJEnuGFa3c4dv7P4atoHDCorUCMZTLt0msPL2ccBtHxyuDOKJAESCniUb2\r\nlHSew/vMzwyV/vX9uFqMcu0nlFV1lcIoHlUD7gE5HLDGX5/cLVcEawc8PcC+\r\nXnZCagqg0akYOg+SWofxFzBrGYnM+sqKHLXTB7l/HId10zNADpPns2xC+0ep\r\nK0kbwXBlKkN39Y067aVS5wZanC7x6UWYpVU=\r\n=9zk4\r\n-----END PGP SIGNATURE-----\r\n"},"type":"module","husky":{"hooks":{"pre-push":"yarn test --silent","pre-commit":"lint-staged"}},"types":"types.d.ts","readme":"# Vouch UIKit\n\n- [Get Started](#get-started)\n - [Storybook](#storybook)\n - [Build package](#build-package)\n - [Test package locally with vouch-app](#test-package-locally-with-vouch-app)\n - [Publish to npm](#publish-to-npm)\n - [Purge npm cache](#purge-npm-cached-tags)\n- [Update vouch-app](#update-vouch-app)\n - [development](#development-devvouchforcom)\n - [staging](#staging-stagingvouchforcom)\n - [production](#production-appvouchforcom)\n\n**Vouch UIKit** consists of `2 libraries` and `1 application`\n\n```bash\n└── src\n ├── lib\n │ ├── components # Design System Components (Web Component)\n │ │ ├── VouchBrandLogo.svelte\n │ │ ...\n │ │\n │ └── embed # embed Components (Web Component)\n │ │ ├── VouchEmbedInlinePlayer.svelte\n │ ...\n │\n │\n ├── routes # vouch public embed link (https://embed.vouchfor.com)\n │ ├── __layout.svelte\n │ ├── index.svelte\n │ ├── about.svelte\n │ ...\n │\n ├── app.css\n └── app.html\n```\n\n# Get Started\n\nEnsure you have node `14.17.0` installed on your machine, for example via [nvm](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/TERMINAL.md#install-nvm), run `nvm ls` to check\n\n```bash\nnvm ls 14\n```\n\nyou should see output if you have the version installed\n\n```bash\n-> v14.17.0\n```\n\nensure you have [git ssh](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/GITHUB.md) setup locally before you clone the repo\n\n```bash\ngit clone git@github.com:VouchAU/vouch-uikit.git\n```\n\ninstall dependencies\n\n```bash\ncd vouch-uikit\nyarn\n```\n\n## Storybook\n\nhttps://designsystem.vouchfor.com/\n\nStorybook is hosted on GitHub page `gh-pages` branch (Domain name is configured on **Cloudflare**) and deployed automatically via **GitHub Action** every time changes are merged back to `master`.\n\nLocal dev\n\n```bash\nyarn storybook\n```\n\nbuild storybook\n\n```bash\nyarn build-storybook\n```\n\n## Build package\n\nBuild `src/lib` production/beta/alpha package, make sure you change `version` in `package.json` for three different build tags.\n\n```sh\ncd vouch-uikit\n...\nyarn package:alpha # development\nyarn package:beta # staging\nyarn package # production\n```\n\n## Test package locally with `vouch-app`\n\nOnce you build the `npm` package, you can test locally with `vouch-app` to ensure everything works as expected before publishing to `npm`\n\nAssuming you build a package according [Build package](#build-package), now you can create a symlink to your local package\n\n```sh\ncd package\nyarn link\n```\n\nyou should see this if successfully linked\n\n```sh\nyarn link v1.22.10\nsuccess Registered \"@vouchfor/uikit\".\ninfo You can now run `yarn link \"@vouchfor/uikit\"` in the projects where you want to use this package and it will be used instead.\n✨ Done in 0.04s.\n```\n\ngo to `vouch-app` folder and switch to the branch you want to test against with then link the local package\n\n```sh\ncd vouch-app\ngit checkout VCH-222\nyarn link @vouchfor/uikit\nyarn dev\n```\n\nVoilà, you are testing your feature branch with the local uikit package and don't forget to roll back after testing\n\n```sh\ncd vouch-app\nyarn unlink @vouchfor/uikit\n...\ncd vouch-uikit/package\nyarn unlink\n```\n\n## Publish to `npm`\n\n> Note you will need to log in `vouch-tech` on your terminal before publishing, credential is shared via 1Password.\n\n```bash\nnpm login\n...\n```\n\n```bash\ncd package\n...\nnpm publish --access public --tag alpha # development\nnpm publish --access public --tag beta # staging\nnpm publish --access public # production\n```\n\n## Purge `jsdelivr` cache\n\n`@vouchfor/uikit` is most likely consumed by **tag**, `alpha`, `beta` and `latest`, not version number to ensure clients can always get the latest updates. [jsdelivr](https://cdn.jsdelivr.net/) default has 7 days cache for `tag`, so we need to purge it to reflect new version number.\n\n- Check current tag version number\n\n - [Click to check Alpha](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@alpha/)\n - [Click to check Beta](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@beta/)\n - [Click to check Production](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n- Purge cache\n - [Click to purge Alpha](https://purge.jsdelivr.net/npm/@vouchfor/uikit@alpha/)\n - [Click to purge Beta](https://purge.jsdelivr.net/npm/@vouchfor/uikit@beta/)\n - **_Danger_** [Click to purge Production](https://purge.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n### Purge specific bundle.js\n\nOur embed code snippet `src` attribute currently refers to a specific embed bundle js , for example\n\n```html\n\n
\n```\n\nIn this case, you will need to purge the bundle file specifically by providing absolute path\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/embed/{filename}.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/components/{filename}.bundle.js\n```\n\nfor example,\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@alpha/embed/vouch-embed-inline-player.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@beta/embed/vouch-embed-inline-player.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/embed/vouch-embed-inline-player.bundle.js\n```\n\n## Unit test\n\n```bash\nyarn test\n```\n\nupdate snapshot\n\n```bash\nyarn test -u\n```\n\n# Update `vouch-app`\n\n`@vouchfor/uikit` is a dependency of `vouch-app` for embeds and UI components, follow the below steps to publish NPM package and update `package.json` dependency in `vouch-app`.\n\n> Each PR should bump the minor version in `package.json` in order to push new version to NPM. e.g. `\"version\": \"3.9.0\"` in `main` branch, you should bump to `\"version\": \"3.10.0\"` in your branch.\n\n> The major version should only be used for releasing breaking changes. e.g. `3.0.0`, `4.0.0`\n\n## Development (`dev.vouchfor.com`)\n\nAssuming your branch bumped version in `package.json` to\n\n```json\n\"version\": \"3.10.0\"\n```\n\n### Bump patch version number\n\nEnsure your patch version number isn't used, e.g. if `3.10.0` was published before, bump to `3.10.1`.\n\n### Build and publish\n\n```sh\nyarn package:alpha\ncd package\nnpm publish --access public --tag alpha\n```\n\nMake sure you purge NPM CDN cache for package, see [Purge npm cached tags](#purge-npm-cached-tags)\n\n### Update dependency in `vouch-app`\n\nEnsure you already cloned [vouch-app](https://github.com/VouchAU/vouch-app.git) locally then switch to the folder.\n\n```sh\ncd vouch-app\ngit checkout development\ngit pull\ngit merge feature/VCH-111 # Optional, only when you have code change dependency in vouch-app as well\nyarn upgrade @vouchfor/uikit@alpha\n```\n\nAfter upgrade, you should see version updates in both `package.json` and `yarn.lock`, but due to a known issue of `yarn`, please do these before committing changes\n\n- Manually roll back `package.json` (should always `\"@vouchfor/uikit\": \"alpha\"` for `development`).\n- run `yarn` again to update `yarn.lock`\n\n```sh\ngit commit -m \"Bumped uikit version\"\ngit push\n```\n\n## Staging (`staging.vouchfor.com`)\n\nUpdate `staging` environment is the same as [Development](#development-devvouchforcom) but remember to change cmd to `staging` specific\n\n```sh\nyarn package:beta\n```\n\n```sh\nnpm publish --access public --tag beta\n```\n\n```sh\ncd vouch-app\ngit checkout staging\ngit pull\ngit merge feature/VCH-111 # Optional, only when you have code change dependency in vouch-app as well\nyarn upgrade @vouchfor/uikit@beta\n```\n\n## Production (`app.vouchfor.com`)\n\nOne thing different when release to production, since `master` branch can only be merged by PRs (after code review), so you will need to run `yarn upgrade @vouchfor/uikit@latest` under you feature branch and commit **before merging the PR**.\n\n```sh\ngit checkout feature/VCH-111\nyarn upgrade upgrade @vouchfor/uikit@latest\ngit commit -m \"Bumped uikit version\"\ngit push\n```\n\n> When you run above cmd, your PR should be ready to merge (reviewed and QA tested)\n","engines":{"node":">=14.17.0"},"exports":{"./package.json":"./package.json","./embed/vouch-embed-all":{"import":"./embed/vouch-embed-all.js","default":"./embed/vouch-embed-all.js","require":"./embed/vouch-embed-all.cjs"},"./embed/vouch-embed-jumbo":{"import":"./embed/vouch-embed-jumbo.js","default":"./embed/vouch-embed-jumbo.js","require":"./embed/vouch-embed-jumbo.cjs"},"./embed/vouch-embed-all.js":"./embed/vouch-embed-all.js","./embed/vouch-embed-button":{"import":"./embed/vouch-embed-button.js","default":"./embed/vouch-embed-button.js","require":"./embed/vouch-embed-button.cjs"},"./components/vouch-recorder":{"import":"./components/vouch-recorder.js","default":"./components/vouch-recorder.js","require":"./components/vouch-recorder.cjs"},"./embed/vouch-embed-popover":{"import":"./embed/vouch-embed-popover.js","default":"./embed/vouch-embed-popover.js","require":"./embed/vouch-embed-popover.cjs"},"./components/vouch-icon-play":{"import":"./components/vouch-icon-play.js","default":"./components/vouch-icon-play.js","require":"./components/vouch-icon-play.cjs"},"./embed/vouch-embed-dialogue":{"import":"./embed/vouch-embed-dialogue.js","default":"./embed/vouch-embed-dialogue.js","require":"./embed/vouch-embed-dialogue.cjs"},"./components/vouch-brand-logo":{"import":"./components/vouch-brand-logo.js","default":"./components/vouch-brand-logo.js","require":"./components/vouch-brand-logo.cjs"},"./components/vouch-icon-close":{"import":"./components/vouch-icon-close.js","default":"./components/vouch-icon-close.js","require":"./components/vouch-icon-close.cjs"},"./components/vouch-icon-pause":{"import":"./components/vouch-icon-pause.js","default":"./components/vouch-icon-pause.js","require":"./components/vouch-icon-pause.cjs"},"./components/vouch-media-plyr":{"import":"./components/vouch-media-plyr.js","default":"./components/vouch-media-plyr.js","require":"./components/vouch-media-plyr.cjs"},"./components/vouch-water-mark":{"import":"./components/vouch-water-mark.js","default":"./components/vouch-water-mark.js","require":"./components/vouch-water-mark.cjs"},"./embed/vouch-embed-thumbnail":{"import":"./embed/vouch-embed-thumbnail.js","default":"./embed/vouch-embed-thumbnail.js","require":"./embed/vouch-embed-thumbnail.cjs"},"./embed/vouch-recorder-button":{"import":"./embed/vouch-recorder-button.js","default":"./embed/vouch-recorder-button.js","require":"./embed/vouch-recorder-button.cjs"},"./components/vouch-graphic-svg":{"import":"./components/vouch-graphic-svg.js","default":"./components/vouch-graphic-svg.js","require":"./components/vouch-graphic-svg.cjs"},"./embed/VouchEmbedJumbo.svelte":"./embed/VouchEmbedJumbo.svelte","./embed/VouchEmbedButton.svelte":"./embed/VouchEmbedButton.svelte","./embed/VouchEmbedPopover.svelte":"./embed/VouchEmbedPopover.svelte","./components/VouchIconPlay.svelte":"./components/VouchIconPlay.svelte","./components/VouchRecorder.svelte":"./components/VouchRecorder.svelte","./embed/VouchEmbedDialogue.svelte":"./embed/VouchEmbedDialogue.svelte","./embed/vouch-embed-inline-player":{"import":"./embed/vouch-embed-inline-player.js","default":"./embed/vouch-embed-inline-player.js","require":"./embed/vouch-embed-inline-player.cjs"},"./components/VouchBrandLogo.svelte":"./components/VouchBrandLogo.svelte","./components/VouchIconClose.svelte":"./components/VouchIconClose.svelte","./components/VouchIconPause.svelte":"./components/VouchIconPause.svelte","./components/VouchMediaPlyr.svelte":"./components/VouchMediaPlyr.svelte","./components/VouchWaterMark.svelte":"./components/VouchWaterMark.svelte","./components/vouch-icon-arrow-left":{"import":"./components/vouch-icon-arrow-left.js","default":"./components/vouch-icon-arrow-left.js","require":"./components/vouch-icon-arrow-left.cjs"},"./embed/VouchEmbedThumbnail.svelte":"./embed/VouchEmbedThumbnail.svelte","./embed/VouchRecorderButton.svelte":"./embed/VouchRecorderButton.svelte","./components/VouchGraphicSvg.svelte":"./components/VouchGraphicSvg.svelte","./components/vouch-icon-arrow-right":{"import":"./components/vouch-icon-arrow-right.js","default":"./components/vouch-icon-arrow-right.js","require":"./components/vouch-icon-arrow-right.cjs"},"./components/vouch-overlay-play-icon":{"import":"./components/vouch-overlay-play-icon.js","default":"./components/vouch-overlay-play-icon.js","require":"./components/vouch-overlay-play-icon.cjs"},"./embed/VouchEmbedInlinePlayer.svelte":"./embed/VouchEmbedInlinePlayer.svelte","./components/VouchIconArrowLeft.svelte":"./components/VouchIconArrowLeft.svelte","./components/VouchIconArrowRight.svelte":"./components/VouchIconArrowRight.svelte","./components/VouchOverlayPlayIcon.svelte":"./components/VouchOverlayPlayIcon.svelte"},"_npmUser":{"name":"vouch-tech","email":"brian@vouchfor.com"},"repository":{"url":"git+https://github.com/VouchAU/vouch-uikit.git","type":"git"},"_npmVersion":"6.14.13","description":"Vouch Svelte UIKit","directories":{},"lint-staged":{"*.{js,svelte}":"yarn lint"},"_nodeVersion":"14.17.0","dependencies":{"plyr":"^3.7.2","cookie":"^0.4.1","hls.js":"^1.1.5","core-js":"^3.16.3","postcss":"^7","@vime/core":"^5.3.1","tailwindcss":"npm:@tailwindcss/postcss7-compat","@lukeed/uuid":"^2.0.0","autoprefixer":"^9","whatwg-fetch":"^3.6.2","@fontsource/fira-mono":"^4.2.2"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^27.0.6","path":"^0.12.7","husky":"4","tslib":"^2.0.0","dotenv":"^10.0.0","eslint":"^7.22.0","rollup":"^2.55.1","svelte":"^3.34.0","prettier":"~2.2.1","babel-jest":"^27.0.6","svelte2tsx":"^0.4.3","typescript":"^4.0.0","@babel/core":"^7.14.8","@types/jest":"^26.0.24","lint-staged":"^11.1.1","svelte-check":"^2.0.0","@sveltejs/kit":"next","@types/cookie":"^0.4.0","svelte-jester":"^1.8.1","svelte-loader":"^3.1.2","@babel/preset-env":"^7.14.9","@storybook/svelte":"^6.3.6","svelte-preprocess":"^4.0.0","rollup-plugin-svelte":"^7.1.0","rollup-plugin-terser":"^7.0.2","eslint-plugin-svelte3":"^3.2.0","@babel/runtime-corejs3":"^7.14.9","@rollup/plugin-replace":"^3.0.0","@storybook/addon-links":"^6.3.6","eslint-config-prettier":"^8.1.0","prettier-plugin-svelte":"^2.2.0","@rollup/plugin-commonjs":"^22.0.0","@testing-library/svelte":"^3.0.3","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@typescript-eslint/parser":"^4.19.0","@rollup/plugin-node-resolve":"^13.0.4","@storybook/addon-essentials":"^6.3.6","@typescript-eslint/eslint-plugin":"^4.19.0"},"_npmOperationalInternal":{"tmp":"tmp/uikit_5.0.8_1653351448415_0.10966832180835984","host":"s3://npm-registry-packages"}},"5.0.9":{"name":"@vouchfor/uikit","version":"5.0.9","keywords":["embed","design system","vouch-uikit","svelte","uikit"],"author":{"url":"https://vouchau.github.io/vouch-uikit","name":"Vouch Dev Team","email":"hello@vouchfor.com"},"license":"MIT","_id":"@vouchfor/uikit@5.0.9","maintainers":[{"name":"vouch-tech","email":"brian@vouchfor.com"}],"homepage":"https://vouchau.github.io/vouch-uikit","bugs":{"url":"https://github.com/VouchAU/vouch-uikit/issues"},"dist":{"shasum":"721e87f3a0b37f82eace4149990e315f81b53b55","tarball":"https://registry.npmjs.org/@vouchfor/uikit/-/uikit-5.0.9.tgz","fileCount":202,"integrity":"sha512-G1SXbi7RSYYQMa5PcMtoH9AAgfWNFeDA7RG+R4UIe1OCNQrFX7elCWXYAHpdzdcfQ56dYLQKmYUaIeJMWvUfcQ==","signatures":[{"sig":"MEUCIHnUuwzGoOfSfoHpv8saiTBFCnZLZLGhsltJvBn+tiMWAiEAtbwaxkTtCIvAq9V9De7YoKLBVMahu3iKgHnv0emvhFs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65864750,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJijGXPACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrwJg//azleY8CZ/vpOi2lDstevaoZLFtHTmls4MnvvQpNKrPIIRI+K\r\nDEPmVA3kSwLipWDlH3Z31KQZvaoz0uOhXyH7dQVgWy9fNbjpGcf9mlYXV5M3\r\nAj39+wlRbUiCObe0FQ49D89/STkNCa8OMFU8dk0/2XBi9XoaSGHpsvWYOLYJ\r\nmE29x6Tb4fmfQNPDoX7zuXz6EKJoRfRZqEiGSD14LUvkJrCQ9PaF6JLLzSB+\r\nS3Bv99YGLSWzno5fh1kJAV99vDjkZsuVW1uWvNeuoY7y50UuvysBmF/dxpa5\r\n4peJQ8elRaF4W2nc2iz9ZF7uL9ZGBC5L8u7a9QB61ba+YxYmhc6UlbaFm0Q1\r\ntH7tvyebTmlCN8ETfiWYe4CQVp0ILulzsIu7wR9tjpnErlK4TEWyrCuwgn8O\r\n/kHpDJUGR6VrItSvLouASsv4/NtKMiYP5WUE8ywh5FJOKOaUK93TiDI1zj9i\r\nBYOqhKmU51o/SplVbNUubcGWV7WOHDE9J3SAF7UcWFC11sSGptMV2qsFfzHE\r\nkucTHuG7JG+TJxgRHtwKMDaZ3uELGHDkGAU6LRhH8seDnl0rwrtrVfCBqdOW\r\nXQymUAqYniA4a7D7N+WADTrsURJ5EfZCK7o2Y5tqygUdkkSSRHdlKEX51MBQ\r\nrQ8lHNR0K/UjZZQHSqDnW5zk3cAC3HOiUJs=\r\n=113M\r\n-----END PGP SIGNATURE-----\r\n"},"type":"module","husky":{"hooks":{"pre-push":"yarn test --silent","pre-commit":"lint-staged"}},"types":"types.d.ts","readme":"# Vouch UIKit\n\n- [Get Started](#get-started)\n - [Storybook](#storybook)\n - [Build package](#build-package)\n - [Test package locally with vouch-app](#test-package-locally-with-vouch-app)\n - [Publish to npm](#publish-to-npm)\n - [Purge npm cache](#purge-npm-cached-tags)\n- [Update vouch-app](#update-vouch-app)\n - [development](#development-devvouchforcom)\n - [staging](#staging-stagingvouchforcom)\n - [production](#production-appvouchforcom)\n\n**Vouch UIKit** consists of `2 libraries` and `1 application`\n\n```bash\n└── src\n ├── lib\n │ ├── components # Design System Components (Web Component)\n │ │ ├── VouchBrandLogo.svelte\n │ │ ...\n │ │\n │ └── embed # embed Components (Web Component)\n │ │ ├── VouchEmbedInlinePlayer.svelte\n │ ...\n │\n │\n ├── routes # vouch public embed link (https://embed.vouchfor.com)\n │ ├── __layout.svelte\n │ ├── index.svelte\n │ ├── about.svelte\n │ ...\n │\n ├── app.css\n └── app.html\n```\n\n# Get Started\n\nEnsure you have node `14.17.0` installed on your machine, for example via [nvm](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/TERMINAL.md#install-nvm), run `nvm ls` to check\n\n```bash\nnvm ls 14\n```\n\nyou should see output if you have the version installed\n\n```bash\n-> v14.17.0\n```\n\nensure you have [git ssh](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/GITHUB.md) setup locally before you clone the repo\n\n```bash\ngit clone git@github.com:VouchAU/vouch-uikit.git\n```\n\ninstall dependencies\n\n```bash\ncd vouch-uikit\nyarn\n```\n\n## Storybook\n\nhttps://designsystem.vouchfor.com/\n\nStorybook is hosted on GitHub page `gh-pages` branch (Domain name is configured on **Cloudflare**) and deployed automatically via **GitHub Action** every time changes are merged back to `master`.\n\nLocal dev\n\n```bash\nyarn storybook\n```\n\nbuild storybook\n\n```bash\nyarn build-storybook\n```\n\n## Build package\n\nBuild `src/lib` production/beta/alpha package, make sure you change `version` in `package.json` for three different build tags.\n\n```sh\ncd vouch-uikit\n...\nyarn package:alpha # development\nyarn package:beta # staging\nyarn package # production\n```\n\n## Test package locally with `vouch-app`\n\nOnce you build the `npm` package, you can test locally with `vouch-app` to ensure everything works as expected before publishing to `npm`\n\nAssuming you build a package according [Build package](#build-package), now you can create a symlink to your local package\n\n```sh\ncd package\nyarn link\n```\n\nyou should see this if successfully linked\n\n```sh\nyarn link v1.22.10\nsuccess Registered \"@vouchfor/uikit\".\ninfo You can now run `yarn link \"@vouchfor/uikit\"` in the projects where you want to use this package and it will be used instead.\n✨ Done in 0.04s.\n```\n\ngo to `vouch-app` folder and switch to the branch you want to test against with then link the local package\n\n```sh\ncd vouch-app\ngit checkout VCH-222\nyarn link @vouchfor/uikit\nyarn dev\n```\n\nVoilà, you are testing your feature branch with the local uikit package and don't forget to roll back after testing\n\n```sh\ncd vouch-app\nyarn unlink @vouchfor/uikit\n...\ncd vouch-uikit/package\nyarn unlink\n```\n\n## Publish to `npm`\n\n> Note you will need to log in `vouch-tech` on your terminal before publishing, credential is shared via 1Password.\n\n```bash\nnpm login\n...\n```\n\n```bash\ncd package\n...\nnpm publish --access public --tag alpha # development\nnpm publish --access public --tag beta # staging\nnpm publish --access public # production\n```\n\n## Purge `jsdelivr` cache\n\n`@vouchfor/uikit` is most likely consumed by **tag**, `alpha`, `beta` and `latest`, not version number to ensure clients can always get the latest updates. [jsdelivr](https://cdn.jsdelivr.net/) default has 7 days cache for `tag`, so we need to purge it to reflect new version number.\n\n- Check current tag version number\n\n - [Click to check Alpha](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@alpha/)\n - [Click to check Beta](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@beta/)\n - [Click to check Production](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n- Purge cache\n - [Click to purge Alpha](https://purge.jsdelivr.net/npm/@vouchfor/uikit@alpha/)\n - [Click to purge Beta](https://purge.jsdelivr.net/npm/@vouchfor/uikit@beta/)\n - **_Danger_** [Click to purge Production](https://purge.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n### Purge specific bundle.js\n\nOur embed code snippet `src` attribute currently refers to a specific embed bundle js , for example\n\n```html\n\n
\n```\n\nIn this case, you will need to purge the bundle file specifically by providing absolute path\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/embed/{filename}.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/components/{filename}.bundle.js\n```\n\nfor example,\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@alpha/embed/vouch-embed-inline-player.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@beta/embed/vouch-embed-inline-player.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/embed/vouch-embed-inline-player.bundle.js\n```\n\n## Unit test\n\n```bash\nyarn test\n```\n\nupdate snapshot\n\n```bash\nyarn test -u\n```\n\n# Update `vouch-app`\n\n`@vouchfor/uikit` is a dependency of `vouch-app` for embeds and UI components, follow the below steps to publish NPM package and update `package.json` dependency in `vouch-app`.\n\n> Each PR should bump the minor version in `package.json` in order to push new version to NPM. e.g. `\"version\": \"3.9.0\"` in `main` branch, you should bump to `\"version\": \"3.10.0\"` in your branch.\n\n> The major version should only be used for releasing breaking changes. e.g. `3.0.0`, `4.0.0`\n\n## Development (`dev.vouchfor.com`)\n\nAssuming your branch bumped version in `package.json` to\n\n```json\n\"version\": \"3.10.0\"\n```\n\n### Bump patch version number\n\nEnsure your patch version number isn't used, e.g. if `3.10.0` was published before, bump to `3.10.1`.\n\n### Build and publish\n\n```sh\nyarn package:alpha\ncd package\nnpm publish --access public --tag alpha\n```\n\nMake sure you purge NPM CDN cache for package, see [Purge npm cached tags](#purge-npm-cached-tags)\n\n### Update dependency in `vouch-app`\n\nEnsure you already cloned [vouch-app](https://github.com/VouchAU/vouch-app.git) locally then switch to the folder.\n\n```sh\ncd vouch-app\ngit checkout development\ngit pull\ngit merge feature/VCH-111 # Optional, only when you have code change dependency in vouch-app as well\nyarn upgrade @vouchfor/uikit@alpha\n```\n\nAfter upgrade, you should see version updates in both `package.json` and `yarn.lock`, but due to a known issue of `yarn`, please do these before committing changes\n\n- Manually roll back `package.json` (should always `\"@vouchfor/uikit\": \"alpha\"` for `development`).\n- run `yarn` again to update `yarn.lock`\n\n```sh\ngit commit -m \"Bumped uikit version\"\ngit push\n```\n\n## Staging (`staging.vouchfor.com`)\n\nUpdate `staging` environment is the same as [Development](#development-devvouchforcom) but remember to change cmd to `staging` specific\n\n```sh\nyarn package:beta\n```\n\n```sh\nnpm publish --access public --tag beta\n```\n\n```sh\ncd vouch-app\ngit checkout staging\ngit pull\ngit merge feature/VCH-111 # Optional, only when you have code change dependency in vouch-app as well\nyarn upgrade @vouchfor/uikit@beta\n```\n\n## Production (`app.vouchfor.com`)\n\nOne thing different when release to production, since `master` branch can only be merged by PRs (after code review), so you will need to run `yarn upgrade @vouchfor/uikit@latest` under you feature branch and commit **before merging the PR**.\n\n```sh\ngit checkout feature/VCH-111\nyarn upgrade upgrade @vouchfor/uikit@latest\ngit commit -m \"Bumped uikit version\"\ngit push\n```\n\n> When you run above cmd, your PR should be ready to merge (reviewed and QA tested)\n","engines":{"node":">=14.17.0"},"exports":{"./package.json":"./package.json","./embed/vouch-embed-all":{"import":"./embed/vouch-embed-all.js","default":"./embed/vouch-embed-all.js","require":"./embed/vouch-embed-all.cjs"},"./embed/vouch-embed-jumbo":{"import":"./embed/vouch-embed-jumbo.js","default":"./embed/vouch-embed-jumbo.js","require":"./embed/vouch-embed-jumbo.cjs"},"./embed/vouch-embed-all.js":"./embed/vouch-embed-all.js","./embed/vouch-embed-button":{"import":"./embed/vouch-embed-button.js","default":"./embed/vouch-embed-button.js","require":"./embed/vouch-embed-button.cjs"},"./components/vouch-recorder":{"import":"./components/vouch-recorder.js","default":"./components/vouch-recorder.js","require":"./components/vouch-recorder.cjs"},"./embed/vouch-embed-popover":{"import":"./embed/vouch-embed-popover.js","default":"./embed/vouch-embed-popover.js","require":"./embed/vouch-embed-popover.cjs"},"./components/vouch-icon-play":{"import":"./components/vouch-icon-play.js","default":"./components/vouch-icon-play.js","require":"./components/vouch-icon-play.cjs"},"./embed/vouch-embed-dialogue":{"import":"./embed/vouch-embed-dialogue.js","default":"./embed/vouch-embed-dialogue.js","require":"./embed/vouch-embed-dialogue.cjs"},"./components/vouch-brand-logo":{"import":"./components/vouch-brand-logo.js","default":"./components/vouch-brand-logo.js","require":"./components/vouch-brand-logo.cjs"},"./components/vouch-icon-close":{"import":"./components/vouch-icon-close.js","default":"./components/vouch-icon-close.js","require":"./components/vouch-icon-close.cjs"},"./components/vouch-icon-pause":{"import":"./components/vouch-icon-pause.js","default":"./components/vouch-icon-pause.js","require":"./components/vouch-icon-pause.cjs"},"./components/vouch-media-plyr":{"import":"./components/vouch-media-plyr.js","default":"./components/vouch-media-plyr.js","require":"./components/vouch-media-plyr.cjs"},"./components/vouch-water-mark":{"import":"./components/vouch-water-mark.js","default":"./components/vouch-water-mark.js","require":"./components/vouch-water-mark.cjs"},"./embed/vouch-embed-thumbnail":{"import":"./embed/vouch-embed-thumbnail.js","default":"./embed/vouch-embed-thumbnail.js","require":"./embed/vouch-embed-thumbnail.cjs"},"./embed/vouch-recorder-button":{"import":"./embed/vouch-recorder-button.js","default":"./embed/vouch-recorder-button.js","require":"./embed/vouch-recorder-button.cjs"},"./components/vouch-graphic-svg":{"import":"./components/vouch-graphic-svg.js","default":"./components/vouch-graphic-svg.js","require":"./components/vouch-graphic-svg.cjs"},"./embed/VouchEmbedJumbo.svelte":"./embed/VouchEmbedJumbo.svelte","./embed/VouchEmbedButton.svelte":"./embed/VouchEmbedButton.svelte","./embed/VouchEmbedPopover.svelte":"./embed/VouchEmbedPopover.svelte","./components/VouchIconPlay.svelte":"./components/VouchIconPlay.svelte","./components/VouchRecorder.svelte":"./components/VouchRecorder.svelte","./embed/VouchEmbedDialogue.svelte":"./embed/VouchEmbedDialogue.svelte","./embed/vouch-embed-inline-player":{"import":"./embed/vouch-embed-inline-player.js","default":"./embed/vouch-embed-inline-player.js","require":"./embed/vouch-embed-inline-player.cjs"},"./components/VouchBrandLogo.svelte":"./components/VouchBrandLogo.svelte","./components/VouchIconClose.svelte":"./components/VouchIconClose.svelte","./components/VouchIconPause.svelte":"./components/VouchIconPause.svelte","./components/VouchMediaPlyr.svelte":"./components/VouchMediaPlyr.svelte","./components/VouchWaterMark.svelte":"./components/VouchWaterMark.svelte","./components/vouch-icon-arrow-left":{"import":"./components/vouch-icon-arrow-left.js","default":"./components/vouch-icon-arrow-left.js","require":"./components/vouch-icon-arrow-left.cjs"},"./embed/VouchEmbedThumbnail.svelte":"./embed/VouchEmbedThumbnail.svelte","./embed/VouchRecorderButton.svelte":"./embed/VouchRecorderButton.svelte","./components/VouchGraphicSvg.svelte":"./components/VouchGraphicSvg.svelte","./components/vouch-icon-arrow-right":{"import":"./components/vouch-icon-arrow-right.js","default":"./components/vouch-icon-arrow-right.js","require":"./components/vouch-icon-arrow-right.cjs"},"./components/vouch-overlay-play-icon":{"import":"./components/vouch-overlay-play-icon.js","default":"./components/vouch-overlay-play-icon.js","require":"./components/vouch-overlay-play-icon.cjs"},"./embed/VouchEmbedInlinePlayer.svelte":"./embed/VouchEmbedInlinePlayer.svelte","./components/VouchIconArrowLeft.svelte":"./components/VouchIconArrowLeft.svelte","./components/VouchIconArrowRight.svelte":"./components/VouchIconArrowRight.svelte","./components/VouchOverlayPlayIcon.svelte":"./components/VouchOverlayPlayIcon.svelte"},"_npmUser":{"name":"vouch-tech","email":"brian@vouchfor.com"},"repository":{"url":"git+https://github.com/VouchAU/vouch-uikit.git","type":"git"},"_npmVersion":"6.14.13","description":"Vouch Svelte UIKit","directories":{},"lint-staged":{"*.{js,svelte}":"yarn lint"},"_nodeVersion":"14.17.0","dependencies":{"plyr":"^3.7.2","cookie":"^0.4.1","hls.js":"^1.1.5","core-js":"^3.16.3","postcss":"^7","@vime/core":"^5.3.1","tailwindcss":"npm:@tailwindcss/postcss7-compat","@lukeed/uuid":"^2.0.0","autoprefixer":"^9","whatwg-fetch":"^3.6.2","@fontsource/fira-mono":"^4.2.2"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^27.0.6","path":"^0.12.7","husky":"4","tslib":"^2.0.0","dotenv":"^10.0.0","eslint":"^7.22.0","rollup":"^2.55.1","svelte":"^3.34.0","prettier":"~2.2.1","babel-jest":"^27.0.6","svelte2tsx":"^0.4.3","typescript":"^4.0.0","@babel/core":"^7.14.8","@types/jest":"^26.0.24","lint-staged":"^11.1.1","svelte-check":"^2.0.0","@sveltejs/kit":"next","@types/cookie":"^0.4.0","svelte-jester":"^1.8.1","svelte-loader":"^3.1.2","@babel/preset-env":"^7.14.9","@storybook/svelte":"^6.3.6","svelte-preprocess":"^4.0.0","rollup-plugin-svelte":"^7.1.0","rollup-plugin-terser":"^7.0.2","eslint-plugin-svelte3":"^3.2.0","@babel/runtime-corejs3":"^7.14.9","@rollup/plugin-replace":"^3.0.0","@storybook/addon-links":"^6.3.6","eslint-config-prettier":"^8.1.0","prettier-plugin-svelte":"^2.2.0","@rollup/plugin-commonjs":"^22.0.0","@testing-library/svelte":"^3.0.3","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@typescript-eslint/parser":"^4.19.0","@rollup/plugin-node-resolve":"^13.0.4","@storybook/addon-essentials":"^6.3.6","@typescript-eslint/eslint-plugin":"^4.19.0"},"_npmOperationalInternal":{"tmp":"tmp/uikit_5.0.9_1653368270955_0.3435609531148467","host":"s3://npm-registry-packages"}},"5.0.10":{"name":"@vouchfor/uikit","version":"5.0.10","keywords":["embed","design system","vouch-uikit","svelte","uikit"],"author":{"url":"https://vouchau.github.io/vouch-uikit","name":"Vouch Dev Team","email":"hello@vouchfor.com"},"license":"MIT","_id":"@vouchfor/uikit@5.0.10","maintainers":[{"name":"vouch-tech","email":"brian@vouchfor.com"}],"homepage":"https://vouchau.github.io/vouch-uikit","bugs":{"url":"https://github.com/VouchAU/vouch-uikit/issues"},"dist":{"shasum":"eae52a1151cd919ed3723db4149b894554e8c2c0","tarball":"https://registry.npmjs.org/@vouchfor/uikit/-/uikit-5.0.10.tgz","fileCount":202,"integrity":"sha512-vlH7UtCh4iasdYDl2y7vAFUvGvrAJx5EHKMHZ8wSSup/OhIHvRg2PgYIv172aYI0HmLg7agUVM6bfot6QbyCWg==","signatures":[{"sig":"MEQCIF819U99kGhJd78pUWcJQQn5NE734ZAZ3tjm9GOCFzbxAiB4VaeRx3DpBQOEnGALco45J90VqhuJYH/Qc9STwAAZBQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65930018,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJijGa3ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo7Bg/9HXzY/JU491gyhtLgdTIsxNzuoUMzHgvp/Abnd9RwjJlbJNrE\r\nQHIRyIJ4PpbYSlow5nFkMUZa6inS5a6IXdi139PYv9JaOqRvERi8zmDjUCIK\r\nC9hjhkNkeVJRDrMRxrT7gaBEsUU5urS6dTQXCDqHGKf3M3jfdy0AQUEj7frn\r\n6fJXJ/CKd58pIZ3/FJsN5hfwYhMp7i1OkRgBsFpmgawpXAiumAKHSYMd9Xh7\r\n86J45mgmz3RpcBHGJ5NiWwQSf+CXUoQ73lFTGIlgbtO9yyVA+lid9oTlBkfW\r\nlqwa+nTUuukivGZrEPpYN8SROiwpNj6yqxcSVkZLlGHXmTLCFKi8VhvPdSEj\r\nvM+IlA9xMGwQRUX4iIFXDHQtAytKHdUZDsktmAOe1yg4oWinXtGUE4UeezAN\r\nkLqUFoHayXEUz2IzfXiecEGuOu86gHkWRElSCKkrvcFpg+KkiGOGX/0AcS1i\r\njfJ0yeUiHGqs9fQgy6BvxWkRQo8JxYhlLPBO331nIewRC/kSh7NlX0jsWjoX\r\nTp1on+SlbFEq5wNuNOkokgLVCgCFKu2Gpz6AswTOuogMrtX6A1uiGqh07JNS\r\nftcQc4jXJJjPNw1gpzBqp2RLySaVza2QNWYonMUgoLN1F5QSVOeXJDjEFifM\r\nam8S0t9oSbfV3R5kfCcLrC9cGmRfuMVWynU=\r\n=FM43\r\n-----END PGP SIGNATURE-----\r\n"},"type":"module","husky":{"hooks":{"pre-push":"yarn test --silent","pre-commit":"lint-staged"}},"types":"types.d.ts","readme":"# Vouch UIKit\n\n- [Get Started](#get-started)\n - [Storybook](#storybook)\n - [Build package](#build-package)\n - [Test package locally with vouch-app](#test-package-locally-with-vouch-app)\n - [Publish to npm](#publish-to-npm)\n - [Purge npm cache](#purge-npm-cached-tags)\n- [Update vouch-app](#update-vouch-app)\n - [development](#development-devvouchforcom)\n - [staging](#staging-stagingvouchforcom)\n - [production](#production-appvouchforcom)\n\n**Vouch UIKit** consists of `2 libraries` and `1 application`\n\n```bash\n└── src\n ├── lib\n │ ├── components # Design System Components (Web Component)\n │ │ ├── VouchBrandLogo.svelte\n │ │ ...\n │ │\n │ └── embed # embed Components (Web Component)\n │ │ ├── VouchEmbedInlinePlayer.svelte\n │ ...\n │\n │\n ├── routes # vouch public embed link (https://embed.vouchfor.com)\n │ ├── __layout.svelte\n │ ├── index.svelte\n │ ├── about.svelte\n │ ...\n │\n ├── app.css\n └── app.html\n```\n\n# Get Started\n\nEnsure you have node `14.17.0` installed on your machine, for example via [nvm](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/TERMINAL.md#install-nvm), run `nvm ls` to check\n\n```bash\nnvm ls 14\n```\n\nyou should see output if you have the version installed\n\n```bash\n-> v14.17.0\n```\n\nensure you have [git ssh](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/GITHUB.md) setup locally before you clone the repo\n\n```bash\ngit clone git@github.com:VouchAU/vouch-uikit.git\n```\n\ninstall dependencies\n\n```bash\ncd vouch-uikit\nyarn\n```\n\n## Storybook\n\nhttps://designsystem.vouchfor.com/\n\nStorybook is hosted on GitHub page `gh-pages` branch (Domain name is configured on **Cloudflare**) and deployed automatically via **GitHub Action** every time changes are merged back to `master`.\n\nLocal dev\n\n```bash\nyarn storybook\n```\n\nbuild storybook\n\n```bash\nyarn build-storybook\n```\n\n## Build package\n\nBuild `src/lib` production/beta/alpha package, make sure you change `version` in `package.json` for three different build tags.\n\n```sh\ncd vouch-uikit\n...\nyarn package:alpha # development\nyarn package:beta # staging\nyarn package # production\n```\n\n## Test package locally with `vouch-app`\n\nOnce you build the `npm` package, you can test locally with `vouch-app` to ensure everything works as expected before publishing to `npm`\n\nAssuming you build a package according [Build package](#build-package), now you can create a symlink to your local package\n\n```sh\ncd package\nyarn link\n```\n\nyou should see this if successfully linked\n\n```sh\nyarn link v1.22.10\nsuccess Registered \"@vouchfor/uikit\".\ninfo You can now run `yarn link \"@vouchfor/uikit\"` in the projects where you want to use this package and it will be used instead.\n✨ Done in 0.04s.\n```\n\ngo to `vouch-app` folder and switch to the branch you want to test against with then link the local package\n\n```sh\ncd vouch-app\ngit checkout VCH-222\nyarn link @vouchfor/uikit\nyarn dev\n```\n\nVoilà, you are testing your feature branch with the local uikit package and don't forget to roll back after testing\n\n```sh\ncd vouch-app\nyarn unlink @vouchfor/uikit\n...\ncd vouch-uikit/package\nyarn unlink\n```\n\n## Publish to `npm`\n\n> Note you will need to log in `vouch-tech` on your terminal before publishing, credential is shared via 1Password.\n\n```bash\nnpm login\n...\n```\n\n```bash\ncd package\n...\nnpm publish --access public --tag alpha # development\nnpm publish --access public --tag beta # staging\nnpm publish --access public # production\n```\n\n## Purge `jsdelivr` cache\n\n`@vouchfor/uikit` is most likely consumed by **tag**, `alpha`, `beta` and `latest`, not version number to ensure clients can always get the latest updates. [jsdelivr](https://cdn.jsdelivr.net/) default has 7 days cache for `tag`, so we need to purge it to reflect new version number.\n\n- Check current tag version number\n\n - [Click to check Alpha](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@alpha/)\n - [Click to check Beta](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@beta/)\n - [Click to check Production](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n- Purge cache\n - [Click to purge Alpha](https://purge.jsdelivr.net/npm/@vouchfor/uikit@alpha/)\n - [Click to purge Beta](https://purge.jsdelivr.net/npm/@vouchfor/uikit@beta/)\n - **_Danger_** [Click to purge Production](https://purge.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n### Purge specific bundle.js\n\nOur embed code snippet `src` attribute currently refers to a specific embed bundle js , for example\n\n```html\n\n
\n```\n\nIn this case, you will need to purge the bundle file specifically by providing absolute path\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/embed/{filename}.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/components/{filename}.bundle.js\n```\n\nfor example,\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@alpha/embed/vouch-embed-inline-player.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@beta/embed/vouch-embed-inline-player.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/embed/vouch-embed-inline-player.bundle.js\n```\n\n## Unit test\n\n```bash\nyarn test\n```\n\nupdate snapshot\n\n```bash\nyarn test -u\n```\n\n# Update `vouch-app`\n\n`@vouchfor/uikit` is a dependency of `vouch-app` for embeds and UI components, follow the below steps to publish NPM package and update `package.json` dependency in `vouch-app`.\n\n> Each PR should bump the minor version in `package.json` in order to push new version to NPM. e.g. `\"version\": \"3.9.0\"` in `main` branch, you should bump to `\"version\": \"3.10.0\"` in your branch.\n\n> The major version should only be used for releasing breaking changes. e.g. `3.0.0`, `4.0.0`\n\n## Development (`dev.vouchfor.com`)\n\nAssuming your branch bumped version in `package.json` to\n\n```json\n\"version\": \"3.10.0\"\n```\n\n### Bump patch version number\n\nEnsure your patch version number isn't used, e.g. if `3.10.0` was published before, bump to `3.10.1`.\n\n### Build and publish\n\n```sh\nyarn package:alpha\ncd package\nnpm publish --access public --tag alpha\n```\n\nMake sure you purge NPM CDN cache for package, see [Purge npm cached tags](#purge-npm-cached-tags)\n\n### Update dependency in `vouch-app`\n\nEnsure you already cloned [vouch-app](https://github.com/VouchAU/vouch-app.git) locally then switch to the folder.\n\n```sh\ncd vouch-app\ngit checkout development\ngit pull\ngit merge feature/VCH-111 # Optional, only when you have code change dependency in vouch-app as well\nyarn upgrade @vouchfor/uikit@alpha\n```\n\nAfter upgrade, you should see version updates in both `package.json` and `yarn.lock`, but due to a known issue of `yarn`, please do these before committing changes\n\n- Manually roll back `package.json` (should always `\"@vouchfor/uikit\": \"alpha\"` for `development`).\n- run `yarn` again to update `yarn.lock`\n\n```sh\ngit commit -m \"Bumped uikit version\"\ngit push\n```\n\n## Staging (`staging.vouchfor.com`)\n\nUpdate `staging` environment is the same as [Development](#development-devvouchforcom) but remember to change cmd to `staging` specific\n\n```sh\nyarn package:beta\n```\n\n```sh\nnpm publish --access public --tag beta\n```\n\n```sh\ncd vouch-app\ngit checkout staging\ngit pull\ngit merge feature/VCH-111 # Optional, only when you have code change dependency in vouch-app as well\nyarn upgrade @vouchfor/uikit@beta\n```\n\n## Production (`app.vouchfor.com`)\n\nOne thing different when release to production, since `master` branch can only be merged by PRs (after code review), so you will need to run `yarn upgrade @vouchfor/uikit@latest` under you feature branch and commit **before merging the PR**.\n\n```sh\ngit checkout feature/VCH-111\nyarn upgrade upgrade @vouchfor/uikit@latest\ngit commit -m \"Bumped uikit version\"\ngit push\n```\n\n> When you run above cmd, your PR should be ready to merge (reviewed and QA tested)\n","engines":{"node":">=14.17.0"},"exports":{"./package.json":"./package.json","./embed/vouch-embed-all":{"import":"./embed/vouch-embed-all.js","default":"./embed/vouch-embed-all.js","require":"./embed/vouch-embed-all.cjs"},"./embed/vouch-embed-jumbo":{"import":"./embed/vouch-embed-jumbo.js","default":"./embed/vouch-embed-jumbo.js","require":"./embed/vouch-embed-jumbo.cjs"},"./embed/vouch-embed-all.js":"./embed/vouch-embed-all.js","./embed/vouch-embed-button":{"import":"./embed/vouch-embed-button.js","default":"./embed/vouch-embed-button.js","require":"./embed/vouch-embed-button.cjs"},"./components/vouch-recorder":{"import":"./components/vouch-recorder.js","default":"./components/vouch-recorder.js","require":"./components/vouch-recorder.cjs"},"./embed/vouch-embed-popover":{"import":"./embed/vouch-embed-popover.js","default":"./embed/vouch-embed-popover.js","require":"./embed/vouch-embed-popover.cjs"},"./components/vouch-icon-play":{"import":"./components/vouch-icon-play.js","default":"./components/vouch-icon-play.js","require":"./components/vouch-icon-play.cjs"},"./embed/vouch-embed-dialogue":{"import":"./embed/vouch-embed-dialogue.js","default":"./embed/vouch-embed-dialogue.js","require":"./embed/vouch-embed-dialogue.cjs"},"./components/vouch-brand-logo":{"import":"./components/vouch-brand-logo.js","default":"./components/vouch-brand-logo.js","require":"./components/vouch-brand-logo.cjs"},"./components/vouch-icon-close":{"import":"./components/vouch-icon-close.js","default":"./components/vouch-icon-close.js","require":"./components/vouch-icon-close.cjs"},"./components/vouch-icon-pause":{"import":"./components/vouch-icon-pause.js","default":"./components/vouch-icon-pause.js","require":"./components/vouch-icon-pause.cjs"},"./components/vouch-media-plyr":{"import":"./components/vouch-media-plyr.js","default":"./components/vouch-media-plyr.js","require":"./components/vouch-media-plyr.cjs"},"./components/vouch-water-mark":{"import":"./components/vouch-water-mark.js","default":"./components/vouch-water-mark.js","require":"./components/vouch-water-mark.cjs"},"./embed/vouch-embed-thumbnail":{"import":"./embed/vouch-embed-thumbnail.js","default":"./embed/vouch-embed-thumbnail.js","require":"./embed/vouch-embed-thumbnail.cjs"},"./embed/vouch-recorder-button":{"import":"./embed/vouch-recorder-button.js","default":"./embed/vouch-recorder-button.js","require":"./embed/vouch-recorder-button.cjs"},"./components/vouch-graphic-svg":{"import":"./components/vouch-graphic-svg.js","default":"./components/vouch-graphic-svg.js","require":"./components/vouch-graphic-svg.cjs"},"./embed/VouchEmbedJumbo.svelte":"./embed/VouchEmbedJumbo.svelte","./embed/VouchEmbedButton.svelte":"./embed/VouchEmbedButton.svelte","./embed/VouchEmbedPopover.svelte":"./embed/VouchEmbedPopover.svelte","./components/VouchIconPlay.svelte":"./components/VouchIconPlay.svelte","./components/VouchRecorder.svelte":"./components/VouchRecorder.svelte","./embed/VouchEmbedDialogue.svelte":"./embed/VouchEmbedDialogue.svelte","./embed/vouch-embed-inline-player":{"import":"./embed/vouch-embed-inline-player.js","default":"./embed/vouch-embed-inline-player.js","require":"./embed/vouch-embed-inline-player.cjs"},"./components/VouchBrandLogo.svelte":"./components/VouchBrandLogo.svelte","./components/VouchIconClose.svelte":"./components/VouchIconClose.svelte","./components/VouchIconPause.svelte":"./components/VouchIconPause.svelte","./components/VouchMediaPlyr.svelte":"./components/VouchMediaPlyr.svelte","./components/VouchWaterMark.svelte":"./components/VouchWaterMark.svelte","./components/vouch-icon-arrow-left":{"import":"./components/vouch-icon-arrow-left.js","default":"./components/vouch-icon-arrow-left.js","require":"./components/vouch-icon-arrow-left.cjs"},"./embed/VouchEmbedThumbnail.svelte":"./embed/VouchEmbedThumbnail.svelte","./embed/VouchRecorderButton.svelte":"./embed/VouchRecorderButton.svelte","./components/VouchGraphicSvg.svelte":"./components/VouchGraphicSvg.svelte","./components/vouch-icon-arrow-right":{"import":"./components/vouch-icon-arrow-right.js","default":"./components/vouch-icon-arrow-right.js","require":"./components/vouch-icon-arrow-right.cjs"},"./components/vouch-overlay-play-icon":{"import":"./components/vouch-overlay-play-icon.js","default":"./components/vouch-overlay-play-icon.js","require":"./components/vouch-overlay-play-icon.cjs"},"./embed/VouchEmbedInlinePlayer.svelte":"./embed/VouchEmbedInlinePlayer.svelte","./components/VouchIconArrowLeft.svelte":"./components/VouchIconArrowLeft.svelte","./components/VouchIconArrowRight.svelte":"./components/VouchIconArrowRight.svelte","./components/VouchOverlayPlayIcon.svelte":"./components/VouchOverlayPlayIcon.svelte"},"_npmUser":{"name":"vouch-tech","email":"brian@vouchfor.com"},"repository":{"url":"git+https://github.com/VouchAU/vouch-uikit.git","type":"git"},"_npmVersion":"6.14.13","description":"Vouch Svelte UIKit","directories":{},"lint-staged":{"*.{js,svelte}":"yarn lint"},"_nodeVersion":"14.17.0","dependencies":{"plyr":"^3.7.2","cookie":"^0.4.1","hls.js":"^1.1.5","core-js":"^3.16.3","postcss":"^7","@vime/core":"^5.3.1","tailwindcss":"npm:@tailwindcss/postcss7-compat","@lukeed/uuid":"^2.0.0","autoprefixer":"^9","whatwg-fetch":"^3.6.2","@fontsource/fira-mono":"^4.2.2"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^27.0.6","path":"^0.12.7","husky":"4","tslib":"^2.0.0","dotenv":"^10.0.0","eslint":"^7.22.0","rollup":"^2.55.1","svelte":"^3.34.0","prettier":"~2.2.1","babel-jest":"^27.0.6","svelte2tsx":"^0.4.3","typescript":"^4.0.0","@babel/core":"^7.14.8","@types/jest":"^26.0.24","lint-staged":"^11.1.1","svelte-check":"^2.0.0","@sveltejs/kit":"next","@types/cookie":"^0.4.0","svelte-jester":"^1.8.1","svelte-loader":"^3.1.2","@babel/preset-env":"^7.14.9","@storybook/svelte":"^6.3.6","svelte-preprocess":"^4.0.0","rollup-plugin-svelte":"^7.1.0","rollup-plugin-terser":"^7.0.2","eslint-plugin-svelte3":"^3.2.0","@babel/runtime-corejs3":"^7.14.9","@rollup/plugin-replace":"^3.0.0","@storybook/addon-links":"^6.3.6","eslint-config-prettier":"^8.1.0","prettier-plugin-svelte":"^2.2.0","@rollup/plugin-commonjs":"^22.0.0","@testing-library/svelte":"^3.0.3","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@typescript-eslint/parser":"^4.19.0","@rollup/plugin-node-resolve":"^13.0.4","@storybook/addon-essentials":"^6.3.6","@typescript-eslint/eslint-plugin":"^4.19.0"},"_npmOperationalInternal":{"tmp":"tmp/uikit_5.0.10_1653368502735_0.9729218710391612","host":"s3://npm-registry-packages"}},"5.0.11":{"name":"@vouchfor/uikit","version":"5.0.11","keywords":["embed","design system","vouch-uikit","svelte","uikit"],"author":{"url":"https://vouchau.github.io/vouch-uikit","name":"Vouch Dev Team","email":"hello@vouchfor.com"},"license":"MIT","_id":"@vouchfor/uikit@5.0.11","maintainers":[{"name":"vouch-tech","email":"brian@vouchfor.com"}],"homepage":"https://vouchau.github.io/vouch-uikit","bugs":{"url":"https://github.com/VouchAU/vouch-uikit/issues"},"dist":{"shasum":"27dfb74fca8da226e82cb80c7293791ff4b74360","tarball":"https://registry.npmjs.org/@vouchfor/uikit/-/uikit-5.0.11.tgz","fileCount":202,"integrity":"sha512-QT3VzQcPcvt/u/xqTqUwtE29oHY5RZaeudK3VNA6Z+bIyoPW1z23eC3VeY25YIrwfzEsV+e69YRTqwGVI9cyTA==","signatures":[{"sig":"MEUCIQDz17P02+5UxoZ8Tv+TMqNbm8QTqum8nBXGyuC49pGoIAIgNLpqW4UfICqMgnhvckzqk/ifxsPQsCHEYU/Zzim11IE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65864751,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJijGmgACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmraBhAAl7PUaeIip0z1eiideAz9tAA/IkB/HHO0YYY9tORKNgxubu4v\r\nCenDyFt4sea+YKx+QmEAjYOStIH4Coe818kiYbDgDq4Ap5/WIZtZ2wn20Da5\r\nimgTaJRgFPHNawTYDSlbVfxxLgwAGlc9hg9/kxVvHh560eRAz6YPXjrGkumh\r\n80EserjXi+ng/ml1qApjwOcbrGcXvhWRYou6MzlZ/P8lcJ3j4J+oi4yoxDzd\r\nr49AdR9zvzFrIzriH3gYSiZpy9lo0JSAaDlEAizjIVH+iKa1HhnZnZMg2Xzu\r\nWwcz+T44z6wVBzGxWApw2+xBrhzSHwqlB2PomDza+Jk0GLX8M8gYMAm+P3Jq\r\nII07uiX7TNLZ0MRHWoK73qN68kaq3QcX+pCmdwsji8vhoDG5UsYbO/fu3mTu\r\nqMkQfP0IOcieKoeLO3PbiqrXXNcinWKt15DXylvZ4Wz4pUkKZGOH0k+EKDTH\r\niFl8sgXXLyEpO8/Zmt51kdW8/CDzzGLd7omIBqFmVi9K92fhlefoHtKQ87ZM\r\nyvmmgIaXKqyCadqfX1Cd+3KQIM3X27cLKjK74LgVbIrdIZU63SPgDyNMgmfW\r\nLXUidp0Tzhi+P0Fwwcc3kXAG4/M1ANRjz08PnQfDwdvV8TWw4rUTn/MIQV7e\r\nJy9izNODt2KQ9u9AWLXCfgCUUEOUv0URk0Q=\r\n=JOmw\r\n-----END PGP SIGNATURE-----\r\n"},"type":"module","husky":{"hooks":{"pre-push":"yarn test --silent","pre-commit":"lint-staged"}},"types":"types.d.ts","readme":"# Vouch UIKit\n\n- [Get Started](#get-started)\n - [Storybook](#storybook)\n - [Build package](#build-package)\n - [Test package locally with vouch-app](#test-package-locally-with-vouch-app)\n - [Publish to npm](#publish-to-npm)\n - [Purge npm cache](#purge-npm-cached-tags)\n- [Update vouch-app](#update-vouch-app)\n - [development](#development-devvouchforcom)\n - [staging](#staging-stagingvouchforcom)\n - [production](#production-appvouchforcom)\n\n**Vouch UIKit** consists of `2 libraries` and `1 application`\n\n```bash\n└── src\n ├── lib\n │ ├── components # Design System Components (Web Component)\n │ │ ├── VouchBrandLogo.svelte\n │ │ ...\n │ │\n │ └── embed # embed Components (Web Component)\n │ │ ├── VouchEmbedInlinePlayer.svelte\n │ ...\n │\n │\n ├── routes # vouch public embed link (https://embed.vouchfor.com)\n │ ├── __layout.svelte\n │ ├── index.svelte\n │ ├── about.svelte\n │ ...\n │\n ├── app.css\n └── app.html\n```\n\n# Get Started\n\nEnsure you have node `14.17.0` installed on your machine, for example via [nvm](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/TERMINAL.md#install-nvm), run `nvm ls` to check\n\n```bash\nnvm ls 14\n```\n\nyou should see output if you have the version installed\n\n```bash\n-> v14.17.0\n```\n\nensure you have [git ssh](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/GITHUB.md) setup locally before you clone the repo\n\n```bash\ngit clone git@github.com:VouchAU/vouch-uikit.git\n```\n\ninstall dependencies\n\n```bash\ncd vouch-uikit\nyarn\n```\n\n## Storybook\n\nhttps://designsystem.vouchfor.com/\n\nStorybook is hosted on GitHub page `gh-pages` branch (Domain name is configured on **Cloudflare**) and deployed automatically via **GitHub Action** every time changes are merged back to `master`.\n\nLocal dev\n\n```bash\nyarn storybook\n```\n\nbuild storybook\n\n```bash\nyarn build-storybook\n```\n\n## Build package\n\nBuild `src/lib` production/beta/alpha package, make sure you change `version` in `package.json` for three different build tags.\n\n```sh\ncd vouch-uikit\n...\nyarn package:alpha # development\nyarn package:beta # staging\nyarn package # production\n```\n\n## Test package locally with `vouch-app`\n\nOnce you build the `npm` package, you can test locally with `vouch-app` to ensure everything works as expected before publishing to `npm`\n\nAssuming you build a package according [Build package](#build-package), now you can create a symlink to your local package\n\n```sh\ncd package\nyarn link\n```\n\nyou should see this if successfully linked\n\n```sh\nyarn link v1.22.10\nsuccess Registered \"@vouchfor/uikit\".\ninfo You can now run `yarn link \"@vouchfor/uikit\"` in the projects where you want to use this package and it will be used instead.\n✨ Done in 0.04s.\n```\n\ngo to `vouch-app` folder and switch to the branch you want to test against with then link the local package\n\n```sh\ncd vouch-app\ngit checkout VCH-222\nyarn link @vouchfor/uikit\nyarn dev\n```\n\nVoilà, you are testing your feature branch with the local uikit package and don't forget to roll back after testing\n\n```sh\ncd vouch-app\nyarn unlink @vouchfor/uikit\n...\ncd vouch-uikit/package\nyarn unlink\n```\n\n## Publish to `npm`\n\n> Note you will need to log in `vouch-tech` on your terminal before publishing, credential is shared via 1Password.\n\n```bash\nnpm login\n...\n```\n\n```bash\ncd package\n...\nnpm publish --access public --tag alpha # development\nnpm publish --access public --tag beta # staging\nnpm publish --access public # production\n```\n\n## Purge `jsdelivr` cache\n\n`@vouchfor/uikit` is most likely consumed by **tag**, `alpha`, `beta` and `latest`, not version number to ensure clients can always get the latest updates. [jsdelivr](https://cdn.jsdelivr.net/) default has 7 days cache for `tag`, so we need to purge it to reflect new version number.\n\n- Check current tag version number\n\n - [Click to check Alpha](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@alpha/)\n - [Click to check Beta](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@beta/)\n - [Click to check Production](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n- Purge cache\n - [Click to purge Alpha](https://purge.jsdelivr.net/npm/@vouchfor/uikit@alpha/)\n - [Click to purge Beta](https://purge.jsdelivr.net/npm/@vouchfor/uikit@beta/)\n - **_Danger_** [Click to purge Production](https://purge.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n### Purge specific bundle.js\n\nOur embed code snippet `src` attribute currently refers to a specific embed bundle js , for example\n\n```html\n\n
\n```\n\nIn this case, you will need to purge the bundle file specifically by providing absolute path\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/embed/{filename}.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/components/{filename}.bundle.js\n```\n\nfor example,\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@alpha/embed/vouch-embed-inline-player.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@beta/embed/vouch-embed-inline-player.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/embed/vouch-embed-inline-player.bundle.js\n```\n\n## Unit test\n\n```bash\nyarn test\n```\n\nupdate snapshot\n\n```bash\nyarn test -u\n```\n\n# Update `vouch-app`\n\n`@vouchfor/uikit` is a dependency of `vouch-app` for embeds and UI components, follow the below steps to publish NPM package and update `package.json` dependency in `vouch-app`.\n\n> Each PR should bump the minor version in `package.json` in order to push new version to NPM. e.g. `\"version\": \"3.9.0\"` in `main` branch, you should bump to `\"version\": \"3.10.0\"` in your branch.\n\n> The major version should only be used for releasing breaking changes. e.g. `3.0.0`, `4.0.0`\n\n## Development (`dev.vouchfor.com`)\n\nAssuming your branch bumped version in `package.json` to\n\n```json\n\"version\": \"3.10.0\"\n```\n\n### Bump patch version number\n\nEnsure your patch version number isn't used, e.g. if `3.10.0` was published before, bump to `3.10.1`.\n\n### Build and publish\n\n```sh\nyarn package:alpha\ncd package\nnpm publish --access public --tag alpha\n```\n\nMake sure you purge NPM CDN cache for package, see [Purge npm cached tags](#purge-npm-cached-tags)\n\n### Update dependency in `vouch-app`\n\nEnsure you already cloned [vouch-app](https://github.com/VouchAU/vouch-app.git) locally then switch to the folder.\n\n```sh\ncd vouch-app\ngit checkout development\ngit pull\ngit merge feature/VCH-111 # Optional, only when you have code change dependency in vouch-app as well\nyarn upgrade @vouchfor/uikit@alpha\n```\n\nAfter upgrade, you should see version updates in both `package.json` and `yarn.lock`, but due to a known issue of `yarn`, please do these before committing changes\n\n- Manually roll back `package.json` (should always `\"@vouchfor/uikit\": \"alpha\"` for `development`).\n- run `yarn` again to update `yarn.lock`\n\n```sh\ngit commit -m \"Bumped uikit version\"\ngit push\n```\n\n## Staging (`staging.vouchfor.com`)\n\nUpdate `staging` environment is the same as [Development](#development-devvouchforcom) but remember to change cmd to `staging` specific\n\n```sh\nyarn package:beta\n```\n\n```sh\nnpm publish --access public --tag beta\n```\n\n```sh\ncd vouch-app\ngit checkout staging\ngit pull\ngit merge feature/VCH-111 # Optional, only when you have code change dependency in vouch-app as well\nyarn upgrade @vouchfor/uikit@beta\n```\n\n## Production (`app.vouchfor.com`)\n\nOne thing different when release to production, since `master` branch can only be merged by PRs (after code review), so you will need to run `yarn upgrade @vouchfor/uikit@latest` under you feature branch and commit **before merging the PR**.\n\n```sh\ngit checkout feature/VCH-111\nyarn upgrade upgrade @vouchfor/uikit@latest\ngit commit -m \"Bumped uikit version\"\ngit push\n```\n\n> When you run above cmd, your PR should be ready to merge (reviewed and QA tested)\n","engines":{"node":">=14.17.0"},"exports":{"./package.json":"./package.json","./embed/vouch-embed-all":{"import":"./embed/vouch-embed-all.js","default":"./embed/vouch-embed-all.js","require":"./embed/vouch-embed-all.cjs"},"./embed/vouch-embed-jumbo":{"import":"./embed/vouch-embed-jumbo.js","default":"./embed/vouch-embed-jumbo.js","require":"./embed/vouch-embed-jumbo.cjs"},"./embed/vouch-embed-all.js":"./embed/vouch-embed-all.js","./embed/vouch-embed-button":{"import":"./embed/vouch-embed-button.js","default":"./embed/vouch-embed-button.js","require":"./embed/vouch-embed-button.cjs"},"./components/vouch-recorder":{"import":"./components/vouch-recorder.js","default":"./components/vouch-recorder.js","require":"./components/vouch-recorder.cjs"},"./embed/vouch-embed-popover":{"import":"./embed/vouch-embed-popover.js","default":"./embed/vouch-embed-popover.js","require":"./embed/vouch-embed-popover.cjs"},"./components/vouch-icon-play":{"import":"./components/vouch-icon-play.js","default":"./components/vouch-icon-play.js","require":"./components/vouch-icon-play.cjs"},"./embed/vouch-embed-dialogue":{"import":"./embed/vouch-embed-dialogue.js","default":"./embed/vouch-embed-dialogue.js","require":"./embed/vouch-embed-dialogue.cjs"},"./components/vouch-brand-logo":{"import":"./components/vouch-brand-logo.js","default":"./components/vouch-brand-logo.js","require":"./components/vouch-brand-logo.cjs"},"./components/vouch-icon-close":{"import":"./components/vouch-icon-close.js","default":"./components/vouch-icon-close.js","require":"./components/vouch-icon-close.cjs"},"./components/vouch-icon-pause":{"import":"./components/vouch-icon-pause.js","default":"./components/vouch-icon-pause.js","require":"./components/vouch-icon-pause.cjs"},"./components/vouch-media-plyr":{"import":"./components/vouch-media-plyr.js","default":"./components/vouch-media-plyr.js","require":"./components/vouch-media-plyr.cjs"},"./components/vouch-water-mark":{"import":"./components/vouch-water-mark.js","default":"./components/vouch-water-mark.js","require":"./components/vouch-water-mark.cjs"},"./embed/vouch-embed-thumbnail":{"import":"./embed/vouch-embed-thumbnail.js","default":"./embed/vouch-embed-thumbnail.js","require":"./embed/vouch-embed-thumbnail.cjs"},"./embed/vouch-recorder-button":{"import":"./embed/vouch-recorder-button.js","default":"./embed/vouch-recorder-button.js","require":"./embed/vouch-recorder-button.cjs"},"./components/vouch-graphic-svg":{"import":"./components/vouch-graphic-svg.js","default":"./components/vouch-graphic-svg.js","require":"./components/vouch-graphic-svg.cjs"},"./embed/VouchEmbedJumbo.svelte":"./embed/VouchEmbedJumbo.svelte","./embed/VouchEmbedButton.svelte":"./embed/VouchEmbedButton.svelte","./embed/VouchEmbedPopover.svelte":"./embed/VouchEmbedPopover.svelte","./components/VouchIconPlay.svelte":"./components/VouchIconPlay.svelte","./components/VouchRecorder.svelte":"./components/VouchRecorder.svelte","./embed/VouchEmbedDialogue.svelte":"./embed/VouchEmbedDialogue.svelte","./embed/vouch-embed-inline-player":{"import":"./embed/vouch-embed-inline-player.js","default":"./embed/vouch-embed-inline-player.js","require":"./embed/vouch-embed-inline-player.cjs"},"./components/VouchBrandLogo.svelte":"./components/VouchBrandLogo.svelte","./components/VouchIconClose.svelte":"./components/VouchIconClose.svelte","./components/VouchIconPause.svelte":"./components/VouchIconPause.svelte","./components/VouchMediaPlyr.svelte":"./components/VouchMediaPlyr.svelte","./components/VouchWaterMark.svelte":"./components/VouchWaterMark.svelte","./components/vouch-icon-arrow-left":{"import":"./components/vouch-icon-arrow-left.js","default":"./components/vouch-icon-arrow-left.js","require":"./components/vouch-icon-arrow-left.cjs"},"./embed/VouchEmbedThumbnail.svelte":"./embed/VouchEmbedThumbnail.svelte","./embed/VouchRecorderButton.svelte":"./embed/VouchRecorderButton.svelte","./components/VouchGraphicSvg.svelte":"./components/VouchGraphicSvg.svelte","./components/vouch-icon-arrow-right":{"import":"./components/vouch-icon-arrow-right.js","default":"./components/vouch-icon-arrow-right.js","require":"./components/vouch-icon-arrow-right.cjs"},"./components/vouch-overlay-play-icon":{"import":"./components/vouch-overlay-play-icon.js","default":"./components/vouch-overlay-play-icon.js","require":"./components/vouch-overlay-play-icon.cjs"},"./embed/VouchEmbedInlinePlayer.svelte":"./embed/VouchEmbedInlinePlayer.svelte","./components/VouchIconArrowLeft.svelte":"./components/VouchIconArrowLeft.svelte","./components/VouchIconArrowRight.svelte":"./components/VouchIconArrowRight.svelte","./components/VouchOverlayPlayIcon.svelte":"./components/VouchOverlayPlayIcon.svelte"},"_npmUser":{"name":"vouch-tech","email":"brian@vouchfor.com"},"repository":{"url":"git+https://github.com/VouchAU/vouch-uikit.git","type":"git"},"_npmVersion":"6.14.13","description":"Vouch Svelte UIKit","directories":{},"lint-staged":{"*.{js,svelte}":"yarn lint"},"_nodeVersion":"14.17.0","dependencies":{"plyr":"^3.7.2","cookie":"^0.4.1","hls.js":"^1.1.5","core-js":"^3.16.3","postcss":"^7","@vime/core":"^5.3.1","tailwindcss":"npm:@tailwindcss/postcss7-compat","@lukeed/uuid":"^2.0.0","autoprefixer":"^9","whatwg-fetch":"^3.6.2","@fontsource/fira-mono":"^4.2.2"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^27.0.6","path":"^0.12.7","husky":"4","tslib":"^2.0.0","dotenv":"^10.0.0","eslint":"^7.22.0","rollup":"^2.55.1","svelte":"^3.34.0","prettier":"~2.2.1","babel-jest":"^27.0.6","svelte2tsx":"^0.4.3","typescript":"^4.0.0","@babel/core":"^7.14.8","@types/jest":"^26.0.24","lint-staged":"^11.1.1","svelte-check":"^2.0.0","@sveltejs/kit":"next","@types/cookie":"^0.4.0","svelte-jester":"^1.8.1","svelte-loader":"^3.1.2","@babel/preset-env":"^7.14.9","@storybook/svelte":"^6.3.6","svelte-preprocess":"^4.0.0","rollup-plugin-svelte":"^7.1.0","rollup-plugin-terser":"^7.0.2","eslint-plugin-svelte3":"^3.2.0","@babel/runtime-corejs3":"^7.14.9","@rollup/plugin-replace":"^3.0.0","@storybook/addon-links":"^6.3.6","eslint-config-prettier":"^8.1.0","prettier-plugin-svelte":"^2.2.0","@rollup/plugin-commonjs":"^22.0.0","@testing-library/svelte":"^3.0.3","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@typescript-eslint/parser":"^4.19.0","@rollup/plugin-node-resolve":"^13.0.4","@storybook/addon-essentials":"^6.3.6","@typescript-eslint/eslint-plugin":"^4.19.0"},"_npmOperationalInternal":{"tmp":"tmp/uikit_5.0.11_1653369248188_0.3859343654167615","host":"s3://npm-registry-packages"}},"5.0.12":{"name":"@vouchfor/uikit","version":"5.0.12","keywords":["embed","design system","vouch-uikit","svelte","uikit"],"author":{"url":"https://vouchau.github.io/vouch-uikit","name":"Vouch Dev Team","email":"hello@vouchfor.com"},"license":"MIT","_id":"@vouchfor/uikit@5.0.12","maintainers":[{"name":"vouch-tech","email":"brian@vouchfor.com"}],"homepage":"https://vouchau.github.io/vouch-uikit","bugs":{"url":"https://github.com/VouchAU/vouch-uikit/issues"},"dist":{"shasum":"3c008971955ce03743772f9dbbbf9dd4e5fd8166","tarball":"https://registry.npmjs.org/@vouchfor/uikit/-/uikit-5.0.12.tgz","fileCount":202,"integrity":"sha512-pORmSb3UFsY3kiCrmSoNrF1Ny7epFKNCE/wq1UotDZCKTJusEvpof7DmFGBLm1aFbwQ2Fv3muiwTLFzf18rEHQ==","signatures":[{"sig":"MEQCIBKms5keO8JDb2Shn2fnk/3nIWiEeZ30V5rKnWP+xjEOAiBwsIJV4VL9J68kxNBPn3c1WhbBLaeOluCV9/UMqi/quA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65868836,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJijHkxACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpGqg/+JWKWsdN0mYb8Mqr9Dl50bZLQNhnanX4+C0L8GgMZ2mXbfLlJ\r\nLJTy/xRxDjoAQ21u/4dUf6BDIJWzcjrGc2EZTBwfbeGCFSUTTQww4EsjF1I+\r\nHnH7cmdkNTSIrn3iH/ciSLMG8YP8wSglQYdMbnxjqTGpS8NFwnGVmWvoVk7i\r\nIJVTLv4KqpSdUrGU90mqjTmvkIrNAxEEOQEGm5UdMVAXAmKGLz9By8GxA/jB\r\n33dnmGQ43Myn7GzvK/cu9e2uutdOi/tnwRITznl8QumwqplxnvfLXVf2ipEF\r\npuTANOfDLuiiM12DWBPOyPruAoBSuEeG+6LplVmv7lIyzNyxxP28pvJjZHhQ\r\n7LdKIiDGPsYU4PIkPpuYD0VleGp9rCEUc2glbf/aovkr9TEdu5lTTIiwG6qT\r\nQoVOMxj5jzAZ/JXrVOrBQBvPLa8QGnRSg8q9jwjZx0wxdXNgODPkw5r5x592\r\nkWNRJl30yEXku5lBf+5yHhrkDSeYWAFfhZvgvl8x5viEiaiXcWhZwg/0A3aB\r\nHlhWqUllRx5UneYwOV1w01XerEV2lCJcCX8zF9PTJhYIIFSsW5aZEFcqdJmn\r\n1qQ4PyRjWLI9rJTSqoFa7oC6mQw6Wq2vRdJ5Jd8xcGLQdvwpz8mlfMmxkIYY\r\n0mJ1DIF7PD9FWfhAonnjukKj17EOfNVTvn4=\r\n=7nq+\r\n-----END PGP SIGNATURE-----\r\n"},"type":"module","husky":{"hooks":{"pre-push":"yarn test --silent","pre-commit":"lint-staged"}},"types":"types.d.ts","readme":"# Vouch UIKit\n\n- [Get Started](#get-started)\n - [Storybook](#storybook)\n - [Build package](#build-package)\n - [Test package locally with vouch-app](#test-package-locally-with-vouch-app)\n - [Publish to npm](#publish-to-npm)\n - [Purge npm cache](#purge-npm-cached-tags)\n- [Update vouch-app](#update-vouch-app)\n - [development](#development-devvouchforcom)\n - [staging](#staging-stagingvouchforcom)\n - [production](#production-appvouchforcom)\n\n**Vouch UIKit** consists of `2 libraries` and `1 application`\n\n```bash\n└── src\n ├── lib\n │ ├── components # Design System Components (Web Component)\n │ │ ├── VouchBrandLogo.svelte\n │ │ ...\n │ │\n │ └── embed # embed Components (Web Component)\n │ │ ├── VouchEmbedInlinePlayer.svelte\n │ ...\n │\n │\n ├── routes # vouch public embed link (https://embed.vouchfor.com)\n │ ├── __layout.svelte\n │ ├── index.svelte\n │ ├── about.svelte\n │ ...\n │\n ├── app.css\n └── app.html\n```\n\n# Get Started\n\nEnsure you have node `14.17.0` installed on your machine, for example via [nvm](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/TERMINAL.md#install-nvm), run `nvm ls` to check\n\n```bash\nnvm ls 14\n```\n\nyou should see output if you have the version installed\n\n```bash\n-> v14.17.0\n```\n\nensure you have [git ssh](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/GITHUB.md) setup locally before you clone the repo\n\n```bash\ngit clone git@github.com:VouchAU/vouch-uikit.git\n```\n\ninstall dependencies\n\n```bash\ncd vouch-uikit\nyarn\n```\n\n## Storybook\n\nhttps://designsystem.vouchfor.com/\n\nStorybook is hosted on GitHub page `gh-pages` branch (Domain name is configured on **Cloudflare**) and deployed automatically via **GitHub Action** every time changes are merged back to `master`.\n\nLocal dev\n\n```bash\nyarn storybook\n```\n\nbuild storybook\n\n```bash\nyarn build-storybook\n```\n\n## Build package\n\nBuild `src/lib` production/beta/alpha package, make sure you change `version` in `package.json` for three different build tags.\n\n```sh\ncd vouch-uikit\n...\nyarn package:alpha # development\nyarn package:beta # staging\nyarn package # production\n```\n\n## Test package locally with `vouch-app`\n\nOnce you build the `npm` package, you can test locally with `vouch-app` to ensure everything works as expected before publishing to `npm`\n\nAssuming you build a package according [Build package](#build-package), now you can create a symlink to your local package\n\n```sh\ncd package\nyarn link\n```\n\nyou should see this if successfully linked\n\n```sh\nyarn link v1.22.10\nsuccess Registered \"@vouchfor/uikit\".\ninfo You can now run `yarn link \"@vouchfor/uikit\"` in the projects where you want to use this package and it will be used instead.\n✨ Done in 0.04s.\n```\n\ngo to `vouch-app` folder and switch to the branch you want to test against with then link the local package\n\n```sh\ncd vouch-app\ngit checkout VCH-222\nyarn link @vouchfor/uikit\nyarn dev\n```\n\nVoilà, you are testing your feature branch with the local uikit package and don't forget to roll back after testing\n\n```sh\ncd vouch-app\nyarn unlink @vouchfor/uikit\n...\ncd vouch-uikit/package\nyarn unlink\n```\n\n## Publish to `npm`\n\n> Note you will need to log in `vouch-tech` on your terminal before publishing, credential is shared via 1Password.\n\n```bash\nnpm login\n...\n```\n\n```bash\ncd package\n...\nnpm publish --access public --tag alpha # development\nnpm publish --access public --tag beta # staging\nnpm publish --access public # production\n```\n\n## Purge `jsdelivr` cache\n\n`@vouchfor/uikit` is most likely consumed by **tag**, `alpha`, `beta` and `latest`, not version number to ensure clients can always get the latest updates. [jsdelivr](https://cdn.jsdelivr.net/) default has 7 days cache for `tag`, so we need to purge it to reflect new version number.\n\n- Check current tag version number\n\n - [Click to check Alpha](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@alpha/)\n - [Click to check Beta](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@beta/)\n - [Click to check Production](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n- Purge cache\n - [Click to purge Alpha](https://purge.jsdelivr.net/npm/@vouchfor/uikit@alpha/)\n - [Click to purge Beta](https://purge.jsdelivr.net/npm/@vouchfor/uikit@beta/)\n - **_Danger_** [Click to purge Production](https://purge.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n### Purge specific bundle.js\n\nOur embed code snippet `src` attribute currently refers to a specific embed bundle js , for example\n\n```html\n\n
\n```\n\nIn this case, you will need to purge the bundle file specifically by providing absolute path\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/embed/{filename}.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/components/{filename}.bundle.js\n```\n\nfor example,\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@alpha/embed/vouch-embed-inline-player.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@beta/embed/vouch-embed-inline-player.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/embed/vouch-embed-inline-player.bundle.js\n```\n\n## Unit test\n\n```bash\nyarn test\n```\n\nupdate snapshot\n\n```bash\nyarn test -u\n```\n\n# Update `vouch-app`\n\n`@vouchfor/uikit` is a dependency of `vouch-app` for embeds and UI components, follow the below steps to publish NPM package and update `package.json` dependency in `vouch-app`.\n\n> Each PR should bump the minor version in `package.json` in order to push new version to NPM. e.g. `\"version\": \"3.9.0\"` in `main` branch, you should bump to `\"version\": \"3.10.0\"` in your branch.\n\n> The major version should only be used for releasing breaking changes. e.g. `3.0.0`, `4.0.0`\n\n## Development (`dev.vouchfor.com`)\n\nAssuming your branch bumped version in `package.json` to\n\n```json\n\"version\": \"3.10.0\"\n```\n\n### Bump patch version number\n\nEnsure your patch version number isn't used, e.g. if `3.10.0` was published before, bump to `3.10.1`.\n\n### Build and publish\n\n```sh\nyarn package:alpha\ncd package\nnpm publish --access public --tag alpha\n```\n\nMake sure you purge NPM CDN cache for package, see [Purge npm cached tags](#purge-npm-cached-tags)\n\n### Update dependency in `vouch-app`\n\nEnsure you already cloned [vouch-app](https://github.com/VouchAU/vouch-app.git) locally then switch to the folder.\n\n```sh\ncd vouch-app\ngit checkout development\ngit pull\ngit merge feature/VCH-111 # Optional, only when you have code change dependency in vouch-app as well\nyarn upgrade @vouchfor/uikit@alpha\n```\n\nAfter upgrade, you should see version updates in both `package.json` and `yarn.lock`, but due to a known issue of `yarn`, please do these before committing changes\n\n- Manually roll back `package.json` (should always `\"@vouchfor/uikit\": \"alpha\"` for `development`).\n- run `yarn` again to update `yarn.lock`\n\n```sh\ngit commit -m \"Bumped uikit version\"\ngit push\n```\n\n## Staging (`staging.vouchfor.com`)\n\nUpdate `staging` environment is the same as [Development](#development-devvouchforcom) but remember to change cmd to `staging` specific\n\n```sh\nyarn package:beta\n```\n\n```sh\nnpm publish --access public --tag beta\n```\n\n```sh\ncd vouch-app\ngit checkout staging\ngit pull\ngit merge feature/VCH-111 # Optional, only when you have code change dependency in vouch-app as well\nyarn upgrade @vouchfor/uikit@beta\n```\n\n## Production (`app.vouchfor.com`)\n\nOne thing different when release to production, since `master` branch can only be merged by PRs (after code review), so you will need to run `yarn upgrade @vouchfor/uikit@latest` under you feature branch and commit **before merging the PR**.\n\n```sh\ngit checkout feature/VCH-111\nyarn upgrade upgrade @vouchfor/uikit@latest\ngit commit -m \"Bumped uikit version\"\ngit push\n```\n\n> When you run above cmd, your PR should be ready to merge (reviewed and QA tested)\n","engines":{"node":">=14.17.0"},"exports":{"./package.json":"./package.json","./embed/vouch-embed-all":{"import":"./embed/vouch-embed-all.js","default":"./embed/vouch-embed-all.js","require":"./embed/vouch-embed-all.cjs"},"./embed/vouch-embed-jumbo":{"import":"./embed/vouch-embed-jumbo.js","default":"./embed/vouch-embed-jumbo.js","require":"./embed/vouch-embed-jumbo.cjs"},"./embed/vouch-embed-all.js":"./embed/vouch-embed-all.js","./embed/vouch-embed-button":{"import":"./embed/vouch-embed-button.js","default":"./embed/vouch-embed-button.js","require":"./embed/vouch-embed-button.cjs"},"./components/vouch-recorder":{"import":"./components/vouch-recorder.js","default":"./components/vouch-recorder.js","require":"./components/vouch-recorder.cjs"},"./embed/vouch-embed-popover":{"import":"./embed/vouch-embed-popover.js","default":"./embed/vouch-embed-popover.js","require":"./embed/vouch-embed-popover.cjs"},"./components/vouch-icon-play":{"import":"./components/vouch-icon-play.js","default":"./components/vouch-icon-play.js","require":"./components/vouch-icon-play.cjs"},"./embed/vouch-embed-dialogue":{"import":"./embed/vouch-embed-dialogue.js","default":"./embed/vouch-embed-dialogue.js","require":"./embed/vouch-embed-dialogue.cjs"},"./components/vouch-brand-logo":{"import":"./components/vouch-brand-logo.js","default":"./components/vouch-brand-logo.js","require":"./components/vouch-brand-logo.cjs"},"./components/vouch-icon-close":{"import":"./components/vouch-icon-close.js","default":"./components/vouch-icon-close.js","require":"./components/vouch-icon-close.cjs"},"./components/vouch-icon-pause":{"import":"./components/vouch-icon-pause.js","default":"./components/vouch-icon-pause.js","require":"./components/vouch-icon-pause.cjs"},"./components/vouch-media-plyr":{"import":"./components/vouch-media-plyr.js","default":"./components/vouch-media-plyr.js","require":"./components/vouch-media-plyr.cjs"},"./components/vouch-water-mark":{"import":"./components/vouch-water-mark.js","default":"./components/vouch-water-mark.js","require":"./components/vouch-water-mark.cjs"},"./embed/vouch-embed-thumbnail":{"import":"./embed/vouch-embed-thumbnail.js","default":"./embed/vouch-embed-thumbnail.js","require":"./embed/vouch-embed-thumbnail.cjs"},"./embed/vouch-recorder-button":{"import":"./embed/vouch-recorder-button.js","default":"./embed/vouch-recorder-button.js","require":"./embed/vouch-recorder-button.cjs"},"./components/vouch-graphic-svg":{"import":"./components/vouch-graphic-svg.js","default":"./components/vouch-graphic-svg.js","require":"./components/vouch-graphic-svg.cjs"},"./embed/VouchEmbedJumbo.svelte":"./embed/VouchEmbedJumbo.svelte","./embed/VouchEmbedButton.svelte":"./embed/VouchEmbedButton.svelte","./embed/VouchEmbedPopover.svelte":"./embed/VouchEmbedPopover.svelte","./components/VouchIconPlay.svelte":"./components/VouchIconPlay.svelte","./components/VouchRecorder.svelte":"./components/VouchRecorder.svelte","./embed/VouchEmbedDialogue.svelte":"./embed/VouchEmbedDialogue.svelte","./embed/vouch-embed-inline-player":{"import":"./embed/vouch-embed-inline-player.js","default":"./embed/vouch-embed-inline-player.js","require":"./embed/vouch-embed-inline-player.cjs"},"./components/VouchBrandLogo.svelte":"./components/VouchBrandLogo.svelte","./components/VouchIconClose.svelte":"./components/VouchIconClose.svelte","./components/VouchIconPause.svelte":"./components/VouchIconPause.svelte","./components/VouchMediaPlyr.svelte":"./components/VouchMediaPlyr.svelte","./components/VouchWaterMark.svelte":"./components/VouchWaterMark.svelte","./components/vouch-icon-arrow-left":{"import":"./components/vouch-icon-arrow-left.js","default":"./components/vouch-icon-arrow-left.js","require":"./components/vouch-icon-arrow-left.cjs"},"./embed/VouchEmbedThumbnail.svelte":"./embed/VouchEmbedThumbnail.svelte","./embed/VouchRecorderButton.svelte":"./embed/VouchRecorderButton.svelte","./components/VouchGraphicSvg.svelte":"./components/VouchGraphicSvg.svelte","./components/vouch-icon-arrow-right":{"import":"./components/vouch-icon-arrow-right.js","default":"./components/vouch-icon-arrow-right.js","require":"./components/vouch-icon-arrow-right.cjs"},"./components/vouch-overlay-play-icon":{"import":"./components/vouch-overlay-play-icon.js","default":"./components/vouch-overlay-play-icon.js","require":"./components/vouch-overlay-play-icon.cjs"},"./embed/VouchEmbedInlinePlayer.svelte":"./embed/VouchEmbedInlinePlayer.svelte","./components/VouchIconArrowLeft.svelte":"./components/VouchIconArrowLeft.svelte","./components/VouchIconArrowRight.svelte":"./components/VouchIconArrowRight.svelte","./components/VouchOverlayPlayIcon.svelte":"./components/VouchOverlayPlayIcon.svelte"},"_npmUser":{"name":"vouch-tech","email":"brian@vouchfor.com"},"repository":{"url":"git+https://github.com/VouchAU/vouch-uikit.git","type":"git"},"_npmVersion":"6.14.13","description":"Vouch Svelte UIKit","directories":{},"lint-staged":{"*.{js,svelte}":"yarn lint"},"_nodeVersion":"14.17.0","dependencies":{"plyr":"^3.7.2","cookie":"^0.4.1","hls.js":"^1.1.5","core-js":"^3.16.3","postcss":"^7","@vime/core":"^5.3.1","tailwindcss":"npm:@tailwindcss/postcss7-compat","@lukeed/uuid":"^2.0.0","autoprefixer":"^9","whatwg-fetch":"^3.6.2","@fontsource/fira-mono":"^4.2.2"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^27.0.6","path":"^0.12.7","husky":"4","tslib":"^2.0.0","dotenv":"^10.0.0","eslint":"^7.22.0","rollup":"^2.55.1","svelte":"^3.34.0","prettier":"~2.2.1","babel-jest":"^27.0.6","svelte2tsx":"^0.4.3","typescript":"^4.0.0","@babel/core":"^7.14.8","@types/jest":"^26.0.24","lint-staged":"^11.1.1","svelte-check":"^2.0.0","@sveltejs/kit":"next","@types/cookie":"^0.4.0","svelte-jester":"^1.8.1","svelte-loader":"^3.1.2","@babel/preset-env":"^7.14.9","@storybook/svelte":"^6.3.6","svelte-preprocess":"^4.0.0","rollup-plugin-svelte":"^7.1.0","rollup-plugin-terser":"^7.0.2","eslint-plugin-svelte3":"^3.2.0","@babel/runtime-corejs3":"^7.14.9","@rollup/plugin-replace":"^3.0.0","@storybook/addon-links":"^6.3.6","eslint-config-prettier":"^8.1.0","prettier-plugin-svelte":"^2.2.0","@rollup/plugin-commonjs":"^22.0.0","@testing-library/svelte":"^3.0.3","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@typescript-eslint/parser":"^4.19.0","@rollup/plugin-node-resolve":"^13.0.4","@storybook/addon-essentials":"^6.3.6","@typescript-eslint/eslint-plugin":"^4.19.0"},"_npmOperationalInternal":{"tmp":"tmp/uikit_5.0.12_1653373233041_0.28298190887270525","host":"s3://npm-registry-packages"}},"5.0.13":{"name":"@vouchfor/uikit","version":"5.0.13","keywords":["embed","design system","vouch-uikit","svelte","uikit"],"author":{"url":"https://vouchau.github.io/vouch-uikit","name":"Vouch Dev Team","email":"hello@vouchfor.com"},"license":"MIT","_id":"@vouchfor/uikit@5.0.13","maintainers":[{"name":"vouch-tech","email":"brian@vouchfor.com"}],"homepage":"https://vouchau.github.io/vouch-uikit","bugs":{"url":"https://github.com/VouchAU/vouch-uikit/issues"},"dist":{"shasum":"2fa74b67bb850f13793102cff29ce4f95ff53faf","tarball":"https://registry.npmjs.org/@vouchfor/uikit/-/uikit-5.0.13.tgz","fileCount":202,"integrity":"sha512-vVHt5h17a17HPqpqW35too0bw5bVq5qQhsuS3uIqScxSwnYAvFBH7LZEDrr2hQbhKaYQefZAPicJ4SrwLy1yNA==","signatures":[{"sig":"MEUCIQC9eYXv+SXmYC0r2Zm8AMEfoHyrJ0kZDAwwa4p5kAc2bgIgKRfhfTZ+DUbgi11hJ63LTSEye8XOkrme5VTZHZqCQKE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65934102,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJijHngACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq51Q//W09Oyr7kxz7SzwQ9jUKF60dopaAplJlo+VMiYf59i5WEoeDG\r\nMSgUF6qWiqOzmHm4SldrMo+G0rTCDA/VtoZt+5iCgct1zk98oq+dnN0i/25o\r\nSeFr1iLvRwSFSyq0glfuD7uNoVZumcXVPv3sKD21iPhKSZ8PoyA+cfQMRS//\r\nHvduTVNtcbiNac1Z98HVrC2f3nB4x09cMqCx905Zpe+6EXsyFJRKUw7gvXTU\r\njC8F/gKg5yX1744EZf+QKXfn8/Hd9hHUniI/OrqJiS2aT+PxvdqvAMUEMH5H\r\n3hGek0m0qeMK4nDNouzKrNef1HdpkL8bIKfcb4IR2Qp596TO/gH2JXvOaxRo\r\n4r4CDH6UzHwtUXWZ9B3rpS3kc9Tv/LC1UlXSbnwc3hsKklgQ9JpYY6a7o9cY\r\n3b10MKj3IlqmugtSJPZsXC0vBCBK+K+jRWva8af7e2UMftEkfx7ePpOJtKut\r\noo/lp+sTHjpUYTAEjPGBU7rzKGvF2nel8TTB82prNcxsFQ6p64Y5PQcL5lrG\r\nmuk18ciiwySVPGoSWqiOGq6TBknOpLgLpNvbUqohbA+9D09sCFMwOSzCi3Tp\r\nADwxaYdUDblA55wspNCnZVfGxtUTr9fVQD7DnoN0hhtMuSmyz8+zbrInZXYz\r\nAeOc5ZzewvNXbg0pds04o0bcrkZT9MRQ3qg=\r\n=2akE\r\n-----END PGP SIGNATURE-----\r\n"},"type":"module","husky":{"hooks":{"pre-push":"yarn test --silent","pre-commit":"lint-staged"}},"types":"types.d.ts","readme":"# Vouch UIKit\n\n- [Get Started](#get-started)\n - [Storybook](#storybook)\n - [Build package](#build-package)\n - [Test package locally with vouch-app](#test-package-locally-with-vouch-app)\n - [Publish to npm](#publish-to-npm)\n - [Purge npm cache](#purge-npm-cached-tags)\n- [Update vouch-app](#update-vouch-app)\n - [development](#development-devvouchforcom)\n - [staging](#staging-stagingvouchforcom)\n - [production](#production-appvouchforcom)\n\n**Vouch UIKit** consists of `2 libraries` and `1 application`\n\n```bash\n└── src\n ├── lib\n │ ├── components # Design System Components (Web Component)\n │ │ ├── VouchBrandLogo.svelte\n │ │ ...\n │ │\n │ └── embed # embed Components (Web Component)\n │ │ ├── VouchEmbedInlinePlayer.svelte\n │ ...\n │\n │\n ├── routes # vouch public embed link (https://embed.vouchfor.com)\n │ ├── __layout.svelte\n │ ├── index.svelte\n │ ├── about.svelte\n │ ...\n │\n ├── app.css\n └── app.html\n```\n\n# Get Started\n\nEnsure you have node `14.17.0` installed on your machine, for example via [nvm](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/TERMINAL.md#install-nvm), run `nvm ls` to check\n\n```bash\nnvm ls 14\n```\n\nyou should see output if you have the version installed\n\n```bash\n-> v14.17.0\n```\n\nensure you have [git ssh](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/GITHUB.md) setup locally before you clone the repo\n\n```bash\ngit clone git@github.com:VouchAU/vouch-uikit.git\n```\n\ninstall dependencies\n\n```bash\ncd vouch-uikit\nyarn\n```\n\n## Storybook\n\nhttps://designsystem.vouchfor.com/\n\nStorybook is hosted on GitHub page `gh-pages` branch (Domain name is configured on **Cloudflare**) and deployed automatically via **GitHub Action** every time changes are merged back to `master`.\n\nLocal dev\n\n```bash\nyarn storybook\n```\n\nbuild storybook\n\n```bash\nyarn build-storybook\n```\n\n## Build package\n\nBuild `src/lib` production/beta/alpha package, make sure you change `version` in `package.json` for three different build tags.\n\n```sh\ncd vouch-uikit\n...\nyarn package:alpha # development\nyarn package:beta # staging\nyarn package # production\n```\n\n## Test package locally with `vouch-app`\n\nOnce you build the `npm` package, you can test locally with `vouch-app` to ensure everything works as expected before publishing to `npm`\n\nAssuming you build a package according [Build package](#build-package), now you can create a symlink to your local package\n\n```sh\ncd package\nyarn link\n```\n\nyou should see this if successfully linked\n\n```sh\nyarn link v1.22.10\nsuccess Registered \"@vouchfor/uikit\".\ninfo You can now run `yarn link \"@vouchfor/uikit\"` in the projects where you want to use this package and it will be used instead.\n✨ Done in 0.04s.\n```\n\ngo to `vouch-app` folder and switch to the branch you want to test against with then link the local package\n\n```sh\ncd vouch-app\ngit checkout VCH-222\nyarn link @vouchfor/uikit\nyarn dev\n```\n\nVoilà, you are testing your feature branch with the local uikit package and don't forget to roll back after testing\n\n```sh\ncd vouch-app\nyarn unlink @vouchfor/uikit\n...\ncd vouch-uikit/package\nyarn unlink\n```\n\n## Publish to `npm`\n\n> Note you will need to log in `vouch-tech` on your terminal before publishing, credential is shared via 1Password.\n\n```bash\nnpm login\n...\n```\n\n```bash\ncd package\n...\nnpm publish --access public --tag alpha # development\nnpm publish --access public --tag beta # staging\nnpm publish --access public # production\n```\n\n## Purge `jsdelivr` cache\n\n`@vouchfor/uikit` is most likely consumed by **tag**, `alpha`, `beta` and `latest`, not version number to ensure clients can always get the latest updates. [jsdelivr](https://cdn.jsdelivr.net/) default has 7 days cache for `tag`, so we need to purge it to reflect new version number.\n\n- Check current tag version number\n\n - [Click to check Alpha](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@alpha/)\n - [Click to check Beta](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@beta/)\n - [Click to check Production](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n- Purge cache\n - [Click to purge Alpha](https://purge.jsdelivr.net/npm/@vouchfor/uikit@alpha/)\n - [Click to purge Beta](https://purge.jsdelivr.net/npm/@vouchfor/uikit@beta/)\n - **_Danger_** [Click to purge Production](https://purge.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n### Purge specific bundle.js\n\nOur embed code snippet `src` attribute currently refers to a specific embed bundle js , for example\n\n```html\n\n
\n```\n\nIn this case, you will need to purge the bundle file specifically by providing absolute path\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/embed/{filename}.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/components/{filename}.bundle.js\n```\n\nfor example,\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@alpha/embed/vouch-embed-inline-player.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@beta/embed/vouch-embed-inline-player.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/embed/vouch-embed-inline-player.bundle.js\n```\n\n## Unit test\n\n```bash\nyarn test\n```\n\nupdate snapshot\n\n```bash\nyarn test -u\n```\n\n# Update `vouch-app`\n\n`@vouchfor/uikit` is a dependency of `vouch-app` for embeds and UI components, follow the below steps to publish NPM package and update `package.json` dependency in `vouch-app`.\n\n> Each PR should bump the minor version in `package.json` in order to push new version to NPM. e.g. `\"version\": \"3.9.0\"` in `main` branch, you should bump to `\"version\": \"3.10.0\"` in your branch.\n\n> The major version should only be used for releasing breaking changes. e.g. `3.0.0`, `4.0.0`\n\n## Development (`dev.vouchfor.com`)\n\nAssuming your branch bumped version in `package.json` to\n\n```json\n\"version\": \"3.10.0\"\n```\n\n### Bump patch version number\n\nEnsure your patch version number isn't used, e.g. if `3.10.0` was published before, bump to `3.10.1`.\n\n### Build and publish\n\n```sh\nyarn package:alpha\ncd package\nnpm publish --access public --tag alpha\n```\n\nMake sure you purge NPM CDN cache for package, see [Purge npm cached tags](#purge-npm-cached-tags)\n\n### Update dependency in `vouch-app`\n\nEnsure you already cloned [vouch-app](https://github.com/VouchAU/vouch-app.git) locally then switch to the folder.\n\n```sh\ncd vouch-app\ngit checkout development\ngit pull\ngit merge feature/VCH-111 # Optional, only when you have code change dependency in vouch-app as well\nyarn upgrade @vouchfor/uikit@alpha\n```\n\nAfter upgrade, you should see version updates in both `package.json` and `yarn.lock`, but due to a known issue of `yarn`, please do these before committing changes\n\n- Manually roll back `package.json` (should always `\"@vouchfor/uikit\": \"alpha\"` for `development`).\n- run `yarn` again to update `yarn.lock`\n\n```sh\ngit commit -m \"Bumped uikit version\"\ngit push\n```\n\n## Staging (`staging.vouchfor.com`)\n\nUpdate `staging` environment is the same as [Development](#development-devvouchforcom) but remember to change cmd to `staging` specific\n\n```sh\nyarn package:beta\n```\n\n```sh\nnpm publish --access public --tag beta\n```\n\n```sh\ncd vouch-app\ngit checkout staging\ngit pull\ngit merge feature/VCH-111 # Optional, only when you have code change dependency in vouch-app as well\nyarn upgrade @vouchfor/uikit@beta\n```\n\n## Production (`app.vouchfor.com`)\n\nOne thing different when release to production, since `master` branch can only be merged by PRs (after code review), so you will need to run `yarn upgrade @vouchfor/uikit@latest` under you feature branch and commit **before merging the PR**.\n\n```sh\ngit checkout feature/VCH-111\nyarn upgrade upgrade @vouchfor/uikit@latest\ngit commit -m \"Bumped uikit version\"\ngit push\n```\n\n> When you run above cmd, your PR should be ready to merge (reviewed and QA tested)\n","engines":{"node":">=14.17.0"},"exports":{"./package.json":"./package.json","./embed/vouch-embed-all":{"import":"./embed/vouch-embed-all.js","default":"./embed/vouch-embed-all.js","require":"./embed/vouch-embed-all.cjs"},"./embed/vouch-embed-jumbo":{"import":"./embed/vouch-embed-jumbo.js","default":"./embed/vouch-embed-jumbo.js","require":"./embed/vouch-embed-jumbo.cjs"},"./embed/vouch-embed-all.js":"./embed/vouch-embed-all.js","./embed/vouch-embed-button":{"import":"./embed/vouch-embed-button.js","default":"./embed/vouch-embed-button.js","require":"./embed/vouch-embed-button.cjs"},"./components/vouch-recorder":{"import":"./components/vouch-recorder.js","default":"./components/vouch-recorder.js","require":"./components/vouch-recorder.cjs"},"./embed/vouch-embed-popover":{"import":"./embed/vouch-embed-popover.js","default":"./embed/vouch-embed-popover.js","require":"./embed/vouch-embed-popover.cjs"},"./components/vouch-icon-play":{"import":"./components/vouch-icon-play.js","default":"./components/vouch-icon-play.js","require":"./components/vouch-icon-play.cjs"},"./embed/vouch-embed-dialogue":{"import":"./embed/vouch-embed-dialogue.js","default":"./embed/vouch-embed-dialogue.js","require":"./embed/vouch-embed-dialogue.cjs"},"./components/vouch-brand-logo":{"import":"./components/vouch-brand-logo.js","default":"./components/vouch-brand-logo.js","require":"./components/vouch-brand-logo.cjs"},"./components/vouch-icon-close":{"import":"./components/vouch-icon-close.js","default":"./components/vouch-icon-close.js","require":"./components/vouch-icon-close.cjs"},"./components/vouch-icon-pause":{"import":"./components/vouch-icon-pause.js","default":"./components/vouch-icon-pause.js","require":"./components/vouch-icon-pause.cjs"},"./components/vouch-media-plyr":{"import":"./components/vouch-media-plyr.js","default":"./components/vouch-media-plyr.js","require":"./components/vouch-media-plyr.cjs"},"./components/vouch-water-mark":{"import":"./components/vouch-water-mark.js","default":"./components/vouch-water-mark.js","require":"./components/vouch-water-mark.cjs"},"./embed/vouch-embed-thumbnail":{"import":"./embed/vouch-embed-thumbnail.js","default":"./embed/vouch-embed-thumbnail.js","require":"./embed/vouch-embed-thumbnail.cjs"},"./embed/vouch-recorder-button":{"import":"./embed/vouch-recorder-button.js","default":"./embed/vouch-recorder-button.js","require":"./embed/vouch-recorder-button.cjs"},"./components/vouch-graphic-svg":{"import":"./components/vouch-graphic-svg.js","default":"./components/vouch-graphic-svg.js","require":"./components/vouch-graphic-svg.cjs"},"./embed/VouchEmbedJumbo.svelte":"./embed/VouchEmbedJumbo.svelte","./embed/VouchEmbedButton.svelte":"./embed/VouchEmbedButton.svelte","./embed/VouchEmbedPopover.svelte":"./embed/VouchEmbedPopover.svelte","./components/VouchIconPlay.svelte":"./components/VouchIconPlay.svelte","./components/VouchRecorder.svelte":"./components/VouchRecorder.svelte","./embed/VouchEmbedDialogue.svelte":"./embed/VouchEmbedDialogue.svelte","./embed/vouch-embed-inline-player":{"import":"./embed/vouch-embed-inline-player.js","default":"./embed/vouch-embed-inline-player.js","require":"./embed/vouch-embed-inline-player.cjs"},"./components/VouchBrandLogo.svelte":"./components/VouchBrandLogo.svelte","./components/VouchIconClose.svelte":"./components/VouchIconClose.svelte","./components/VouchIconPause.svelte":"./components/VouchIconPause.svelte","./components/VouchMediaPlyr.svelte":"./components/VouchMediaPlyr.svelte","./components/VouchWaterMark.svelte":"./components/VouchWaterMark.svelte","./components/vouch-icon-arrow-left":{"import":"./components/vouch-icon-arrow-left.js","default":"./components/vouch-icon-arrow-left.js","require":"./components/vouch-icon-arrow-left.cjs"},"./embed/VouchEmbedThumbnail.svelte":"./embed/VouchEmbedThumbnail.svelte","./embed/VouchRecorderButton.svelte":"./embed/VouchRecorderButton.svelte","./components/VouchGraphicSvg.svelte":"./components/VouchGraphicSvg.svelte","./components/vouch-icon-arrow-right":{"import":"./components/vouch-icon-arrow-right.js","default":"./components/vouch-icon-arrow-right.js","require":"./components/vouch-icon-arrow-right.cjs"},"./components/vouch-overlay-play-icon":{"import":"./components/vouch-overlay-play-icon.js","default":"./components/vouch-overlay-play-icon.js","require":"./components/vouch-overlay-play-icon.cjs"},"./embed/VouchEmbedInlinePlayer.svelte":"./embed/VouchEmbedInlinePlayer.svelte","./components/VouchIconArrowLeft.svelte":"./components/VouchIconArrowLeft.svelte","./components/VouchIconArrowRight.svelte":"./components/VouchIconArrowRight.svelte","./components/VouchOverlayPlayIcon.svelte":"./components/VouchOverlayPlayIcon.svelte"},"_npmUser":{"name":"vouch-tech","email":"brian@vouchfor.com"},"repository":{"url":"git+https://github.com/VouchAU/vouch-uikit.git","type":"git"},"_npmVersion":"6.14.13","description":"Vouch Svelte UIKit","directories":{},"lint-staged":{"*.{js,svelte}":"yarn lint"},"_nodeVersion":"14.17.0","dependencies":{"plyr":"^3.7.2","cookie":"^0.4.1","hls.js":"^1.1.5","core-js":"^3.16.3","postcss":"^7","@vime/core":"^5.3.1","tailwindcss":"npm:@tailwindcss/postcss7-compat","@lukeed/uuid":"^2.0.0","autoprefixer":"^9","whatwg-fetch":"^3.6.2","@fontsource/fira-mono":"^4.2.2"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^27.0.6","path":"^0.12.7","husky":"4","tslib":"^2.0.0","dotenv":"^10.0.0","eslint":"^7.22.0","rollup":"^2.55.1","svelte":"^3.34.0","prettier":"~2.2.1","babel-jest":"^27.0.6","svelte2tsx":"^0.4.3","typescript":"^4.0.0","@babel/core":"^7.14.8","@types/jest":"^26.0.24","lint-staged":"^11.1.1","svelte-check":"^2.0.0","@sveltejs/kit":"next","@types/cookie":"^0.4.0","svelte-jester":"^1.8.1","svelte-loader":"^3.1.2","@babel/preset-env":"^7.14.9","@storybook/svelte":"^6.3.6","svelte-preprocess":"^4.0.0","rollup-plugin-svelte":"^7.1.0","rollup-plugin-terser":"^7.0.2","eslint-plugin-svelte3":"^3.2.0","@babel/runtime-corejs3":"^7.14.9","@rollup/plugin-replace":"^3.0.0","@storybook/addon-links":"^6.3.6","eslint-config-prettier":"^8.1.0","prettier-plugin-svelte":"^2.2.0","@rollup/plugin-commonjs":"^22.0.0","@testing-library/svelte":"^3.0.3","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@typescript-eslint/parser":"^4.19.0","@rollup/plugin-node-resolve":"^13.0.4","@storybook/addon-essentials":"^6.3.6","@typescript-eslint/eslint-plugin":"^4.19.0"},"_npmOperationalInternal":{"tmp":"tmp/uikit_5.0.13_1653373407775_0.2258781485745638","host":"s3://npm-registry-packages"}},"5.0.14":{"name":"@vouchfor/uikit","version":"5.0.14","keywords":["embed","design system","vouch-uikit","svelte","uikit"],"author":{"url":"https://vouchau.github.io/vouch-uikit","name":"Vouch Dev Team","email":"hello@vouchfor.com"},"license":"MIT","_id":"@vouchfor/uikit@5.0.14","maintainers":[{"name":"vouch-tech","email":"brian@vouchfor.com"}],"homepage":"https://vouchau.github.io/vouch-uikit","bugs":{"url":"https://github.com/VouchAU/vouch-uikit/issues"},"dist":{"shasum":"04547c8103d7dc66e20e8d6b5a57d2419935ad16","tarball":"https://registry.npmjs.org/@vouchfor/uikit/-/uikit-5.0.14.tgz","fileCount":202,"integrity":"sha512-5dm/BGrxB2NLrE9dbHkYcT2ylO8gJZj8IKxIEZZswKGzw/eJ3QmvqC8RgEKCAmyfExZ/JL4/5j0Qxl7GAgn2ig==","signatures":[{"sig":"MEQCIAgxH9qk86tzeLJl66EMUhaGVqoKT6HryNSMXPDrflMZAiBKvwJLHsmWVZSBzMqThIWsIOc0evQEeM118vdgyUCRpQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65933343,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJijIBOACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqrCxAAld6vCX6JKHYd3uKuStDChzCD+EjDe5XG22P95U4poU3alEdl\r\nFJNE5gC9t/UNJK6OGlVhwocciAQm/KrO/vebjAHLQlmcrUKGLtCysqSxOrg+\r\nsekWu+RVEAIPlkxggyBd+IwXRu41EDmBnr+PArM9PlJH8UUqBCW9GvQIo/DB\r\nJ7h57fn/t3oAqcl1YK71OZf9xBAioe0esGBrESybxbaxFQt2tCeDeLkP/+hM\r\nPRcmEDAA10K/994TY+uDym+YjjE9aphdcwi7z2yC2MJq5HCd91+DH84QJwXS\r\ntiZXYwg+BleuhvvCoZse5SnV9AaKwN7ewPQKl3Ni+MKZgE3l6qkUdTe6tqnU\r\npSM2KULiUpCjbT5wsp0NL5IAaq2/QJkXKfhPJ9rTqryK+eDsbTNZ2kaCf952\r\ne0uemHrFghbykBB8SzA7rMfCm4TVvhIXnSvKwLY+9pt1udxFpFkUKz9Rlr5A\r\nVxCQijgCxxjlEjqmhnDH4Jg3ZZdJgtzmbDGMVcE6X/2bJgZ020Cks7kQXiqM\r\nMbTErGtbW4gY6R+bWGMKLWlWHpKV74XsxBpCCtNoeurf1loyAU/mClvJ0UiB\r\nOKWsns2/PnsrHaMdHd/pmkztc8gTLWCsTUI+OgmhbkSbbTNjJdKdWrGAy8P/\r\nc7suQUqFJftIHSHz2SQIeitNs/Ac7vwR/9k=\r\n=3dKu\r\n-----END PGP SIGNATURE-----\r\n"},"type":"module","husky":{"hooks":{"pre-push":"yarn test --silent","pre-commit":"lint-staged"}},"types":"types.d.ts","engines":{"node":">=14.17.0"},"exports":{"./package.json":"./package.json","./embed/vouch-embed-all":{"import":"./embed/vouch-embed-all.js","default":"./embed/vouch-embed-all.js","require":"./embed/vouch-embed-all.cjs"},"./embed/vouch-embed-jumbo":{"import":"./embed/vouch-embed-jumbo.js","default":"./embed/vouch-embed-jumbo.js","require":"./embed/vouch-embed-jumbo.cjs"},"./embed/vouch-embed-all.js":"./embed/vouch-embed-all.js","./embed/vouch-embed-button":{"import":"./embed/vouch-embed-button.js","default":"./embed/vouch-embed-button.js","require":"./embed/vouch-embed-button.cjs"},"./components/vouch-recorder":{"import":"./components/vouch-recorder.js","default":"./components/vouch-recorder.js","require":"./components/vouch-recorder.cjs"},"./embed/vouch-embed-popover":{"import":"./embed/vouch-embed-popover.js","default":"./embed/vouch-embed-popover.js","require":"./embed/vouch-embed-popover.cjs"},"./components/vouch-icon-play":{"import":"./components/vouch-icon-play.js","default":"./components/vouch-icon-play.js","require":"./components/vouch-icon-play.cjs"},"./embed/vouch-embed-dialogue":{"import":"./embed/vouch-embed-dialogue.js","default":"./embed/vouch-embed-dialogue.js","require":"./embed/vouch-embed-dialogue.cjs"},"./components/vouch-brand-logo":{"import":"./components/vouch-brand-logo.js","default":"./components/vouch-brand-logo.js","require":"./components/vouch-brand-logo.cjs"},"./components/vouch-icon-close":{"import":"./components/vouch-icon-close.js","default":"./components/vouch-icon-close.js","require":"./components/vouch-icon-close.cjs"},"./components/vouch-icon-pause":{"import":"./components/vouch-icon-pause.js","default":"./components/vouch-icon-pause.js","require":"./components/vouch-icon-pause.cjs"},"./components/vouch-media-plyr":{"import":"./components/vouch-media-plyr.js","default":"./components/vouch-media-plyr.js","require":"./components/vouch-media-plyr.cjs"},"./components/vouch-water-mark":{"import":"./components/vouch-water-mark.js","default":"./components/vouch-water-mark.js","require":"./components/vouch-water-mark.cjs"},"./embed/vouch-embed-thumbnail":{"import":"./embed/vouch-embed-thumbnail.js","default":"./embed/vouch-embed-thumbnail.js","require":"./embed/vouch-embed-thumbnail.cjs"},"./embed/vouch-recorder-button":{"import":"./embed/vouch-recorder-button.js","default":"./embed/vouch-recorder-button.js","require":"./embed/vouch-recorder-button.cjs"},"./components/vouch-graphic-svg":{"import":"./components/vouch-graphic-svg.js","default":"./components/vouch-graphic-svg.js","require":"./components/vouch-graphic-svg.cjs"},"./embed/VouchEmbedJumbo.svelte":"./embed/VouchEmbedJumbo.svelte","./embed/VouchEmbedButton.svelte":"./embed/VouchEmbedButton.svelte","./embed/VouchEmbedPopover.svelte":"./embed/VouchEmbedPopover.svelte","./components/VouchIconPlay.svelte":"./components/VouchIconPlay.svelte","./components/VouchRecorder.svelte":"./components/VouchRecorder.svelte","./embed/VouchEmbedDialogue.svelte":"./embed/VouchEmbedDialogue.svelte","./embed/vouch-embed-inline-player":{"import":"./embed/vouch-embed-inline-player.js","default":"./embed/vouch-embed-inline-player.js","require":"./embed/vouch-embed-inline-player.cjs"},"./components/VouchBrandLogo.svelte":"./components/VouchBrandLogo.svelte","./components/VouchIconClose.svelte":"./components/VouchIconClose.svelte","./components/VouchIconPause.svelte":"./components/VouchIconPause.svelte","./components/VouchMediaPlyr.svelte":"./components/VouchMediaPlyr.svelte","./components/VouchWaterMark.svelte":"./components/VouchWaterMark.svelte","./components/vouch-icon-arrow-left":{"import":"./components/vouch-icon-arrow-left.js","default":"./components/vouch-icon-arrow-left.js","require":"./components/vouch-icon-arrow-left.cjs"},"./embed/VouchEmbedThumbnail.svelte":"./embed/VouchEmbedThumbnail.svelte","./embed/VouchRecorderButton.svelte":"./embed/VouchRecorderButton.svelte","./components/VouchGraphicSvg.svelte":"./components/VouchGraphicSvg.svelte","./components/vouch-icon-arrow-right":{"import":"./components/vouch-icon-arrow-right.js","default":"./components/vouch-icon-arrow-right.js","require":"./components/vouch-icon-arrow-right.cjs"},"./components/vouch-overlay-play-icon":{"import":"./components/vouch-overlay-play-icon.js","default":"./components/vouch-overlay-play-icon.js","require":"./components/vouch-overlay-play-icon.cjs"},"./embed/VouchEmbedInlinePlayer.svelte":"./embed/VouchEmbedInlinePlayer.svelte","./components/VouchIconArrowLeft.svelte":"./components/VouchIconArrowLeft.svelte","./components/VouchIconArrowRight.svelte":"./components/VouchIconArrowRight.svelte","./components/VouchOverlayPlayIcon.svelte":"./components/VouchOverlayPlayIcon.svelte"},"_npmUser":{"name":"vouch-tech","email":"brian@vouchfor.com"},"repository":{"url":"git+https://github.com/VouchAU/vouch-uikit.git","type":"git"},"_npmVersion":"6.14.13","description":"Vouch Svelte UIKit","directories":{},"lint-staged":{"*.{js,svelte}":"yarn lint"},"_nodeVersion":"14.17.0","dependencies":{"plyr":"^3.7.2","cookie":"^0.4.1","hls.js":"^1.1.5","core-js":"^3.16.3","postcss":"^7","@vime/core":"^5.3.1","tailwindcss":"npm:@tailwindcss/postcss7-compat","@lukeed/uuid":"^2.0.0","autoprefixer":"^9","whatwg-fetch":"^3.6.2","@fontsource/fira-mono":"^4.2.2"},"_hasShrinkwrap":false,"devDependencies":{"jest":"^27.0.6","path":"^0.12.7","husky":"4","tslib":"^2.0.0","dotenv":"^10.0.0","eslint":"^7.22.0","rollup":"^2.55.1","svelte":"^3.34.0","prettier":"~2.2.1","babel-jest":"^27.0.6","svelte2tsx":"^0.4.3","typescript":"^4.0.0","@babel/core":"^7.14.8","@types/jest":"^26.0.24","lint-staged":"^11.1.1","svelte-check":"^2.0.0","@sveltejs/kit":"next","@types/cookie":"^0.4.0","svelte-jester":"^1.8.1","svelte-loader":"^3.1.2","@babel/preset-env":"^7.14.9","@storybook/svelte":"^6.3.6","svelte-preprocess":"^4.0.0","rollup-plugin-svelte":"^7.1.0","rollup-plugin-terser":"^7.0.2","eslint-plugin-svelte3":"^3.2.0","@babel/runtime-corejs3":"^7.14.9","@rollup/plugin-replace":"^3.0.0","@storybook/addon-links":"^6.3.6","eslint-config-prettier":"^8.1.0","prettier-plugin-svelte":"^2.2.0","@rollup/plugin-commonjs":"^22.0.0","@testing-library/svelte":"^3.0.3","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@typescript-eslint/parser":"^4.19.0","@rollup/plugin-node-resolve":"^13.0.4","@storybook/addon-essentials":"^6.3.6","@typescript-eslint/eslint-plugin":"^4.19.0"},"_npmOperationalInternal":{"tmp":"tmp/uikit_5.0.14_1653375054264_0.3607170459835669","host":"s3://npm-registry-packages"}},"5.0.15":{"name":"@vouchfor/uikit","version":"5.0.15","keywords":["embed","design system","vouch-uikit","svelte","uikit"],"author":{"url":"https://vouchau.github.io/vouch-uikit","name":"Vouch Dev Team","email":"hello@vouchfor.com"},"license":"MIT","_id":"@vouchfor/uikit@5.0.15","maintainers":[{"name":"vouch-tech","email":"brian@vouchfor.com"}],"homepage":"https://vouchau.github.io/vouch-uikit","bugs":{"url":"https://github.com/VouchAU/vouch-uikit/issues"},"dist":{"shasum":"f44a814ce2bd1824643a4248fcf70038f28e8a80","tarball":"https://registry.npmjs.org/@vouchfor/uikit/-/uikit-5.0.15.tgz","fileCount":202,"integrity":"sha512-IOETNbAEP/Nd0kAp7j9O6DvPwUEUEPpYKWRjnq+6cLlgtbI/KxyfstBfcRHzIHHnl1pt0NAVMb/cuF/C6gN8AQ==","signatures":[{"sig":"MEUCIQD+wzmB2roJQVdVFWkW44RHi3j3rJhRnHXT2eFlbzhZywIgR+YclMeCBD1G6Bm0f496q5/Cl4JubxjWfQXFes6blAY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65933343,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJijIcjACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrgGBAAnqccZB3ERcgBkNynT6+amuzAKZdaRbl750AiuPAMH9YFe8GS\r\nUUFUMVL2nbt3QpZNuBpy4aH7I+8i83g53NmPPs2R2hC0/Ddo16xa0ebPZ8Fj\r\nymbXveP1lXNf3QnBTKU2sj1FnUxYSJyDQ9SjIuCgdZxqFNBEF+tGusERy3zx\r\nJuI2+pvLK3RKaa+qDAOHdR/nP2RDCcwUlbsNSgTd8ZFYY6b4r2rfQuaGaASa\r\npja646IkknaNR/ya7pel0zOaBDCR6lsobgsygPeYy6SG09P7QJ89zqJl799d\r\n+3Guai2aHgNGmF07mJSOHCklrMJ7cvScdJIMwl44142EeuptWNI3fwuiwhZ6\r\nLaji9hCcGHKdlHBQuCSURreBcmKhrvtCpobSFg732C4G+R4n7DRqmvMHvhnO\r\nvMz3/aOeyF/18moRITHTpCIc+BtNFc6uVfxFVF9hU+yfbHxEVJ9R6FIaHvaW\r\nlnqOys3BkitEJL5iok1jqMZaJhjAKOPwqPirHlUKr0ash7CEmRvjbyYUkgwB\r\nPF7/yWXJAiZ3BjnFVuVG6bfvDbCxo2dZ2MlB93CJ0L4FZByeZYiRIgJSHd5d\r\n7LHvPaqrSHup+GROovcggqbCzOc91vMNMNe/TD4hbsLHZubcnbvDypE0kkZf\r\nmXnl6Q99NZzuL4YbW8/8zoR3UtNBjsqWXrc=\r\n=abEu\r\n-----END PGP SIGNATURE-----\r\n"},"type":"module","husky":{"hooks":{"pre-push":"yarn test --silent","pre-commit":"lint-staged"}},"types":"types.d.ts","engines":{"node":">=14.17.0"},"exports":{"./package.json":"./package.json","./embed/vouch-embed-all":{"import":"./embed/vouch-embed-all.js","default":"./embed/vouch-embed-all.js","require":"./embed/vouch-embed-all.cjs"},"./embed/vouch-embed-jumbo":{"import":"./embed/vouch-embed-jumbo.js","default":"./embed/vouch-embed-jumbo.js","require":"./embed/vouch-embed-jumbo.cjs"},"./embed/vouch-embed-all.js":"./embed/vouch-embed-all.js","./embed/vouch-embed-button":{"import":"./embed/vouch-embed-button.js","default":"./embed/vouch-embed-button.js","require":"./embed/vouch-embed-button.cjs"},"./components/vouch-recorder":{"import":"./components/vouch-recorder.js","default":"./components/vouch-recorder.js","require":"./components/vouch-recorder.cjs"},"./embed/vouch-embed-popover":{"import":"./embed/vouch-embed-popover.js","default":"./embed/vouch-embed-popover.js","require":"./embed/vouch-embed-popover.cjs"},"./components/vouch-icon-play":{"import":"./components/vouch-icon-play.js","default":"./components/vouch-icon-play.js","require":"./components/vouch-icon-play.cjs"},"./embed/vouch-embed-dialogue":{"import":"./embed/vouch-embed-dialogue.js","default":"./embed/vouch-embed-dialogue.js","require":"./embed/vouch-embed-dialogue.cjs"},"./components/vouch-brand-logo":{"import":"./components/vouch-brand-logo.js","default":"./components/vouch-brand-logo.js","require":"./components/vouch-brand-logo.cjs"},"./components/vouch-icon-close":{"import":"./components/vouch-icon-close.js","default":"./components/vouch-icon-close.js","require":"./components/vouch-icon-close.cjs"},"./components/vouch-icon-pause":{"import":"./components/vouch-icon-pause.js","default":"./components/vouch-icon-pause.js","require":"./components/vouch-icon-pause.cjs"},"./components/vouch-media-plyr":{"import":"./components/vouch-media-plyr.js","default":"./components/vouch-media-plyr.js","require":"./components/vouch-media-plyr.cjs"},"./components/vouch-water-mark":{"import":"./components/vouch-water-mark.js","default":"./components/vouch-water-mark.js","require":"./components/vouch-water-mark.cjs"},"./embed/vouch-embed-thumbnail":{"import":"./embed/vouch-embed-thumbnail.js","default":"./embed/vouch-embed-thumbnail.js","require":"./embed/vouch-embed-thumbnail.cjs"},"./embed/vouch-recorder-button":{"import":"./embed/vouch-recorder-button.js","default":"./embed/vouch-recorder-button.js","require":"./embed/vouch-recorder-button.cjs"},"./components/vouch-graphic-svg":{"import":"./components/vouch-graphic-svg.js","default":"./components/vouch-graphic-svg.js","require":"./components/vouch-graphic-svg.cjs"},"./embed/VouchEmbedJumbo.svelte":"./embed/VouchEmbedJumbo.svelte","./embed/VouchEmbedButton.svelte":"./embed/VouchEmbedButton.svelte","./embed/VouchEmbedPopover.svelte":"./embed/VouchEmbedPopover.svelte","./components/VouchIconPlay.svelte":"./components/VouchIconPlay.svelte","./components/VouchRecorder.svelte":"./components/VouchRecorder.svelte","./embed/VouchEmbedDialogue.svelte":"./embed/VouchEmbedDialogue.svelte","./embed/vouch-embed-inline-player":{"import":"./embed/vouch-embed-inline-player.js","default":"./embed/vouch-embed-inline-player.js","require":"./embed/vouch-embed-inline-player.cjs"},"./components/VouchBrandLogo.svelte":"./components/VouchBrandLogo.svelte","./components/VouchIconClose.svelte":"./components/VouchIconClose.svelte","./components/VouchIconPause.svelte":"./components/VouchIconPause.svelte","./components/VouchMediaPlyr.svelte":"./components/VouchMediaPlyr.svelte","./components/VouchWaterMark.svelte":"./components/VouchWaterMark.svelte","./components/vouch-icon-arrow-left":{"import":"./components/vouch-icon-arrow-left.js","default":"./components/vouch-icon-arrow-left.js","require":"./components/vouch-icon-arrow-left.cjs"},"./embed/VouchEmbedThumbnail.svelte":"./embed/VouchEmbedThumbnail.svelte","./embed/VouchRecorderButton.svelte":"./embed/VouchRecorderButton.svelte","./components/VouchGraphicSvg.svelte":"./components/VouchGraphicSvg.svelte","./components/vouch-icon-arrow-right":{"import":"./components/vouch-icon-arrow-right.js","default":"./components/vouch-icon-arrow-right.js","require":"./components/vouch-icon-arrow-right.cjs"},"./components/vouch-overlay-play-icon":{"import":"./components/vouch-overlay-play-icon.js","default":"./components/vouch-overlay-play-icon.js","require":"./components/vouch-overlay-play-icon.cjs"},"./embed/VouchEmbedInlinePlayer.svelte":"./embed/VouchEmbedInlinePlayer.svelte","./components/VouchIconArrowLeft.svelte":"./components/VouchIconArrowLeft.svelte","./components/VouchIconArrowRight.svelte":"./components/VouchIconArrowRight.svelte","./components/VouchOverlayPlayIcon.svelte":"./components/VouchOverlayPlayIcon.svelte"},"_npmUser":{"name":"vouch-tech","email":"brian@vouchfor.com"},"repository":{"url":"git+https://github.com/VouchAU/vouch-uikit.git","type":"git"},"_npmVersion":"6.14.13","description":"Vouch Svelte UIKit","directories":{},"lint-staged":{"*.{js,svelte}":"yarn lint"},"_nodeVersion":"14.17.0","dependencies":{"plyr":"^3.7.2","cookie":"^0.4.1","hls.js":"^1.1.5","core-js":"^3.16.3","postcss":"^7","@vime/core":"^5.3.1","tailwindcss":"npm:@tailwindcss/postcss7-compat","@lukeed/uuid":"^2.0.0","autoprefixer":"^9","whatwg-fetch":"^3.6.2","@fontsource/fira-mono":"^4.2.2"},"_hasShrinkwrap":false,"devDependencies":{"jest":"^27.0.6","path":"^0.12.7","husky":"4","tslib":"^2.0.0","dotenv":"^10.0.0","eslint":"^7.22.0","rollup":"^2.55.1","svelte":"^3.34.0","prettier":"~2.2.1","babel-jest":"^27.0.6","svelte2tsx":"^0.4.3","typescript":"^4.0.0","@babel/core":"^7.14.8","@types/jest":"^26.0.24","lint-staged":"^11.1.1","svelte-check":"^2.0.0","@sveltejs/kit":"next","@types/cookie":"^0.4.0","svelte-jester":"^1.8.1","svelte-loader":"^3.1.2","@babel/preset-env":"^7.14.9","@storybook/svelte":"^6.3.6","svelte-preprocess":"^4.0.0","rollup-plugin-svelte":"^7.1.0","rollup-plugin-terser":"^7.0.2","eslint-plugin-svelte3":"^3.2.0","@babel/runtime-corejs3":"^7.14.9","@rollup/plugin-replace":"^3.0.0","@storybook/addon-links":"^6.3.6","eslint-config-prettier":"^8.1.0","prettier-plugin-svelte":"^2.2.0","@rollup/plugin-commonjs":"^22.0.0","@testing-library/svelte":"^3.0.3","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@typescript-eslint/parser":"^4.19.0","@rollup/plugin-node-resolve":"^13.0.4","@storybook/addon-essentials":"^6.3.6","@typescript-eslint/eslint-plugin":"^4.19.0"},"_npmOperationalInternal":{"tmp":"tmp/uikit_5.0.15_1653376802280_0.41480296597779986","host":"s3://npm-registry-packages"}},"5.1.2":{"name":"@vouchfor/uikit","version":"5.1.2","keywords":["embed","design system","vouch-uikit","svelte","uikit"],"author":{"url":"https://vouchau.github.io/vouch-uikit","name":"Vouch Dev Team","email":"hello@vouchfor.com"},"license":"MIT","_id":"@vouchfor/uikit@5.1.2","maintainers":[{"name":"vouch-tech","email":"brian@vouchfor.com"}],"homepage":"https://vouchau.github.io/vouch-uikit","bugs":{"url":"https://github.com/VouchAU/vouch-uikit/issues"},"dist":{"shasum":"ad0185769121e5df597c351a6f6fc57683119447","tarball":"https://registry.npmjs.org/@vouchfor/uikit/-/uikit-5.1.2.tgz","fileCount":202,"integrity":"sha512-GZJnfnTQ1Ly915uhHeCibIFO/+7vmgAIRV447p7I6L4TR0KPgoYcN81Rte2CVRuFLXmUxUXKnfvMuwB6/z/FwA==","signatures":[{"sig":"MEQCIA9ERzjKOQIEEMZLVWvx78zuq3ujr06PQjjUqGqBCuLCAiBokQh5o92PwK4y2hcUUWV0D7Klk16nubxBfxVloMtpDg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65885305,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJijz1bACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmodWw/8CehmR96QsOkkuj/HOi34U447M2o4IrwV9ENTDZvRybrWC9bW\r\nTrEMldVAK57WEr6OMKmAb29T/dtFlXN/iducrx4r+CHNRjsTH3kTrJVGG3dP\r\njgJcvX6dFLEyXhGMB4INP2g5t3QxB5mmil0Q39sUOPFkSSGaBIrDixgcm2Vr\r\nPmscwZ4i/yD48qdQns2nPev6eV90AxAwV/sJDb/arwn5dqBn1QmsiKWWXCuQ\r\nIT7V5zC8hwsMD8Kz6BuQ8wlVMSVtmKUjiM+G5eUmQWGb4tw/CE5uUP8pfpk+\r\n7rPjQa9DHSinlLYTb80ef+kQSYcCZgsPTOaBaXVVdxk59WCr14SruDLLPRAv\r\n+2bb3X26DLxCetXcq/u5tkOU5ciijWs28vNFrXsCXCMW1vwRCKT4QQCF2HYb\r\n5j2AgKK4Hd6YbTqunzv9RjCV5degLKzjykvpQUuO8CfoTXEdyMX3DSeOH3dS\r\nLyQQOKGUTv4kRZ5/0vlPwp/VpjmrECrPzgOkTVhK1xy2pgBQdj+vyrOqtlgI\r\nrdX/o9s+7XgonsYX8DYDrd+Y3Y+tTmbJ4rkBZ41qvgNt6CCU2Y1KM4n29Ms5\r\nzlgEeuVzg0o6qibT2fIQ2XU/+OlfOR7jrbQt6WoiqRzItgdyV5wtPHWQsyFP\r\nWniIwkdeihKzyoM48WEES8ovN+erDC5tklQ=\r\n=kg9i\r\n-----END PGP SIGNATURE-----\r\n"},"type":"module","husky":{"hooks":{"pre-push":"yarn test --silent","pre-commit":"lint-staged"}},"types":"types.d.ts","readme":"# Vouch UIKit\n\n- [Get Started](#get-started)\n - [Storybook](#storybook)\n - [Build package](#build-package)\n - [Test package locally with vouch-app](#test-package-locally-with-vouch-app)\n - [Publish to npm](#publish-to-npm)\n - [Purge npm cache](#purge-npm-cached-tags)\n- [Update vouch-app](#update-vouch-app)\n - [development](#development-devvouchforcom)\n - [staging](#staging-stagingvouchforcom)\n - [production](#production-appvouchforcom)\n\n**Vouch UIKit** consists of `2 libraries` and `1 application`\n\n```bash\n└── src\n ├── lib\n │ ├── components # Design System Components (Web Component)\n │ │ ├── VouchBrandLogo.svelte\n │ │ ...\n │ │\n │ └── embed # embed Components (Web Component)\n │ │ ├── VouchEmbedInlinePlayer.svelte\n │ ...\n │\n │\n ├── routes # vouch public embed link (https://embed.vouchfor.com)\n │ ├── __layout.svelte\n │ ├── index.svelte\n │ ├── about.svelte\n │ ...\n │\n ├── app.css\n └── app.html\n```\n\n# Get Started\n\nEnsure you have node `14.17.0` installed on your machine, for example via [nvm](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/TERMINAL.md#install-nvm), run `nvm ls` to check\n\n```bash\nnvm ls 14\n```\n\nyou should see output if you have the version installed\n\n```bash\n-> v14.17.0\n```\n\nensure you have [git ssh](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/GITHUB.md) setup locally before you clone the repo\n\n```bash\ngit clone git@github.com:VouchAU/vouch-uikit.git\n```\n\ninstall dependencies\n\n```bash\ncd vouch-uikit\nyarn\n```\n\n## Storybook\n\nhttps://designsystem.vouchfor.com/\n\nStorybook is hosted on GitHub page `gh-pages` branch (Domain name is configured on **Cloudflare**) and deployed automatically via **GitHub Action** every time changes are merged back to `master`.\n\nLocal dev\n\n```bash\nyarn storybook\n```\n\nbuild storybook\n\n```bash\nyarn build-storybook\n```\n\n## Build package\n\nBuild `src/lib` production/beta/alpha package, make sure you change `version` in `package.json` for three different build tags.\n\n```sh\ncd vouch-uikit\n...\nyarn package:alpha # development\nyarn package:beta # staging\nyarn package # production\n```\n\n## Test package locally with `vouch-app`\n\nOnce you build the `npm` package, you can test locally with `vouch-app` to ensure everything works as expected before publishing to `npm`\n\nAssuming you build a package according [Build package](#build-package), now you can create a symlink to your local package\n\n```sh\ncd package\nyarn link\n```\n\nyou should see this if successfully linked\n\n```sh\nyarn link v1.22.10\nsuccess Registered \"@vouchfor/uikit\".\ninfo You can now run `yarn link \"@vouchfor/uikit\"` in the projects where you want to use this package and it will be used instead.\n✨ Done in 0.04s.\n```\n\ngo to `vouch-app` folder and switch to the branch you want to test against with then link the local package\n\n```sh\ncd vouch-app\ngit checkout VCH-222\nyarn link @vouchfor/uikit\nyarn dev\n```\n\nVoilà, you are testing your feature branch with the local uikit package and don't forget to roll back after testing\n\n```sh\ncd vouch-app\nyarn unlink @vouchfor/uikit\n...\ncd vouch-uikit/package\nyarn unlink\n```\n\n## Publish to `npm`\n\n> Note you will need to log in `vouch-tech` on your terminal before publishing, credential is shared via 1Password.\n\n```bash\nnpm login\n...\n```\n\n```bash\ncd package\n...\nnpm publish --access public --tag alpha # development\nnpm publish --access public --tag beta # staging\nnpm publish --access public # production\n```\n\n## Purge `jsdelivr` cache\n\n`@vouchfor/uikit` is most likely consumed by **tag**, `alpha`, `beta` and `latest`, not version number to ensure clients can always get the latest updates. [jsdelivr](https://cdn.jsdelivr.net/) default has 7 days cache for `tag`, so we need to purge it to reflect new version number.\n\n- Check current tag version number\n\n - [Click to check Alpha](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@alpha/)\n - [Click to check Beta](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@beta/)\n - [Click to check Production](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n- Purge cache\n - [Click to purge Alpha](https://purge.jsdelivr.net/npm/@vouchfor/uikit@alpha/)\n - [Click to purge Beta](https://purge.jsdelivr.net/npm/@vouchfor/uikit@beta/)\n - **_Danger_** [Click to purge Production](https://purge.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n### Purge specific bundle.js\n\nOur embed code snippet `src` attribute currently refers to a specific embed bundle js , for example\n\n```html\n\n
\n```\n\nIn this case, you will need to purge the bundle file specifically by providing absolute path\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/embed/{filename}.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/components/{filename}.bundle.js\n```\n\nfor example,\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@alpha/embed/vouch-embed-inline-player.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@beta/embed/vouch-embed-inline-player.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/embed/vouch-embed-inline-player.bundle.js\n```\n\n## Unit test\n\n```bash\nyarn test\n```\n\nupdate snapshot\n\n```bash\nyarn test -u\n```\n\n# Update `vouch-app`\n\n`@vouchfor/uikit` is a dependency of `vouch-app` for embeds and UI components, follow the below steps to publish NPM package and update `package.json` dependency in `vouch-app`.\n\n> Each PR should bump the minor version in `package.json` in order to push new version to NPM. e.g. `\"version\": \"3.9.0\"` in `main` branch, you should bump to `\"version\": \"3.10.0\"` in your branch.\n\n> The major version should only be used for releasing breaking changes. e.g. `3.0.0`, `4.0.0`\n\n## Development (`dev.vouchfor.com`)\n\nAssuming your branch bumped version in `package.json` to\n\n```json\n\"version\": \"3.10.0\"\n```\n\n### Bump patch version number\n\nEnsure your patch version number isn't used, e.g. if `3.10.0` was published before, bump to `3.10.1`.\n\n### Build and publish\n\n```sh\nyarn package:alpha\ncd package\nnpm publish --access public --tag alpha\n```\n\nMake sure you purge NPM CDN cache for package, see [Purge npm cached tags](#purge-npm-cached-tags)\n\n### Update dependency in `vouch-app`\n\nEnsure you already cloned [vouch-app](https://github.com/VouchAU/vouch-app.git) locally then switch to the folder.\n\n```sh\ncd vouch-app\ngit checkout development\ngit pull\ngit merge feature/VCH-111 # Optional, only when you have code change dependency in vouch-app as well\nyarn upgrade @vouchfor/uikit@alpha\n```\n\nAfter upgrade, you should see version updates in both `package.json` and `yarn.lock`, but due to a known issue of `yarn`, please do these before committing changes\n\n- Manually roll back `package.json` (should always `\"@vouchfor/uikit\": \"alpha\"` for `development`).\n- run `yarn` again to update `yarn.lock`\n\n```sh\ngit commit -m \"Bumped uikit version\"\ngit push\n```\n\n## Staging (`staging.vouchfor.com`)\n\nUpdate `staging` environment is the same as [Development](#development-devvouchforcom) but remember to change cmd to `staging` specific\n\n```sh\nyarn package:beta\n```\n\n```sh\nnpm publish --access public --tag beta\n```\n\n```sh\ncd vouch-app\ngit checkout staging\ngit pull\ngit merge feature/VCH-111 # Optional, only when you have code change dependency in vouch-app as well\nyarn upgrade @vouchfor/uikit@beta\n```\n\n## Production (`app.vouchfor.com`)\n\nOne thing different when release to production, since `master` branch can only be merged by PRs (after code review), so you will need to run `yarn upgrade @vouchfor/uikit@latest` under you feature branch and commit **before merging the PR**.\n\n```sh\ngit checkout feature/VCH-111\nyarn upgrade upgrade @vouchfor/uikit@latest\ngit commit -m \"Bumped uikit version\"\ngit push\n```\n\n> When you run above cmd, your PR should be ready to merge (reviewed and QA tested)\n","engines":{"node":">=14.17.0"},"exports":{"./package.json":"./package.json","./embed/vouch-embed-all":{"import":"./embed/vouch-embed-all.js","default":"./embed/vouch-embed-all.js","require":"./embed/vouch-embed-all.cjs"},"./embed/vouch-embed-jumbo":{"import":"./embed/vouch-embed-jumbo.js","default":"./embed/vouch-embed-jumbo.js","require":"./embed/vouch-embed-jumbo.cjs"},"./embed/vouch-embed-all.js":"./embed/vouch-embed-all.js","./embed/vouch-embed-button":{"import":"./embed/vouch-embed-button.js","default":"./embed/vouch-embed-button.js","require":"./embed/vouch-embed-button.cjs"},"./components/vouch-recorder":{"import":"./components/vouch-recorder.js","default":"./components/vouch-recorder.js","require":"./components/vouch-recorder.cjs"},"./embed/vouch-embed-popover":{"import":"./embed/vouch-embed-popover.js","default":"./embed/vouch-embed-popover.js","require":"./embed/vouch-embed-popover.cjs"},"./components/vouch-icon-play":{"import":"./components/vouch-icon-play.js","default":"./components/vouch-icon-play.js","require":"./components/vouch-icon-play.cjs"},"./embed/vouch-embed-dialogue":{"import":"./embed/vouch-embed-dialogue.js","default":"./embed/vouch-embed-dialogue.js","require":"./embed/vouch-embed-dialogue.cjs"},"./components/vouch-brand-logo":{"import":"./components/vouch-brand-logo.js","default":"./components/vouch-brand-logo.js","require":"./components/vouch-brand-logo.cjs"},"./components/vouch-icon-close":{"import":"./components/vouch-icon-close.js","default":"./components/vouch-icon-close.js","require":"./components/vouch-icon-close.cjs"},"./components/vouch-icon-pause":{"import":"./components/vouch-icon-pause.js","default":"./components/vouch-icon-pause.js","require":"./components/vouch-icon-pause.cjs"},"./components/vouch-media-plyr":{"import":"./components/vouch-media-plyr.js","default":"./components/vouch-media-plyr.js","require":"./components/vouch-media-plyr.cjs"},"./components/vouch-water-mark":{"import":"./components/vouch-water-mark.js","default":"./components/vouch-water-mark.js","require":"./components/vouch-water-mark.cjs"},"./embed/vouch-embed-thumbnail":{"import":"./embed/vouch-embed-thumbnail.js","default":"./embed/vouch-embed-thumbnail.js","require":"./embed/vouch-embed-thumbnail.cjs"},"./embed/vouch-recorder-button":{"import":"./embed/vouch-recorder-button.js","default":"./embed/vouch-recorder-button.js","require":"./embed/vouch-recorder-button.cjs"},"./components/vouch-graphic-svg":{"import":"./components/vouch-graphic-svg.js","default":"./components/vouch-graphic-svg.js","require":"./components/vouch-graphic-svg.cjs"},"./embed/VouchEmbedJumbo.svelte":"./embed/VouchEmbedJumbo.svelte","./embed/VouchEmbedButton.svelte":"./embed/VouchEmbedButton.svelte","./embed/VouchEmbedPopover.svelte":"./embed/VouchEmbedPopover.svelte","./components/VouchIconPlay.svelte":"./components/VouchIconPlay.svelte","./components/VouchRecorder.svelte":"./components/VouchRecorder.svelte","./embed/VouchEmbedDialogue.svelte":"./embed/VouchEmbedDialogue.svelte","./embed/vouch-embed-inline-player":{"import":"./embed/vouch-embed-inline-player.js","default":"./embed/vouch-embed-inline-player.js","require":"./embed/vouch-embed-inline-player.cjs"},"./components/VouchBrandLogo.svelte":"./components/VouchBrandLogo.svelte","./components/VouchIconClose.svelte":"./components/VouchIconClose.svelte","./components/VouchIconPause.svelte":"./components/VouchIconPause.svelte","./components/VouchMediaPlyr.svelte":"./components/VouchMediaPlyr.svelte","./components/VouchWaterMark.svelte":"./components/VouchWaterMark.svelte","./components/vouch-icon-arrow-left":{"import":"./components/vouch-icon-arrow-left.js","default":"./components/vouch-icon-arrow-left.js","require":"./components/vouch-icon-arrow-left.cjs"},"./embed/VouchEmbedThumbnail.svelte":"./embed/VouchEmbedThumbnail.svelte","./embed/VouchRecorderButton.svelte":"./embed/VouchRecorderButton.svelte","./components/VouchGraphicSvg.svelte":"./components/VouchGraphicSvg.svelte","./components/vouch-icon-arrow-right":{"import":"./components/vouch-icon-arrow-right.js","default":"./components/vouch-icon-arrow-right.js","require":"./components/vouch-icon-arrow-right.cjs"},"./components/vouch-overlay-play-icon":{"import":"./components/vouch-overlay-play-icon.js","default":"./components/vouch-overlay-play-icon.js","require":"./components/vouch-overlay-play-icon.cjs"},"./embed/VouchEmbedInlinePlayer.svelte":"./embed/VouchEmbedInlinePlayer.svelte","./components/VouchIconArrowLeft.svelte":"./components/VouchIconArrowLeft.svelte","./components/VouchIconArrowRight.svelte":"./components/VouchIconArrowRight.svelte","./components/VouchOverlayPlayIcon.svelte":"./components/VouchOverlayPlayIcon.svelte"},"_npmUser":{"name":"vouch-tech","email":"brian@vouchfor.com"},"repository":{"url":"git+https://github.com/VouchAU/vouch-uikit.git","type":"git"},"_npmVersion":"6.14.15","description":"Vouch Svelte UIKit","directories":{},"lint-staged":{"*.{js,svelte}":"yarn lint"},"_nodeVersion":"14.18.3","dependencies":{"plyr":"^3.7.2","cookie":"^0.4.1","hls.js":"^1.1.5","core-js":"^3.16.3","postcss":"^7","@vime/core":"^5.3.1","tailwindcss":"npm:@tailwindcss/postcss7-compat","@lukeed/uuid":"^2.0.0","autoprefixer":"^9","whatwg-fetch":"^3.6.2","@fontsource/fira-mono":"^4.2.2"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^27.0.6","path":"^0.12.7","husky":"4","tslib":"^2.0.0","dotenv":"^10.0.0","eslint":"^7.22.0","rollup":"^2.55.1","svelte":"^3.34.0","prettier":"~2.2.1","babel-jest":"^27.0.6","svelte2tsx":"^0.4.3","typescript":"^4.0.0","@babel/core":"^7.14.8","@types/jest":"^26.0.24","lint-staged":"^11.1.1","svelte-check":"^2.0.0","@sveltejs/kit":"next","@types/cookie":"^0.4.0","svelte-jester":"^1.8.1","svelte-loader":"^3.1.2","@babel/preset-env":"^7.14.9","@storybook/svelte":"^6.3.6","svelte-preprocess":"^4.0.0","rollup-plugin-svelte":"^7.1.0","rollup-plugin-terser":"^7.0.2","eslint-plugin-svelte3":"^3.2.0","@babel/runtime-corejs3":"^7.14.9","@rollup/plugin-replace":"^3.0.0","@storybook/addon-links":"^6.3.6","eslint-config-prettier":"^8.1.0","prettier-plugin-svelte":"^2.2.0","@rollup/plugin-commonjs":"^22.0.0","@testing-library/svelte":"^3.0.3","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@typescript-eslint/parser":"^4.19.0","@rollup/plugin-node-resolve":"^13.0.4","@storybook/addon-essentials":"^6.3.6","@typescript-eslint/eslint-plugin":"^4.19.0"},"_npmOperationalInternal":{"tmp":"tmp/uikit_5.1.2_1653554520744_0.9677001333741797","host":"s3://npm-registry-packages"}},"5.1.3":{"name":"@vouchfor/uikit","version":"5.1.3","keywords":["embed","design system","vouch-uikit","svelte","uikit"],"author":{"url":"https://vouchau.github.io/vouch-uikit","name":"Vouch Dev Team","email":"hello@vouchfor.com"},"license":"MIT","_id":"@vouchfor/uikit@5.1.3","maintainers":[{"name":"vouch-tech","email":"brian@vouchfor.com"}],"homepage":"https://vouchau.github.io/vouch-uikit","bugs":{"url":"https://github.com/VouchAU/vouch-uikit/issues"},"dist":{"shasum":"f9e82d9583b4507ee58b1d7bf08feded6371a527","tarball":"https://registry.npmjs.org/@vouchfor/uikit/-/uikit-5.1.3.tgz","fileCount":202,"integrity":"sha512-WO9CP19cpLD6AenFIaFPzQUFoPYOIcVwlBgEBmTCy2mggc+22GN6XnkOeZ/HCxFzv2v/+BgVicuZ4hi5Tr3obw==","signatures":[{"sig":"MEUCIC3A26OjVMxPStV3TwrJpE7Qk0Yc59+tmjSnFa0f58+VAiEAibaVFWkR9js/P0VPjZoXu09Qmq6y6tSZNuY147W070A=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65950547,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJilZLJACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmppvxAAhx52tCdHQYV2FkurzjcA5dxVFQ4HdjQRmtK0Onh4VPvUBADn\r\nPTYArHiniynKMfxqd+E0V95safkdPLul46jxaFQP0N4wNjKaqgr0r9RoScev\r\nsD70MAr+SnPPHtyD4OIXiVwbQO0NkuH+xVhV2ao38X4P4kOxqw9o69s1WQeq\r\nY3TAkQrpmwo38UCvIqsmglKGQfntRTw+F4hT2bgREj1fXeCaHSTPi/509GI4\r\njvYrB3I9eqE2x5kvkCyuHAEKeL7lyomgfWX9yKmgyDWAdEV3cHanyYjvrZ3N\r\n/U7QDCK7sJxv/1rr6Miq4PEj3pXKTjotYKyK/RjeCzGpgQII7FiUtIVtrqf3\r\nlO8nOA/kxG+/+aJ14/zct6fcfg87otqoUp4X4gL0G1OMfUR4d4zjcQnHA/Gw\r\n+bY3zhHdQj8dFD7gNDZELMkHWR+ZOxYCHmac1tHQXDFlySwVJPbqmRzd5l8o\r\nFOrv0cTr/yr/cJb7x/mrCvc+6c8trVVGVuBc/913Ix5ZvxsYQWhE8ojb5X1p\r\n9mwgLu31fHSzYTjriD3ROqPNgYuYNg36z3IyMMaI5MJ5tyYLRhSYxsg9sqbd\r\n80f+oeGjlVGZ3nE+kSYXWUt+1kizcTQIsVg/Z1az++sR4opbXEv++sm8MNQe\r\n1Docl+r9BUdzDRAKraPNSBvmibfE6K5jnEs=\r\n=q13x\r\n-----END PGP SIGNATURE-----\r\n"},"type":"module","husky":{"hooks":{"pre-push":"yarn test --silent","pre-commit":"lint-staged"}},"types":"types.d.ts","readme":"# Vouch UIKit\n\n- [Get Started](#get-started)\n - [Storybook](#storybook)\n - [Build package](#build-package)\n - [Test package locally with vouch-app](#test-package-locally-with-vouch-app)\n - [Publish to npm](#publish-to-npm)\n - [Purge npm cache](#purge-npm-cached-tags)\n- [Update vouch-app](#update-vouch-app)\n - [development](#development-devvouchforcom)\n - [staging](#staging-stagingvouchforcom)\n - [production](#production-appvouchforcom)\n\n**Vouch UIKit** consists of `2 libraries` and `1 application`\n\n```bash\n└── src\n ├── lib\n │ ├── components # Design System Components (Web Component)\n │ │ ├── VouchBrandLogo.svelte\n │ │ ...\n │ │\n │ └── embed # embed Components (Web Component)\n │ │ ├── VouchEmbedInlinePlayer.svelte\n │ ...\n │\n │\n ├── routes # vouch public embed link (https://embed.vouchfor.com)\n │ ├── __layout.svelte\n │ ├── index.svelte\n │ ├── about.svelte\n │ ...\n │\n ├── app.css\n └── app.html\n```\n\n# Get Started\n\nEnsure you have node `14.17.0` installed on your machine, for example via [nvm](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/TERMINAL.md#install-nvm), run `nvm ls` to check\n\n```bash\nnvm ls 14\n```\n\nyou should see output if you have the version installed\n\n```bash\n-> v14.17.0\n```\n\nensure you have [git ssh](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/GITHUB.md) setup locally before you clone the repo\n\n```bash\ngit clone git@github.com:VouchAU/vouch-uikit.git\n```\n\ninstall dependencies\n\n```bash\ncd vouch-uikit\nyarn\n```\n\n## Storybook\n\nhttps://designsystem.vouchfor.com/\n\nStorybook is hosted on GitHub page `gh-pages` branch (Domain name is configured on **Cloudflare**) and deployed automatically via **GitHub Action** every time changes are merged back to `master`.\n\nLocal dev\n\n```bash\nyarn storybook\n```\n\nbuild storybook\n\n```bash\nyarn build-storybook\n```\n\n## Build package\n\nBuild `src/lib` production/beta/alpha package, make sure you change `version` in `package.json` for three different build tags.\n\n```sh\ncd vouch-uikit\n...\nyarn package:alpha # development\nyarn package:beta # staging\nyarn package # production\n```\n\n## Test package locally with `vouch-app`\n\nOnce you build the `npm` package, you can test locally with `vouch-app` to ensure everything works as expected before publishing to `npm`\n\nAssuming you build a package according [Build package](#build-package), now you can create a symlink to your local package\n\n```sh\ncd package\nyarn link\n```\n\nyou should see this if successfully linked\n\n```sh\nyarn link v1.22.10\nsuccess Registered \"@vouchfor/uikit\".\ninfo You can now run `yarn link \"@vouchfor/uikit\"` in the projects where you want to use this package and it will be used instead.\n✨ Done in 0.04s.\n```\n\ngo to `vouch-app` folder and switch to the branch you want to test against with then link the local package\n\n```sh\ncd vouch-app\ngit checkout VCH-222\nyarn link @vouchfor/uikit\nyarn dev\n```\n\nVoilà, you are testing your feature branch with the local uikit package and don't forget to roll back after testing\n\n```sh\ncd vouch-app\nyarn unlink @vouchfor/uikit\n...\ncd vouch-uikit/package\nyarn unlink\n```\n\n## Publish to `npm`\n\n> Note you will need to log in `vouch-tech` on your terminal before publishing, credential is shared via 1Password.\n\n```bash\nnpm login\n...\n```\n\n```bash\ncd package\n...\nnpm publish --access public --tag alpha # development\nnpm publish --access public --tag beta # staging\nnpm publish --access public # production\n```\n\n## Purge `jsdelivr` cache\n\n`@vouchfor/uikit` is most likely consumed by **tag**, `alpha`, `beta` and `latest`, not version number to ensure clients can always get the latest updates. [jsdelivr](https://cdn.jsdelivr.net/) default has 7 days cache for `tag`, so we need to purge it to reflect new version number.\n\n- Check current tag version number\n\n - [Click to check Alpha](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@alpha/)\n - [Click to check Beta](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@beta/)\n - [Click to check Production](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n- Purge cache\n - [Click to purge Alpha](https://purge.jsdelivr.net/npm/@vouchfor/uikit@alpha/)\n - [Click to purge Beta](https://purge.jsdelivr.net/npm/@vouchfor/uikit@beta/)\n - **_Danger_** [Click to purge Production](https://purge.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n### Purge specific bundle.js\n\nOur embed code snippet `src` attribute currently refers to a specific embed bundle js , for example\n\n```html\n\n
\n```\n\nIn this case, you will need to purge the bundle file specifically by providing absolute path\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/embed/{filename}.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/components/{filename}.bundle.js\n```\n\nfor example,\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@alpha/embed/vouch-embed-inline-player.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@beta/embed/vouch-embed-inline-player.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/embed/vouch-embed-inline-player.bundle.js\n```\n\n## Unit test\n\n```bash\nyarn test\n```\n\nupdate snapshot\n\n```bash\nyarn test -u\n```\n\n# Update `vouch-app`\n\n`@vouchfor/uikit` is a dependency of `vouch-app` for embeds and UI components, follow the below steps to publish NPM package and update `package.json` dependency in `vouch-app`.\n\n> Each PR should bump the minor version in `package.json` in order to push new version to NPM. e.g. `\"version\": \"3.9.0\"` in `main` branch, you should bump to `\"version\": \"3.10.0\"` in your branch.\n\n> The major version should only be used for releasing breaking changes. e.g. `3.0.0`, `4.0.0`\n\n## Development (`dev.vouchfor.com`)\n\nAssuming your branch bumped version in `package.json` to\n\n```json\n\"version\": \"3.10.0\"\n```\n\n### Bump patch version number\n\nEnsure your patch version number isn't used, e.g. if `3.10.0` was published before, bump to `3.10.1`.\n\n### Build and publish\n\n```sh\nyarn package:alpha\ncd package\nnpm publish --access public --tag alpha\n```\n\nMake sure you purge NPM CDN cache for package, see [Purge npm cached tags](#purge-npm-cached-tags)\n\n### Update dependency in `vouch-app`\n\nEnsure you already cloned [vouch-app](https://github.com/VouchAU/vouch-app.git) locally then switch to the folder.\n\n```sh\ncd vouch-app\ngit checkout development\ngit pull\ngit merge feature/VCH-111 # Optional, only when you have code change dependency in vouch-app as well\nyarn upgrade @vouchfor/uikit@alpha\n```\n\nAfter upgrade, you should see version updates in both `package.json` and `yarn.lock`, but due to a known issue of `yarn`, please do these before committing changes\n\n- Manually roll back `package.json` (should always `\"@vouchfor/uikit\": \"alpha\"` for `development`).\n- run `yarn` again to update `yarn.lock`\n\n```sh\ngit commit -m \"Bumped uikit version\"\ngit push\n```\n\n## Staging (`staging.vouchfor.com`)\n\nUpdate `staging` environment is the same as [Development](#development-devvouchforcom) but remember to change cmd to `staging` specific\n\n```sh\nyarn package:beta\n```\n\n```sh\nnpm publish --access public --tag beta\n```\n\n```sh\ncd vouch-app\ngit checkout staging\ngit pull\ngit merge feature/VCH-111 # Optional, only when you have code change dependency in vouch-app as well\nyarn upgrade @vouchfor/uikit@beta\n```\n\n## Production (`app.vouchfor.com`)\n\nOne thing different when release to production, since `master` branch can only be merged by PRs (after code review), so you will need to run `yarn upgrade @vouchfor/uikit@latest` under you feature branch and commit **before merging the PR**.\n\n```sh\ngit checkout feature/VCH-111\nyarn upgrade upgrade @vouchfor/uikit@latest\ngit commit -m \"Bumped uikit version\"\ngit push\n```\n\n> When you run above cmd, your PR should be ready to merge (reviewed and QA tested)\n","engines":{"node":">=14.17.0"},"exports":{"./package.json":"./package.json","./embed/vouch-embed-all":{"import":"./embed/vouch-embed-all.js","default":"./embed/vouch-embed-all.js","require":"./embed/vouch-embed-all.cjs"},"./embed/vouch-embed-jumbo":{"import":"./embed/vouch-embed-jumbo.js","default":"./embed/vouch-embed-jumbo.js","require":"./embed/vouch-embed-jumbo.cjs"},"./embed/vouch-embed-all.js":"./embed/vouch-embed-all.js","./embed/vouch-embed-button":{"import":"./embed/vouch-embed-button.js","default":"./embed/vouch-embed-button.js","require":"./embed/vouch-embed-button.cjs"},"./components/vouch-recorder":{"import":"./components/vouch-recorder.js","default":"./components/vouch-recorder.js","require":"./components/vouch-recorder.cjs"},"./embed/vouch-embed-popover":{"import":"./embed/vouch-embed-popover.js","default":"./embed/vouch-embed-popover.js","require":"./embed/vouch-embed-popover.cjs"},"./components/vouch-icon-play":{"import":"./components/vouch-icon-play.js","default":"./components/vouch-icon-play.js","require":"./components/vouch-icon-play.cjs"},"./embed/vouch-embed-dialogue":{"import":"./embed/vouch-embed-dialogue.js","default":"./embed/vouch-embed-dialogue.js","require":"./embed/vouch-embed-dialogue.cjs"},"./components/vouch-brand-logo":{"import":"./components/vouch-brand-logo.js","default":"./components/vouch-brand-logo.js","require":"./components/vouch-brand-logo.cjs"},"./components/vouch-icon-close":{"import":"./components/vouch-icon-close.js","default":"./components/vouch-icon-close.js","require":"./components/vouch-icon-close.cjs"},"./components/vouch-icon-pause":{"import":"./components/vouch-icon-pause.js","default":"./components/vouch-icon-pause.js","require":"./components/vouch-icon-pause.cjs"},"./components/vouch-media-plyr":{"import":"./components/vouch-media-plyr.js","default":"./components/vouch-media-plyr.js","require":"./components/vouch-media-plyr.cjs"},"./components/vouch-water-mark":{"import":"./components/vouch-water-mark.js","default":"./components/vouch-water-mark.js","require":"./components/vouch-water-mark.cjs"},"./embed/vouch-embed-thumbnail":{"import":"./embed/vouch-embed-thumbnail.js","default":"./embed/vouch-embed-thumbnail.js","require":"./embed/vouch-embed-thumbnail.cjs"},"./embed/vouch-recorder-button":{"import":"./embed/vouch-recorder-button.js","default":"./embed/vouch-recorder-button.js","require":"./embed/vouch-recorder-button.cjs"},"./components/vouch-graphic-svg":{"import":"./components/vouch-graphic-svg.js","default":"./components/vouch-graphic-svg.js","require":"./components/vouch-graphic-svg.cjs"},"./embed/VouchEmbedJumbo.svelte":"./embed/VouchEmbedJumbo.svelte","./embed/VouchEmbedButton.svelte":"./embed/VouchEmbedButton.svelte","./embed/VouchEmbedPopover.svelte":"./embed/VouchEmbedPopover.svelte","./components/VouchIconPlay.svelte":"./components/VouchIconPlay.svelte","./components/VouchRecorder.svelte":"./components/VouchRecorder.svelte","./embed/VouchEmbedDialogue.svelte":"./embed/VouchEmbedDialogue.svelte","./embed/vouch-embed-inline-player":{"import":"./embed/vouch-embed-inline-player.js","default":"./embed/vouch-embed-inline-player.js","require":"./embed/vouch-embed-inline-player.cjs"},"./components/VouchBrandLogo.svelte":"./components/VouchBrandLogo.svelte","./components/VouchIconClose.svelte":"./components/VouchIconClose.svelte","./components/VouchIconPause.svelte":"./components/VouchIconPause.svelte","./components/VouchMediaPlyr.svelte":"./components/VouchMediaPlyr.svelte","./components/VouchWaterMark.svelte":"./components/VouchWaterMark.svelte","./components/vouch-icon-arrow-left":{"import":"./components/vouch-icon-arrow-left.js","default":"./components/vouch-icon-arrow-left.js","require":"./components/vouch-icon-arrow-left.cjs"},"./embed/VouchEmbedThumbnail.svelte":"./embed/VouchEmbedThumbnail.svelte","./embed/VouchRecorderButton.svelte":"./embed/VouchRecorderButton.svelte","./components/VouchGraphicSvg.svelte":"./components/VouchGraphicSvg.svelte","./components/vouch-icon-arrow-right":{"import":"./components/vouch-icon-arrow-right.js","default":"./components/vouch-icon-arrow-right.js","require":"./components/vouch-icon-arrow-right.cjs"},"./components/vouch-overlay-play-icon":{"import":"./components/vouch-overlay-play-icon.js","default":"./components/vouch-overlay-play-icon.js","require":"./components/vouch-overlay-play-icon.cjs"},"./embed/VouchEmbedInlinePlayer.svelte":"./embed/VouchEmbedInlinePlayer.svelte","./components/VouchIconArrowLeft.svelte":"./components/VouchIconArrowLeft.svelte","./components/VouchIconArrowRight.svelte":"./components/VouchIconArrowRight.svelte","./components/VouchOverlayPlayIcon.svelte":"./components/VouchOverlayPlayIcon.svelte"},"_npmUser":{"name":"vouch-tech","email":"brian@vouchfor.com"},"repository":{"url":"git+https://github.com/VouchAU/vouch-uikit.git","type":"git"},"_npmVersion":"6.14.13","description":"Vouch Svelte UIKit","directories":{},"lint-staged":{"*.{js,svelte}":"yarn lint"},"_nodeVersion":"14.17.0","dependencies":{"plyr":"^3.7.2","cookie":"^0.4.1","hls.js":"^1.1.5","core-js":"^3.16.3","postcss":"^7","@vime/core":"^5.3.1","tailwindcss":"npm:@tailwindcss/postcss7-compat","@lukeed/uuid":"^2.0.0","autoprefixer":"^9","whatwg-fetch":"^3.6.2","@fontsource/fira-mono":"^4.2.2"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^27.0.6","path":"^0.12.7","husky":"4","tslib":"^2.0.0","dotenv":"^10.0.0","eslint":"^7.22.0","rollup":"^2.55.1","svelte":"^3.34.0","prettier":"~2.2.1","babel-jest":"^27.0.6","svelte2tsx":"^0.4.3","typescript":"^4.0.0","@babel/core":"^7.14.8","@types/jest":"^26.0.24","lint-staged":"^11.1.1","svelte-check":"^2.0.0","@sveltejs/kit":"next","@types/cookie":"^0.4.0","svelte-jester":"^1.8.1","svelte-loader":"^3.1.2","@babel/preset-env":"^7.14.9","@storybook/svelte":"^6.3.6","svelte-preprocess":"^4.0.0","rollup-plugin-svelte":"^7.1.0","rollup-plugin-terser":"^7.0.2","eslint-plugin-svelte3":"^3.2.0","@babel/runtime-corejs3":"^7.14.9","@rollup/plugin-replace":"^3.0.0","@storybook/addon-links":"^6.3.6","eslint-config-prettier":"^8.1.0","prettier-plugin-svelte":"^2.2.0","@rollup/plugin-commonjs":"^22.0.0","@testing-library/svelte":"^3.0.3","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@typescript-eslint/parser":"^4.19.0","@rollup/plugin-node-resolve":"^13.0.4","@storybook/addon-essentials":"^6.3.6","@typescript-eslint/eslint-plugin":"^4.19.0"},"_npmOperationalInternal":{"tmp":"tmp/uikit_5.1.3_1653969609200_0.6611045272081175","host":"s3://npm-registry-packages"}},"5.1.4":{"name":"@vouchfor/uikit","version":"5.1.4","keywords":["embed","design system","vouch-uikit","svelte","uikit"],"author":{"url":"https://vouchau.github.io/vouch-uikit","name":"Vouch Dev Team","email":"hello@vouchfor.com"},"license":"MIT","_id":"@vouchfor/uikit@5.1.4","maintainers":[{"name":"vouch-tech","email":"brian@vouchfor.com"}],"homepage":"https://vouchau.github.io/vouch-uikit","bugs":{"url":"https://github.com/VouchAU/vouch-uikit/issues"},"dist":{"shasum":"c6097840cd18b0630cc6d5af0e648e6fd6cd070b","tarball":"https://registry.npmjs.org/@vouchfor/uikit/-/uikit-5.1.4.tgz","fileCount":202,"integrity":"sha512-p2MVvyjGhjgvA1G7PGuF62ZgPOkC+iTucP04sEWauNkVAK3YEKugleM1ZHZtY6GszLix16V1OXfOKeVHg4pvTA==","signatures":[{"sig":"MEQCIDcdhy8dvkju8N5ceuQfK8jHt0lF+uI2m1mjk/X2Jx95AiB8oMHS7evcqms73y/DGbP1h/UcEsVAyADGQFeafR55gg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65949812,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJilZYEACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpGFxAAgU4QV2PCda4Kph8yrVISyxzLtIjfhcnmmwaIJB3DZJgYLc+Z\r\nrS9/BkFw/zFGwxuf1cTBTWAX9HuMR2LMbs7COrzVmJHTODXJV5nhmkneq3WN\r\nLO+hkM6i1+p1sKGDvaYXeQ6hasVAvieBGZCgTP7sDOLkhRbluYNIAcogk/5l\r\nQd6zUain2SjYD4rBqLAjtuzrRWcqgTQskpd4eC9YKDsN+MB4oIhjDjXckOKc\r\nNLpgG9PFdTiIt6u1PlF6HhFbfgKCUtzktV3IIxs4Q9rFfEYte3Iefx9WE/cK\r\nqZdufAl5kMxRVY0U22HZWxop1jeX6r1f0tRMkFAnifVRKVjwXNEQAJWa7q2d\r\nw+NKrfe0V8RZcMzCsxLuBuNtA9eLWcovPFP8Ex331tfJDwkTUPdp+y9mOliS\r\nQBS2JsuTfAd4IW3JPym1Nv0u9WTMg3lTNY5qtPD1/6E9vTPrnCJLQU6kVIov\r\nW8LIDB9CYQCChwy8xcOlLhOktezl2Glq5OZyHI0Fj9kixrmKBf9h7l0qNzfV\r\nC6LxgeOpT70OTH9Ru84U7K0kyeeQKJmaC+oBRAse2ZKFRWxrRejCgFgCzum5\r\nbjRnqwSWJLotJAaZCycohNcqtnhGHMJp+FrMa4AkmwHVFyQrraEYg1G99LJt\r\nvgDStCYKpKyNRjAvjv/hu2C3jBZdX/1Ci1U=\r\n=KhFT\r\n-----END PGP SIGNATURE-----\r\n"},"type":"module","husky":{"hooks":{"pre-push":"yarn test --silent","pre-commit":"lint-staged"}},"types":"types.d.ts","engines":{"node":">=14.17.0"},"exports":{"./package.json":"./package.json","./embed/vouch-embed-all":{"import":"./embed/vouch-embed-all.js","default":"./embed/vouch-embed-all.js","require":"./embed/vouch-embed-all.cjs"},"./embed/vouch-embed-jumbo":{"import":"./embed/vouch-embed-jumbo.js","default":"./embed/vouch-embed-jumbo.js","require":"./embed/vouch-embed-jumbo.cjs"},"./embed/vouch-embed-all.js":"./embed/vouch-embed-all.js","./embed/vouch-embed-button":{"import":"./embed/vouch-embed-button.js","default":"./embed/vouch-embed-button.js","require":"./embed/vouch-embed-button.cjs"},"./components/vouch-recorder":{"import":"./components/vouch-recorder.js","default":"./components/vouch-recorder.js","require":"./components/vouch-recorder.cjs"},"./embed/vouch-embed-popover":{"import":"./embed/vouch-embed-popover.js","default":"./embed/vouch-embed-popover.js","require":"./embed/vouch-embed-popover.cjs"},"./components/vouch-icon-play":{"import":"./components/vouch-icon-play.js","default":"./components/vouch-icon-play.js","require":"./components/vouch-icon-play.cjs"},"./embed/vouch-embed-dialogue":{"import":"./embed/vouch-embed-dialogue.js","default":"./embed/vouch-embed-dialogue.js","require":"./embed/vouch-embed-dialogue.cjs"},"./components/vouch-brand-logo":{"import":"./components/vouch-brand-logo.js","default":"./components/vouch-brand-logo.js","require":"./components/vouch-brand-logo.cjs"},"./components/vouch-icon-close":{"import":"./components/vouch-icon-close.js","default":"./components/vouch-icon-close.js","require":"./components/vouch-icon-close.cjs"},"./components/vouch-icon-pause":{"import":"./components/vouch-icon-pause.js","default":"./components/vouch-icon-pause.js","require":"./components/vouch-icon-pause.cjs"},"./components/vouch-media-plyr":{"import":"./components/vouch-media-plyr.js","default":"./components/vouch-media-plyr.js","require":"./components/vouch-media-plyr.cjs"},"./components/vouch-water-mark":{"import":"./components/vouch-water-mark.js","default":"./components/vouch-water-mark.js","require":"./components/vouch-water-mark.cjs"},"./embed/vouch-embed-thumbnail":{"import":"./embed/vouch-embed-thumbnail.js","default":"./embed/vouch-embed-thumbnail.js","require":"./embed/vouch-embed-thumbnail.cjs"},"./embed/vouch-recorder-button":{"import":"./embed/vouch-recorder-button.js","default":"./embed/vouch-recorder-button.js","require":"./embed/vouch-recorder-button.cjs"},"./components/vouch-graphic-svg":{"import":"./components/vouch-graphic-svg.js","default":"./components/vouch-graphic-svg.js","require":"./components/vouch-graphic-svg.cjs"},"./embed/VouchEmbedJumbo.svelte":"./embed/VouchEmbedJumbo.svelte","./embed/VouchEmbedButton.svelte":"./embed/VouchEmbedButton.svelte","./embed/VouchEmbedPopover.svelte":"./embed/VouchEmbedPopover.svelte","./components/VouchIconPlay.svelte":"./components/VouchIconPlay.svelte","./components/VouchRecorder.svelte":"./components/VouchRecorder.svelte","./embed/VouchEmbedDialogue.svelte":"./embed/VouchEmbedDialogue.svelte","./embed/vouch-embed-inline-player":{"import":"./embed/vouch-embed-inline-player.js","default":"./embed/vouch-embed-inline-player.js","require":"./embed/vouch-embed-inline-player.cjs"},"./components/VouchBrandLogo.svelte":"./components/VouchBrandLogo.svelte","./components/VouchIconClose.svelte":"./components/VouchIconClose.svelte","./components/VouchIconPause.svelte":"./components/VouchIconPause.svelte","./components/VouchMediaPlyr.svelte":"./components/VouchMediaPlyr.svelte","./components/VouchWaterMark.svelte":"./components/VouchWaterMark.svelte","./components/vouch-icon-arrow-left":{"import":"./components/vouch-icon-arrow-left.js","default":"./components/vouch-icon-arrow-left.js","require":"./components/vouch-icon-arrow-left.cjs"},"./embed/VouchEmbedThumbnail.svelte":"./embed/VouchEmbedThumbnail.svelte","./embed/VouchRecorderButton.svelte":"./embed/VouchRecorderButton.svelte","./components/VouchGraphicSvg.svelte":"./components/VouchGraphicSvg.svelte","./components/vouch-icon-arrow-right":{"import":"./components/vouch-icon-arrow-right.js","default":"./components/vouch-icon-arrow-right.js","require":"./components/vouch-icon-arrow-right.cjs"},"./components/vouch-overlay-play-icon":{"import":"./components/vouch-overlay-play-icon.js","default":"./components/vouch-overlay-play-icon.js","require":"./components/vouch-overlay-play-icon.cjs"},"./embed/VouchEmbedInlinePlayer.svelte":"./embed/VouchEmbedInlinePlayer.svelte","./components/VouchIconArrowLeft.svelte":"./components/VouchIconArrowLeft.svelte","./components/VouchIconArrowRight.svelte":"./components/VouchIconArrowRight.svelte","./components/VouchOverlayPlayIcon.svelte":"./components/VouchOverlayPlayIcon.svelte"},"_npmUser":{"name":"vouch-tech","email":"brian@vouchfor.com"},"repository":{"url":"git+https://github.com/VouchAU/vouch-uikit.git","type":"git"},"_npmVersion":"6.14.13","description":"Vouch Svelte UIKit","directories":{},"lint-staged":{"*.{js,svelte}":"yarn lint"},"_nodeVersion":"14.17.0","dependencies":{"plyr":"^3.7.2","cookie":"^0.4.1","hls.js":"^1.1.5","core-js":"^3.16.3","postcss":"^7","@vime/core":"^5.3.1","tailwindcss":"npm:@tailwindcss/postcss7-compat","@lukeed/uuid":"^2.0.0","autoprefixer":"^9","whatwg-fetch":"^3.6.2","@fontsource/fira-mono":"^4.2.2"},"_hasShrinkwrap":false,"devDependencies":{"jest":"^27.0.6","path":"^0.12.7","husky":"4","tslib":"^2.0.0","dotenv":"^10.0.0","eslint":"^7.22.0","rollup":"^2.55.1","svelte":"^3.34.0","prettier":"~2.2.1","babel-jest":"^27.0.6","svelte2tsx":"^0.4.3","typescript":"^4.0.0","@babel/core":"^7.14.8","@types/jest":"^26.0.24","lint-staged":"^11.1.1","svelte-check":"^2.0.0","@sveltejs/kit":"next","@types/cookie":"^0.4.0","svelte-jester":"^1.8.1","svelte-loader":"^3.1.2","@babel/preset-env":"^7.14.9","@storybook/svelte":"^6.3.6","svelte-preprocess":"^4.0.0","rollup-plugin-svelte":"^7.1.0","rollup-plugin-terser":"^7.0.2","eslint-plugin-svelte3":"^3.2.0","@babel/runtime-corejs3":"^7.14.9","@rollup/plugin-replace":"^3.0.0","@storybook/addon-links":"^6.3.6","eslint-config-prettier":"^8.1.0","prettier-plugin-svelte":"^2.2.0","@rollup/plugin-commonjs":"^22.0.0","@testing-library/svelte":"^3.0.3","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@typescript-eslint/parser":"^4.19.0","@rollup/plugin-node-resolve":"^13.0.4","@storybook/addon-essentials":"^6.3.6","@typescript-eslint/eslint-plugin":"^4.19.0"},"_npmOperationalInternal":{"tmp":"tmp/uikit_5.1.4_1653970435773_0.5564369124407438","host":"s3://npm-registry-packages"}},"5.2.0":{"name":"@vouchfor/uikit","version":"5.2.0","keywords":["embed","design system","vouch-uikit","svelte","uikit"],"author":{"url":"https://vouchau.github.io/vouch-uikit","name":"Vouch Dev Team","email":"hello@vouchfor.com"},"license":"MIT","_id":"@vouchfor/uikit@5.2.0","maintainers":[{"name":"vouch-tech","email":"brian@vouchfor.com"}],"homepage":"https://vouchau.github.io/vouch-uikit","bugs":{"url":"https://github.com/VouchAU/vouch-uikit/issues"},"dist":{"shasum":"98db3e24f1b906ebb9a937dca7c67d81608cd260","tarball":"https://registry.npmjs.org/@vouchfor/uikit/-/uikit-5.2.0.tgz","fileCount":202,"integrity":"sha512-WgvDuJU5aKYfekh0hZo+uTDLDUNnQfqq0Am8GuKm//EWSa5DeIhGvuI8MDbg0nOaGjCqahNoQXCJ/zPlUkWTbA==","signatures":[{"sig":"MEQCIEkJSZjvXrJNCAURFDlZGyeE0havgeb+ro8YJ2ZqG97xAiACzmUiytS6tB3zsFqlyU1vvvSW3o0Qj5HyEELIhqpRxA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":76755270,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJimZUfACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrGGg/9GM+lOFBxgDg/azA4NZGKeJdayxNaspNKgTlKp6J+GWMFylRe\r\nlZNLPgGfRmVjQYVRyDFocKjw7vJbAgBp2BISUDWU0ehSWC8aJHzAlIFq3VfE\r\nj0QPPdCiH1t1CPJw5CaHDgkbA1kmel8YVu/rg1EEkIlpb1SFJBsQRymUyboR\r\nQTij6zz0iKN/QnozXuu9JwwnSANKWrA6+uPmGKTPwZxTgTnLowICpuwVN9wp\r\ns2tt0LEC1Ui4A7/T3nWhuSEDGF8vxmoT28GU/oe+8MU/Qiwr2yEUNWWPmvJI\r\nSqPu+3omF2VSYzMQMZNhYPl0wd7iszvZxlGgJFXaNJoL2ONkXEedfVYdpL1q\r\nrI8dbOQdCalALs/PF/lRcnutIpIh7DfYxxCqacOajkHy82NQlhOq6pPe0O1D\r\ndZt00J2z8GpTDWVmbqTJTmvRLDAsNK5WrW9XF4SzBakV4VV5TgXRKnXBEh7C\r\n2v/ZQX8qxEstC5PWlKYbkdu1wucZfv4X7aTmUmDS4hwwOwLkUpmVAlAL2OMw\r\nF+Q6IQy274X2gAgtX1bqr9VICZL55rEMCBeZETeavO12TwTfWsYzn6G2vnm3\r\nFYtybrcOMno1g8JLAzUxnAD1a5zRia051gLUPl9B8Ddu4Uz+I2OjIcaV8VQl\r\nNUodjYTiSyGatpKsab+IW9YIuJwxPEIkQ4U=\r\n=6etT\r\n-----END PGP SIGNATURE-----\r\n"},"type":"module","husky":{"hooks":{"pre-push":"yarn test --silent","pre-commit":"lint-staged"}},"types":"types.d.ts","readme":"# Vouch UIKit\n\n- [Get Started](#get-started)\n - [Storybook](#storybook)\n - [Build package](#build-package)\n - [Test package locally with vouch-app](#test-package-locally-with-vouch-app)\n - [Publish to npm](#publish-to-npm)\n - [Purge npm cache](#purge-npm-cached-tags)\n- [Update vouch-app](#update-vouch-app)\n - [development](#development-devvouchforcom)\n - [staging](#staging-stagingvouchforcom)\n - [production](#production-appvouchforcom)\n\n**Vouch UIKit** consists of `2 libraries` and `1 application`\n\n```bash\n└── src\n ├── lib\n │ ├── components # Design System Components (Web Component)\n │ │ ├── VouchBrandLogo.svelte\n │ │ ...\n │ │\n │ └── embed # embed Components (Web Component)\n │ │ ├── VouchEmbedInlinePlayer.svelte\n │ ...\n │\n │\n ├── routes # vouch public embed link (https://embed.vouchfor.com)\n │ ├── __layout.svelte\n │ ├── index.svelte\n │ ├── about.svelte\n │ ...\n │\n ├── app.css\n └── app.html\n```\n\n# Get Started\n\nEnsure you have node `14.17.0` installed on your machine, for example via [nvm](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/TERMINAL.md#install-nvm), run `nvm ls` to check\n\n```bash\nnvm ls 14\n```\n\nyou should see output if you have the version installed\n\n```bash\n-> v14.17.0\n```\n\nensure you have [git ssh](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/GITHUB.md) setup locally before you clone the repo\n\n```bash\ngit clone git@github.com:VouchAU/vouch-uikit.git\n```\n\ninstall dependencies\n\n```bash\ncd vouch-uikit\nyarn\n```\n\n## Storybook\n\nhttps://designsystem.vouchfor.com/\n\nStorybook is hosted on GitHub page `gh-pages` branch (Domain name is configured on **Cloudflare**) and deployed automatically via **GitHub Action** every time changes are merged back to `master`.\n\nLocal dev\n\n```bash\nyarn storybook\n```\n\nbuild storybook\n\n```bash\nyarn build-storybook\n```\n\n## Build package\n\nBuild `src/lib` production/beta/alpha package, make sure you change `version` in `package.json` for three different build tags.\n\n```sh\ncd vouch-uikit\n...\nyarn package:alpha # development\nyarn package:beta # staging\nyarn package # production\n```\n\n## Test package locally with `vouch-app`\n\nOnce you build the `npm` package, you can test locally with `vouch-app` to ensure everything works as expected before publishing to `npm`\n\nAssuming you build a package according [Build package](#build-package), now you can create a symlink to your local package\n\n```sh\ncd package\nyarn link\n```\n\nyou should see this if successfully linked\n\n```sh\nyarn link v1.22.10\nsuccess Registered \"@vouchfor/uikit\".\ninfo You can now run `yarn link \"@vouchfor/uikit\"` in the projects where you want to use this package and it will be used instead.\n✨ Done in 0.04s.\n```\n\ngo to `vouch-app` folder and switch to the branch you want to test against with then link the local package\n\n```sh\ncd vouch-app\ngit checkout VCH-222\nyarn link @vouchfor/uikit\nyarn dev\n```\n\nVoilà, you are testing your feature branch with the local uikit package and don't forget to roll back after testing\n\n```sh\ncd vouch-app\nyarn unlink @vouchfor/uikit\n...\ncd vouch-uikit/package\nyarn unlink\n```\n\n## Publish to `npm`\n\n> Note you will need to log in `vouch-tech` on your terminal before publishing, credential is shared via 1Password.\n\n```bash\nnpm login\n...\n```\n\n```bash\ncd package\n...\nnpm publish --access public --tag alpha # development\nnpm publish --access public --tag beta # staging\nnpm publish --access public # production\n```\n\n## Purge `jsdelivr` cache\n\n`@vouchfor/uikit` is most likely consumed by **tag**, `alpha`, `beta` and `latest`, not version number to ensure clients can always get the latest updates. [jsdelivr](https://cdn.jsdelivr.net/) default has 7 days cache for `tag`, so we need to purge it to reflect new version number.\n\n- Check current tag version number\n\n - [Click to check Alpha](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@alpha/)\n - [Click to check Beta](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@beta/)\n - [Click to check Production](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n- Purge cache\n - [Click to purge Alpha](https://purge.jsdelivr.net/npm/@vouchfor/uikit@alpha/)\n - [Click to purge Beta](https://purge.jsdelivr.net/npm/@vouchfor/uikit@beta/)\n - **_Danger_** [Click to purge Production](https://purge.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n### Purge specific bundle.js\n\nOur embed code snippet `src` attribute currently refers to a specific embed bundle js , for example\n\n```html\n\n
\n```\n\nIn this case, you will need to purge the bundle file specifically by providing absolute path\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/embed/{filename}.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/components/{filename}.bundle.js\n```\n\nfor example,\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@alpha/embed/vouch-embed-inline-player.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@beta/embed/vouch-embed-inline-player.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/embed/vouch-embed-inline-player.bundle.js\n```\n\n## Unit test\n\n```bash\nyarn test\n```\n\nupdate snapshot\n\n```bash\nyarn test -u\n```\n\n# Update `vouch-app`\n\n`@vouchfor/uikit` is a dependency of `vouch-app` for embeds and UI components, follow the below steps to publish NPM package and update `package.json` dependency in `vouch-app`.\n\n> Each PR should bump the minor version in `package.json` in order to push new version to NPM. e.g. `\"version\": \"3.9.0\"` in `main` branch, you should bump to `\"version\": \"3.10.0\"` in your branch.\n\n> The major version should only be used for releasing breaking changes. e.g. `3.0.0`, `4.0.0`\n\n## Development (`dev.vouchfor.com`)\n\nAssuming your branch bumped version in `package.json` to\n\n```json\n\"version\": \"3.10.0\"\n```\n\n### Bump patch version number\n\nEnsure your patch version number isn't used, e.g. if `3.10.0` was published before, bump to `3.10.1`.\n\n### Build and publish\n\n```sh\nyarn package:alpha\ncd package\nnpm publish --access public --tag alpha\n```\n\nMake sure you purge NPM CDN cache for package, see [Purge npm cached tags](#purge-npm-cached-tags)\n\n### Update dependency in `vouch-app`\n\nEnsure you already cloned [vouch-app](https://github.com/VouchAU/vouch-app.git) locally then switch to the folder.\n\n```sh\ncd vouch-app\ngit checkout development\ngit pull\ngit merge feature/VCH-111 # Optional, only when you have code change dependency in vouch-app as well\nyarn upgrade @vouchfor/uikit@alpha\n```\n\nAfter upgrade, you should see version updates in both `package.json` and `yarn.lock`, but due to a known issue of `yarn`, please do these before committing changes\n\n- Manually roll back `package.json` (should always `\"@vouchfor/uikit\": \"alpha\"` for `development`).\n- run `yarn` again to update `yarn.lock`\n\n```sh\ngit commit -m \"Bumped uikit version\"\ngit push\n```\n\n## Staging (`staging.vouchfor.com`)\n\nUpdate `staging` environment is the same as [Development](#development-devvouchforcom) but remember to change cmd to `staging` specific\n\n```sh\nyarn package:beta\n```\n\n```sh\nnpm publish --access public --tag beta\n```\n\n```sh\ncd vouch-app\ngit checkout staging\ngit pull\ngit merge feature/VCH-111 # Optional, only when you have code change dependency in vouch-app as well\nyarn upgrade @vouchfor/uikit@beta\n```\n\n## Production (`app.vouchfor.com`)\n\nOne thing different when release to production, since `master` branch can only be merged by PRs (after code review), so you will need to run `yarn upgrade @vouchfor/uikit@latest` under you feature branch and commit **before merging the PR**.\n\n```sh\ngit checkout feature/VCH-111\nyarn upgrade upgrade @vouchfor/uikit@latest\ngit commit -m \"Bumped uikit version\"\ngit push\n```\n\n> When you run above cmd, your PR should be ready to merge (reviewed and QA tested)\n","engines":{"node":">=14.17.0"},"exports":{"./package.json":"./package.json","./embed/vouch-embed-all":{"import":"./embed/vouch-embed-all.js","default":"./embed/vouch-embed-all.js","require":"./embed/vouch-embed-all.cjs"},"./embed/vouch-embed-jumbo":{"import":"./embed/vouch-embed-jumbo.js","default":"./embed/vouch-embed-jumbo.js","require":"./embed/vouch-embed-jumbo.cjs"},"./embed/vouch-embed-all.js":"./embed/vouch-embed-all.js","./embed/vouch-embed-button":{"import":"./embed/vouch-embed-button.js","default":"./embed/vouch-embed-button.js","require":"./embed/vouch-embed-button.cjs"},"./components/vouch-recorder":{"import":"./components/vouch-recorder.js","default":"./components/vouch-recorder.js","require":"./components/vouch-recorder.cjs"},"./embed/vouch-embed-popover":{"import":"./embed/vouch-embed-popover.js","default":"./embed/vouch-embed-popover.js","require":"./embed/vouch-embed-popover.cjs"},"./components/vouch-icon-play":{"import":"./components/vouch-icon-play.js","default":"./components/vouch-icon-play.js","require":"./components/vouch-icon-play.cjs"},"./embed/vouch-embed-dialogue":{"import":"./embed/vouch-embed-dialogue.js","default":"./embed/vouch-embed-dialogue.js","require":"./embed/vouch-embed-dialogue.cjs"},"./components/vouch-brand-logo":{"import":"./components/vouch-brand-logo.js","default":"./components/vouch-brand-logo.js","require":"./components/vouch-brand-logo.cjs"},"./components/vouch-icon-close":{"import":"./components/vouch-icon-close.js","default":"./components/vouch-icon-close.js","require":"./components/vouch-icon-close.cjs"},"./components/vouch-icon-pause":{"import":"./components/vouch-icon-pause.js","default":"./components/vouch-icon-pause.js","require":"./components/vouch-icon-pause.cjs"},"./components/vouch-media-plyr":{"import":"./components/vouch-media-plyr.js","default":"./components/vouch-media-plyr.js","require":"./components/vouch-media-plyr.cjs"},"./components/vouch-water-mark":{"import":"./components/vouch-water-mark.js","default":"./components/vouch-water-mark.js","require":"./components/vouch-water-mark.cjs"},"./embed/vouch-embed-thumbnail":{"import":"./embed/vouch-embed-thumbnail.js","default":"./embed/vouch-embed-thumbnail.js","require":"./embed/vouch-embed-thumbnail.cjs"},"./embed/vouch-recorder-button":{"import":"./embed/vouch-recorder-button.js","default":"./embed/vouch-recorder-button.js","require":"./embed/vouch-recorder-button.cjs"},"./components/vouch-graphic-svg":{"import":"./components/vouch-graphic-svg.js","default":"./components/vouch-graphic-svg.js","require":"./components/vouch-graphic-svg.cjs"},"./embed/VouchEmbedJumbo.svelte":"./embed/VouchEmbedJumbo.svelte","./embed/VouchEmbedButton.svelte":"./embed/VouchEmbedButton.svelte","./embed/VouchEmbedPopover.svelte":"./embed/VouchEmbedPopover.svelte","./components/VouchIconPlay.svelte":"./components/VouchIconPlay.svelte","./components/VouchRecorder.svelte":"./components/VouchRecorder.svelte","./embed/VouchEmbedDialogue.svelte":"./embed/VouchEmbedDialogue.svelte","./embed/vouch-embed-inline-player":{"import":"./embed/vouch-embed-inline-player.js","default":"./embed/vouch-embed-inline-player.js","require":"./embed/vouch-embed-inline-player.cjs"},"./components/VouchBrandLogo.svelte":"./components/VouchBrandLogo.svelte","./components/VouchIconClose.svelte":"./components/VouchIconClose.svelte","./components/VouchIconPause.svelte":"./components/VouchIconPause.svelte","./components/VouchMediaPlyr.svelte":"./components/VouchMediaPlyr.svelte","./components/VouchWaterMark.svelte":"./components/VouchWaterMark.svelte","./components/vouch-icon-arrow-left":{"import":"./components/vouch-icon-arrow-left.js","default":"./components/vouch-icon-arrow-left.js","require":"./components/vouch-icon-arrow-left.cjs"},"./embed/VouchEmbedThumbnail.svelte":"./embed/VouchEmbedThumbnail.svelte","./embed/VouchRecorderButton.svelte":"./embed/VouchRecorderButton.svelte","./components/VouchGraphicSvg.svelte":"./components/VouchGraphicSvg.svelte","./components/vouch-icon-arrow-right":{"import":"./components/vouch-icon-arrow-right.js","default":"./components/vouch-icon-arrow-right.js","require":"./components/vouch-icon-arrow-right.cjs"},"./components/vouch-overlay-play-icon":{"import":"./components/vouch-overlay-play-icon.js","default":"./components/vouch-overlay-play-icon.js","require":"./components/vouch-overlay-play-icon.cjs"},"./embed/VouchEmbedInlinePlayer.svelte":"./embed/VouchEmbedInlinePlayer.svelte","./components/VouchIconArrowLeft.svelte":"./components/VouchIconArrowLeft.svelte","./components/VouchIconArrowRight.svelte":"./components/VouchIconArrowRight.svelte","./components/VouchOverlayPlayIcon.svelte":"./components/VouchOverlayPlayIcon.svelte"},"_npmUser":{"name":"vouch-tech","email":"brian@vouchfor.com"},"repository":{"url":"git+https://github.com/VouchAU/vouch-uikit.git","type":"git"},"_npmVersion":"6.14.13","description":"Vouch Svelte UIKit","directories":{},"lint-staged":{"*.{js,svelte}":"yarn lint"},"_nodeVersion":"14.17.0","dependencies":{"plyr":"^3.7.2","cookie":"^0.4.1","hls.js":"^1.1.5","core-js":"^3.16.3","postcss":"^7","@vime/core":"^5.3.1","tailwindcss":"npm:@tailwindcss/postcss7-compat","@lukeed/uuid":"^2.0.0","autoprefixer":"^9","whatwg-fetch":"^3.6.2","@fontsource/fira-mono":"^4.2.2"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^27.0.6","path":"^0.12.7","husky":"4","tslib":"^2.0.0","dotenv":"^10.0.0","eslint":"^7.22.0","rollup":"^2.55.1","svelte":"^3.34.0","prettier":"~2.2.1","babel-jest":"^27.0.6","svelte2tsx":"^0.4.3","typescript":"^4.0.0","@babel/core":"^7.14.8","@types/jest":"^26.0.24","lint-staged":"^11.1.1","svelte-check":"^2.0.0","@sveltejs/kit":"next","@types/cookie":"^0.4.0","svelte-jester":"^1.8.1","svelte-loader":"^3.1.2","@babel/preset-env":"^7.14.9","@storybook/svelte":"^6.3.6","svelte-preprocess":"^4.0.0","rollup-plugin-copy":"^3.4.0","rollup-plugin-svelte":"^7.1.0","rollup-plugin-terser":"^7.0.2","eslint-plugin-svelte3":"^3.2.0","@babel/runtime-corejs3":"^7.14.9","@rollup/plugin-replace":"^3.0.0","@storybook/addon-links":"^6.3.6","eslint-config-prettier":"^8.1.0","prettier-plugin-svelte":"^2.2.0","@rollup/plugin-commonjs":"^22.0.0","@testing-library/svelte":"^3.0.3","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@typescript-eslint/parser":"^4.19.0","@rollup/plugin-node-resolve":"^13.0.4","@storybook/addon-essentials":"^6.3.6","@typescript-eslint/eslint-plugin":"^4.19.0"},"_npmOperationalInternal":{"tmp":"tmp/uikit_5.2.0_1654232351163_0.6047368671032645","host":"s3://npm-registry-packages"}},"5.2.1":{"name":"@vouchfor/uikit","version":"5.2.1","keywords":["embed","design system","vouch-uikit","svelte","uikit"],"author":{"url":"https://vouchau.github.io/vouch-uikit","name":"Vouch Dev Team","email":"hello@vouchfor.com"},"license":"MIT","_id":"@vouchfor/uikit@5.2.1","maintainers":[{"name":"vouch-tech","email":"brian@vouchfor.com"}],"homepage":"https://vouchau.github.io/vouch-uikit","bugs":{"url":"https://github.com/VouchAU/vouch-uikit/issues"},"dist":{"shasum":"1828b4156547a5dbd52eb3c5928227a28406891d","tarball":"https://registry.npmjs.org/@vouchfor/uikit/-/uikit-5.2.1.tgz","fileCount":202,"integrity":"sha512-tuu2W+AchDyzMoBKJ5kxVrxK17v6mwiz8jT3U5v+cwY48tLlpt9MTZ9MHFg6QjdIh55BIJPQa3RE/RkTATh11Q==","signatures":[{"sig":"MEYCIQDzph90afiooPfrYs8zd15RITmAaERsUkno4mr2VNfZgAIhAPQYIyWP90GwUW3/sup6iw/wizBKd7wTpSbR6MMGcmMb","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":76827992,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJimZtOACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqIzQ//V76qrKc2BgsEIcJyayKLl60buRnydHlWai1Kj76HTsPaIk6L\r\nnVwlcWOfH0uxXIPPhxMbW5D55TtVhldA8ojcutbic6HR5ZT05mx/MupbjEmE\r\nk/Ut8nZS/uyEyw8WNUHalbuyGvYQ7Y80adpJ99pFYV4g4nYfTARKzRef/35I\r\nQ18jZ1rGXhIcuDbxhOWjygmYMOiGNoJ9z/qBqoqF+5e/H/m9IU0s/ZdaJ/CT\r\nR6ZyafSvKJ7rcrasvBWsg6OrMwy7CUjCwCe01ZuUANJ1cnZic1tpsFSlnx64\r\nwJlmk2sC3A+GiZP6AqL+NzSsXUelLwJFB7rGYP0A/p3KwkpsychVckB8BLiI\r\n8jWhJ9Ny12gwA6cFfTAllMxGFdre6tkVQisOafR/JQcquC3qZMa3sKmcpws/\r\nVBzM/K2/eHKF89V5Ta/iDPdfBjq/ACiXY/ijuZWfYlmCuPw4HUHmDzM2VRJx\r\nLHp6R5SXJlbYUNleOK+tsL9Pumw9dNPyCc1QACQV8LRcv+A7Z70HG+39elHC\r\nKXF1Qy+g+TuQUI+9cl2KWMzPbwwmAYEJr6oUrbzeXo4YaUnCRErqLxgcl923\r\n9s9lzhCHfVjK4fgzrr5Pars7+VcoV+4s6jgmyFByjkYwJ9Ue5t8+zbHnt6pD\r\n5oGPrfVJsWEwJzswUvH1/nPrSbrdNoFTkRI=\r\n=nhFa\r\n-----END PGP SIGNATURE-----\r\n"},"type":"module","husky":{"hooks":{"pre-push":"yarn test --silent","pre-commit":"lint-staged"}},"types":"types.d.ts","readme":"# Vouch UIKit\n\n- [Get Started](#get-started)\n - [Storybook](#storybook)\n - [Build package](#build-package)\n - [Test package locally with vouch-app](#test-package-locally-with-vouch-app)\n - [Publish to npm](#publish-to-npm)\n - [Purge npm cache](#purge-npm-cached-tags)\n- [Update vouch-app](#update-vouch-app)\n - [development](#development-devvouchforcom)\n - [staging](#staging-stagingvouchforcom)\n - [production](#production-appvouchforcom)\n\n**Vouch UIKit** consists of `2 libraries` and `1 application`\n\n```bash\n└── src\n ├── lib\n │ ├── components # Design System Components (Web Component)\n │ │ ├── VouchBrandLogo.svelte\n │ │ ...\n │ │\n │ └── embed # embed Components (Web Component)\n │ │ ├── VouchEmbedInlinePlayer.svelte\n │ ...\n │\n │\n ├── routes # vouch public embed link (https://embed.vouchfor.com)\n │ ├── __layout.svelte\n │ ├── index.svelte\n │ ├── about.svelte\n │ ...\n │\n ├── app.css\n └── app.html\n```\n\n# Get Started\n\nEnsure you have node `14.17.0` installed on your machine, for example via [nvm](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/TERMINAL.md#install-nvm), run `nvm ls` to check\n\n```bash\nnvm ls 14\n```\n\nyou should see output if you have the version installed\n\n```bash\n-> v14.17.0\n```\n\nensure you have [git ssh](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/GITHUB.md) setup locally before you clone the repo\n\n```bash\ngit clone git@github.com:VouchAU/vouch-uikit.git\n```\n\ninstall dependencies\n\n```bash\ncd vouch-uikit\nyarn\n```\n\n## Storybook\n\nhttps://designsystem.vouchfor.com/\n\nStorybook is hosted on GitHub page `gh-pages` branch (Domain name is configured on **Cloudflare**) and deployed automatically via **GitHub Action** every time changes are merged back to `master`.\n\nLocal dev\n\n```bash\nyarn storybook\n```\n\nbuild storybook\n\n```bash\nyarn build-storybook\n```\n\n## Build package\n\nBuild `src/lib` production/beta/alpha package, make sure you change `version` in `package.json` for three different build tags.\n\n```sh\ncd vouch-uikit\n...\nyarn package:alpha # development\nyarn package:beta # staging\nyarn package # production\n```\n\n## Test package locally with `vouch-app`\n\nOnce you build the `npm` package, you can test locally with `vouch-app` to ensure everything works as expected before publishing to `npm`\n\nAssuming you build a package according [Build package](#build-package), now you can create a symlink to your local package\n\n```sh\ncd package\nyarn link\n```\n\nyou should see this if successfully linked\n\n```sh\nyarn link v1.22.10\nsuccess Registered \"@vouchfor/uikit\".\ninfo You can now run `yarn link \"@vouchfor/uikit\"` in the projects where you want to use this package and it will be used instead.\n✨ Done in 0.04s.\n```\n\ngo to `vouch-app` folder and switch to the branch you want to test against with then link the local package\n\n```sh\ncd vouch-app\ngit checkout VCH-222\nyarn link @vouchfor/uikit\nyarn dev\n```\n\nVoilà, you are testing your feature branch with the local uikit package and don't forget to roll back after testing\n\n```sh\ncd vouch-app\nyarn unlink @vouchfor/uikit\n...\ncd vouch-uikit/package\nyarn unlink\n```\n\n## Publish to `npm`\n\n> Note you will need to log in `vouch-tech` on your terminal before publishing, credential is shared via 1Password.\n\n```bash\nnpm login\n...\n```\n\n```bash\ncd package\n...\nnpm publish --access public --tag alpha # development\nnpm publish --access public --tag beta # staging\nnpm publish --access public # production\n```\n\n## Purge `jsdelivr` cache\n\n`@vouchfor/uikit` is most likely consumed by **tag**, `alpha`, `beta` and `latest`, not version number to ensure clients can always get the latest updates. [jsdelivr](https://cdn.jsdelivr.net/) default has 7 days cache for `tag`, so we need to purge it to reflect new version number.\n\n- Check current tag version number\n\n - [Click to check Alpha](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@alpha/)\n - [Click to check Beta](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@beta/)\n - [Click to check Production](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n- Purge cache\n - [Click to purge Alpha](https://purge.jsdelivr.net/npm/@vouchfor/uikit@alpha/)\n - [Click to purge Beta](https://purge.jsdelivr.net/npm/@vouchfor/uikit@beta/)\n - **_Danger_** [Click to purge Production](https://purge.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n### Purge specific bundle.js\n\nOur embed code snippet `src` attribute currently refers to a specific embed bundle js , for example\n\n```html\n\n
\n```\n\nIn this case, you will need to purge the bundle file specifically by providing absolute path\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/embed/{filename}.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/components/{filename}.bundle.js\n```\n\nfor example,\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@alpha/embed/vouch-embed-inline-player.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@beta/embed/vouch-embed-inline-player.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/embed/vouch-embed-inline-player.bundle.js\n```\n\n## Unit test\n\n```bash\nyarn test\n```\n\nupdate snapshot\n\n```bash\nyarn test -u\n```\n\n# Update `vouch-app`\n\n`@vouchfor/uikit` is a dependency of `vouch-app` for embeds and UI components, follow the below steps to publish NPM package and update `package.json` dependency in `vouch-app`.\n\n> Each PR should bump the minor version in `package.json` in order to push new version to NPM. e.g. `\"version\": \"3.9.0\"` in `main` branch, you should bump to `\"version\": \"3.10.0\"` in your branch.\n\n> The major version should only be used for releasing breaking changes. e.g. `3.0.0`, `4.0.0`\n\n## Development (`dev.vouchfor.com`)\n\nAssuming your branch bumped version in `package.json` to\n\n```json\n\"version\": \"3.10.0\"\n```\n\n### Bump patch version number\n\nEnsure your patch version number isn't used, e.g. if `3.10.0` was published before, bump to `3.10.1`.\n\n### Build and publish\n\n```sh\nyarn package:alpha\ncd package\nnpm publish --access public --tag alpha\n```\n\nMake sure you purge NPM CDN cache for package, see [Purge npm cached tags](#purge-npm-cached-tags)\n\n### Update dependency in `vouch-app`\n\nEnsure you already cloned [vouch-app](https://github.com/VouchAU/vouch-app.git) locally then switch to the folder.\n\n```sh\ncd vouch-app\ngit checkout development\ngit pull\ngit merge feature/VCH-111 # Optional, only when you have code change dependency in vouch-app as well\nyarn upgrade @vouchfor/uikit@alpha\n```\n\nAfter upgrade, you should see version updates in both `package.json` and `yarn.lock`, but due to a known issue of `yarn`, please do these before committing changes\n\n- Manually roll back `package.json` (should always `\"@vouchfor/uikit\": \"alpha\"` for `development`).\n- run `yarn` again to update `yarn.lock`\n\n```sh\ngit commit -m \"Bumped uikit version\"\ngit push\n```\n\n## Staging (`staging.vouchfor.com`)\n\nUpdate `staging` environment is the same as [Development](#development-devvouchforcom) but remember to change cmd to `staging` specific\n\n```sh\nyarn package:beta\n```\n\n```sh\nnpm publish --access public --tag beta\n```\n\n```sh\ncd vouch-app\ngit checkout staging\ngit pull\ngit merge feature/VCH-111 # Optional, only when you have code change dependency in vouch-app as well\nyarn upgrade @vouchfor/uikit@beta\n```\n\n## Production (`app.vouchfor.com`)\n\nOne thing different when release to production, since `master` branch can only be merged by PRs (after code review), so you will need to run `yarn upgrade @vouchfor/uikit@latest` under you feature branch and commit **before merging the PR**.\n\n```sh\ngit checkout feature/VCH-111\nyarn upgrade upgrade @vouchfor/uikit@latest\ngit commit -m \"Bumped uikit version\"\ngit push\n```\n\n> When you run above cmd, your PR should be ready to merge (reviewed and QA tested)\n","engines":{"node":">=14.17.0"},"exports":{"./package.json":"./package.json","./embed/vouch-embed-all":{"import":"./embed/vouch-embed-all.js","default":"./embed/vouch-embed-all.js","require":"./embed/vouch-embed-all.cjs"},"./embed/vouch-embed-jumbo":{"import":"./embed/vouch-embed-jumbo.js","default":"./embed/vouch-embed-jumbo.js","require":"./embed/vouch-embed-jumbo.cjs"},"./embed/vouch-embed-all.js":"./embed/vouch-embed-all.js","./embed/vouch-embed-button":{"import":"./embed/vouch-embed-button.js","default":"./embed/vouch-embed-button.js","require":"./embed/vouch-embed-button.cjs"},"./components/vouch-recorder":{"import":"./components/vouch-recorder.js","default":"./components/vouch-recorder.js","require":"./components/vouch-recorder.cjs"},"./embed/vouch-embed-popover":{"import":"./embed/vouch-embed-popover.js","default":"./embed/vouch-embed-popover.js","require":"./embed/vouch-embed-popover.cjs"},"./components/vouch-icon-play":{"import":"./components/vouch-icon-play.js","default":"./components/vouch-icon-play.js","require":"./components/vouch-icon-play.cjs"},"./embed/vouch-embed-dialogue":{"import":"./embed/vouch-embed-dialogue.js","default":"./embed/vouch-embed-dialogue.js","require":"./embed/vouch-embed-dialogue.cjs"},"./components/vouch-brand-logo":{"import":"./components/vouch-brand-logo.js","default":"./components/vouch-brand-logo.js","require":"./components/vouch-brand-logo.cjs"},"./components/vouch-icon-close":{"import":"./components/vouch-icon-close.js","default":"./components/vouch-icon-close.js","require":"./components/vouch-icon-close.cjs"},"./components/vouch-icon-pause":{"import":"./components/vouch-icon-pause.js","default":"./components/vouch-icon-pause.js","require":"./components/vouch-icon-pause.cjs"},"./components/vouch-media-plyr":{"import":"./components/vouch-media-plyr.js","default":"./components/vouch-media-plyr.js","require":"./components/vouch-media-plyr.cjs"},"./components/vouch-water-mark":{"import":"./components/vouch-water-mark.js","default":"./components/vouch-water-mark.js","require":"./components/vouch-water-mark.cjs"},"./embed/vouch-embed-thumbnail":{"import":"./embed/vouch-embed-thumbnail.js","default":"./embed/vouch-embed-thumbnail.js","require":"./embed/vouch-embed-thumbnail.cjs"},"./embed/vouch-recorder-button":{"import":"./embed/vouch-recorder-button.js","default":"./embed/vouch-recorder-button.js","require":"./embed/vouch-recorder-button.cjs"},"./components/vouch-graphic-svg":{"import":"./components/vouch-graphic-svg.js","default":"./components/vouch-graphic-svg.js","require":"./components/vouch-graphic-svg.cjs"},"./embed/VouchEmbedJumbo.svelte":"./embed/VouchEmbedJumbo.svelte","./embed/VouchEmbedButton.svelte":"./embed/VouchEmbedButton.svelte","./embed/VouchEmbedPopover.svelte":"./embed/VouchEmbedPopover.svelte","./components/VouchIconPlay.svelte":"./components/VouchIconPlay.svelte","./components/VouchRecorder.svelte":"./components/VouchRecorder.svelte","./embed/VouchEmbedDialogue.svelte":"./embed/VouchEmbedDialogue.svelte","./embed/vouch-embed-inline-player":{"import":"./embed/vouch-embed-inline-player.js","default":"./embed/vouch-embed-inline-player.js","require":"./embed/vouch-embed-inline-player.cjs"},"./components/VouchBrandLogo.svelte":"./components/VouchBrandLogo.svelte","./components/VouchIconClose.svelte":"./components/VouchIconClose.svelte","./components/VouchIconPause.svelte":"./components/VouchIconPause.svelte","./components/VouchMediaPlyr.svelte":"./components/VouchMediaPlyr.svelte","./components/VouchWaterMark.svelte":"./components/VouchWaterMark.svelte","./components/vouch-icon-arrow-left":{"import":"./components/vouch-icon-arrow-left.js","default":"./components/vouch-icon-arrow-left.js","require":"./components/vouch-icon-arrow-left.cjs"},"./embed/VouchEmbedThumbnail.svelte":"./embed/VouchEmbedThumbnail.svelte","./embed/VouchRecorderButton.svelte":"./embed/VouchRecorderButton.svelte","./components/VouchGraphicSvg.svelte":"./components/VouchGraphicSvg.svelte","./components/vouch-icon-arrow-right":{"import":"./components/vouch-icon-arrow-right.js","default":"./components/vouch-icon-arrow-right.js","require":"./components/vouch-icon-arrow-right.cjs"},"./components/vouch-overlay-play-icon":{"import":"./components/vouch-overlay-play-icon.js","default":"./components/vouch-overlay-play-icon.js","require":"./components/vouch-overlay-play-icon.cjs"},"./embed/VouchEmbedInlinePlayer.svelte":"./embed/VouchEmbedInlinePlayer.svelte","./components/VouchIconArrowLeft.svelte":"./components/VouchIconArrowLeft.svelte","./components/VouchIconArrowRight.svelte":"./components/VouchIconArrowRight.svelte","./components/VouchOverlayPlayIcon.svelte":"./components/VouchOverlayPlayIcon.svelte"},"_npmUser":{"name":"vouch-tech","email":"brian@vouchfor.com"},"repository":{"url":"git+https://github.com/VouchAU/vouch-uikit.git","type":"git"},"_npmVersion":"6.14.13","description":"Vouch Svelte UIKit","directories":{},"lint-staged":{"*.{js,svelte}":"yarn lint"},"_nodeVersion":"14.17.0","dependencies":{"plyr":"^3.7.2","cookie":"^0.4.1","hls.js":"^1.1.5","core-js":"^3.16.3","postcss":"^7","@vime/core":"^5.3.1","tailwindcss":"npm:@tailwindcss/postcss7-compat","@lukeed/uuid":"^2.0.0","autoprefixer":"^9","whatwg-fetch":"^3.6.2","@fontsource/fira-mono":"^4.2.2"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^27.0.6","path":"^0.12.7","husky":"4","tslib":"^2.0.0","dotenv":"^10.0.0","eslint":"^7.22.0","rollup":"^2.55.1","svelte":"^3.34.0","prettier":"~2.2.1","babel-jest":"^27.0.6","svelte2tsx":"^0.4.3","typescript":"^4.0.0","@babel/core":"^7.14.8","@types/jest":"^26.0.24","lint-staged":"^11.1.1","svelte-check":"^2.0.0","@sveltejs/kit":"next","@types/cookie":"^0.4.0","svelte-jester":"^1.8.1","svelte-loader":"^3.1.2","@babel/preset-env":"^7.14.9","@storybook/svelte":"^6.3.6","svelte-preprocess":"^4.0.0","rollup-plugin-copy":"^3.4.0","rollup-plugin-svelte":"^7.1.0","rollup-plugin-terser":"^7.0.2","eslint-plugin-svelte3":"^3.2.0","@babel/runtime-corejs3":"^7.14.9","@rollup/plugin-replace":"^3.0.0","@storybook/addon-links":"^6.3.6","eslint-config-prettier":"^8.1.0","prettier-plugin-svelte":"^2.2.0","@rollup/plugin-commonjs":"^22.0.0","@testing-library/svelte":"^3.0.3","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@typescript-eslint/parser":"^4.19.0","@rollup/plugin-node-resolve":"^13.0.4","@storybook/addon-essentials":"^6.3.6","@typescript-eslint/eslint-plugin":"^4.19.0"},"_npmOperationalInternal":{"tmp":"tmp/uikit_5.2.1_1654233934070_0.14904874297534398","host":"s3://npm-registry-packages"}},"5.2.2":{"name":"@vouchfor/uikit","version":"5.2.2","keywords":["embed","design system","vouch-uikit","svelte","uikit"],"author":{"url":"https://vouchau.github.io/vouch-uikit","name":"Vouch Dev Team","email":"hello@vouchfor.com"},"license":"MIT","_id":"@vouchfor/uikit@5.2.2","maintainers":[{"name":"vouch-tech","email":"brian@vouchfor.com"}],"homepage":"https://vouchau.github.io/vouch-uikit","bugs":{"url":"https://github.com/VouchAU/vouch-uikit/issues"},"dist":{"shasum":"0d95e551a0a4db77e31e88df002049ecc5c467f0","tarball":"https://registry.npmjs.org/@vouchfor/uikit/-/uikit-5.2.2.tgz","fileCount":202,"integrity":"sha512-CNpfB6isGswf7NIB+e00VPCw81Hz/vhGn9h5+LT/tC7dn9Zhr0CmWdkp2rUAfixfrYdAKK+hUXgAOQ6Vms+SmQ==","signatures":[{"sig":"MEQCIHuIDhSMqUOkURek4jDQY0i31QI7JKPOfh+nlDd/P0dhAiAi7qcEo9pwbl18WAYfuaY4bmV8bfu0ZD8SYdNj6nsU0A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":76827089,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJimZ0AACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrlmBAAnV1RnS//14YSY12CDoZEweaZhqfP3J+FqdJHzO0W1Csriyzq\r\n1NPzgQybeOgEKxErhhZxzUJNVPIQIzF7JrlN0Y11wlEUt8usdXgz7WeB2w1c\r\nSWjwB3gTOJ1CkBZodzeMTbeiLoF+xd0iQ9bz00ZuveVpCvVq7LyU38W7TQ75\r\nhYKU3o+MBgsWHqNg5ZKR7qvolrrf58RPqQGxmgCln5JQE8sRYWSn/03NBxCv\r\nnNn6CSwtaoE+4XpdnPsLgP1oNLoogCd68EN/wEuteatNI349qkqyhMs2XdkE\r\nhqV3vzxImL4yRQkhs9N6PTYch2N0jkZEH3MVyUuu1UCgw+AyUS/tsgC478w6\r\nAdRVm2D+owbU7MymlR6xh1HQkOndauaeu4wzygV2sXJLkCZ3ZDtUUcYBlD6b\r\nVhCThTR0kLdg1NnwZ7sNHZoaA2cSnIsVAvEzSPYE3WsFGgoXP81O8dZuEcZf\r\nwVK4P5Qp33EJBcZFt+epKzuJr8KhWw6VS9nVpKD7tdzejSSzAgOiLEguTXfp\r\ny26TJNVDqPBFZJovVg3za9UOzNRwCaPNDXE9/wtJ8Q4t7ujnNpkgCTxjONVU\r\nwV+PG4bPkTuEnQa0lvSYoe5BURr2UtJ2bdnpLeHzDn3dOxHkdlPKDLrJYqOw\r\np/XIOT8mBGvxA7GbIr0JVIyQejUDAwHJsjI=\r\n=a7Ka\r\n-----END PGP SIGNATURE-----\r\n"},"type":"module","husky":{"hooks":{"pre-push":"yarn test --silent","pre-commit":"lint-staged"}},"types":"types.d.ts","engines":{"node":">=14.17.0"},"exports":{"./package.json":"./package.json","./embed/vouch-embed-all":{"import":"./embed/vouch-embed-all.js","default":"./embed/vouch-embed-all.js","require":"./embed/vouch-embed-all.cjs"},"./embed/vouch-embed-jumbo":{"import":"./embed/vouch-embed-jumbo.js","default":"./embed/vouch-embed-jumbo.js","require":"./embed/vouch-embed-jumbo.cjs"},"./embed/vouch-embed-all.js":"./embed/vouch-embed-all.js","./embed/vouch-embed-button":{"import":"./embed/vouch-embed-button.js","default":"./embed/vouch-embed-button.js","require":"./embed/vouch-embed-button.cjs"},"./components/vouch-recorder":{"import":"./components/vouch-recorder.js","default":"./components/vouch-recorder.js","require":"./components/vouch-recorder.cjs"},"./embed/vouch-embed-popover":{"import":"./embed/vouch-embed-popover.js","default":"./embed/vouch-embed-popover.js","require":"./embed/vouch-embed-popover.cjs"},"./components/vouch-icon-play":{"import":"./components/vouch-icon-play.js","default":"./components/vouch-icon-play.js","require":"./components/vouch-icon-play.cjs"},"./embed/vouch-embed-dialogue":{"import":"./embed/vouch-embed-dialogue.js","default":"./embed/vouch-embed-dialogue.js","require":"./embed/vouch-embed-dialogue.cjs"},"./components/vouch-brand-logo":{"import":"./components/vouch-brand-logo.js","default":"./components/vouch-brand-logo.js","require":"./components/vouch-brand-logo.cjs"},"./components/vouch-icon-close":{"import":"./components/vouch-icon-close.js","default":"./components/vouch-icon-close.js","require":"./components/vouch-icon-close.cjs"},"./components/vouch-icon-pause":{"import":"./components/vouch-icon-pause.js","default":"./components/vouch-icon-pause.js","require":"./components/vouch-icon-pause.cjs"},"./components/vouch-media-plyr":{"import":"./components/vouch-media-plyr.js","default":"./components/vouch-media-plyr.js","require":"./components/vouch-media-plyr.cjs"},"./components/vouch-water-mark":{"import":"./components/vouch-water-mark.js","default":"./components/vouch-water-mark.js","require":"./components/vouch-water-mark.cjs"},"./embed/vouch-embed-thumbnail":{"import":"./embed/vouch-embed-thumbnail.js","default":"./embed/vouch-embed-thumbnail.js","require":"./embed/vouch-embed-thumbnail.cjs"},"./embed/vouch-recorder-button":{"import":"./embed/vouch-recorder-button.js","default":"./embed/vouch-recorder-button.js","require":"./embed/vouch-recorder-button.cjs"},"./components/vouch-graphic-svg":{"import":"./components/vouch-graphic-svg.js","default":"./components/vouch-graphic-svg.js","require":"./components/vouch-graphic-svg.cjs"},"./embed/VouchEmbedJumbo.svelte":"./embed/VouchEmbedJumbo.svelte","./embed/VouchEmbedButton.svelte":"./embed/VouchEmbedButton.svelte","./embed/VouchEmbedPopover.svelte":"./embed/VouchEmbedPopover.svelte","./components/VouchIconPlay.svelte":"./components/VouchIconPlay.svelte","./components/VouchRecorder.svelte":"./components/VouchRecorder.svelte","./embed/VouchEmbedDialogue.svelte":"./embed/VouchEmbedDialogue.svelte","./embed/vouch-embed-inline-player":{"import":"./embed/vouch-embed-inline-player.js","default":"./embed/vouch-embed-inline-player.js","require":"./embed/vouch-embed-inline-player.cjs"},"./components/VouchBrandLogo.svelte":"./components/VouchBrandLogo.svelte","./components/VouchIconClose.svelte":"./components/VouchIconClose.svelte","./components/VouchIconPause.svelte":"./components/VouchIconPause.svelte","./components/VouchMediaPlyr.svelte":"./components/VouchMediaPlyr.svelte","./components/VouchWaterMark.svelte":"./components/VouchWaterMark.svelte","./components/vouch-icon-arrow-left":{"import":"./components/vouch-icon-arrow-left.js","default":"./components/vouch-icon-arrow-left.js","require":"./components/vouch-icon-arrow-left.cjs"},"./embed/VouchEmbedThumbnail.svelte":"./embed/VouchEmbedThumbnail.svelte","./embed/VouchRecorderButton.svelte":"./embed/VouchRecorderButton.svelte","./components/VouchGraphicSvg.svelte":"./components/VouchGraphicSvg.svelte","./components/vouch-icon-arrow-right":{"import":"./components/vouch-icon-arrow-right.js","default":"./components/vouch-icon-arrow-right.js","require":"./components/vouch-icon-arrow-right.cjs"},"./components/vouch-overlay-play-icon":{"import":"./components/vouch-overlay-play-icon.js","default":"./components/vouch-overlay-play-icon.js","require":"./components/vouch-overlay-play-icon.cjs"},"./embed/VouchEmbedInlinePlayer.svelte":"./embed/VouchEmbedInlinePlayer.svelte","./components/VouchIconArrowLeft.svelte":"./components/VouchIconArrowLeft.svelte","./components/VouchIconArrowRight.svelte":"./components/VouchIconArrowRight.svelte","./components/VouchOverlayPlayIcon.svelte":"./components/VouchOverlayPlayIcon.svelte"},"_npmUser":{"name":"vouch-tech","email":"brian@vouchfor.com"},"repository":{"url":"git+https://github.com/VouchAU/vouch-uikit.git","type":"git"},"_npmVersion":"6.14.13","description":"Vouch Svelte UIKit","directories":{},"lint-staged":{"*.{js,svelte}":"yarn lint"},"_nodeVersion":"14.17.0","dependencies":{"plyr":"^3.7.2","cookie":"^0.4.1","hls.js":"^1.1.5","core-js":"^3.16.3","postcss":"^7","@vime/core":"^5.3.1","tailwindcss":"npm:@tailwindcss/postcss7-compat","@lukeed/uuid":"^2.0.0","autoprefixer":"^9","whatwg-fetch":"^3.6.2","@fontsource/fira-mono":"^4.2.2"},"_hasShrinkwrap":false,"devDependencies":{"jest":"^27.0.6","path":"^0.12.7","husky":"4","tslib":"^2.0.0","dotenv":"^10.0.0","eslint":"^7.22.0","rollup":"^2.55.1","svelte":"^3.34.0","prettier":"~2.2.1","babel-jest":"^27.0.6","svelte2tsx":"^0.4.3","typescript":"^4.0.0","@babel/core":"^7.14.8","@types/jest":"^26.0.24","lint-staged":"^11.1.1","svelte-check":"^2.0.0","@sveltejs/kit":"next","@types/cookie":"^0.4.0","svelte-jester":"^1.8.1","svelte-loader":"^3.1.2","@babel/preset-env":"^7.14.9","@storybook/svelte":"^6.3.6","svelte-preprocess":"^4.0.0","rollup-plugin-copy":"^3.4.0","rollup-plugin-svelte":"^7.1.0","rollup-plugin-terser":"^7.0.2","eslint-plugin-svelte3":"^3.2.0","@babel/runtime-corejs3":"^7.14.9","@rollup/plugin-replace":"^3.0.0","@storybook/addon-links":"^6.3.6","eslint-config-prettier":"^8.1.0","prettier-plugin-svelte":"^2.2.0","@rollup/plugin-commonjs":"^22.0.0","@testing-library/svelte":"^3.0.3","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@typescript-eslint/parser":"^4.19.0","@rollup/plugin-node-resolve":"^13.0.4","@storybook/addon-essentials":"^6.3.6","@typescript-eslint/eslint-plugin":"^4.19.0"},"_npmOperationalInternal":{"tmp":"tmp/uikit_5.2.2_1654234368013_0.9426104755636506","host":"s3://npm-registry-packages"}},"5.3.0":{"name":"@vouchfor/uikit","version":"5.3.0","keywords":["embed","design system","vouch-uikit","svelte","uikit"],"author":{"url":"https://vouchau.github.io/vouch-uikit","name":"Vouch Dev Team","email":"hello@vouchfor.com"},"license":"MIT","_id":"@vouchfor/uikit@5.3.0","maintainers":[{"name":"vouch-tech","email":"brian@vouchfor.com"}],"homepage":"https://vouchau.github.io/vouch-uikit","bugs":{"url":"https://github.com/VouchAU/vouch-uikit/issues"},"dist":{"shasum":"58423335cfd674b8ffd19f4a4dbe17ac98009790","tarball":"https://registry.npmjs.org/@vouchfor/uikit/-/uikit-5.3.0.tgz","fileCount":129,"integrity":"sha512-c4cBDjrlO1pJR6EcX5wGbNAEegP7Ut4XYTzXw3n//98SZ2Yk7stDCEKWLOrtZWgsgt/pTgdfjnpYrizOFDJDmA==","signatures":[{"sig":"MEUCIFNdSJBlTnx2wppz/PvjYeTHT0KRMw67QUxFo0niPpLMAiEAozEV0Zx4X/SDHWnOvb+8BhRSo/+sJDf13858HiSM4Dc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1408448,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJisqCTACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqgohAAnOX9L5Il/8uDKUPHME9PNr7LDtSRX9IJ+Oj4Edh3OpEbaert\r\nyINCo2yV2bHmdQhja59t9NQA/AAuG4EWL3fFA+qa3FpFAihUpOC0KcLIsvpj\r\noB3jiFe07en24P5FYJmHg3PkhSe6dEdLVqiv880N0l9mDFKl0h2W+hderx4x\r\nB0zOI7Kp0GlayBlsfyQh4bC+Rh9zxQb2XWtsnYRk3Tj46rIoTJSkuQjG3Xa4\r\nPhIcZArL5+rOWBGmWFyYx5GQ0LsQrGiNTaJKf8GsUmv1U0qR6oHp3IjmjZrw\r\njito40N8s3nLUiR/NMD61PHgJj8qjeM5QYFjrrfmsLrkwLmkX2a92vfK0uzK\r\n9uQhis7Nf258Yy7g+DsYuhWhG4ph0GwIBmXuhMxxean4qFYWgPEdr8xJE/zP\r\ns9/7fPdtoWVjdNxvmtQSc3y3EWEckuVbrv2PIRG+b++h/fO+hMKrhVppC41i\r\nRVe5wRCWmHs8HRykC942+dl3Jk14UMNOyFitmBSTqibgFZ8gvGMAchfvabuq\r\nAuxusp/v8svevrKWRs+uBRTbG/Lh9biyYlBT6sf1oepe60Bg9MB4Q0K0VRaD\r\nsONMmpdK8Aj1mgnIM28km3T/qusWHDeYVlz2cWYKgVvISY/SakYWkhVPJu1L\r\nS5/E2MDv6x8vxKw6rUnBDj7/o9eS5dmBcJI=\r\n=oH7y\r\n-----END PGP SIGNATURE-----\r\n"},"type":"module","husky":{"hooks":{"pre-push":"yarn test --silent","pre-commit":"lint-staged"}},"types":"types.d.ts","readme":"# Vouch UIKit\n\n- [Get Started](#get-started)\n - [Storybook](#storybook)\n - [Build package](#build-package)\n - [Test package locally with vouch-app](#test-package-locally-with-vouch-app)\n - [Publish to npm](#publish-to-npm)\n - [Purge npm cache](#purge-npm-cached-tags)\n- [Update vouch-app](#update-vouch-app)\n - [development](#development-devvouchforcom)\n - [staging](#staging-stagingvouchforcom)\n - [production](#production-appvouchforcom)\n\n**Vouch UIKit** consists of `2 libraries` and `1 application`\n\n```bash\n└── src\n ├── lib\n │ ├── components # Design System Components (Web Component)\n │ │ ├── VouchBrandLogo.svelte\n │ │ ...\n │ │\n │ └── embed # embed Components (Web Component)\n │ │ ├── VouchEmbedInlinePlayer.svelte\n │ ...\n │\n │\n ├── routes # vouch public embed link (https://embed.vouchfor.com)\n │ ├── __layout.svelte\n │ ├── index.svelte\n │ ├── about.svelte\n │ ...\n │\n ├── app.css\n └── app.html\n```\n\n# Get Started\n\nEnsure you have node `14.17.0` installed on your machine, for example via [nvm](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/TERMINAL.md#install-nvm), run `nvm ls` to check\n\n```bash\nnvm ls 14\n```\n\nyou should see output if you have the version installed\n\n```bash\n-> v14.17.0\n```\n\nensure you have [git ssh](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/GITHUB.md) setup locally before you clone the repo\n\n```bash\ngit clone git@github.com:VouchAU/vouch-uikit.git\n```\n\ninstall dependencies\n\n```bash\ncd vouch-uikit\nyarn\n```\n\n## Storybook\n\nhttps://designsystem.vouchfor.com/\n\nStorybook is hosted on GitHub page `gh-pages` branch (Domain name is configured on **Cloudflare**) and deployed automatically via **GitHub Action** every time changes are merged back to `master`.\n\nLocal dev\n\n```bash\nyarn storybook\n```\n\nbuild storybook\n\n```bash\nyarn build-storybook\n```\n\n## Build package\n\nBuild `src/lib` production/beta/alpha package, make sure you change `version` in `package.json` for three different build tags.\n\n```sh\ncd vouch-uikit\n...\nyarn package:alpha # development\nyarn package:beta # staging\nyarn package # production\n```\n\n## Test package locally with `vouch-app`\n\nOnce you build the `npm` package, you can test locally with `vouch-app` to ensure everything works as expected before publishing to `npm`\n\nAssuming you build a package according [Build package](#build-package), now you can create a symlink to your local package\n\n```sh\ncd package\nyarn link\n```\n\nyou should see this if successfully linked\n\n```sh\nyarn link v1.22.10\nsuccess Registered \"@vouchfor/uikit\".\ninfo You can now run `yarn link \"@vouchfor/uikit\"` in the projects where you want to use this package and it will be used instead.\n✨ Done in 0.04s.\n```\n\ngo to `vouch-app` folder and switch to the branch you want to test against with then link the local package\n\n```sh\ncd vouch-app\ngit checkout VCH-222\nyarn link @vouchfor/uikit\nyarn dev\n```\n\nVoilà, you are testing your feature branch with the local uikit package and don't forget to roll back after testing\n\n```sh\ncd vouch-app\nyarn unlink @vouchfor/uikit\n...\ncd vouch-uikit/package\nyarn unlink\n```\n\n## Publish to `npm`\n\n> Note you will need to log in `vouch-tech` on your terminal before publishing, credential is shared via 1Password.\n\n```bash\nnpm login\n...\n```\n\n```bash\ncd package\n...\nnpm publish --access public --tag alpha # development\nnpm publish --access public --tag beta # staging\nnpm publish --access public # production\n```\n\n## Purge `jsdelivr` cache\n\n`@vouchfor/uikit` is most likely consumed by **tag**, `alpha`, `beta` and `latest`, not version number to ensure clients can always get the latest updates. [jsdelivr](https://cdn.jsdelivr.net/) default has 7 days cache for `tag`, so we need to purge it to reflect new version number.\n\n- Check current tag version number\n\n - [Click to check Alpha](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@alpha/)\n - [Click to check Beta](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@beta/)\n - [Click to check Production](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n- Purge cache\n - [Click to purge Alpha](https://purge.jsdelivr.net/npm/@vouchfor/uikit@alpha/)\n - [Click to purge Beta](https://purge.jsdelivr.net/npm/@vouchfor/uikit@beta/)\n - **_Danger_** [Click to purge Production](https://purge.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n### Purge specific bundle.js\n\nOur embed code snippet `src` attribute currently refers to a specific embed bundle js , for example\n\n```html\n\n
\n```\n\nIn this case, you will need to purge the bundle file specifically by providing absolute path\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/embed/{filename}.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/components/{filename}.bundle.js\n```\n\nfor example,\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@alpha/embed/vouch-embed-inline-player.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@beta/embed/vouch-embed-inline-player.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/embed/vouch-embed-inline-player.bundle.js\n```\n\n## Unit test\n\n```bash\nyarn test\n```\n\nupdate snapshot\n\n```bash\nyarn test -u\n```\n\n# Update `vouch-app`\n\n`@vouchfor/uikit` is a dependency of `vouch-app` for embeds and UI components, follow the below steps to publish NPM package and update `package.json` dependency in `vouch-app`.\n\n> Each PR should bump the minor version in `package.json` in order to push new version to NPM. e.g. `\"version\": \"3.9.0\"` in `main` branch, you should bump to `\"version\": \"3.10.0\"` in your branch.\n\n> The major version should only be used for releasing breaking changes. e.g. `3.0.0`, `4.0.0`\n\n## Development (`dev.vouchfor.com`)\n\nAssuming your branch bumped version in `package.json` to\n\n```json\n\"version\": \"3.10.0\"\n```\n\n### Bump patch version number\n\nEnsure your patch version number isn't used, e.g. if `3.10.0` was published before, bump to `3.10.1`.\n\n### Build and publish\n\n```sh\nyarn package:alpha\ncd package\nnpm publish --access public --tag alpha\n```\n\nMake sure you purge NPM CDN cache for package, see [Purge npm cached tags](#purge-npm-cached-tags)\n\n### Update dependency in `vouch-app`\n\nEnsure you already cloned [vouch-app](https://github.com/VouchAU/vouch-app.git) locally then switch to the folder.\n\n```sh\ncd vouch-app\ngit checkout development\ngit pull\ngit merge feature/VCH-111 # Optional, only when you have code change dependency in vouch-app as well\nyarn upgrade @vouchfor/uikit@alpha\n```\n\nAfter upgrade, you should see version updates in both `package.json` and `yarn.lock`, but due to a known issue of `yarn`, please do these before committing changes\n\n- Manually roll back `package.json` (should always `\"@vouchfor/uikit\": \"alpha\"` for `development`).\n- run `yarn` again to update `yarn.lock`\n\n```sh\ngit commit -m \"Bumped uikit version\"\ngit push\n```\n\n## Staging (`staging.vouchfor.com`)\n\nUpdate `staging` environment is the same as [Development](#development-devvouchforcom) but remember to change cmd to `staging` specific\n\n```sh\nyarn package:beta\n```\n\n```sh\nnpm publish --access public --tag beta\n```\n\n```sh\ncd vouch-app\ngit checkout staging\ngit pull\ngit merge feature/VCH-111 # Optional, only when you have code change dependency in vouch-app as well\nyarn upgrade @vouchfor/uikit@beta\n```\n\n## Production (`app.vouchfor.com`)\n\nOne thing different when release to production, since `master` branch can only be merged by PRs (after code review), so you will need to run `yarn upgrade @vouchfor/uikit@latest` under you feature branch and commit **before merging the PR**.\n\n```sh\ngit checkout feature/VCH-111\nyarn upgrade upgrade @vouchfor/uikit@latest\ngit commit -m \"Bumped uikit version\"\ngit push\n```\n\n> When you run above cmd, your PR should be ready to merge (reviewed and QA tested)\n","engines":{"node":">=14.17.0"},"gitHead":"a16d238b58f645641cb3aa024442983fce45b742","scripts":{"dev":"svelte-kit dev --open","lint":"eslint ./src","test":"jest --testEnvironment jsdom","build":"svelte-kit build","check":"svelte-check --tsconfig ./tsconfig.json","format":"prettier --write --plugin-search-dir=. .","package":"NODE_ENV=production svelte-kit package && NODE_ENV=production rollup -c","preview":"svelte-kit preview","storybook":"start-storybook -p 6006 --no-manager-cache -s static","check:watch":"svelte-check --tsconfig ./tsconfig.json --watch","package:beta":"NODE_ENV=staging svelte-kit package && NODE_ENV=staging rollup -c","package:alpha":"NODE_ENV=development svelte-kit package && NODE_ENV=development rollup -c","build-storybook":"NODE_ENV=development build-storybook -s static"},"_npmUser":{"name":"vouch-tech","email":"brian@vouchfor.com"},"repository":{"url":"git+https://github.com/VouchAU/vouch-uikit.git","type":"git"},"_npmVersion":"6.14.13","description":"Vouch Svelte UIKit","directories":{},"lint-staged":{"*.{js,svelte}":"yarn lint"},"_nodeVersion":"14.17.0","dependencies":{"plyr":"^3.7.2","cookie":"^0.4.1","hls.js":"^1.1.5","core-js":"^3.16.3","postcss":"^7","@vime/core":"^5.3.1","tailwindcss":"npm:@tailwindcss/postcss7-compat","@lukeed/uuid":"^2.0.0","autoprefixer":"^9","whatwg-fetch":"^3.6.2","@fontsource/fira-mono":"^4.2.2"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^27.0.6","path":"^0.12.7","husky":"4","tslib":"^2.0.0","dotenv":"^10.0.0","eslint":"^7.22.0","rollup":"^2.55.1","svelte":"^3.34.0","prettier":"~2.2.1","babel-jest":"^27.0.6","svelte2tsx":"^0.4.3","typescript":"^4.0.0","@babel/core":"^7.14.8","@types/jest":"^26.0.24","lint-staged":"^11.1.1","svelte-check":"^2.0.0","@sveltejs/kit":"next","@types/cookie":"^0.4.0","svelte-jester":"^1.8.1","svelte-loader":"^3.1.2","@babel/preset-env":"^7.14.9","@storybook/svelte":"^6.3.6","svelte-preprocess":"^4.0.0","rollup-plugin-copy":"^3.4.0","rollup-plugin-svelte":"^7.1.0","rollup-plugin-terser":"^7.0.2","eslint-plugin-svelte3":"^3.2.0","@babel/runtime-corejs3":"^7.14.9","@rollup/plugin-replace":"^3.0.0","@storybook/addon-links":"^6.3.6","eslint-config-prettier":"^8.1.0","prettier-plugin-svelte":"^2.2.0","@rollup/plugin-commonjs":"^22.0.0","@testing-library/svelte":"^3.0.3","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@typescript-eslint/parser":"^4.19.0","@rollup/plugin-node-resolve":"^13.0.4","@storybook/addon-essentials":"^6.3.6","@typescript-eslint/eslint-plugin":"^4.19.0"},"_npmOperationalInternal":{"tmp":"tmp/uikit_5.3.0_1655873683365_0.06623860276338767","host":"s3://npm-registry-packages"}},"5.3.3":{"name":"@vouchfor/uikit","version":"5.3.3","keywords":["embed","design system","vouch-uikit","svelte","uikit"],"author":{"url":"https://vouchau.github.io/vouch-uikit","name":"Vouch Dev Team","email":"hello@vouchfor.com"},"license":"MIT","_id":"@vouchfor/uikit@5.3.3","maintainers":[{"name":"vouch-tech","email":"brian@vouchfor.com"}],"homepage":"https://vouchau.github.io/vouch-uikit","bugs":{"url":"https://github.com/VouchAU/vouch-uikit/issues"},"dist":{"shasum":"2cf79fa68bebb143707b80c098fff90b98701c3d","tarball":"https://registry.npmjs.org/@vouchfor/uikit/-/uikit-5.3.3.tgz","fileCount":211,"integrity":"sha512-TVizn/nSikLWz7LDPOE5B3H2vsfPbra9BcVWi4To01VUInOQa4CvGA11vX4hDhiCAb/W7OGchcVruLqghWx7yw==","signatures":[{"sig":"MEUCIEA8ro5qis1HtGaA/wuaE2PY4wbLmVKS6AG/m6AQjl1HAiEAiyG+WKgFlhj5ctYLt9enKlwYBefgE325pjiG8sh/B3E=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":86368126,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJis7ihACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr3ww//Yzj4FiBsEfmrKKFyofdM/Srbd8vcBBO+Yvr0vsYhppnvJNS6\r\nUGKnTVQWhGRPlXJJl06F1Y4hY97rxH937Ph4eagd5cAV2fEFCx0RQXgqgLoA\r\nCbhfSDl+0m5A3iYFNAm/kXXBj34KccuJnlw7AqjEkNknONvABbJ4r7fmrr6A\r\nuHBtVjy0a6wP2pG8qkHOEYqltBwrrBi1dxK9p1e4lVcgyPMXu18grZQQRBwS\r\nP+GFDU6mYl3/GkwJuroMz4G/w5iJpKM84i82k4ch61iDXD0K7srgtXfjf1qY\r\nuZTQeF6PUzzr0fc1X3xoPPSKqXZ5UHDFh1c0cqmfeklngYK7c6eoWqY0Bk5g\r\nPgns/KDtS0RXwrBKVihQO9CorepIxdjVOTopKrrNpm3J2KJGzrG7E926gsww\r\nEvrfocLdPSnxtHbud5rBGYMfLOYgujZYMrr7kb13Wbx10lPkGDYpVclqxRqH\r\nkvSsR4soOnvp9j1vg8SeU8ZY987DNkKAtH2Frr8ORsYLKQkRi6Em9EYnWh4s\r\nLzsPUYdlXmM7LRePuYKt0iXmleZt+syiRc2RkkQYqUkZaUKq6rHbdQ1AkNSB\r\nifmIAbTN4JocbLqPmx6YE4vS59f9mIDNB5I+2HjrX5C5CP9Hj5Uqh6S5krhm\r\nIn+wx9XgCYMovedAM8vx6E0+V24aWl5O8qY=\r\n=O73z\r\n-----END PGP SIGNATURE-----\r\n"},"type":"module","husky":{"hooks":{"pre-push":"yarn test --silent","pre-commit":"lint-staged"}},"types":"types.d.ts","readme":"# Vouch UIKit\n\n- [Get Started](#get-started)\n - [Storybook](#storybook)\n - [Build package](#build-package)\n - [Test package locally with vouch-app](#test-package-locally-with-vouch-app)\n - [Publish to npm](#publish-to-npm)\n - [Purge npm cache](#purge-npm-cached-tags)\n- [Update vouch-app](#update-vouch-app)\n - [development](#development-devvouchforcom)\n - [staging](#staging-stagingvouchforcom)\n - [production](#production-appvouchforcom)\n\n**Vouch UIKit** consists of `2 libraries` and `1 application`\n\n```bash\n└── src\n ├── lib\n │ ├── components # Design System Components (Web Component)\n │ │ ├── VouchBrandLogo.svelte\n │ │ ...\n │ │\n │ └── embed # embed Components (Web Component)\n │ │ ├── VouchEmbedInlinePlayer.svelte\n │ ...\n │\n │\n ├── routes # vouch public embed link (https://embed.vouchfor.com)\n │ ├── __layout.svelte\n │ ├── index.svelte\n │ ├── about.svelte\n │ ...\n │\n ├── app.css\n └── app.html\n```\n\n# Get Started\n\nEnsure you have node `14.17.0` installed on your machine, for example via [nvm](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/TERMINAL.md#install-nvm), run `nvm ls` to check\n\n```bash\nnvm ls 14\n```\n\nyou should see output if you have the version installed\n\n```bash\n-> v14.17.0\n```\n\nensure you have [git ssh](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/GITHUB.md) setup locally before you clone the repo\n\n```bash\ngit clone git@github.com:VouchAU/vouch-uikit.git\n```\n\ninstall dependencies\n\n```bash\ncd vouch-uikit\nyarn\n```\n\n## Storybook\n\nhttps://designsystem.vouchfor.com/\n\nStorybook is hosted on GitHub page `gh-pages` branch (Domain name is configured on **Cloudflare**) and deployed automatically via **GitHub Action** every time changes are merged back to `master`.\n\nLocal dev\n\n```bash\nyarn storybook\n```\n\nbuild storybook\n\n```bash\nyarn build-storybook\n```\n\n## Build package\n\nBuild `src/lib` production/beta/alpha package, make sure you change `version` in `package.json` for three different build tags.\n\n```sh\ncd vouch-uikit\n...\nyarn package:alpha # development\nyarn package:beta # staging\nyarn package # production\n```\n\n## Test package locally with `vouch-app`\n\nOnce you build the `npm` package, you can test locally with `vouch-app` to ensure everything works as expected before publishing to `npm`\n\nAssuming you build a package according [Build package](#build-package), now you can create a symlink to your local package\n\n```sh\ncd package\nyarn link\n```\n\nyou should see this if successfully linked\n\n```sh\nyarn link v1.22.10\nsuccess Registered \"@vouchfor/uikit\".\ninfo You can now run `yarn link \"@vouchfor/uikit\"` in the projects where you want to use this package and it will be used instead.\n✨ Done in 0.04s.\n```\n\ngo to `vouch-app` folder and switch to the branch you want to test against with then link the local package\n\n```sh\ncd vouch-app\ngit checkout VCH-222\nyarn link @vouchfor/uikit\nyarn dev\n```\n\nVoilà, you are testing your feature branch with the local uikit package and don't forget to roll back after testing\n\n```sh\ncd vouch-app\nyarn unlink @vouchfor/uikit\n...\ncd vouch-uikit/package\nyarn unlink\n```\n\n## Publish to `npm`\n\n> Note you will need to log in `vouch-tech` on your terminal before publishing, credential is shared via 1Password.\n\n```bash\nnpm login\n...\n```\n\n```bash\ncd package\n...\nnpm publish --access public --tag alpha # development\nnpm publish --access public --tag beta # staging\nnpm publish --access public # production\n```\n\n## Purge `jsdelivr` cache\n\n`@vouchfor/uikit` is most likely consumed by **tag**, `alpha`, `beta` and `latest`, not version number to ensure clients can always get the latest updates. [jsdelivr](https://cdn.jsdelivr.net/) default has 7 days cache for `tag`, so we need to purge it to reflect new version number.\n\n- Check current tag version number\n\n - [Click to check Alpha](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@alpha/)\n - [Click to check Beta](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@beta/)\n - [Click to check Production](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n- Purge cache\n - [Click to purge Alpha](https://purge.jsdelivr.net/npm/@vouchfor/uikit@alpha/)\n - [Click to purge Beta](https://purge.jsdelivr.net/npm/@vouchfor/uikit@beta/)\n - **_Danger_** [Click to purge Production](https://purge.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n### Purge specific bundle.js\n\nOur embed code snippet `src` attribute currently refers to a specific embed bundle js , for example\n\n```html\n\n
\n```\n\nIn this case, you will need to purge the bundle file specifically by providing absolute path\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/embed/{filename}.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/components/{filename}.bundle.js\n```\n\nfor example,\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@alpha/embed/vouch-embed-inline-player.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@beta/embed/vouch-embed-inline-player.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/embed/vouch-embed-inline-player.bundle.js\n```\n\n## Unit test\n\n```bash\nyarn test\n```\n\nupdate snapshot\n\n```bash\nyarn test -u\n```\n\n# Update `vouch-app`\n\n`@vouchfor/uikit` is a dependency of `vouch-app` for embeds and UI components, follow the below steps to publish NPM package and update `package.json` dependency in `vouch-app`.\n\n> Each PR should bump the minor version in `package.json` in order to push new version to NPM. e.g. `\"version\": \"3.9.0\"` in `main` branch, you should bump to `\"version\": \"3.10.0\"` in your branch.\n\n> The major version should only be used for releasing breaking changes. e.g. `3.0.0`, `4.0.0`\n\n## Development (`dev.vouchfor.com`)\n\nAssuming your branch bumped version in `package.json` to\n\n```json\n\"version\": \"3.10.0\"\n```\n\n### Bump patch version number\n\nEnsure your patch version number isn't used, e.g. if `3.10.0` was published before, bump to `3.10.1`.\n\n### Build and publish\n\n```sh\nyarn package:alpha\ncd package\nnpm publish --access public --tag alpha\n```\n\nMake sure you purge NPM CDN cache for package, see [Purge npm cached tags](#purge-npm-cached-tags)\n\n### Update dependency in `vouch-app`\n\nEnsure you already cloned [vouch-app](https://github.com/VouchAU/vouch-app.git) locally then switch to the folder.\n\n```sh\ncd vouch-app\ngit checkout development\ngit pull\ngit merge feature/VCH-111 # Optional, only when you have code change dependency in vouch-app as well\nyarn upgrade @vouchfor/uikit@alpha\n```\n\nAfter upgrade, you should see version updates in both `package.json` and `yarn.lock`, but due to a known issue of `yarn`, please do these before committing changes\n\n- Manually roll back `package.json` (should always `\"@vouchfor/uikit\": \"alpha\"` for `development`).\n- run `yarn` again to update `yarn.lock`\n\n```sh\ngit commit -m \"Bumped uikit version\"\ngit push\n```\n\n## Staging (`staging.vouchfor.com`)\n\nUpdate `staging` environment is the same as [Development](#development-devvouchforcom) but remember to change cmd to `staging` specific\n\n```sh\nyarn package:beta\n```\n\n```sh\nnpm publish --access public --tag beta\n```\n\n```sh\ncd vouch-app\ngit checkout staging\ngit pull\ngit merge feature/VCH-111 # Optional, only when you have code change dependency in vouch-app as well\nyarn upgrade @vouchfor/uikit@beta\n```\n\n## Production (`app.vouchfor.com`)\n\nOne thing different when release to production, since `master` branch can only be merged by PRs (after code review), so you will need to run `yarn upgrade @vouchfor/uikit@latest` under you feature branch and commit **before merging the PR**.\n\n```sh\ngit checkout feature/VCH-111\nyarn upgrade upgrade @vouchfor/uikit@latest\ngit commit -m \"Bumped uikit version\"\ngit push\n```\n\n> When you run above cmd, your PR should be ready to merge (reviewed and QA tested)\n","engines":{"node":">=14.17.0"},"exports":{"./package.json":"./package.json","./embed/vouch-embed-all":{"import":"./embed/vouch-embed-all.js","default":"./embed/vouch-embed-all.js","require":"./embed/vouch-embed-all.cjs"},"./embed/vouch-embed-card":{"import":"./embed/vouch-embed-card.js","default":"./embed/vouch-embed-card.js","require":"./embed/vouch-embed-card.cjs"},"./embed/vouch-embed-jumbo":{"import":"./embed/vouch-embed-jumbo.js","default":"./embed/vouch-embed-jumbo.js","require":"./embed/vouch-embed-jumbo.cjs"},"./embed/vouch-embed-all.js":"./embed/vouch-embed-all.js","./embed/vouch-embed-button":{"import":"./embed/vouch-embed-button.js","default":"./embed/vouch-embed-button.js","require":"./embed/vouch-embed-button.cjs"},"./components/vouch-recorder":{"import":"./components/vouch-recorder.js","default":"./components/vouch-recorder.js","require":"./components/vouch-recorder.cjs"},"./embed/vouch-embed-popover":{"import":"./embed/vouch-embed-popover.js","default":"./embed/vouch-embed-popover.js","require":"./embed/vouch-embed-popover.cjs"},"./components/vouch-icon-play":{"import":"./components/vouch-icon-play.js","default":"./components/vouch-icon-play.js","require":"./components/vouch-icon-play.cjs"},"./embed/vouch-embed-dialogue":{"import":"./embed/vouch-embed-dialogue.js","default":"./embed/vouch-embed-dialogue.js","require":"./embed/vouch-embed-dialogue.cjs"},"./components/vouch-brand-logo":{"import":"./components/vouch-brand-logo.js","default":"./components/vouch-brand-logo.js","require":"./components/vouch-brand-logo.cjs"},"./components/vouch-icon-close":{"import":"./components/vouch-icon-close.js","default":"./components/vouch-icon-close.js","require":"./components/vouch-icon-close.cjs"},"./components/vouch-icon-pause":{"import":"./components/vouch-icon-pause.js","default":"./components/vouch-icon-pause.js","require":"./components/vouch-icon-pause.cjs"},"./components/vouch-media-plyr":{"import":"./components/vouch-media-plyr.js","default":"./components/vouch-media-plyr.js","require":"./components/vouch-media-plyr.cjs"},"./components/vouch-water-mark":{"import":"./components/vouch-water-mark.js","default":"./components/vouch-water-mark.js","require":"./components/vouch-water-mark.cjs"},"./embed/VouchEmbedCard.svelte":"./embed/VouchEmbedCard.svelte","./embed/vouch-embed-thumbnail":{"import":"./embed/vouch-embed-thumbnail.js","default":"./embed/vouch-embed-thumbnail.js","require":"./embed/vouch-embed-thumbnail.cjs"},"./embed/vouch-recorder-button":{"import":"./embed/vouch-recorder-button.js","default":"./embed/vouch-recorder-button.js","require":"./embed/vouch-recorder-button.cjs"},"./components/vouch-graphic-svg":{"import":"./components/vouch-graphic-svg.js","default":"./components/vouch-graphic-svg.js","require":"./components/vouch-graphic-svg.cjs"},"./embed/VouchEmbedJumbo.svelte":"./embed/VouchEmbedJumbo.svelte","./embed/VouchEmbedButton.svelte":"./embed/VouchEmbedButton.svelte","./embed/VouchEmbedPopover.svelte":"./embed/VouchEmbedPopover.svelte","./components/VouchIconPlay.svelte":"./components/VouchIconPlay.svelte","./components/VouchRecorder.svelte":"./components/VouchRecorder.svelte","./embed/VouchEmbedDialogue.svelte":"./embed/VouchEmbedDialogue.svelte","./embed/vouch-embed-inline-player":{"import":"./embed/vouch-embed-inline-player.js","default":"./embed/vouch-embed-inline-player.js","require":"./embed/vouch-embed-inline-player.cjs"},"./components/VouchBrandLogo.svelte":"./components/VouchBrandLogo.svelte","./components/VouchIconClose.svelte":"./components/VouchIconClose.svelte","./components/VouchIconPause.svelte":"./components/VouchIconPause.svelte","./components/VouchMediaPlyr.svelte":"./components/VouchMediaPlyr.svelte","./components/VouchWaterMark.svelte":"./components/VouchWaterMark.svelte","./components/vouch-icon-arrow-left":{"import":"./components/vouch-icon-arrow-left.js","default":"./components/vouch-icon-arrow-left.js","require":"./components/vouch-icon-arrow-left.cjs"},"./embed/VouchEmbedThumbnail.svelte":"./embed/VouchEmbedThumbnail.svelte","./embed/VouchRecorderButton.svelte":"./embed/VouchRecorderButton.svelte","./components/VouchGraphicSvg.svelte":"./components/VouchGraphicSvg.svelte","./components/vouch-icon-arrow-right":{"import":"./components/vouch-icon-arrow-right.js","default":"./components/vouch-icon-arrow-right.js","require":"./components/vouch-icon-arrow-right.cjs"},"./components/vouch-overlay-play-icon":{"import":"./components/vouch-overlay-play-icon.js","default":"./components/vouch-overlay-play-icon.js","require":"./components/vouch-overlay-play-icon.cjs"},"./embed/VouchEmbedInlinePlayer.svelte":"./embed/VouchEmbedInlinePlayer.svelte","./components/VouchIconArrowLeft.svelte":"./components/VouchIconArrowLeft.svelte","./components/VouchIconArrowRight.svelte":"./components/VouchIconArrowRight.svelte","./components/VouchOverlayPlayIcon.svelte":"./components/VouchOverlayPlayIcon.svelte"},"_npmUser":{"name":"vouch-tech","email":"brian@vouchfor.com"},"repository":{"url":"git+https://github.com/VouchAU/vouch-uikit.git","type":"git"},"_npmVersion":"6.14.13","description":"Vouch Svelte UIKit","directories":{},"lint-staged":{"*.{js,svelte}":"yarn lint"},"_nodeVersion":"14.17.0","dependencies":{"plyr":"^3.7.2","cookie":"^0.4.1","hls.js":"^1.1.5","core-js":"^3.16.3","postcss":"^7","@vime/core":"^5.3.1","tailwindcss":"npm:@tailwindcss/postcss7-compat","@lukeed/uuid":"^2.0.0","autoprefixer":"^9","whatwg-fetch":"^3.6.2","@fontsource/fira-mono":"^4.2.2"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^27.0.6","path":"^0.12.7","husky":"4","tslib":"^2.0.0","dotenv":"^10.0.0","eslint":"^7.22.0","rollup":"^2.55.1","svelte":"^3.34.0","prettier":"~2.2.1","babel-jest":"^27.0.6","svelte2tsx":"^0.4.3","typescript":"^4.0.0","@babel/core":"^7.14.8","@types/jest":"^26.0.24","lint-staged":"^11.1.1","svelte-check":"^2.0.0","@sveltejs/kit":"next","@types/cookie":"^0.4.0","svelte-jester":"^1.8.1","svelte-loader":"^3.1.2","@babel/preset-env":"^7.14.9","@storybook/svelte":"^6.3.6","svelte-preprocess":"^4.0.0","rollup-plugin-copy":"^3.4.0","rollup-plugin-svelte":"^7.1.0","rollup-plugin-terser":"^7.0.2","eslint-plugin-svelte3":"^3.2.0","@babel/runtime-corejs3":"^7.14.9","@rollup/plugin-replace":"^3.0.0","@storybook/addon-links":"^6.3.6","eslint-config-prettier":"^8.1.0","prettier-plugin-svelte":"^2.2.0","@rollup/plugin-commonjs":"^22.0.0","@testing-library/svelte":"^3.0.3","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@typescript-eslint/parser":"^4.19.0","@rollup/plugin-node-resolve":"^13.0.4","@storybook/addon-essentials":"^6.3.6","@typescript-eslint/eslint-plugin":"^4.19.0"},"_npmOperationalInternal":{"tmp":"tmp/uikit_5.3.3_1655945376665_0.06769074385791884","host":"s3://npm-registry-packages"}},"5.3.4":{"name":"@vouchfor/uikit","version":"5.3.4","keywords":["embed","design system","vouch-uikit","svelte","uikit"],"author":{"url":"https://vouchau.github.io/vouch-uikit","name":"Vouch Dev Team","email":"hello@vouchfor.com"},"license":"MIT","_id":"@vouchfor/uikit@5.3.4","maintainers":[{"name":"vouch-tech","email":"brian@vouchfor.com"}],"homepage":"https://vouchau.github.io/vouch-uikit","bugs":{"url":"https://github.com/VouchAU/vouch-uikit/issues"},"dist":{"shasum":"7e20423d4ab236581db2084862bc75f0423c527c","tarball":"https://registry.npmjs.org/@vouchfor/uikit/-/uikit-5.3.4.tgz","fileCount":211,"integrity":"sha512-hAOyNK98gkZknrCk7rtGVRvES8Qm0lvS4VjMTDHPy0E2XJakLPhVcIkRx+DU2cmcAMynFcQmWSC/ka6Rd4EOpw==","signatures":[{"sig":"MEYCIQClJ2R19MQjBtLbuf0hgDEaB5MSJYV8rvm0TwXUsp0CywIhAK+mE3C1SqtxGFt2Nyowd4hb41pCWiUe0WV11/V6VbKR","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":86370387,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiuRJQACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoDBRAAo54MFzfU9pGVQaS6mI/3h1rw3zkxh+FXPY0NurVPmFYeAgjA\r\nv4kvvbMtvqgyg8VDuPcJhk8v7M5lgNGbDgJSYpd5igtJA8I2tv+p1+AIpihN\r\nHN7h/u8OlHGBij/lRYFRBX9eFlGRjavrtatF2D0nLOjZ/l2T9WT7OTQ28Rh3\r\nYXSdwa4lia+7/Q8GHv65SobD4Z7/zRZ9AzJHNfgAWrS9LX3f6Z2Ev1cQggVG\r\nxIBtj+rb6qqdjXzetS3/JiJHvTgDKwpg0fp3YSU3Fv879VwbtuMhiOk+qQSc\r\nnbPCa9zto8doWQmM5CCPZfVFkfDShWGKupyNfWI/g+X1MN7sSMQ82EkiK71C\r\n8pglmJ+i3hQfT2qE3Eyue0BCKf8OMJ9S+43odidt6cChVwiSbidpMIsyUSVR\r\nhlydu0F2Ks8pRrgpZmHwdjMif290qUh9Pf0xJGgJ123DDoW+cm49R2ddx+/C\r\nWyzrYja3FhE4H+WfIJ2lqhTdeDjMSoRsGcwh7mI06o5F0H096G1r4iS/6NFz\r\nT6uBV4sRs73NU6lElDa41Vt8keVOl8ormCN9DF5yW683NHs380eIRCg/dunU\r\nArQiJ4HUrr2UKGGEYlbolzTg+zpNNbAKZIPMeDphWgreV484F2yPhJsrtM1W\r\nMDKyupFPIj5dY96qC4Z260D0ZHxyQBipN5Q=\r\n=DG62\r\n-----END PGP SIGNATURE-----\r\n"},"type":"module","husky":{"hooks":{"pre-push":"yarn test --silent","pre-commit":"lint-staged"}},"types":"types.d.ts","readme":"# Vouch UIKit\n\n- [Get Started](#get-started)\n - [Storybook](#storybook)\n - [Build package](#build-package)\n - [Test package locally with vouch-app](#test-package-locally-with-vouch-app)\n - [Publish to npm](#publish-to-npm)\n - [Purge npm cache](#purge-npm-cached-tags)\n- [Update vouch-app](#update-vouch-app)\n - [development](#development-devvouchforcom)\n - [staging](#staging-stagingvouchforcom)\n - [production](#production-appvouchforcom)\n\n**Vouch UIKit** consists of `2 libraries` and `1 application`\n\n```bash\n└── src\n ├── lib\n │ ├── components # Design System Components (Web Component)\n │ │ ├── VouchBrandLogo.svelte\n │ │ ...\n │ │\n │ └── embed # embed Components (Web Component)\n │ │ ├── VouchEmbedInlinePlayer.svelte\n │ ...\n │\n │\n ├── routes # vouch public embed link (https://embed.vouchfor.com)\n │ ├── __layout.svelte\n │ ├── index.svelte\n │ ├── about.svelte\n │ ...\n │\n ├── app.css\n └── app.html\n```\n\n# Get Started\n\nEnsure you have node `14.17.0` installed on your machine, for example via [nvm](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/TERMINAL.md#install-nvm), run `nvm ls` to check\n\n```bash\nnvm ls 14\n```\n\nyou should see output if you have the version installed\n\n```bash\n-> v14.17.0\n```\n\nensure you have [git ssh](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/GITHUB.md) setup locally before you clone the repo\n\n```bash\ngit clone git@github.com:VouchAU/vouch-uikit.git\n```\n\ninstall dependencies\n\n```bash\ncd vouch-uikit\nyarn\n```\n\n## Storybook\n\nhttps://designsystem.vouchfor.com/\n\nStorybook is hosted on GitHub page `gh-pages` branch (Domain name is configured on **Cloudflare**) and deployed automatically via **GitHub Action** every time changes are merged back to `master`.\n\nLocal dev\n\n```bash\nyarn storybook\n```\n\nbuild storybook\n\n```bash\nyarn build-storybook\n```\n\n## Build package\n\nBuild `src/lib` production/beta/alpha package, make sure you change `version` in `package.json` for three different build tags.\n\n```sh\ncd vouch-uikit\n...\nyarn package:alpha # development\nyarn package:beta # staging\nyarn package # production\n```\n\n## Test package locally with `vouch-app`\n\nOnce you build the `npm` package, you can test locally with `vouch-app` to ensure everything works as expected before publishing to `npm`\n\nAssuming you build a package according [Build package](#build-package), now you can create a symlink to your local package\n\n```sh\ncd package\nyarn link\n```\n\nyou should see this if successfully linked\n\n```sh\nyarn link v1.22.10\nsuccess Registered \"@vouchfor/uikit\".\ninfo You can now run `yarn link \"@vouchfor/uikit\"` in the projects where you want to use this package and it will be used instead.\n✨ Done in 0.04s.\n```\n\ngo to `vouch-app` folder and switch to the branch you want to test against with then link the local package\n\n```sh\ncd vouch-app\ngit checkout VCH-222\nyarn link @vouchfor/uikit\nyarn dev\n```\n\nVoilà, you are testing your feature branch with the local uikit package and don't forget to roll back after testing\n\n```sh\ncd vouch-app\nyarn unlink @vouchfor/uikit\n...\ncd vouch-uikit/package\nyarn unlink\n```\n\n## Publish to `npm`\n\n> Note you will need to log in `vouch-tech` on your terminal before publishing, credential is shared via 1Password.\n\n```bash\nnpm login\n...\n```\n\n```bash\ncd package\n...\nnpm publish --access public --tag alpha # development\nnpm publish --access public --tag beta # staging\nnpm publish --access public # production\n```\n\n## Purge `jsdelivr` cache\n\n`@vouchfor/uikit` is most likely consumed by **tag**, `alpha`, `beta` and `latest`, not version number to ensure clients can always get the latest updates. [jsdelivr](https://cdn.jsdelivr.net/) default has 7 days cache for `tag`, so we need to purge it to reflect new version number.\n\n- Check current tag version number\n\n - [Click to check Alpha](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@alpha/)\n - [Click to check Beta](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@beta/)\n - [Click to check Production](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n- Purge cache\n - [Click to purge Alpha](https://purge.jsdelivr.net/npm/@vouchfor/uikit@alpha/)\n - [Click to purge Beta](https://purge.jsdelivr.net/npm/@vouchfor/uikit@beta/)\n - **_Danger_** [Click to purge Production](https://purge.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n### Purge specific bundle.js\n\nOur embed code snippet `src` attribute currently refers to a specific embed bundle js , for example\n\n```html\n\n
\n```\n\nIn this case, you will need to purge the bundle file specifically by providing absolute path\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/embed/{filename}.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/components/{filename}.bundle.js\n```\n\nfor example,\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@alpha/embed/vouch-embed-inline-player.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@beta/embed/vouch-embed-inline-player.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/embed/vouch-embed-inline-player.bundle.js\n```\n\n## Unit test\n\n```bash\nyarn test\n```\n\nupdate snapshot\n\n```bash\nyarn test -u\n```\n\n# Update `vouch-app`\n\n`@vouchfor/uikit` is a dependency of `vouch-app` for embeds and UI components, follow the below steps to publish NPM package and update `package.json` dependency in `vouch-app`.\n\n> Each PR should bump the minor version in `package.json` in order to push new version to NPM. e.g. `\"version\": \"3.9.0\"` in `main` branch, you should bump to `\"version\": \"3.10.0\"` in your branch.\n\n> The major version should only be used for releasing breaking changes. e.g. `3.0.0`, `4.0.0`\n\n## Development (`dev.vouchfor.com`)\n\nAssuming your branch bumped version in `package.json` to\n\n```json\n\"version\": \"3.10.0\"\n```\n\n### Bump patch version number\n\nEnsure your patch version number isn't used, e.g. if `3.10.0` was published before, bump to `3.10.1`.\n\n### Build and publish\n\n```sh\nyarn package:alpha\ncd package\nnpm publish --access public --tag alpha\n```\n\nMake sure you purge NPM CDN cache for package, see [Purge npm cached tags](#purge-npm-cached-tags)\n\n### Update dependency in `vouch-app`\n\nEnsure you already cloned [vouch-app](https://github.com/VouchAU/vouch-app.git) locally then switch to the folder.\n\n```sh\ncd vouch-app\ngit checkout development\ngit pull\ngit merge feature/VCH-111 # Optional, only when you have code change dependency in vouch-app as well\nyarn upgrade @vouchfor/uikit@alpha\n```\n\nAfter upgrade, you should see version updates in both `package.json` and `yarn.lock`, but due to a known issue of `yarn`, please do these before committing changes\n\n- Manually roll back `package.json` (should always `\"@vouchfor/uikit\": \"alpha\"` for `development`).\n- run `yarn` again to update `yarn.lock`\n\n```sh\ngit commit -m \"Bumped uikit version\"\ngit push\n```\n\n## Staging (`staging.vouchfor.com`)\n\nUpdate `staging` environment is the same as [Development](#development-devvouchforcom) but remember to change cmd to `staging` specific\n\n```sh\nyarn package:beta\n```\n\n```sh\nnpm publish --access public --tag beta\n```\n\n```sh\ncd vouch-app\ngit checkout staging\ngit pull\ngit merge feature/VCH-111 # Optional, only when you have code change dependency in vouch-app as well\nyarn upgrade @vouchfor/uikit@beta\n```\n\n## Production (`app.vouchfor.com`)\n\nOne thing different when release to production, since `master` branch can only be merged by PRs (after code review), so you will need to run `yarn upgrade @vouchfor/uikit@latest` under you feature branch and commit **before merging the PR**.\n\n```sh\ngit checkout feature/VCH-111\nyarn upgrade upgrade @vouchfor/uikit@latest\ngit commit -m \"Bumped uikit version\"\ngit push\n```\n\n> When you run above cmd, your PR should be ready to merge (reviewed and QA tested)\n","engines":{"node":">=14.17.0"},"exports":{"./package.json":"./package.json","./embed/vouch-embed-all":{"import":"./embed/vouch-embed-all.js","default":"./embed/vouch-embed-all.js","require":"./embed/vouch-embed-all.cjs"},"./embed/vouch-embed-card":{"import":"./embed/vouch-embed-card.js","default":"./embed/vouch-embed-card.js","require":"./embed/vouch-embed-card.cjs"},"./embed/vouch-embed-jumbo":{"import":"./embed/vouch-embed-jumbo.js","default":"./embed/vouch-embed-jumbo.js","require":"./embed/vouch-embed-jumbo.cjs"},"./embed/vouch-embed-all.js":"./embed/vouch-embed-all.js","./embed/vouch-embed-button":{"import":"./embed/vouch-embed-button.js","default":"./embed/vouch-embed-button.js","require":"./embed/vouch-embed-button.cjs"},"./components/vouch-recorder":{"import":"./components/vouch-recorder.js","default":"./components/vouch-recorder.js","require":"./components/vouch-recorder.cjs"},"./embed/vouch-embed-popover":{"import":"./embed/vouch-embed-popover.js","default":"./embed/vouch-embed-popover.js","require":"./embed/vouch-embed-popover.cjs"},"./components/vouch-icon-play":{"import":"./components/vouch-icon-play.js","default":"./components/vouch-icon-play.js","require":"./components/vouch-icon-play.cjs"},"./embed/vouch-embed-dialogue":{"import":"./embed/vouch-embed-dialogue.js","default":"./embed/vouch-embed-dialogue.js","require":"./embed/vouch-embed-dialogue.cjs"},"./components/vouch-brand-logo":{"import":"./components/vouch-brand-logo.js","default":"./components/vouch-brand-logo.js","require":"./components/vouch-brand-logo.cjs"},"./components/vouch-icon-close":{"import":"./components/vouch-icon-close.js","default":"./components/vouch-icon-close.js","require":"./components/vouch-icon-close.cjs"},"./components/vouch-icon-pause":{"import":"./components/vouch-icon-pause.js","default":"./components/vouch-icon-pause.js","require":"./components/vouch-icon-pause.cjs"},"./components/vouch-media-plyr":{"import":"./components/vouch-media-plyr.js","default":"./components/vouch-media-plyr.js","require":"./components/vouch-media-plyr.cjs"},"./components/vouch-water-mark":{"import":"./components/vouch-water-mark.js","default":"./components/vouch-water-mark.js","require":"./components/vouch-water-mark.cjs"},"./embed/VouchEmbedCard.svelte":"./embed/VouchEmbedCard.svelte","./embed/vouch-embed-thumbnail":{"import":"./embed/vouch-embed-thumbnail.js","default":"./embed/vouch-embed-thumbnail.js","require":"./embed/vouch-embed-thumbnail.cjs"},"./embed/vouch-recorder-button":{"import":"./embed/vouch-recorder-button.js","default":"./embed/vouch-recorder-button.js","require":"./embed/vouch-recorder-button.cjs"},"./components/vouch-graphic-svg":{"import":"./components/vouch-graphic-svg.js","default":"./components/vouch-graphic-svg.js","require":"./components/vouch-graphic-svg.cjs"},"./embed/VouchEmbedJumbo.svelte":"./embed/VouchEmbedJumbo.svelte","./embed/VouchEmbedButton.svelte":"./embed/VouchEmbedButton.svelte","./embed/VouchEmbedPopover.svelte":"./embed/VouchEmbedPopover.svelte","./components/VouchIconPlay.svelte":"./components/VouchIconPlay.svelte","./components/VouchRecorder.svelte":"./components/VouchRecorder.svelte","./embed/VouchEmbedDialogue.svelte":"./embed/VouchEmbedDialogue.svelte","./embed/vouch-embed-inline-player":{"import":"./embed/vouch-embed-inline-player.js","default":"./embed/vouch-embed-inline-player.js","require":"./embed/vouch-embed-inline-player.cjs"},"./components/VouchBrandLogo.svelte":"./components/VouchBrandLogo.svelte","./components/VouchIconClose.svelte":"./components/VouchIconClose.svelte","./components/VouchIconPause.svelte":"./components/VouchIconPause.svelte","./components/VouchMediaPlyr.svelte":"./components/VouchMediaPlyr.svelte","./components/VouchWaterMark.svelte":"./components/VouchWaterMark.svelte","./components/vouch-icon-arrow-left":{"import":"./components/vouch-icon-arrow-left.js","default":"./components/vouch-icon-arrow-left.js","require":"./components/vouch-icon-arrow-left.cjs"},"./embed/VouchEmbedThumbnail.svelte":"./embed/VouchEmbedThumbnail.svelte","./embed/VouchRecorderButton.svelte":"./embed/VouchRecorderButton.svelte","./components/VouchGraphicSvg.svelte":"./components/VouchGraphicSvg.svelte","./components/vouch-icon-arrow-right":{"import":"./components/vouch-icon-arrow-right.js","default":"./components/vouch-icon-arrow-right.js","require":"./components/vouch-icon-arrow-right.cjs"},"./components/vouch-overlay-play-icon":{"import":"./components/vouch-overlay-play-icon.js","default":"./components/vouch-overlay-play-icon.js","require":"./components/vouch-overlay-play-icon.cjs"},"./embed/VouchEmbedInlinePlayer.svelte":"./embed/VouchEmbedInlinePlayer.svelte","./components/VouchIconArrowLeft.svelte":"./components/VouchIconArrowLeft.svelte","./components/VouchIconArrowRight.svelte":"./components/VouchIconArrowRight.svelte","./components/VouchOverlayPlayIcon.svelte":"./components/VouchOverlayPlayIcon.svelte"},"_npmUser":{"name":"vouch-tech","email":"brian@vouchfor.com"},"repository":{"url":"git+https://github.com/VouchAU/vouch-uikit.git","type":"git"},"_npmVersion":"6.14.13","description":"Vouch Svelte UIKit","directories":{},"lint-staged":{"*.{js,svelte}":"yarn lint"},"_nodeVersion":"14.17.0","dependencies":{"plyr":"^3.7.2","cookie":"^0.4.1","hls.js":"^1.1.5","core-js":"^3.16.3","postcss":"^7","@vime/core":"^5.3.1","tailwindcss":"npm:@tailwindcss/postcss7-compat","@lukeed/uuid":"^2.0.0","autoprefixer":"^9","whatwg-fetch":"^3.6.2","@fontsource/fira-mono":"^4.2.2"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^27.0.6","path":"^0.12.7","husky":"4","tslib":"^2.0.0","dotenv":"^10.0.0","eslint":"^7.22.0","rollup":"^2.55.1","svelte":"^3.34.0","prettier":"~2.2.1","babel-jest":"^27.0.6","svelte2tsx":"^0.4.3","typescript":"^4.0.0","@babel/core":"^7.14.8","@types/jest":"^26.0.24","lint-staged":"^11.1.1","svelte-check":"^2.0.0","@sveltejs/kit":"next","@types/cookie":"^0.4.0","svelte-jester":"^1.8.1","svelte-loader":"^3.1.2","@babel/preset-env":"^7.14.9","@storybook/svelte":"^6.3.6","svelte-preprocess":"^4.0.0","rollup-plugin-copy":"^3.4.0","rollup-plugin-svelte":"^7.1.0","rollup-plugin-terser":"^7.0.2","eslint-plugin-svelte3":"^3.2.0","@babel/runtime-corejs3":"^7.14.9","@rollup/plugin-replace":"^3.0.0","@storybook/addon-links":"^6.3.6","eslint-config-prettier":"^8.1.0","prettier-plugin-svelte":"^2.2.0","@rollup/plugin-commonjs":"^22.0.0","@testing-library/svelte":"^3.0.3","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@typescript-eslint/parser":"^4.19.0","@rollup/plugin-node-resolve":"^13.0.4","@storybook/addon-essentials":"^6.3.6","@typescript-eslint/eslint-plugin":"^4.19.0"},"_npmOperationalInternal":{"tmp":"tmp/uikit_5.3.4_1656296016014_0.3961113624085528","host":"s3://npm-registry-packages"}},"5.3.5":{"name":"@vouchfor/uikit","version":"5.3.5","keywords":["embed","design system","vouch-uikit","svelte","uikit"],"author":{"url":"https://vouchau.github.io/vouch-uikit","name":"Vouch Dev Team","email":"hello@vouchfor.com"},"license":"MIT","_id":"@vouchfor/uikit@5.3.5","maintainers":[{"name":"vouch-tech","email":"brian@vouchfor.com"}],"homepage":"https://vouchau.github.io/vouch-uikit","bugs":{"url":"https://github.com/VouchAU/vouch-uikit/issues"},"dist":{"shasum":"38a75f6f41c622ba55059872685edde70cdde652","tarball":"https://registry.npmjs.org/@vouchfor/uikit/-/uikit-5.3.5.tgz","fileCount":211,"integrity":"sha512-JeWnZR9jC4LkphGgm7kXB/58BOk2oOIuE9HBx4PvkT+Pqu5O4MbhmKVnl48jzPL6Z9m47dNuOfHRV0mnlVe/kA==","signatures":[{"sig":"MEQCIA4xOVjlu9fxR+YXbec+6eE6GuOX6GEMlFUSsqemldXwAiBwQZtdpEbBrY/UwcaTa/Pdkl9InScSBcYstz50xQtimA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":86374930,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJivOTdACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmohHBAAjTo/ghS8uO5PmMfSTWfvXP57ds78iaBnwbxb3/qv0KfzIbxX\r\nAZgtPmBuV8Hbo3wyrLwY6Qqo12Y/O75FEnUtuKjGmM47qRV+Y8+kNOJ0KRZG\r\n1UEvKc6oIC0eddNdzzmOqrRQIcou/GLORf1F47A6/e8JrakdaOmLiMMmxQfj\r\nZEqrdi5tZ+QIa1PSGWd7qVemLolv1LVUm0uPiOZ0N9x40wRXLVQSyqWlrVXx\r\nsZ1BZx8C9GhO8zla6rltrfpIo0a64ADD4YwFH/i/p2cwRugbjpeVCDBF5yQU\r\nwd0JcwP9JHBZUqK6ngoxbM9lFTLTFRpeFa1tiAXTCKDdiaS0dmMmx7r3tibZ\r\n7f32H9QB9dl2nLuMeYv644+ApqT/RnDZkhnsrzgCxI+86irkg4is8z8iwKHF\r\nyZsqgwlPGAN6Gwt7QKPDyBMDmQ1O1uHu+iRCYUS8aGevtxtmRWUC9kvNwbyU\r\nGObNJUbD+01OYlkjWoKOe3CZwBUso9Np5j/UzVqdoElhJnsA1T9KL5Y5D76b\r\nPozmQwL3qbTKmWU8w9HGXFl8HuhsdXp03UaJdpxCmKxWwxcn4+01YBeiDwT/\r\n1foknZ/1d3ZtNSHaYtTRDUZ0z8/qwli0iur7NRsdvMaQN5XccLcBIZ4PJab0\r\nhidF/QGFV+equ7EkuV/DnGIuWEoZzZ+Le9E=\r\n=lUQD\r\n-----END PGP SIGNATURE-----\r\n"},"type":"module","husky":{"hooks":{"pre-push":"yarn test --silent","pre-commit":"lint-staged"}},"types":"types.d.ts","readme":"# Vouch UIKit\n\n- [Get Started](#get-started)\n - [Storybook](#storybook)\n - [Build package](#build-package)\n - [Test package locally with vouch-app](#test-package-locally-with-vouch-app)\n - [Publish to npm](#publish-to-npm)\n - [Purge npm cache](#purge-npm-cached-tags)\n- [Update vouch-app](#update-vouch-app)\n - [development](#development-devvouchforcom)\n - [staging](#staging-stagingvouchforcom)\n - [production](#production-appvouchforcom)\n\n**Vouch UIKit** consists of `2 libraries` and `1 application`\n\n```bash\n└── src\n ├── lib\n │ ├── components # Design System Components (Web Component)\n │ │ ├── VouchBrandLogo.svelte\n │ │ ...\n │ │\n │ └── embed # embed Components (Web Component)\n │ │ ├── VouchEmbedInlinePlayer.svelte\n │ ...\n │\n │\n ├── routes # vouch public embed link (https://embed.vouchfor.com)\n │ ├── __layout.svelte\n │ ├── index.svelte\n │ ├── about.svelte\n │ ...\n │\n ├── app.css\n └── app.html\n```\n\n# Get Started\n\nEnsure you have node `14.17.0` installed on your machine, for example via [nvm](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/TERMINAL.md#install-nvm), run `nvm ls` to check\n\n```bash\nnvm ls 14\n```\n\nyou should see output if you have the version installed\n\n```bash\n-> v14.17.0\n```\n\nensure you have [git ssh](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/GITHUB.md) setup locally before you clone the repo\n\n```bash\ngit clone git@github.com:VouchAU/vouch-uikit.git\n```\n\ninstall dependencies\n\n```bash\ncd vouch-uikit\nyarn\n```\n\n## Storybook\n\nhttps://designsystem.vouchfor.com/\n\nStorybook is hosted on GitHub page `gh-pages` branch (Domain name is configured on **Cloudflare**) and deployed automatically via **GitHub Action** every time changes are merged back to `master`.\n\nLocal dev\n\n```bash\nyarn storybook\n```\n\nbuild storybook\n\n```bash\nyarn build-storybook\n```\n\n## Build package\n\nBuild `src/lib` production/beta/alpha package, make sure you change `version` in `package.json` for three different build tags.\n\n```sh\ncd vouch-uikit\n...\nyarn package:alpha # development\nyarn package:beta # staging\nyarn package # production\n```\n\n## Test package locally with `vouch-app`\n\nOnce you build the `npm` package, you can test locally with `vouch-app` to ensure everything works as expected before publishing to `npm`\n\nAssuming you build a package according [Build package](#build-package), now you can create a symlink to your local package\n\n```sh\ncd package\nyarn link\n```\n\nyou should see this if successfully linked\n\n```sh\nyarn link v1.22.10\nsuccess Registered \"@vouchfor/uikit\".\ninfo You can now run `yarn link \"@vouchfor/uikit\"` in the projects where you want to use this package and it will be used instead.\n✨ Done in 0.04s.\n```\n\ngo to `vouch-app` folder and switch to the branch you want to test against with then link the local package\n\n```sh\ncd vouch-app\ngit checkout VCH-222\nyarn link @vouchfor/uikit\nyarn dev\n```\n\nVoilà, you are testing your feature branch with the local uikit package and don't forget to roll back after testing\n\n```sh\ncd vouch-app\nyarn unlink @vouchfor/uikit\n...\ncd vouch-uikit/package\nyarn unlink\n```\n\n## Publish to `npm`\n\n> Note you will need to log in `vouch-tech` on your terminal before publishing, credential is shared via 1Password.\n\n```bash\nnpm login\n...\n```\n\n```bash\ncd package\n...\nnpm publish --access public --tag alpha # development\nnpm publish --access public --tag beta # staging\nnpm publish --access public # production\n```\n\n## Purge `jsdelivr` cache\n\n`@vouchfor/uikit` is most likely consumed by **tag**, `alpha`, `beta` and `latest`, not version number to ensure clients can always get the latest updates. [jsdelivr](https://cdn.jsdelivr.net/) default has 7 days cache for `tag`, so we need to purge it to reflect new version number.\n\n- Check current tag version number\n\n - [Click to check Alpha](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@alpha/)\n - [Click to check Beta](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@beta/)\n - [Click to check Production](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n- Purge cache\n - [Click to purge Alpha](https://purge.jsdelivr.net/npm/@vouchfor/uikit@alpha/)\n - [Click to purge Beta](https://purge.jsdelivr.net/npm/@vouchfor/uikit@beta/)\n - **_Danger_** [Click to purge Production](https://purge.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n### Purge specific bundle.js\n\nOur embed code snippet `src` attribute currently refers to a specific embed bundle js , for example\n\n```html\n\n
\n```\n\nIn this case, you will need to purge the bundle file specifically by providing absolute path\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/embed/{filename}.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/components/{filename}.bundle.js\n```\n\nfor example,\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@alpha/embed/vouch-embed-inline-player.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@beta/embed/vouch-embed-inline-player.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/embed/vouch-embed-inline-player.bundle.js\n```\n\n## Unit test\n\n```bash\nyarn test\n```\n\nupdate snapshot\n\n```bash\nyarn test -u\n```\n\n# Update `vouch-app`\n\n`@vouchfor/uikit` is a dependency of `vouch-app` for embeds and UI components, follow the below steps to publish NPM package and update `package.json` dependency in `vouch-app`.\n\n> Each PR should bump the minor version in `package.json` in order to push new version to NPM. e.g. `\"version\": \"3.9.0\"` in `main` branch, you should bump to `\"version\": \"3.10.0\"` in your branch.\n\n> The major version should only be used for releasing breaking changes. e.g. `3.0.0`, `4.0.0`\n\n## Development (`dev.vouchfor.com`)\n\nAssuming your branch bumped version in `package.json` to\n\n```json\n\"version\": \"3.10.0\"\n```\n\n### Bump patch version number\n\nEnsure your patch version number isn't used, e.g. if `3.10.0` was published before, bump to `3.10.1`.\n\n### Build and publish\n\n```sh\nyarn package:alpha\ncd package\nnpm publish --access public --tag alpha\n```\n\nMake sure you purge NPM CDN cache for package, see [Purge npm cached tags](#purge-npm-cached-tags)\n\n### Update dependency in `vouch-app`\n\nEnsure you already cloned [vouch-app](https://github.com/VouchAU/vouch-app.git) locally then switch to the folder.\n\n```sh\ncd vouch-app\ngit checkout development\ngit pull\ngit merge feature/VCH-111 # Optional, only when you have code change dependency in vouch-app as well\nyarn upgrade @vouchfor/uikit@alpha\n```\n\nAfter upgrade, you should see version updates in both `package.json` and `yarn.lock`, but due to a known issue of `yarn`, please do these before committing changes\n\n- Manually roll back `package.json` (should always `\"@vouchfor/uikit\": \"alpha\"` for `development`).\n- run `yarn` again to update `yarn.lock`\n\n```sh\ngit commit -m \"Bumped uikit version\"\ngit push\n```\n\n## Staging (`staging.vouchfor.com`)\n\nUpdate `staging` environment is the same as [Development](#development-devvouchforcom) but remember to change cmd to `staging` specific\n\n```sh\nyarn package:beta\n```\n\n```sh\nnpm publish --access public --tag beta\n```\n\n```sh\ncd vouch-app\ngit checkout staging\ngit pull\ngit merge feature/VCH-111 # Optional, only when you have code change dependency in vouch-app as well\nyarn upgrade @vouchfor/uikit@beta\n```\n\n## Production (`app.vouchfor.com`)\n\nOne thing different when release to production, since `master` branch can only be merged by PRs (after code review), so you will need to run `yarn upgrade @vouchfor/uikit@latest` under you feature branch and commit **before merging the PR**.\n\n```sh\ngit checkout feature/VCH-111\nyarn upgrade upgrade @vouchfor/uikit@latest\ngit commit -m \"Bumped uikit version\"\ngit push\n```\n\n> When you run above cmd, your PR should be ready to merge (reviewed and QA tested)\n","engines":{"node":">=14.17.0"},"exports":{"./package.json":"./package.json","./embed/vouch-embed-all":{"import":"./embed/vouch-embed-all.js","default":"./embed/vouch-embed-all.js","require":"./embed/vouch-embed-all.cjs"},"./embed/vouch-embed-card":{"import":"./embed/vouch-embed-card.js","default":"./embed/vouch-embed-card.js","require":"./embed/vouch-embed-card.cjs"},"./embed/vouch-embed-jumbo":{"import":"./embed/vouch-embed-jumbo.js","default":"./embed/vouch-embed-jumbo.js","require":"./embed/vouch-embed-jumbo.cjs"},"./embed/vouch-embed-all.js":"./embed/vouch-embed-all.js","./embed/vouch-embed-button":{"import":"./embed/vouch-embed-button.js","default":"./embed/vouch-embed-button.js","require":"./embed/vouch-embed-button.cjs"},"./components/vouch-recorder":{"import":"./components/vouch-recorder.js","default":"./components/vouch-recorder.js","require":"./components/vouch-recorder.cjs"},"./embed/vouch-embed-popover":{"import":"./embed/vouch-embed-popover.js","default":"./embed/vouch-embed-popover.js","require":"./embed/vouch-embed-popover.cjs"},"./components/vouch-icon-play":{"import":"./components/vouch-icon-play.js","default":"./components/vouch-icon-play.js","require":"./components/vouch-icon-play.cjs"},"./embed/vouch-embed-dialogue":{"import":"./embed/vouch-embed-dialogue.js","default":"./embed/vouch-embed-dialogue.js","require":"./embed/vouch-embed-dialogue.cjs"},"./components/vouch-brand-logo":{"import":"./components/vouch-brand-logo.js","default":"./components/vouch-brand-logo.js","require":"./components/vouch-brand-logo.cjs"},"./components/vouch-icon-close":{"import":"./components/vouch-icon-close.js","default":"./components/vouch-icon-close.js","require":"./components/vouch-icon-close.cjs"},"./components/vouch-icon-pause":{"import":"./components/vouch-icon-pause.js","default":"./components/vouch-icon-pause.js","require":"./components/vouch-icon-pause.cjs"},"./components/vouch-media-plyr":{"import":"./components/vouch-media-plyr.js","default":"./components/vouch-media-plyr.js","require":"./components/vouch-media-plyr.cjs"},"./components/vouch-water-mark":{"import":"./components/vouch-water-mark.js","default":"./components/vouch-water-mark.js","require":"./components/vouch-water-mark.cjs"},"./embed/VouchEmbedCard.svelte":"./embed/VouchEmbedCard.svelte","./embed/vouch-embed-thumbnail":{"import":"./embed/vouch-embed-thumbnail.js","default":"./embed/vouch-embed-thumbnail.js","require":"./embed/vouch-embed-thumbnail.cjs"},"./embed/vouch-recorder-button":{"import":"./embed/vouch-recorder-button.js","default":"./embed/vouch-recorder-button.js","require":"./embed/vouch-recorder-button.cjs"},"./components/vouch-graphic-svg":{"import":"./components/vouch-graphic-svg.js","default":"./components/vouch-graphic-svg.js","require":"./components/vouch-graphic-svg.cjs"},"./embed/VouchEmbedJumbo.svelte":"./embed/VouchEmbedJumbo.svelte","./embed/VouchEmbedButton.svelte":"./embed/VouchEmbedButton.svelte","./embed/VouchEmbedPopover.svelte":"./embed/VouchEmbedPopover.svelte","./components/VouchIconPlay.svelte":"./components/VouchIconPlay.svelte","./components/VouchRecorder.svelte":"./components/VouchRecorder.svelte","./embed/VouchEmbedDialogue.svelte":"./embed/VouchEmbedDialogue.svelte","./embed/vouch-embed-inline-player":{"import":"./embed/vouch-embed-inline-player.js","default":"./embed/vouch-embed-inline-player.js","require":"./embed/vouch-embed-inline-player.cjs"},"./components/VouchBrandLogo.svelte":"./components/VouchBrandLogo.svelte","./components/VouchIconClose.svelte":"./components/VouchIconClose.svelte","./components/VouchIconPause.svelte":"./components/VouchIconPause.svelte","./components/VouchMediaPlyr.svelte":"./components/VouchMediaPlyr.svelte","./components/VouchWaterMark.svelte":"./components/VouchWaterMark.svelte","./components/vouch-icon-arrow-left":{"import":"./components/vouch-icon-arrow-left.js","default":"./components/vouch-icon-arrow-left.js","require":"./components/vouch-icon-arrow-left.cjs"},"./embed/VouchEmbedThumbnail.svelte":"./embed/VouchEmbedThumbnail.svelte","./embed/VouchRecorderButton.svelte":"./embed/VouchRecorderButton.svelte","./components/VouchGraphicSvg.svelte":"./components/VouchGraphicSvg.svelte","./components/vouch-icon-arrow-right":{"import":"./components/vouch-icon-arrow-right.js","default":"./components/vouch-icon-arrow-right.js","require":"./components/vouch-icon-arrow-right.cjs"},"./components/vouch-overlay-play-icon":{"import":"./components/vouch-overlay-play-icon.js","default":"./components/vouch-overlay-play-icon.js","require":"./components/vouch-overlay-play-icon.cjs"},"./embed/VouchEmbedInlinePlayer.svelte":"./embed/VouchEmbedInlinePlayer.svelte","./components/VouchIconArrowLeft.svelte":"./components/VouchIconArrowLeft.svelte","./components/VouchIconArrowRight.svelte":"./components/VouchIconArrowRight.svelte","./components/VouchOverlayPlayIcon.svelte":"./components/VouchOverlayPlayIcon.svelte"},"_npmUser":{"name":"vouch-tech","email":"brian@vouchfor.com"},"repository":{"url":"git+https://github.com/VouchAU/vouch-uikit.git","type":"git"},"_npmVersion":"6.14.13","description":"Vouch Svelte UIKit","directories":{},"lint-staged":{"*.{js,svelte}":"yarn lint"},"_nodeVersion":"14.17.0","dependencies":{"plyr":"^3.7.2","cookie":"^0.4.1","hls.js":"^1.1.5","core-js":"^3.16.3","postcss":"^7","@vime/core":"^5.3.1","tailwindcss":"npm:@tailwindcss/postcss7-compat","@lukeed/uuid":"^2.0.0","autoprefixer":"^9","whatwg-fetch":"^3.6.2","@fontsource/fira-mono":"^4.2.2"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^27.0.6","path":"^0.12.7","husky":"4","tslib":"^2.0.0","dotenv":"^10.0.0","eslint":"^7.22.0","rollup":"^2.55.1","svelte":"^3.34.0","prettier":"~2.2.1","babel-jest":"^27.0.6","svelte2tsx":"^0.4.3","typescript":"^4.0.0","@babel/core":"^7.14.8","@types/jest":"^26.0.24","lint-staged":"^11.1.1","svelte-check":"^2.0.0","@sveltejs/kit":"next","@types/cookie":"^0.4.0","svelte-jester":"^1.8.1","svelte-loader":"^3.1.2","@babel/preset-env":"^7.14.9","@storybook/svelte":"^6.3.6","svelte-preprocess":"^4.0.0","rollup-plugin-copy":"^3.4.0","rollup-plugin-svelte":"^7.1.0","rollup-plugin-terser":"^7.0.2","eslint-plugin-svelte3":"^3.2.0","@babel/runtime-corejs3":"^7.14.9","@rollup/plugin-replace":"^3.0.0","@storybook/addon-links":"^6.3.6","eslint-config-prettier":"^8.1.0","prettier-plugin-svelte":"^2.2.0","@rollup/plugin-commonjs":"^22.0.0","@testing-library/svelte":"^3.0.3","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@typescript-eslint/parser":"^4.19.0","@rollup/plugin-node-resolve":"^13.0.4","@storybook/addon-essentials":"^6.3.6","@typescript-eslint/eslint-plugin":"^4.19.0"},"_npmOperationalInternal":{"tmp":"tmp/uikit_5.3.5_1656546525199_0.20806738993697205","host":"s3://npm-registry-packages"}},"5.4.0":{"name":"@vouchfor/uikit","version":"5.4.0","keywords":["embed","design system","vouch-uikit","svelte","uikit"],"author":{"url":"https://vouchau.github.io/vouch-uikit","name":"Vouch Dev Team","email":"hello@vouchfor.com"},"license":"MIT","_id":"@vouchfor/uikit@5.4.0","maintainers":[{"name":"vouch-tech","email":"brian@vouchfor.com"}],"homepage":"https://vouchau.github.io/vouch-uikit","bugs":{"url":"https://github.com/VouchAU/vouch-uikit/issues"},"dist":{"shasum":"11011b6d8fcfec3ef79380eac80c9974c1031533","tarball":"https://registry.npmjs.org/@vouchfor/uikit/-/uikit-5.4.0.tgz","fileCount":211,"integrity":"sha512-2+yEt0lNElvnZAgnwVGDlrhAAJSZ6gHDEST+suWUwFC2Jx9ZvI1kxy4IFZTfBWUo2wdlBjRzAg39LcNthRk7Cw==","signatures":[{"sig":"MEUCIQCpFVBCBgOK5KY39CWCyGi7Ag7C55lzgfDg/SFjPHzTUgIgMS7zRvpmaj0mHojWYBLvrdYy0A/kK5HxsZpxFMJDpRQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":87400101,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJivPSGACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp7jA//XmONv7bCujdrGrdOEt14pMBMKU3lvZqydppH0YEdMxtq2lP0\r\nMpl4YOJ31zirXnxMCYJ5mOSs8YTbboSYyjx2AdWQlHtzNmfHXFLdEgGgjsoL\r\neT7GV/Xpz4YU57LluJb7v5UjxbFfIPizItq8Xo6fHho0jZ0dM2TXe2wWr9jU\r\nfEACiWk0auHkpJstUUAt04IvEKJjQg5uQ24f7zW0Rk6AETLdmkZCrBWvZnm7\r\nMoeJbowBiT566dPOz+XoKLU6K33/wJgJ5F2/J+qRd4QhTHDd3Nh9A9tORnF1\r\nk3OjcONtQCJwyzaWreb6D/kCDkCCVItFIPw6vx8kct196Rfd0ucthlsZrzfB\r\nvfIyVU86o8E0SsqX6xlAG2VkgoBVlKBX8VMq5POsLH+afbdu/AYIkLtxeJzf\r\nevRFcMBtdi9K8ExSo1UtwD7wNADzoK08k66guGa7dR9HeYgZB1/LsV+rPKsJ\r\nGmXWSt75tmm/wsqRqRg/Db8GeVj4MnTJnxVJdMhdpVXAmEqwrBfodhe9Hftk\r\nB3dQR/xHTcEnZa1r8UHlAqy4kw/LnllvldheBVwGdrtUjNVig5bPOeTNQ0dr\r\nrb/YgnAWnwFPXWDL95y+f1qXUa0yoL3kXH9zquMZF2SusOnARVeJFioI4uTY\r\n78ax0Vapbgw7YCTSmGKl92dDcho2cYPpPWQ=\r\n=Neme\r\n-----END PGP SIGNATURE-----\r\n"},"type":"module","husky":{"hooks":{"pre-push":"yarn test --silent","pre-commit":"lint-staged"}},"types":"types.d.ts","readme":"# Vouch UIKit\n\n- [Get Started](#get-started)\n - [Storybook](#storybook)\n - [Build package](#build-package)\n - [Test package locally with vouch-app](#test-package-locally-with-vouch-app)\n - [Publish to npm](#publish-to-npm)\n - [Purge npm cache](#purge-npm-cached-tags)\n- [Update vouch-app](#update-vouch-app)\n - [development](#development-devvouchforcom)\n - [staging](#staging-stagingvouchforcom)\n - [production](#production-appvouchforcom)\n\n**Vouch UIKit** consists of `2 libraries` and `1 application`\n\n```bash\n└── src\n ├── lib\n │ ├── components # Design System Components (Web Component)\n │ │ ├── VouchBrandLogo.svelte\n │ │ ...\n │ │\n │ └── embed # embed Components (Web Component)\n │ │ ├── VouchEmbedInlinePlayer.svelte\n │ ...\n │\n │\n ├── routes # vouch public embed link (https://embed.vouchfor.com)\n │ ├── __layout.svelte\n │ ├── index.svelte\n │ ├── about.svelte\n │ ...\n │\n ├── app.css\n └── app.html\n```\n\n# Get Started\n\nEnsure you have node `14.17.0` installed on your machine, for example via [nvm](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/TERMINAL.md#install-nvm), run `nvm ls` to check\n\n```bash\nnvm ls 14\n```\n\nyou should see output if you have the version installed\n\n```bash\n-> v14.17.0\n```\n\nensure you have [git ssh](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/GITHUB.md) setup locally before you clone the repo\n\n```bash\ngit clone git@github.com:VouchAU/vouch-uikit.git\n```\n\ninstall dependencies\n\n```bash\ncd vouch-uikit\nyarn\n```\n\n## Storybook\n\nhttps://designsystem.vouchfor.com/\n\nStorybook is hosted on GitHub page `gh-pages` branch (Domain name is configured on **Cloudflare**) and deployed automatically via **GitHub Action** every time changes are merged back to `master`.\n\nLocal dev\n\n```bash\nyarn storybook\n```\n\nbuild storybook\n\n```bash\nyarn build-storybook\n```\n\n## Build package\n\nBuild `src/lib` production/beta/alpha package, make sure you change `version` in `package.json` for three different build tags.\n\n```sh\ncd vouch-uikit\n...\nyarn package:alpha # development\nyarn package:beta # staging\nyarn package # production\n```\n\n## Test package locally with `vouch-app`\n\nOnce you build the `npm` package, you can test locally with `vouch-app` to ensure everything works as expected before publishing to `npm`\n\nAssuming you build a package according [Build package](#build-package), now you can create a symlink to your local package\n\n```sh\ncd package\nyarn link\n```\n\nyou should see this if successfully linked\n\n```sh\nyarn link v1.22.10\nsuccess Registered \"@vouchfor/uikit\".\ninfo You can now run `yarn link \"@vouchfor/uikit\"` in the projects where you want to use this package and it will be used instead.\n✨ Done in 0.04s.\n```\n\ngo to `vouch-app` folder and switch to the branch you want to test against with then link the local package\n\n```sh\ncd vouch-app\ngit checkout VCH-222\nyarn link @vouchfor/uikit\nyarn dev\n```\n\nVoilà, you are testing your feature branch with the local uikit package and don't forget to roll back after testing\n\n```sh\ncd vouch-app\nyarn unlink @vouchfor/uikit\n...\ncd vouch-uikit/package\nyarn unlink\n```\n\n## Publish to `npm`\n\n> Note you will need to log in `vouch-tech` on your terminal before publishing, credential is shared via 1Password.\n\n```bash\nnpm login\n...\n```\n\n```bash\ncd package\n...\nnpm publish --access public --tag alpha # development\nnpm publish --access public --tag beta # staging\nnpm publish --access public # production\n```\n\n## Purge `jsdelivr` cache\n\n`@vouchfor/uikit` is most likely consumed by **tag**, `alpha`, `beta` and `latest`, not version number to ensure clients can always get the latest updates. [jsdelivr](https://cdn.jsdelivr.net/) default has 7 days cache for `tag`, so we need to purge it to reflect new version number.\n\n- Check current tag version number\n\n - [Click to check Alpha](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@alpha/)\n - [Click to check Beta](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@beta/)\n - [Click to check Production](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n- Purge cache\n - [Click to purge Alpha](https://purge.jsdelivr.net/npm/@vouchfor/uikit@alpha/)\n - [Click to purge Beta](https://purge.jsdelivr.net/npm/@vouchfor/uikit@beta/)\n - **_Danger_** [Click to purge Production](https://purge.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n### Purge specific bundle.js\n\nOur embed code snippet `src` attribute currently refers to a specific embed bundle js , for example\n\n```html\n\n
\n```\n\nIn this case, you will need to purge the bundle file specifically by providing absolute path\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/embed/{filename}.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/components/{filename}.bundle.js\n```\n\nfor example,\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@alpha/embed/vouch-embed-inline-player.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@beta/embed/vouch-embed-inline-player.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/embed/vouch-embed-inline-player.bundle.js\n```\n\n## Unit test\n\n```bash\nyarn test\n```\n\nupdate snapshot\n\n```bash\nyarn test -u\n```\n\n# Update `vouch-app`\n\n`@vouchfor/uikit` is a dependency of `vouch-app` for embeds and UI components, follow the below steps to publish NPM package and update `package.json` dependency in `vouch-app`.\n\n> Each PR should bump the minor version in `package.json` in order to push new version to NPM. e.g. `\"version\": \"3.9.0\"` in `main` branch, you should bump to `\"version\": \"3.10.0\"` in your branch.\n\n> The major version should only be used for releasing breaking changes. e.g. `3.0.0`, `4.0.0`\n\n## Development (`dev.vouchfor.com`)\n\nAssuming your branch bumped version in `package.json` to\n\n```json\n\"version\": \"3.10.0\"\n```\n\n### Bump patch version number\n\nEnsure your patch version number isn't used, e.g. if `3.10.0` was published before, bump to `3.10.1`.\n\n### Build and publish\n\n```sh\nyarn package:alpha\ncd package\nnpm publish --access public --tag alpha\n```\n\nMake sure you purge NPM CDN cache for package, see [Purge npm cached tags](#purge-npm-cached-tags)\n\n### Update dependency in `vouch-app`\n\nEnsure you already cloned [vouch-app](https://github.com/VouchAU/vouch-app.git) locally then switch to the folder.\n\n```sh\ncd vouch-app\ngit checkout development\ngit pull\ngit merge feature/VCH-111 # Optional, only when you have code change dependency in vouch-app as well\nyarn upgrade @vouchfor/uikit@alpha\n```\n\nAfter upgrade, you should see version updates in both `package.json` and `yarn.lock`, but due to a known issue of `yarn`, please do these before committing changes\n\n- Manually roll back `package.json` (should always `\"@vouchfor/uikit\": \"alpha\"` for `development`).\n- run `yarn` again to update `yarn.lock`\n\n```sh\ngit commit -m \"Bumped uikit version\"\ngit push\n```\n\n## Staging (`staging.vouchfor.com`)\n\nUpdate `staging` environment is the same as [Development](#development-devvouchforcom) but remember to change cmd to `staging` specific\n\n```sh\nyarn package:beta\n```\n\n```sh\nnpm publish --access public --tag beta\n```\n\n```sh\ncd vouch-app\ngit checkout staging\ngit pull\ngit merge feature/VCH-111 # Optional, only when you have code change dependency in vouch-app as well\nyarn upgrade @vouchfor/uikit@beta\n```\n\n## Production (`app.vouchfor.com`)\n\nOne thing different when release to production, since `master` branch can only be merged by PRs (after code review), so you will need to run `yarn upgrade @vouchfor/uikit@latest` under you feature branch and commit **before merging the PR**.\n\n```sh\ngit checkout feature/VCH-111\nyarn upgrade upgrade @vouchfor/uikit@latest\ngit commit -m \"Bumped uikit version\"\ngit push\n```\n\n> When you run above cmd, your PR should be ready to merge (reviewed and QA tested)\n","engines":{"node":">=14.17.0"},"exports":{"./package.json":"./package.json","./embed/vouch-embed-all":{"import":"./embed/vouch-embed-all.js","default":"./embed/vouch-embed-all.js","require":"./embed/vouch-embed-all.cjs"},"./embed/vouch-embed-card":{"import":"./embed/vouch-embed-card.js","default":"./embed/vouch-embed-card.js","require":"./embed/vouch-embed-card.cjs"},"./embed/vouch-embed-jumbo":{"import":"./embed/vouch-embed-jumbo.js","default":"./embed/vouch-embed-jumbo.js","require":"./embed/vouch-embed-jumbo.cjs"},"./embed/vouch-embed-all.js":"./embed/vouch-embed-all.js","./embed/vouch-embed-button":{"import":"./embed/vouch-embed-button.js","default":"./embed/vouch-embed-button.js","require":"./embed/vouch-embed-button.cjs"},"./components/vouch-recorder":{"import":"./components/vouch-recorder.js","default":"./components/vouch-recorder.js","require":"./components/vouch-recorder.cjs"},"./embed/vouch-embed-popover":{"import":"./embed/vouch-embed-popover.js","default":"./embed/vouch-embed-popover.js","require":"./embed/vouch-embed-popover.cjs"},"./components/vouch-icon-play":{"import":"./components/vouch-icon-play.js","default":"./components/vouch-icon-play.js","require":"./components/vouch-icon-play.cjs"},"./embed/vouch-embed-dialogue":{"import":"./embed/vouch-embed-dialogue.js","default":"./embed/vouch-embed-dialogue.js","require":"./embed/vouch-embed-dialogue.cjs"},"./components/vouch-brand-logo":{"import":"./components/vouch-brand-logo.js","default":"./components/vouch-brand-logo.js","require":"./components/vouch-brand-logo.cjs"},"./components/vouch-icon-close":{"import":"./components/vouch-icon-close.js","default":"./components/vouch-icon-close.js","require":"./components/vouch-icon-close.cjs"},"./components/vouch-icon-pause":{"import":"./components/vouch-icon-pause.js","default":"./components/vouch-icon-pause.js","require":"./components/vouch-icon-pause.cjs"},"./components/vouch-media-plyr":{"import":"./components/vouch-media-plyr.js","default":"./components/vouch-media-plyr.js","require":"./components/vouch-media-plyr.cjs"},"./components/vouch-water-mark":{"import":"./components/vouch-water-mark.js","default":"./components/vouch-water-mark.js","require":"./components/vouch-water-mark.cjs"},"./embed/VouchEmbedCard.svelte":"./embed/VouchEmbedCard.svelte","./embed/vouch-embed-thumbnail":{"import":"./embed/vouch-embed-thumbnail.js","default":"./embed/vouch-embed-thumbnail.js","require":"./embed/vouch-embed-thumbnail.cjs"},"./embed/vouch-recorder-button":{"import":"./embed/vouch-recorder-button.js","default":"./embed/vouch-recorder-button.js","require":"./embed/vouch-recorder-button.cjs"},"./components/vouch-graphic-svg":{"import":"./components/vouch-graphic-svg.js","default":"./components/vouch-graphic-svg.js","require":"./components/vouch-graphic-svg.cjs"},"./embed/VouchEmbedJumbo.svelte":"./embed/VouchEmbedJumbo.svelte","./embed/VouchEmbedButton.svelte":"./embed/VouchEmbedButton.svelte","./embed/VouchEmbedPopover.svelte":"./embed/VouchEmbedPopover.svelte","./components/VouchIconPlay.svelte":"./components/VouchIconPlay.svelte","./components/VouchRecorder.svelte":"./components/VouchRecorder.svelte","./embed/VouchEmbedDialogue.svelte":"./embed/VouchEmbedDialogue.svelte","./embed/vouch-embed-inline-player":{"import":"./embed/vouch-embed-inline-player.js","default":"./embed/vouch-embed-inline-player.js","require":"./embed/vouch-embed-inline-player.cjs"},"./components/VouchBrandLogo.svelte":"./components/VouchBrandLogo.svelte","./components/VouchIconClose.svelte":"./components/VouchIconClose.svelte","./components/VouchIconPause.svelte":"./components/VouchIconPause.svelte","./components/VouchMediaPlyr.svelte":"./components/VouchMediaPlyr.svelte","./components/VouchWaterMark.svelte":"./components/VouchWaterMark.svelte","./components/vouch-icon-arrow-left":{"import":"./components/vouch-icon-arrow-left.js","default":"./components/vouch-icon-arrow-left.js","require":"./components/vouch-icon-arrow-left.cjs"},"./embed/VouchEmbedThumbnail.svelte":"./embed/VouchEmbedThumbnail.svelte","./embed/VouchRecorderButton.svelte":"./embed/VouchRecorderButton.svelte","./components/VouchGraphicSvg.svelte":"./components/VouchGraphicSvg.svelte","./components/vouch-icon-arrow-right":{"import":"./components/vouch-icon-arrow-right.js","default":"./components/vouch-icon-arrow-right.js","require":"./components/vouch-icon-arrow-right.cjs"},"./components/vouch-overlay-play-icon":{"import":"./components/vouch-overlay-play-icon.js","default":"./components/vouch-overlay-play-icon.js","require":"./components/vouch-overlay-play-icon.cjs"},"./embed/VouchEmbedInlinePlayer.svelte":"./embed/VouchEmbedInlinePlayer.svelte","./components/VouchIconArrowLeft.svelte":"./components/VouchIconArrowLeft.svelte","./components/VouchIconArrowRight.svelte":"./components/VouchIconArrowRight.svelte","./components/VouchOverlayPlayIcon.svelte":"./components/VouchOverlayPlayIcon.svelte"},"_npmUser":{"name":"vouch-tech","email":"brian@vouchfor.com"},"repository":{"url":"git+https://github.com/VouchAU/vouch-uikit.git","type":"git"},"_npmVersion":"6.14.13","description":"Vouch Svelte UIKit","directories":{},"lint-staged":{"*.{js,svelte}":"yarn lint"},"_nodeVersion":"14.17.0","dependencies":{"plyr":"^3.7.2","cookie":"^0.4.1","hls.js":"^1.1.5","core-js":"^3.16.3","postcss":"^7","@vime/core":"^5.3.1","tailwindcss":"npm:@tailwindcss/postcss7-compat","@lukeed/uuid":"^2.0.0","autoprefixer":"^9","whatwg-fetch":"^3.6.2","@fontsource/fira-mono":"^4.2.2"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^27.0.6","path":"^0.12.7","husky":"4","tslib":"^2.0.0","dotenv":"^10.0.0","eslint":"^7.22.0","rollup":"^2.55.1","svelte":"^3.34.0","prettier":"~2.2.1","babel-jest":"^27.0.6","svelte2tsx":"^0.4.3","typescript":"^4.0.0","@babel/core":"^7.14.8","@types/jest":"^26.0.24","lint-staged":"^11.1.1","svelte-check":"^2.0.0","@sveltejs/kit":"next","@types/cookie":"^0.4.0","svelte-jester":"^1.8.1","svelte-loader":"^3.1.2","@babel/preset-env":"^7.14.9","@storybook/svelte":"^6.3.6","svelte-preprocess":"^4.0.0","rollup-plugin-copy":"^3.4.0","rollup-plugin-svelte":"^7.1.0","rollup-plugin-terser":"^7.0.2","eslint-plugin-svelte3":"^3.2.0","@babel/runtime-corejs3":"^7.14.9","@rollup/plugin-replace":"^3.0.0","@storybook/addon-links":"^6.3.6","eslint-config-prettier":"^8.1.0","prettier-plugin-svelte":"^2.2.0","@rollup/plugin-commonjs":"^22.0.0","@testing-library/svelte":"^3.0.3","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@typescript-eslint/parser":"^4.19.0","@rollup/plugin-node-resolve":"^13.0.4","@storybook/addon-essentials":"^6.3.6","@typescript-eslint/eslint-plugin":"^4.19.0"},"_npmOperationalInternal":{"tmp":"tmp/uikit_5.4.0_1656550534121_0.6199341710554578","host":"s3://npm-registry-packages"}},"5.4.1":{"name":"@vouchfor/uikit","version":"5.4.1","keywords":["embed","design system","vouch-uikit","svelte","uikit"],"author":{"url":"https://vouchau.github.io/vouch-uikit","name":"Vouch Dev Team","email":"hello@vouchfor.com"},"license":"MIT","_id":"@vouchfor/uikit@5.4.1","maintainers":[{"name":"vouch-tech","email":"brian@vouchfor.com"}],"homepage":"https://vouchau.github.io/vouch-uikit","bugs":{"url":"https://github.com/VouchAU/vouch-uikit/issues"},"dist":{"shasum":"8a2fc1faa0a29d6e7db24a90503c9955f7da1bff","tarball":"https://registry.npmjs.org/@vouchfor/uikit/-/uikit-5.4.1.tgz","fileCount":211,"integrity":"sha512-70lXszfuJznMwhWOBcLpa1bnSf8Q7UCF9wb8i7rIgLwa5shFQvlnkaJL36UbstLxnu22zgP32KNGwOx7MSJU/w==","signatures":[{"sig":"MEUCIQCIYoZCHXpM3p7CPnC29BTFaJkqR/9gOF6UIdg8lHOe7gIgRcy6A7extaEEJwithLdpNXX13pRp1MM0b+i7e3AQHMM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":87435598,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJivUiQACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoUig//WW7grkQ7ODGXLhdm8fuku6234NZjdCoy70F/rG/YVDL1eS6n\r\n2qw0LtUEMxMdlX7R1h8gslgmd11mZSslyi2nFHKKqsbPVjRcZBNYY/tHzcL3\r\na8i4FMdjnNiz/z0Qy07kv3PKH2j7XTAqhNDgfLXpfCcrb/Frn+PXUKJq7tSm\r\nC3iqCKOGh4WRhRsveM0m1o0v1LfLhJWBqUIy5qfJvJ1LCTvbcNJobRijThHT\r\noHwN9jiUiLjWJbMZtLJP0ZepHfLMjygNQWO4Rre1A4szPOdCflm0o6hLr0bq\r\n65Y0mBQer5UI8Fa2Oe1qZQiEp8f7Hxm2ZyUGZZ7AQehVwmbOAdpyP4tG9TJB\r\n33yLkqte9n3TZ/N/Ta4ugeNHNPT1nyfdHjfOBK1hZgsW5Fp5RrJ3uzemQ+9t\r\nBNndZXGc5yJL2ElELZBYi5L0jvy3WgOozvTtle78HwKcjynfrOz+yMltDbNK\r\nd2VWGqPB+XJRAYt13KhpFs3lPec3giLvgH+dn4d4Ja0MEGISvJ23alATzyvb\r\n5hFjGGXeR9vZkk0j8OP890znsYGpRsVwt/Qw6SM6zZWmamdZCWTWYjaZr1Fc\r\nx6R9FGYzdTJXsQA4+X2xtnTbwXYMZQl91kWyIvQneEjtFa+qfMccEg4PrOUt\r\nBQBIUM4RjVQ9gPCMrYfxIht2SbhbpKPoj1s=\r\n=YAsE\r\n-----END PGP SIGNATURE-----\r\n"},"type":"module","husky":{"hooks":{"pre-push":"yarn test --silent","pre-commit":"lint-staged"}},"types":"types.d.ts","readme":"# Vouch UIKit\n\n- [Get Started](#get-started)\n - [Storybook](#storybook)\n - [Build package](#build-package)\n - [Test package locally with vouch-app](#test-package-locally-with-vouch-app)\n - [Publish to npm](#publish-to-npm)\n - [Purge npm cache](#purge-npm-cached-tags)\n- [Update vouch-app](#update-vouch-app)\n - [development](#development-devvouchforcom)\n - [staging](#staging-stagingvouchforcom)\n - [production](#production-appvouchforcom)\n\n**Vouch UIKit** consists of `2 libraries` and `1 application`\n\n```bash\n└── src\n ├── lib\n │ ├── components # Design System Components (Web Component)\n │ │ ├── VouchBrandLogo.svelte\n │ │ ...\n │ │\n │ └── embed # embed Components (Web Component)\n │ │ ├── VouchEmbedInlinePlayer.svelte\n │ ...\n │\n │\n ├── routes # vouch public embed link (https://embed.vouchfor.com)\n │ ├── __layout.svelte\n │ ├── index.svelte\n │ ├── about.svelte\n │ ...\n │\n ├── app.css\n └── app.html\n```\n\n# Get Started\n\nEnsure you have node `14.17.0` installed on your machine, for example via [nvm](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/TERMINAL.md#install-nvm), run `nvm ls` to check\n\n```bash\nnvm ls 14\n```\n\nyou should see output if you have the version installed\n\n```bash\n-> v14.17.0\n```\n\nensure you have [git ssh](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/GITHUB.md) setup locally before you clone the repo\n\n```bash\ngit clone git@github.com:VouchAU/vouch-uikit.git\n```\n\ninstall dependencies\n\n```bash\ncd vouch-uikit\nyarn\n```\n\n## Storybook\n\nhttps://designsystem.vouchfor.com/\n\nStorybook is hosted on GitHub page `gh-pages` branch (Domain name is configured on **Cloudflare**) and deployed automatically via **GitHub Action** every time changes are merged back to `master`.\n\nLocal dev\n\n```bash\nyarn storybook\n```\n\nbuild storybook\n\n```bash\nyarn build-storybook\n```\n\n## Build package\n\nBuild `src/lib` production/beta/alpha package, make sure you change `version` in `package.json` for three different build tags.\n\n```sh\ncd vouch-uikit\n...\nyarn package:alpha # development\nyarn package:beta # staging\nyarn package # production\n```\n\n## Test package locally with `vouch-app`\n\nOnce you build the `npm` package, you can test locally with `vouch-app` to ensure everything works as expected before publishing to `npm`\n\nAssuming you build a package according [Build package](#build-package), now you can create a symlink to your local package\n\n```sh\ncd package\nyarn link\n```\n\nyou should see this if successfully linked\n\n```sh\nyarn link v1.22.10\nsuccess Registered \"@vouchfor/uikit\".\ninfo You can now run `yarn link \"@vouchfor/uikit\"` in the projects where you want to use this package and it will be used instead.\n✨ Done in 0.04s.\n```\n\ngo to `vouch-app` folder and switch to the branch you want to test against with then link the local package\n\n```sh\ncd vouch-app\ngit checkout VCH-222\nyarn link @vouchfor/uikit\nyarn dev\n```\n\nVoilà, you are testing your feature branch with the local uikit package and don't forget to roll back after testing\n\n```sh\ncd vouch-app\nyarn unlink @vouchfor/uikit\n...\ncd vouch-uikit/package\nyarn unlink\n```\n\n## Publish to `npm`\n\n> Note you will need to log in `vouch-tech` on your terminal before publishing, credential is shared via 1Password.\n\n```bash\nnpm login\n...\n```\n\n```bash\ncd package\n...\nnpm publish --access public --tag alpha # development\nnpm publish --access public --tag beta # staging\nnpm publish --access public # production\n```\n\n## Purge `jsdelivr` cache\n\n`@vouchfor/uikit` is most likely consumed by **tag**, `alpha`, `beta` and `latest`, not version number to ensure clients can always get the latest updates. [jsdelivr](https://cdn.jsdelivr.net/) default has 7 days cache for `tag`, so we need to purge it to reflect new version number.\n\n- Check current tag version number\n\n - [Click to check Alpha](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@alpha/)\n - [Click to check Beta](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@beta/)\n - [Click to check Production](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n- Purge cache\n - [Click to purge Alpha](https://purge.jsdelivr.net/npm/@vouchfor/uikit@alpha/)\n - [Click to purge Beta](https://purge.jsdelivr.net/npm/@vouchfor/uikit@beta/)\n - **_Danger_** [Click to purge Production](https://purge.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n### Purge specific bundle.js\n\nOur embed code snippet `src` attribute currently refers to a specific embed bundle js , for example\n\n```html\n\n
\n```\n\nIn this case, you will need to purge the bundle file specifically by providing absolute path\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/embed/{filename}.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/components/{filename}.bundle.js\n```\n\nfor example,\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@alpha/embed/vouch-embed-inline-player.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@beta/embed/vouch-embed-inline-player.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/embed/vouch-embed-inline-player.bundle.js\n```\n\n## Unit test\n\n```bash\nyarn test\n```\n\nupdate snapshot\n\n```bash\nyarn test -u\n```\n\n# Update `vouch-app`\n\n`@vouchfor/uikit` is a dependency of `vouch-app` for embeds and UI components, follow the below steps to publish NPM package and update `package.json` dependency in `vouch-app`.\n\n> Each PR should bump the minor version in `package.json` in order to push new version to NPM. e.g. `\"version\": \"3.9.0\"` in `main` branch, you should bump to `\"version\": \"3.10.0\"` in your branch.\n\n> The major version should only be used for releasing breaking changes. e.g. `3.0.0`, `4.0.0`\n\n## Development (`dev.vouchfor.com`)\n\nAssuming your branch bumped version in `package.json` to\n\n```json\n\"version\": \"3.10.0\"\n```\n\n### Bump patch version number\n\nEnsure your patch version number isn't used, e.g. if `3.10.0` was published before, bump to `3.10.1`.\n\n### Build and publish\n\n```sh\nyarn package:alpha\ncd package\nnpm publish --access public --tag alpha\n```\n\nMake sure you purge NPM CDN cache for package, see [Purge npm cached tags](#purge-npm-cached-tags)\n\n### Update dependency in `vouch-app`\n\nEnsure you already cloned [vouch-app](https://github.com/VouchAU/vouch-app.git) locally then switch to the folder.\n\n```sh\ncd vouch-app\ngit checkout development\ngit pull\ngit merge feature/VCH-111 # Optional, only when you have code change dependency in vouch-app as well\nyarn upgrade @vouchfor/uikit@alpha\n```\n\nAfter upgrade, you should see version updates in both `package.json` and `yarn.lock`, but due to a known issue of `yarn`, please do these before committing changes\n\n- Manually roll back `package.json` (should always `\"@vouchfor/uikit\": \"alpha\"` for `development`).\n- run `yarn` again to update `yarn.lock`\n\n```sh\ngit commit -m \"Bumped uikit version\"\ngit push\n```\n\n## Staging (`staging.vouchfor.com`)\n\nUpdate `staging` environment is the same as [Development](#development-devvouchforcom) but remember to change cmd to `staging` specific\n\n```sh\nyarn package:beta\n```\n\n```sh\nnpm publish --access public --tag beta\n```\n\n```sh\ncd vouch-app\ngit checkout staging\ngit pull\ngit merge feature/VCH-111 # Optional, only when you have code change dependency in vouch-app as well\nyarn upgrade @vouchfor/uikit@beta\n```\n\n## Production (`app.vouchfor.com`)\n\nOne thing different when release to production, since `master` branch can only be merged by PRs (after code review), so you will need to run `yarn upgrade @vouchfor/uikit@latest` under you feature branch and commit **before merging the PR**.\n\n```sh\ngit checkout feature/VCH-111\nyarn upgrade upgrade @vouchfor/uikit@latest\ngit commit -m \"Bumped uikit version\"\ngit push\n```\n\n> When you run above cmd, your PR should be ready to merge (reviewed and QA tested)\n","engines":{"node":">=14.17.0"},"exports":{"./package.json":"./package.json","./embed/vouch-embed-all":{"import":"./embed/vouch-embed-all.js","default":"./embed/vouch-embed-all.js","require":"./embed/vouch-embed-all.cjs"},"./embed/vouch-embed-card":{"import":"./embed/vouch-embed-card.js","default":"./embed/vouch-embed-card.js","require":"./embed/vouch-embed-card.cjs"},"./embed/vouch-embed-jumbo":{"import":"./embed/vouch-embed-jumbo.js","default":"./embed/vouch-embed-jumbo.js","require":"./embed/vouch-embed-jumbo.cjs"},"./embed/vouch-embed-all.js":"./embed/vouch-embed-all.js","./embed/vouch-embed-button":{"import":"./embed/vouch-embed-button.js","default":"./embed/vouch-embed-button.js","require":"./embed/vouch-embed-button.cjs"},"./components/vouch-recorder":{"import":"./components/vouch-recorder.js","default":"./components/vouch-recorder.js","require":"./components/vouch-recorder.cjs"},"./embed/vouch-embed-popover":{"import":"./embed/vouch-embed-popover.js","default":"./embed/vouch-embed-popover.js","require":"./embed/vouch-embed-popover.cjs"},"./components/vouch-icon-play":{"import":"./components/vouch-icon-play.js","default":"./components/vouch-icon-play.js","require":"./components/vouch-icon-play.cjs"},"./embed/vouch-embed-dialogue":{"import":"./embed/vouch-embed-dialogue.js","default":"./embed/vouch-embed-dialogue.js","require":"./embed/vouch-embed-dialogue.cjs"},"./components/vouch-brand-logo":{"import":"./components/vouch-brand-logo.js","default":"./components/vouch-brand-logo.js","require":"./components/vouch-brand-logo.cjs"},"./components/vouch-icon-close":{"import":"./components/vouch-icon-close.js","default":"./components/vouch-icon-close.js","require":"./components/vouch-icon-close.cjs"},"./components/vouch-icon-pause":{"import":"./components/vouch-icon-pause.js","default":"./components/vouch-icon-pause.js","require":"./components/vouch-icon-pause.cjs"},"./components/vouch-media-plyr":{"import":"./components/vouch-media-plyr.js","default":"./components/vouch-media-plyr.js","require":"./components/vouch-media-plyr.cjs"},"./components/vouch-water-mark":{"import":"./components/vouch-water-mark.js","default":"./components/vouch-water-mark.js","require":"./components/vouch-water-mark.cjs"},"./embed/VouchEmbedCard.svelte":"./embed/VouchEmbedCard.svelte","./embed/vouch-embed-thumbnail":{"import":"./embed/vouch-embed-thumbnail.js","default":"./embed/vouch-embed-thumbnail.js","require":"./embed/vouch-embed-thumbnail.cjs"},"./embed/vouch-recorder-button":{"import":"./embed/vouch-recorder-button.js","default":"./embed/vouch-recorder-button.js","require":"./embed/vouch-recorder-button.cjs"},"./components/vouch-graphic-svg":{"import":"./components/vouch-graphic-svg.js","default":"./components/vouch-graphic-svg.js","require":"./components/vouch-graphic-svg.cjs"},"./embed/VouchEmbedJumbo.svelte":"./embed/VouchEmbedJumbo.svelte","./embed/VouchEmbedButton.svelte":"./embed/VouchEmbedButton.svelte","./embed/VouchEmbedPopover.svelte":"./embed/VouchEmbedPopover.svelte","./components/VouchIconPlay.svelte":"./components/VouchIconPlay.svelte","./components/VouchRecorder.svelte":"./components/VouchRecorder.svelte","./embed/VouchEmbedDialogue.svelte":"./embed/VouchEmbedDialogue.svelte","./embed/vouch-embed-inline-player":{"import":"./embed/vouch-embed-inline-player.js","default":"./embed/vouch-embed-inline-player.js","require":"./embed/vouch-embed-inline-player.cjs"},"./components/VouchBrandLogo.svelte":"./components/VouchBrandLogo.svelte","./components/VouchIconClose.svelte":"./components/VouchIconClose.svelte","./components/VouchIconPause.svelte":"./components/VouchIconPause.svelte","./components/VouchMediaPlyr.svelte":"./components/VouchMediaPlyr.svelte","./components/VouchWaterMark.svelte":"./components/VouchWaterMark.svelte","./components/vouch-icon-arrow-left":{"import":"./components/vouch-icon-arrow-left.js","default":"./components/vouch-icon-arrow-left.js","require":"./components/vouch-icon-arrow-left.cjs"},"./embed/VouchEmbedThumbnail.svelte":"./embed/VouchEmbedThumbnail.svelte","./embed/VouchRecorderButton.svelte":"./embed/VouchRecorderButton.svelte","./components/VouchGraphicSvg.svelte":"./components/VouchGraphicSvg.svelte","./components/vouch-icon-arrow-right":{"import":"./components/vouch-icon-arrow-right.js","default":"./components/vouch-icon-arrow-right.js","require":"./components/vouch-icon-arrow-right.cjs"},"./components/vouch-overlay-play-icon":{"import":"./components/vouch-overlay-play-icon.js","default":"./components/vouch-overlay-play-icon.js","require":"./components/vouch-overlay-play-icon.cjs"},"./embed/VouchEmbedInlinePlayer.svelte":"./embed/VouchEmbedInlinePlayer.svelte","./components/VouchIconArrowLeft.svelte":"./components/VouchIconArrowLeft.svelte","./components/VouchIconArrowRight.svelte":"./components/VouchIconArrowRight.svelte","./components/VouchOverlayPlayIcon.svelte":"./components/VouchOverlayPlayIcon.svelte"},"_npmUser":{"name":"vouch-tech","email":"brian@vouchfor.com"},"repository":{"url":"git+https://github.com/VouchAU/vouch-uikit.git","type":"git"},"_npmVersion":"6.14.13","description":"Vouch Svelte UIKit","directories":{},"lint-staged":{"*.{js,svelte}":"yarn lint"},"_nodeVersion":"14.17.0","dependencies":{"plyr":"^3.7.2","cookie":"^0.4.1","hls.js":"^1.1.5","core-js":"^3.16.3","postcss":"^7","@vime/core":"^5.3.1","tailwindcss":"npm:@tailwindcss/postcss7-compat","@lukeed/uuid":"^2.0.0","autoprefixer":"^9","whatwg-fetch":"^3.6.2","@fontsource/fira-mono":"^4.2.2"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^27.0.6","path":"^0.12.7","husky":"4","tslib":"^2.0.0","dotenv":"^10.0.0","eslint":"^7.22.0","rollup":"^2.55.1","svelte":"^3.34.0","prettier":"~2.2.1","babel-jest":"^27.0.6","svelte2tsx":"^0.4.3","typescript":"^4.0.0","@babel/core":"^7.14.8","@types/jest":"^26.0.24","lint-staged":"^11.1.1","svelte-check":"^2.0.0","@sveltejs/kit":"next","@types/cookie":"^0.4.0","svelte-jester":"^1.8.1","svelte-loader":"^3.1.2","@babel/preset-env":"^7.14.9","@storybook/svelte":"^6.3.6","svelte-preprocess":"^4.0.0","rollup-plugin-copy":"^3.4.0","rollup-plugin-svelte":"^7.1.0","rollup-plugin-terser":"^7.0.2","eslint-plugin-svelte3":"^3.2.0","@babel/runtime-corejs3":"^7.14.9","@rollup/plugin-replace":"^3.0.0","@storybook/addon-links":"^6.3.6","eslint-config-prettier":"^8.1.0","prettier-plugin-svelte":"^2.2.0","@rollup/plugin-commonjs":"^22.0.0","@testing-library/svelte":"^3.0.3","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@typescript-eslint/parser":"^4.19.0","@rollup/plugin-node-resolve":"^13.0.4","@storybook/addon-essentials":"^6.3.6","@typescript-eslint/eslint-plugin":"^4.19.0"},"_npmOperationalInternal":{"tmp":"tmp/uikit_5.4.1_1656572048348_0.20502307188551905","host":"s3://npm-registry-packages"}},"5.3.6":{"name":"@vouchfor/uikit","version":"5.3.6","keywords":["embed","design system","vouch-uikit","svelte","uikit"],"author":{"url":"https://vouchau.github.io/vouch-uikit","name":"Vouch Dev Team","email":"hello@vouchfor.com"},"license":"MIT","_id":"@vouchfor/uikit@5.3.6","maintainers":[{"name":"vouch-tech","email":"brian@vouchfor.com"}],"homepage":"https://vouchau.github.io/vouch-uikit","bugs":{"url":"https://github.com/VouchAU/vouch-uikit/issues"},"dist":{"shasum":"491698b32616618017dd047d073babec2df2cb6d","tarball":"https://registry.npmjs.org/@vouchfor/uikit/-/uikit-5.3.6.tgz","fileCount":211,"integrity":"sha512-bHx5chCD/W1boLv8/sZnk4PMgAm7SSF5wz5RIxbnGYkyDxgGdCDEVn62Jp402/TlKXq+vTp/4z02GLvdsxPmLQ==","signatures":[{"sig":"MEYCIQDza7bieRajW1dABDFLWr+PJqZtt2mAwtsLJGcATx2WygIhAJoq+nn+ZqV6ocAtTUZif/XZMUmNGvg8siVZ38zmqWNt","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":86403046,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJivU+ZACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo5MA//YoROK3POcT2DDP+nYaRN8Rlwkf6roO2rBqH9FlrJXlYBGOOS\r\n9p2RFvsr/e/r9lVCAWi0PUkxRa8V7+tYsRe8kf+qFu/2Ge4jcB/pia6oDVk2\r\nXH8WkUVNOu2KavNyNMVIP3MIc+XFGUsXj3khd7YzYS23n+xjBtVASxadxVjV\r\nVvy4DFehEqU4IC+aZJ8gZk6m9sZskTtD0QOPRpT9s6h1EwE7E8TSwUtAomI5\r\no4FpxOZWeb91Y1PuOu+4y/mxkGwNVfXMfiV/ZmHSqC8MGTHKlj1J6KpsimYQ\r\npbKfVMzNW3LacD++UAtpTL+52fe9v+BY2ZN1VWJBu9tjd3CbRCeaZSUa8bsg\r\n9jxNqnwtJDkDqsU2sJcWnOZ0yTDlOKutmByVaj2CpQ15uaxDQ5MHG6u7e+/K\r\nA44+kj93z0dchJjqQTVXgTg32kHHra/jA7lJapEPfHyRpLQMbOrnvqHVcLN+\r\nqcGDzX+Ql3ZoYj2BukHpPn5dXDlXdS4t8JuY5H4rMpjYgNmAPrMd5WJ3FTdC\r\neR0sw4JDzC6ceIc9du8DTbDbQ4VuSvo/fbBOsQHSvn2Ml0YyevFNvHfE9sK4\r\nPq8BVPJRDfRUUoCZfIKZqYUk1UkWSZCLwkAt9F5XcKqmAneZZq6UmkOyWTbu\r\nKybluMgLkPDe00P2mEBUS2YdyKKswNPa8Ts=\r\n=2ZcV\r\n-----END PGP SIGNATURE-----\r\n"},"type":"module","husky":{"hooks":{"pre-push":"yarn test --silent","pre-commit":"lint-staged"}},"types":"types.d.ts","readme":"# Vouch UIKit\n\n- [Get Started](#get-started)\n - [Storybook](#storybook)\n - [Build package](#build-package)\n - [Test package locally with vouch-app](#test-package-locally-with-vouch-app)\n - [Publish to npm](#publish-to-npm)\n - [Purge npm cache](#purge-npm-cached-tags)\n- [Update vouch-app](#update-vouch-app)\n - [development](#development-devvouchforcom)\n - [staging](#staging-stagingvouchforcom)\n - [production](#production-appvouchforcom)\n\n**Vouch UIKit** consists of `2 libraries` and `1 application`\n\n```bash\n└── src\n ├── lib\n │ ├── components # Design System Components (Web Component)\n │ │ ├── VouchBrandLogo.svelte\n │ │ ...\n │ │\n │ └── embed # embed Components (Web Component)\n │ │ ├── VouchEmbedInlinePlayer.svelte\n │ ...\n │\n │\n ├── routes # vouch public embed link (https://embed.vouchfor.com)\n │ ├── __layout.svelte\n │ ├── index.svelte\n │ ├── about.svelte\n │ ...\n │\n ├── app.css\n └── app.html\n```\n\n# Get Started\n\nEnsure you have node `14.17.0` installed on your machine, for example via [nvm](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/TERMINAL.md#install-nvm), run `nvm ls` to check\n\n```bash\nnvm ls 14\n```\n\nyou should see output if you have the version installed\n\n```bash\n-> v14.17.0\n```\n\nensure you have [git ssh](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/GITHUB.md) setup locally before you clone the repo\n\n```bash\ngit clone git@github.com:VouchAU/vouch-uikit.git\n```\n\ninstall dependencies\n\n```bash\ncd vouch-uikit\nyarn\n```\n\n## Storybook\n\nhttps://designsystem.vouchfor.com/\n\nStorybook is hosted on GitHub page `gh-pages` branch (Domain name is configured on **Cloudflare**) and deployed automatically via **GitHub Action** every time changes are merged back to `master`.\n\nLocal dev\n\n```bash\nyarn storybook\n```\n\nbuild storybook\n\n```bash\nyarn build-storybook\n```\n\n## Build package\n\nBuild `src/lib` production/beta/alpha package, make sure you change `version` in `package.json` for three different build tags.\n\n```sh\ncd vouch-uikit\n...\nyarn package:alpha # development\nyarn package:beta # staging\nyarn package # production\n```\n\n## Test package locally with `vouch-app`\n\nOnce you build the `npm` package, you can test locally with `vouch-app` to ensure everything works as expected before publishing to `npm`\n\nAssuming you build a package according [Build package](#build-package), now you can create a symlink to your local package\n\n```sh\ncd package\nyarn link\n```\n\nyou should see this if successfully linked\n\n```sh\nyarn link v1.22.10\nsuccess Registered \"@vouchfor/uikit\".\ninfo You can now run `yarn link \"@vouchfor/uikit\"` in the projects where you want to use this package and it will be used instead.\n✨ Done in 0.04s.\n```\n\ngo to `vouch-app` folder and switch to the branch you want to test against with then link the local package\n\n```sh\ncd vouch-app\ngit checkout VCH-222\nyarn link @vouchfor/uikit\nyarn dev\n```\n\nVoilà, you are testing your feature branch with the local uikit package and don't forget to roll back after testing\n\n```sh\ncd vouch-app\nyarn unlink @vouchfor/uikit\n...\ncd vouch-uikit/package\nyarn unlink\n```\n\n## Publish to `npm`\n\n> Note you will need to log in `vouch-tech` on your terminal before publishing, credential is shared via 1Password.\n\n```bash\nnpm login\n...\n```\n\n```bash\ncd package\n...\nnpm publish --access public --tag alpha # development\nnpm publish --access public --tag beta # staging\nnpm publish --access public # production\n```\n\n## Purge `jsdelivr` cache\n\n`@vouchfor/uikit` is most likely consumed by **tag**, `alpha`, `beta` and `latest`, not version number to ensure clients can always get the latest updates. [jsdelivr](https://cdn.jsdelivr.net/) default has 7 days cache for `tag`, so we need to purge it to reflect new version number.\n\n- Check current tag version number\n\n - [Click to check Alpha](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@alpha/)\n - [Click to check Beta](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@beta/)\n - [Click to check Production](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n- Purge cache\n - [Click to purge Alpha](https://purge.jsdelivr.net/npm/@vouchfor/uikit@alpha/)\n - [Click to purge Beta](https://purge.jsdelivr.net/npm/@vouchfor/uikit@beta/)\n - **_Danger_** [Click to purge Production](https://purge.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n### Purge specific bundle.js\n\nOur embed code snippet `src` attribute currently refers to a specific embed bundle js , for example\n\n```html\n\n
\n```\n\nIn this case, you will need to purge the bundle file specifically by providing absolute path\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/embed/{filename}.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/components/{filename}.bundle.js\n```\n\nfor example,\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@alpha/embed/vouch-embed-inline-player.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@beta/embed/vouch-embed-inline-player.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/embed/vouch-embed-inline-player.bundle.js\n```\n\n## Unit test\n\n```bash\nyarn test\n```\n\nupdate snapshot\n\n```bash\nyarn test -u\n```\n\n# Update `vouch-app`\n\n`@vouchfor/uikit` is a dependency of `vouch-app` for embeds and UI components, follow the below steps to publish NPM package and update `package.json` dependency in `vouch-app`.\n\n> Each PR should bump the minor version in `package.json` in order to push new version to NPM. e.g. `\"version\": \"3.9.0\"` in `main` branch, you should bump to `\"version\": \"3.10.0\"` in your branch.\n\n> The major version should only be used for releasing breaking changes. e.g. `3.0.0`, `4.0.0`\n\n## Development (`dev.vouchfor.com`)\n\nAssuming your branch bumped version in `package.json` to\n\n```json\n\"version\": \"3.10.0\"\n```\n\n### Bump patch version number\n\nEnsure your patch version number isn't used, e.g. if `3.10.0` was published before, bump to `3.10.1`.\n\n### Build and publish\n\n```sh\nyarn package:alpha\ncd package\nnpm publish --access public --tag alpha\n```\n\nMake sure you purge NPM CDN cache for package, see [Purge npm cached tags](#purge-npm-cached-tags)\n\n### Update dependency in `vouch-app`\n\nEnsure you already cloned [vouch-app](https://github.com/VouchAU/vouch-app.git) locally then switch to the folder.\n\n```sh\ncd vouch-app\ngit checkout development\ngit pull\ngit merge feature/VCH-111 # Optional, only when you have code change dependency in vouch-app as well\nyarn upgrade @vouchfor/uikit@alpha\n```\n\nAfter upgrade, you should see version updates in both `package.json` and `yarn.lock`, but due to a known issue of `yarn`, please do these before committing changes\n\n- Manually roll back `package.json` (should always `\"@vouchfor/uikit\": \"alpha\"` for `development`).\n- run `yarn` again to update `yarn.lock`\n\n```sh\ngit commit -m \"Bumped uikit version\"\ngit push\n```\n\n## Staging (`staging.vouchfor.com`)\n\nUpdate `staging` environment is the same as [Development](#development-devvouchforcom) but remember to change cmd to `staging` specific\n\n```sh\nyarn package:beta\n```\n\n```sh\nnpm publish --access public --tag beta\n```\n\n```sh\ncd vouch-app\ngit checkout staging\ngit pull\ngit merge feature/VCH-111 # Optional, only when you have code change dependency in vouch-app as well\nyarn upgrade @vouchfor/uikit@beta\n```\n\n## Production (`app.vouchfor.com`)\n\nOne thing different when release to production, since `master` branch can only be merged by PRs (after code review), so you will need to run `yarn upgrade @vouchfor/uikit@latest` under you feature branch and commit **before merging the PR**.\n\n```sh\ngit checkout feature/VCH-111\nyarn upgrade upgrade @vouchfor/uikit@latest\ngit commit -m \"Bumped uikit version\"\ngit push\n```\n\n> When you run above cmd, your PR should be ready to merge (reviewed and QA tested)\n","engines":{"node":">=14.17.0"},"exports":{"./package.json":"./package.json","./embed/vouch-embed-all":{"import":"./embed/vouch-embed-all.js","default":"./embed/vouch-embed-all.js","require":"./embed/vouch-embed-all.cjs"},"./embed/vouch-embed-card":{"import":"./embed/vouch-embed-card.js","default":"./embed/vouch-embed-card.js","require":"./embed/vouch-embed-card.cjs"},"./embed/vouch-embed-jumbo":{"import":"./embed/vouch-embed-jumbo.js","default":"./embed/vouch-embed-jumbo.js","require":"./embed/vouch-embed-jumbo.cjs"},"./embed/vouch-embed-all.js":"./embed/vouch-embed-all.js","./embed/vouch-embed-button":{"import":"./embed/vouch-embed-button.js","default":"./embed/vouch-embed-button.js","require":"./embed/vouch-embed-button.cjs"},"./components/vouch-recorder":{"import":"./components/vouch-recorder.js","default":"./components/vouch-recorder.js","require":"./components/vouch-recorder.cjs"},"./embed/vouch-embed-popover":{"import":"./embed/vouch-embed-popover.js","default":"./embed/vouch-embed-popover.js","require":"./embed/vouch-embed-popover.cjs"},"./components/vouch-icon-play":{"import":"./components/vouch-icon-play.js","default":"./components/vouch-icon-play.js","require":"./components/vouch-icon-play.cjs"},"./embed/vouch-embed-dialogue":{"import":"./embed/vouch-embed-dialogue.js","default":"./embed/vouch-embed-dialogue.js","require":"./embed/vouch-embed-dialogue.cjs"},"./components/vouch-brand-logo":{"import":"./components/vouch-brand-logo.js","default":"./components/vouch-brand-logo.js","require":"./components/vouch-brand-logo.cjs"},"./components/vouch-icon-close":{"import":"./components/vouch-icon-close.js","default":"./components/vouch-icon-close.js","require":"./components/vouch-icon-close.cjs"},"./components/vouch-icon-pause":{"import":"./components/vouch-icon-pause.js","default":"./components/vouch-icon-pause.js","require":"./components/vouch-icon-pause.cjs"},"./components/vouch-media-plyr":{"import":"./components/vouch-media-plyr.js","default":"./components/vouch-media-plyr.js","require":"./components/vouch-media-plyr.cjs"},"./components/vouch-water-mark":{"import":"./components/vouch-water-mark.js","default":"./components/vouch-water-mark.js","require":"./components/vouch-water-mark.cjs"},"./embed/VouchEmbedCard.svelte":"./embed/VouchEmbedCard.svelte","./embed/vouch-embed-thumbnail":{"import":"./embed/vouch-embed-thumbnail.js","default":"./embed/vouch-embed-thumbnail.js","require":"./embed/vouch-embed-thumbnail.cjs"},"./embed/vouch-recorder-button":{"import":"./embed/vouch-recorder-button.js","default":"./embed/vouch-recorder-button.js","require":"./embed/vouch-recorder-button.cjs"},"./components/vouch-graphic-svg":{"import":"./components/vouch-graphic-svg.js","default":"./components/vouch-graphic-svg.js","require":"./components/vouch-graphic-svg.cjs"},"./embed/VouchEmbedJumbo.svelte":"./embed/VouchEmbedJumbo.svelte","./embed/VouchEmbedButton.svelte":"./embed/VouchEmbedButton.svelte","./embed/VouchEmbedPopover.svelte":"./embed/VouchEmbedPopover.svelte","./components/VouchIconPlay.svelte":"./components/VouchIconPlay.svelte","./components/VouchRecorder.svelte":"./components/VouchRecorder.svelte","./embed/VouchEmbedDialogue.svelte":"./embed/VouchEmbedDialogue.svelte","./embed/vouch-embed-inline-player":{"import":"./embed/vouch-embed-inline-player.js","default":"./embed/vouch-embed-inline-player.js","require":"./embed/vouch-embed-inline-player.cjs"},"./components/VouchBrandLogo.svelte":"./components/VouchBrandLogo.svelte","./components/VouchIconClose.svelte":"./components/VouchIconClose.svelte","./components/VouchIconPause.svelte":"./components/VouchIconPause.svelte","./components/VouchMediaPlyr.svelte":"./components/VouchMediaPlyr.svelte","./components/VouchWaterMark.svelte":"./components/VouchWaterMark.svelte","./components/vouch-icon-arrow-left":{"import":"./components/vouch-icon-arrow-left.js","default":"./components/vouch-icon-arrow-left.js","require":"./components/vouch-icon-arrow-left.cjs"},"./embed/VouchEmbedThumbnail.svelte":"./embed/VouchEmbedThumbnail.svelte","./embed/VouchRecorderButton.svelte":"./embed/VouchRecorderButton.svelte","./components/VouchGraphicSvg.svelte":"./components/VouchGraphicSvg.svelte","./components/vouch-icon-arrow-right":{"import":"./components/vouch-icon-arrow-right.js","default":"./components/vouch-icon-arrow-right.js","require":"./components/vouch-icon-arrow-right.cjs"},"./components/vouch-overlay-play-icon":{"import":"./components/vouch-overlay-play-icon.js","default":"./components/vouch-overlay-play-icon.js","require":"./components/vouch-overlay-play-icon.cjs"},"./embed/VouchEmbedInlinePlayer.svelte":"./embed/VouchEmbedInlinePlayer.svelte","./components/VouchIconArrowLeft.svelte":"./components/VouchIconArrowLeft.svelte","./components/VouchIconArrowRight.svelte":"./components/VouchIconArrowRight.svelte","./components/VouchOverlayPlayIcon.svelte":"./components/VouchOverlayPlayIcon.svelte"},"_npmUser":{"name":"vouch-tech","email":"brian@vouchfor.com"},"repository":{"url":"git+https://github.com/VouchAU/vouch-uikit.git","type":"git"},"_npmVersion":"6.14.13","description":"Vouch Svelte UIKit","directories":{},"lint-staged":{"*.{js,svelte}":"yarn lint"},"_nodeVersion":"14.17.0","dependencies":{"plyr":"^3.7.2","cookie":"^0.4.1","hls.js":"^1.1.5","core-js":"^3.16.3","postcss":"^7","@vime/core":"^5.3.1","tailwindcss":"npm:@tailwindcss/postcss7-compat","@lukeed/uuid":"^2.0.0","autoprefixer":"^9","whatwg-fetch":"^3.6.2","@fontsource/fira-mono":"^4.2.2"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^27.0.6","path":"^0.12.7","husky":"4","tslib":"^2.0.0","dotenv":"^10.0.0","eslint":"^7.22.0","rollup":"^2.55.1","svelte":"^3.34.0","prettier":"~2.2.1","babel-jest":"^27.0.6","svelte2tsx":"^0.4.3","typescript":"^4.0.0","@babel/core":"^7.14.8","@types/jest":"^26.0.24","lint-staged":"^11.1.1","svelte-check":"^2.0.0","@sveltejs/kit":"next","@types/cookie":"^0.4.0","svelte-jester":"^1.8.1","svelte-loader":"^3.1.2","@babel/preset-env":"^7.14.9","@storybook/svelte":"^6.3.6","svelte-preprocess":"^4.0.0","rollup-plugin-copy":"^3.4.0","rollup-plugin-svelte":"^7.1.0","rollup-plugin-terser":"^7.0.2","eslint-plugin-svelte3":"^3.2.0","@babel/runtime-corejs3":"^7.14.9","@rollup/plugin-replace":"^3.0.0","@storybook/addon-links":"^6.3.6","eslint-config-prettier":"^8.1.0","prettier-plugin-svelte":"^2.2.0","@rollup/plugin-commonjs":"^22.0.0","@testing-library/svelte":"^3.0.3","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@typescript-eslint/parser":"^4.19.0","@rollup/plugin-node-resolve":"^13.0.4","@storybook/addon-essentials":"^6.3.6","@typescript-eslint/eslint-plugin":"^4.19.0"},"_npmOperationalInternal":{"tmp":"tmp/uikit_5.3.6_1656573848787_0.8254019897853764","host":"s3://npm-registry-packages"}},"5.4.2":{"name":"@vouchfor/uikit","version":"5.4.2","keywords":["embed","design system","vouch-uikit","svelte","uikit"],"author":{"url":"https://vouchau.github.io/vouch-uikit","name":"Vouch Dev Team","email":"hello@vouchfor.com"},"license":"MIT","_id":"@vouchfor/uikit@5.4.2","maintainers":[{"name":"vouch-tech","email":"brian@vouchfor.com"}],"homepage":"https://vouchau.github.io/vouch-uikit","bugs":{"url":"https://github.com/VouchAU/vouch-uikit/issues"},"dist":{"shasum":"60e74ccf444b6303138e19dd23ee1c16beac9516","tarball":"https://registry.npmjs.org/@vouchfor/uikit/-/uikit-5.4.2.tgz","fileCount":211,"integrity":"sha512-Imr0dUo1zAiCYgSP2Vs34RVBU6pdQOrwLixPAnPpu/L47/6JnzPUiq6Cu/3ZYNMwuEvl9ZulX4sm4tu9ZQ8e+Q==","signatures":[{"sig":"MEYCIQCEgbkTvSgPhzjOjPKNkgkX4zWpa6FtbyNltm8gzPhcdgIhAIsxOunuYdWMaEWpPrgpnQUlu/ObifdzOeTf7131kDii","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":87484856,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJivomyACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmozBRAAgC5O7MQ34ft+/2QBAcR5b80hzm9aoDQzsLSXnyuIWvH7JLAs\r\n93S85ks/giBRZb2DwMgvdJOF0YIPb6P0RSc/LTtqtQjBSS0QkHhcPrbLKN/O\r\nkaeuM+4sFset9Q9bs4Ja40lZbxiOlHvZ+S5nonWowOcRuz7YI9UnTrw+iSvR\r\nlevbSY4QqQxnxjg9EG06VCjIsIamKYU242646kF9XLioDnxpuBOOTeNwtFkE\r\n3StWQDPQC/lu/0hradPvp83NW81RyX1jc2KCKUv3j7d78kuJP+0ri4XDSOTw\r\ni01vRUd2VsRlPzdlOhMJLD83fp89ATU0i53vWHME8Je/pKnUbrMscJBdjqge\r\nzrbVISzh8phVOx2AOFxHk+nXfX6GYlRQLAuc2JB/FVTZa8+vNmzA1IFGRPf4\r\nAlMKHKGUOi3X9ctsQ+KVnNwTO2Sld1HEBsne7PFz5zZK/xEy0iJo3wAVJPCH\r\ngY8VLpViAQisJuWkvJGUoIb5L8OZV6+8if1Pj0TmR5JNcW/+BB9hTlK7JWT+\r\n1I/D1cZdbr7ZvXwSXnZohO+1G4kTLhYHCBJRGXvZ2Bv/hlyKQGBzVc54K04T\r\nYXBBWIz1EMxM/gprVAWJ/URje7ulRMTNEbg6P+iRc0cfXH3A3H01+ILMq2pQ\r\nwS09VUbAvx718WbTGPlbD8sLVZRCF49gLck=\r\n=Wdxa\r\n-----END PGP SIGNATURE-----\r\n"},"type":"module","husky":{"hooks":{"pre-push":"yarn test --silent","pre-commit":"lint-staged"}},"types":"types.d.ts","readme":"# Vouch UIKit\n\n- [Get Started](#get-started)\n - [Storybook](#storybook)\n - [Build package](#build-package)\n - [Test package locally with vouch-app](#test-package-locally-with-vouch-app)\n - [Publish to npm](#publish-to-npm)\n - [Purge npm cache](#purge-npm-cached-tags)\n- [Update vouch-app](#update-vouch-app)\n - [development](#development-devvouchforcom)\n - [staging](#staging-stagingvouchforcom)\n - [production](#production-appvouchforcom)\n\n**Vouch UIKit** consists of `2 libraries` and `1 application`\n\n```bash\n└── src\n ├── lib\n │ ├── components # Design System Components (Web Component)\n │ │ ├── VouchBrandLogo.svelte\n │ │ ...\n │ │\n │ └── embed # embed Components (Web Component)\n │ │ ├── VouchEmbedInlinePlayer.svelte\n │ ...\n │\n │\n ├── routes # vouch public embed link (https://embed.vouchfor.com)\n │ ├── __layout.svelte\n │ ├── index.svelte\n │ ├── about.svelte\n │ ...\n │\n ├── app.css\n └── app.html\n```\n\n# Get Started\n\nEnsure you have node `14.17.0` installed on your machine, for example via [nvm](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/TERMINAL.md#install-nvm), run `nvm ls` to check\n\n```bash\nnvm ls 14\n```\n\nyou should see output if you have the version installed\n\n```bash\n-> v14.17.0\n```\n\nensure you have [git ssh](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/GITHUB.md) setup locally before you clone the repo\n\n```bash\ngit clone git@github.com:VouchAU/vouch-uikit.git\n```\n\ninstall dependencies\n\n```bash\ncd vouch-uikit\nyarn\n```\n\n## Storybook\n\nhttps://designsystem.vouchfor.com/\n\nStorybook is hosted on GitHub page `gh-pages` branch (Domain name is configured on **Cloudflare**) and deployed automatically via **GitHub Action** every time changes are merged back to `master`.\n\nLocal dev\n\n```bash\nyarn storybook\n```\n\nbuild storybook\n\n```bash\nyarn build-storybook\n```\n\n## Build package\n\nBuild `src/lib` production/beta/alpha package, make sure you change `version` in `package.json` for three different build tags.\n\n```sh\ncd vouch-uikit\n...\nyarn package:alpha # development\nyarn package:beta # staging\nyarn package # production\n```\n\n## Test package locally with `vouch-app`\n\nOnce you build the `npm` package, you can test locally with `vouch-app` to ensure everything works as expected before publishing to `npm`\n\nAssuming you build a package according [Build package](#build-package), now you can create a symlink to your local package\n\n```sh\ncd package\nyarn link\n```\n\nyou should see this if successfully linked\n\n```sh\nyarn link v1.22.10\nsuccess Registered \"@vouchfor/uikit\".\ninfo You can now run `yarn link \"@vouchfor/uikit\"` in the projects where you want to use this package and it will be used instead.\n✨ Done in 0.04s.\n```\n\ngo to `vouch-app` folder and switch to the branch you want to test against with then link the local package\n\n```sh\ncd vouch-app\ngit checkout VCH-222\nyarn link @vouchfor/uikit\nyarn dev\n```\n\nVoilà, you are testing your feature branch with the local uikit package and don't forget to roll back after testing\n\n```sh\ncd vouch-app\nyarn unlink @vouchfor/uikit\n...\ncd vouch-uikit/package\nyarn unlink\n```\n\n## Publish to `npm`\n\n> Note you will need to log in `vouch-tech` on your terminal before publishing, credential is shared via 1Password.\n\n```bash\nnpm login\n...\n```\n\n```bash\ncd package\n...\nnpm publish --access public --tag alpha # development\nnpm publish --access public --tag beta # staging\nnpm publish --access public # production\n```\n\n## Purge `jsdelivr` cache\n\n`@vouchfor/uikit` is most likely consumed by **tag**, `alpha`, `beta` and `latest`, not version number to ensure clients can always get the latest updates. [jsdelivr](https://cdn.jsdelivr.net/) default has 7 days cache for `tag`, so we need to purge it to reflect new version number.\n\n- Check current tag version number\n\n - [Click to check Alpha](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@alpha/)\n - [Click to check Beta](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@beta/)\n - [Click to check Production](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n- Purge cache\n - [Click to purge Alpha](https://purge.jsdelivr.net/npm/@vouchfor/uikit@alpha/)\n - [Click to purge Beta](https://purge.jsdelivr.net/npm/@vouchfor/uikit@beta/)\n - **_Danger_** [Click to purge Production](https://purge.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n### Purge specific bundle.js\n\nOur embed code snippet `src` attribute currently refers to a specific embed bundle js , for example\n\n```html\n\n
\n```\n\nIn this case, you will need to purge the bundle file specifically by providing absolute path\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/embed/{filename}.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/components/{filename}.bundle.js\n```\n\nfor example,\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@alpha/embed/vouch-embed-inline-player.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@beta/embed/vouch-embed-inline-player.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/embed/vouch-embed-inline-player.bundle.js\n```\n\n## Unit test\n\n```bash\nyarn test\n```\n\nupdate snapshot\n\n```bash\nyarn test -u\n```\n\n# Update `vouch-app`\n\n`@vouchfor/uikit` is a dependency of `vouch-app` for embeds and UI components, follow the below steps to publish NPM package and update `package.json` dependency in `vouch-app`.\n\n> Each PR should bump the minor version in `package.json` in order to push new version to NPM. e.g. `\"version\": \"3.9.0\"` in `main` branch, you should bump to `\"version\": \"3.10.0\"` in your branch.\n\n> The major version should only be used for releasing breaking changes. e.g. `3.0.0`, `4.0.0`\n\n## Development (`dev.vouchfor.com`)\n\nAssuming your branch bumped version in `package.json` to\n\n```json\n\"version\": \"3.10.0\"\n```\n\n### Bump patch version number\n\nEnsure your patch version number isn't used, e.g. if `3.10.0` was published before, bump to `3.10.1`.\n\n### Build and publish\n\n```sh\nyarn package:alpha\ncd package\nnpm publish --access public --tag alpha\n```\n\nMake sure you purge NPM CDN cache for package, see [Purge npm cached tags](#purge-npm-cached-tags)\n\n### Update dependency in `vouch-app`\n\nEnsure you already cloned [vouch-app](https://github.com/VouchAU/vouch-app.git) locally then switch to the folder.\n\n```sh\ncd vouch-app\ngit checkout development\ngit pull\ngit merge feature/VCH-111 # Optional, only when you have code change dependency in vouch-app as well\nyarn upgrade @vouchfor/uikit@alpha\n```\n\nAfter upgrade, you should see version updates in both `package.json` and `yarn.lock`, but due to a known issue of `yarn`, please do these before committing changes\n\n- Manually roll back `package.json` (should always `\"@vouchfor/uikit\": \"alpha\"` for `development`).\n- run `yarn` again to update `yarn.lock`\n\n```sh\ngit commit -m \"Bumped uikit version\"\ngit push\n```\n\n## Staging (`staging.vouchfor.com`)\n\nUpdate `staging` environment is the same as [Development](#development-devvouchforcom) but remember to change cmd to `staging` specific\n\n```sh\nyarn package:beta\n```\n\n```sh\nnpm publish --access public --tag beta\n```\n\n```sh\ncd vouch-app\ngit checkout staging\ngit pull\ngit merge feature/VCH-111 # Optional, only when you have code change dependency in vouch-app as well\nyarn upgrade @vouchfor/uikit@beta\n```\n\n## Production (`app.vouchfor.com`)\n\nOne thing different when release to production, since `master` branch can only be merged by PRs (after code review), so you will need to run `yarn upgrade @vouchfor/uikit@latest` under you feature branch and commit **before merging the PR**.\n\n```sh\ngit checkout feature/VCH-111\nyarn upgrade upgrade @vouchfor/uikit@latest\ngit commit -m \"Bumped uikit version\"\ngit push\n```\n\n> When you run above cmd, your PR should be ready to merge (reviewed and QA tested)\n","engines":{"node":">=14.17.0"},"exports":{"./package.json":"./package.json","./embed/vouch-embed-all":{"import":"./embed/vouch-embed-all.js","default":"./embed/vouch-embed-all.js","require":"./embed/vouch-embed-all.cjs"},"./embed/vouch-embed-card":{"import":"./embed/vouch-embed-card.js","default":"./embed/vouch-embed-card.js","require":"./embed/vouch-embed-card.cjs"},"./embed/vouch-embed-jumbo":{"import":"./embed/vouch-embed-jumbo.js","default":"./embed/vouch-embed-jumbo.js","require":"./embed/vouch-embed-jumbo.cjs"},"./embed/vouch-embed-all.js":"./embed/vouch-embed-all.js","./embed/vouch-embed-button":{"import":"./embed/vouch-embed-button.js","default":"./embed/vouch-embed-button.js","require":"./embed/vouch-embed-button.cjs"},"./components/vouch-recorder":{"import":"./components/vouch-recorder.js","default":"./components/vouch-recorder.js","require":"./components/vouch-recorder.cjs"},"./embed/vouch-embed-popover":{"import":"./embed/vouch-embed-popover.js","default":"./embed/vouch-embed-popover.js","require":"./embed/vouch-embed-popover.cjs"},"./components/vouch-icon-play":{"import":"./components/vouch-icon-play.js","default":"./components/vouch-icon-play.js","require":"./components/vouch-icon-play.cjs"},"./embed/vouch-embed-dialogue":{"import":"./embed/vouch-embed-dialogue.js","default":"./embed/vouch-embed-dialogue.js","require":"./embed/vouch-embed-dialogue.cjs"},"./components/vouch-brand-logo":{"import":"./components/vouch-brand-logo.js","default":"./components/vouch-brand-logo.js","require":"./components/vouch-brand-logo.cjs"},"./components/vouch-icon-close":{"import":"./components/vouch-icon-close.js","default":"./components/vouch-icon-close.js","require":"./components/vouch-icon-close.cjs"},"./components/vouch-icon-pause":{"import":"./components/vouch-icon-pause.js","default":"./components/vouch-icon-pause.js","require":"./components/vouch-icon-pause.cjs"},"./components/vouch-media-plyr":{"import":"./components/vouch-media-plyr.js","default":"./components/vouch-media-plyr.js","require":"./components/vouch-media-plyr.cjs"},"./components/vouch-water-mark":{"import":"./components/vouch-water-mark.js","default":"./components/vouch-water-mark.js","require":"./components/vouch-water-mark.cjs"},"./embed/VouchEmbedCard.svelte":"./embed/VouchEmbedCard.svelte","./embed/vouch-embed-thumbnail":{"import":"./embed/vouch-embed-thumbnail.js","default":"./embed/vouch-embed-thumbnail.js","require":"./embed/vouch-embed-thumbnail.cjs"},"./embed/vouch-recorder-button":{"import":"./embed/vouch-recorder-button.js","default":"./embed/vouch-recorder-button.js","require":"./embed/vouch-recorder-button.cjs"},"./components/vouch-graphic-svg":{"import":"./components/vouch-graphic-svg.js","default":"./components/vouch-graphic-svg.js","require":"./components/vouch-graphic-svg.cjs"},"./embed/VouchEmbedJumbo.svelte":"./embed/VouchEmbedJumbo.svelte","./embed/VouchEmbedButton.svelte":"./embed/VouchEmbedButton.svelte","./embed/VouchEmbedPopover.svelte":"./embed/VouchEmbedPopover.svelte","./components/VouchIconPlay.svelte":"./components/VouchIconPlay.svelte","./components/VouchRecorder.svelte":"./components/VouchRecorder.svelte","./embed/VouchEmbedDialogue.svelte":"./embed/VouchEmbedDialogue.svelte","./embed/vouch-embed-inline-player":{"import":"./embed/vouch-embed-inline-player.js","default":"./embed/vouch-embed-inline-player.js","require":"./embed/vouch-embed-inline-player.cjs"},"./components/VouchBrandLogo.svelte":"./components/VouchBrandLogo.svelte","./components/VouchIconClose.svelte":"./components/VouchIconClose.svelte","./components/VouchIconPause.svelte":"./components/VouchIconPause.svelte","./components/VouchMediaPlyr.svelte":"./components/VouchMediaPlyr.svelte","./components/VouchWaterMark.svelte":"./components/VouchWaterMark.svelte","./components/vouch-icon-arrow-left":{"import":"./components/vouch-icon-arrow-left.js","default":"./components/vouch-icon-arrow-left.js","require":"./components/vouch-icon-arrow-left.cjs"},"./embed/VouchEmbedThumbnail.svelte":"./embed/VouchEmbedThumbnail.svelte","./embed/VouchRecorderButton.svelte":"./embed/VouchRecorderButton.svelte","./components/VouchGraphicSvg.svelte":"./components/VouchGraphicSvg.svelte","./components/vouch-icon-arrow-right":{"import":"./components/vouch-icon-arrow-right.js","default":"./components/vouch-icon-arrow-right.js","require":"./components/vouch-icon-arrow-right.cjs"},"./components/vouch-overlay-play-icon":{"import":"./components/vouch-overlay-play-icon.js","default":"./components/vouch-overlay-play-icon.js","require":"./components/vouch-overlay-play-icon.cjs"},"./embed/VouchEmbedInlinePlayer.svelte":"./embed/VouchEmbedInlinePlayer.svelte","./components/VouchIconArrowLeft.svelte":"./components/VouchIconArrowLeft.svelte","./components/VouchIconArrowRight.svelte":"./components/VouchIconArrowRight.svelte","./components/VouchOverlayPlayIcon.svelte":"./components/VouchOverlayPlayIcon.svelte"},"_npmUser":{"name":"vouch-tech","email":"brian@vouchfor.com"},"repository":{"url":"git+https://github.com/VouchAU/vouch-uikit.git","type":"git"},"_npmVersion":"6.14.13","description":"Vouch Svelte UIKit","directories":{},"lint-staged":{"*.{js,svelte}":"yarn lint"},"_nodeVersion":"14.17.0","dependencies":{"plyr":"^3.7.2","cookie":"^0.4.1","hls.js":"^1.1.5","core-js":"^3.16.3","postcss":"^7","@vime/core":"^5.3.1","tailwindcss":"npm:@tailwindcss/postcss7-compat","@lukeed/uuid":"^2.0.0","autoprefixer":"^9","whatwg-fetch":"^3.6.2","@fontsource/fira-mono":"^4.2.2"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^27.0.6","path":"^0.12.7","husky":"4","tslib":"^2.0.0","dotenv":"^10.0.0","eslint":"^7.22.0","rollup":"^2.55.1","svelte":"^3.34.0","prettier":"~2.2.1","babel-jest":"^27.0.6","svelte2tsx":"^0.4.3","typescript":"^4.0.0","@babel/core":"^7.14.8","@types/jest":"^26.0.24","lint-staged":"^11.1.1","svelte-check":"^2.0.0","@sveltejs/kit":"next","@types/cookie":"^0.4.0","svelte-jester":"^1.8.1","svelte-loader":"^3.1.2","@babel/preset-env":"^7.14.9","@storybook/svelte":"^6.3.6","svelte-preprocess":"^4.0.0","rollup-plugin-copy":"^3.4.0","rollup-plugin-svelte":"^7.1.0","rollup-plugin-terser":"^7.0.2","eslint-plugin-svelte3":"^3.2.0","@babel/runtime-corejs3":"^7.14.9","@rollup/plugin-replace":"^3.0.0","@storybook/addon-links":"^6.3.6","eslint-config-prettier":"^8.1.0","prettier-plugin-svelte":"^2.2.0","@rollup/plugin-commonjs":"^22.0.0","@testing-library/svelte":"^3.0.3","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@typescript-eslint/parser":"^4.19.0","@rollup/plugin-node-resolve":"^13.0.4","@storybook/addon-essentials":"^6.3.6","@typescript-eslint/eslint-plugin":"^4.19.0"},"_npmOperationalInternal":{"tmp":"tmp/uikit_5.4.2_1656654257994_0.2812442780157587","host":"s3://npm-registry-packages"}},"5.3.7":{"name":"@vouchfor/uikit","version":"5.3.7","keywords":["embed","design system","vouch-uikit","svelte","uikit"],"author":{"url":"https://vouchau.github.io/vouch-uikit","name":"Vouch Dev Team","email":"hello@vouchfor.com"},"license":"MIT","_id":"@vouchfor/uikit@5.3.7","maintainers":[{"name":"vouch-tech","email":"brian@vouchfor.com"}],"homepage":"https://vouchau.github.io/vouch-uikit","bugs":{"url":"https://github.com/VouchAU/vouch-uikit/issues"},"dist":{"shasum":"e247d5e8ad2778ecda9488799be22929212121e6","tarball":"https://registry.npmjs.org/@vouchfor/uikit/-/uikit-5.3.7.tgz","fileCount":211,"integrity":"sha512-weZLeH4YwOZYrXCZjruX7nofo7FpGsKqLtK3v9ehIN0yuLniI7eQO2gDrzhTV1x85P/FRN9L3YAnSNl+yDYA3Q==","signatures":[{"sig":"MEQCIDHpDwqiR+Vh3ae+s/CdebJeBAaOAUKFbzmp81toYp3gAiA/wB4dlrTWV1YBXyqkuUQhXCjZfMIE94/bRQloT9iBjA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":86419318,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiwjjlACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpQgBAAnEiddfWb6AHhNlISDhix9eXCbTWBy14xYjjgWN82cN16PKAx\r\nC4xBQ6mjwZoDOlT+cTrGQQgaFpBwEaJLH7sZb0ZvSINDKl9jqjhhlIRCJTad\r\n6PptGrqvjHTmABAAvEo88LUBk0xeBnV5ci1M3vqEMpU0Tv0WNJvKbk65QYVT\r\nrzOh4lfdc6HLhCYGxL5VJy2F06XdFK2/QlnB9cAkx9gHsFbGv81u0jGomiLj\r\nHtLXyMRL3bH8KxXSc4MhREbULg33njCgFd1j+DcLIJV0tDnKsr4+uSO6XoOx\r\nvA4Eeyc8lHv7reQJpeodVo8/XY/Q4tQRHeJDXiTP3BoL0oHH07b/COXLCHvK\r\n8MZMpMrbqj8H7/0aZnxeMmH8VRF6EDpFVO71WNmZoGKJJv0enDarP/eLmYT/\r\nAczi2wcuZgdVM55pAY7eoEPnoCtT34naBZXaxyCbh54N6R2ghTbIiJHg6M3T\r\nhqn2eLBO+JsvAvjEhocgMSXeGmSvgYWdQA4XK64xK85x27wbKXTrtSf8wG7G\r\n93fXCRQQssAtneM7sjSvgfqzi4y7dC6fjQZlsAjQmNtsZkwR19pVb6FRlMBb\r\nQx2qV7vIwLe2t7/NSwRugeWFSjYH2zQSwdJ5n0n5PU/O3G4vSijJfv4KplH+\r\nfWw+OT2L65PLZuQpw0bD1zQRrMnckgcXz8g=\r\n=B451\r\n-----END PGP SIGNATURE-----\r\n"},"type":"module","husky":{"hooks":{"pre-push":"yarn test --silent","pre-commit":"lint-staged"}},"types":"types.d.ts","readme":"# Vouch UIKit\n\n- [Get Started](#get-started)\n - [Storybook](#storybook)\n - [Build package](#build-package)\n - [Test package locally with vouch-app](#test-package-locally-with-vouch-app)\n - [Publish to npm](#publish-to-npm)\n - [Purge npm cache](#purge-npm-cached-tags)\n- [Update vouch-app](#update-vouch-app)\n - [development](#development-devvouchforcom)\n - [staging](#staging-stagingvouchforcom)\n - [production](#production-appvouchforcom)\n\n**Vouch UIKit** consists of `2 libraries` and `1 application`\n\n```bash\n└── src\n ├── lib\n │ ├── components # Design System Components (Web Component)\n │ │ ├── VouchBrandLogo.svelte\n │ │ ...\n │ │\n │ └── embed # embed Components (Web Component)\n │ │ ├── VouchEmbedInlinePlayer.svelte\n │ ...\n │\n │\n ├── routes # vouch public embed link (https://embed.vouchfor.com)\n │ ├── __layout.svelte\n │ ├── index.svelte\n │ ├── about.svelte\n │ ...\n │\n ├── app.css\n └── app.html\n```\n\n# Get Started\n\nEnsure you have node `14.17.0` installed on your machine, for example via [nvm](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/TERMINAL.md#install-nvm), run `nvm ls` to check\n\n```bash\nnvm ls 14\n```\n\nyou should see output if you have the version installed\n\n```bash\n-> v14.17.0\n```\n\nensure you have [git ssh](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/GITHUB.md) setup locally before you clone the repo\n\n```bash\ngit clone git@github.com:VouchAU/vouch-uikit.git\n```\n\ninstall dependencies\n\n```bash\ncd vouch-uikit\nyarn\n```\n\n## Storybook\n\nhttps://designsystem.vouchfor.com/\n\nStorybook is hosted on GitHub page `gh-pages` branch (Domain name is configured on **Cloudflare**) and deployed automatically via **GitHub Action** every time changes are merged back to `master`.\n\nLocal dev\n\n```bash\nyarn storybook\n```\n\nbuild storybook\n\n```bash\nyarn build-storybook\n```\n\n## Build package\n\nBuild `src/lib` production/beta/alpha package, make sure you change `version` in `package.json` for three different build tags.\n\n```sh\ncd vouch-uikit\n...\nyarn package:alpha # development\nyarn package:beta # staging\nyarn package # production\n```\n\n## Test package locally with `vouch-app`\n\nOnce you build the `npm` package, you can test locally with `vouch-app` to ensure everything works as expected before publishing to `npm`\n\nAssuming you build a package according [Build package](#build-package), now you can create a symlink to your local package\n\n```sh\ncd package\nyarn link\n```\n\nyou should see this if successfully linked\n\n```sh\nyarn link v1.22.10\nsuccess Registered \"@vouchfor/uikit\".\ninfo You can now run `yarn link \"@vouchfor/uikit\"` in the projects where you want to use this package and it will be used instead.\n✨ Done in 0.04s.\n```\n\ngo to `vouch-app` folder and switch to the branch you want to test against with then link the local package\n\n```sh\ncd vouch-app\ngit checkout VCH-222\nyarn link @vouchfor/uikit\nyarn dev\n```\n\nVoilà, you are testing your feature branch with the local uikit package and don't forget to roll back after testing\n\n```sh\ncd vouch-app\nyarn unlink @vouchfor/uikit\n...\ncd vouch-uikit/package\nyarn unlink\n```\n\n## Publish to `npm`\n\n> Note you will need to log in `vouch-tech` on your terminal before publishing, credential is shared via 1Password.\n\n```bash\nnpm login\n...\n```\n\n```bash\ncd package\n...\nnpm publish --access public --tag alpha # development\nnpm publish --access public --tag beta # staging\nnpm publish --access public # production\n```\n\n## Purge `jsdelivr` cache\n\n`@vouchfor/uikit` is most likely consumed by **tag**, `alpha`, `beta` and `latest`, not version number to ensure clients can always get the latest updates. [jsdelivr](https://cdn.jsdelivr.net/) default has 7 days cache for `tag`, so we need to purge it to reflect new version number.\n\n- Check current tag version number\n\n - [Click to check Alpha](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@alpha/)\n - [Click to check Beta](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@beta/)\n - [Click to check Production](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n- Purge cache\n - [Click to purge Alpha](https://purge.jsdelivr.net/npm/@vouchfor/uikit@alpha/)\n - [Click to purge Beta](https://purge.jsdelivr.net/npm/@vouchfor/uikit@beta/)\n - **_Danger_** [Click to purge Production](https://purge.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n### Purge specific bundle.js\n\nOur embed code snippet `src` attribute currently refers to a specific embed bundle js , for example\n\n```html\n\n
\n```\n\nIn this case, you will need to purge the bundle file specifically by providing absolute path\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/embed/{filename}.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/components/{filename}.bundle.js\n```\n\nfor example,\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@alpha/embed/vouch-embed-inline-player.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@beta/embed/vouch-embed-inline-player.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/embed/vouch-embed-inline-player.bundle.js\n```\n\n## Unit test\n\n```bash\nyarn test\n```\n\nupdate snapshot\n\n```bash\nyarn test -u\n```\n\n# Update `vouch-app`\n\n`@vouchfor/uikit` is a dependency of `vouch-app` for embeds and UI components, follow the below steps to publish NPM package and update `package.json` dependency in `vouch-app`.\n\n> Each PR should bump the minor version in `package.json` in order to push new version to NPM. e.g. `\"version\": \"3.9.0\"` in `main` branch, you should bump to `\"version\": \"3.10.0\"` in your branch.\n\n> The major version should only be used for releasing breaking changes. e.g. `3.0.0`, `4.0.0`\n\n## Development (`dev.vouchfor.com`)\n\nAssuming your branch bumped version in `package.json` to\n\n```json\n\"version\": \"3.10.0\"\n```\n\n### Bump patch version number\n\nEnsure your patch version number isn't used, e.g. if `3.10.0` was published before, bump to `3.10.1`.\n\n### Build and publish\n\n```sh\nyarn package:alpha\ncd package\nnpm publish --access public --tag alpha\n```\n\nMake sure you purge NPM CDN cache for package, see [Purge npm cached tags](#purge-npm-cached-tags)\n\n### Update dependency in `vouch-app`\n\nEnsure you already cloned [vouch-app](https://github.com/VouchAU/vouch-app.git) locally then switch to the folder.\n\n```sh\ncd vouch-app\ngit checkout development\ngit pull\ngit merge feature/VCH-111 # Optional, only when you have code change dependency in vouch-app as well\nyarn upgrade @vouchfor/uikit@alpha\n```\n\nAfter upgrade, you should see version updates in both `package.json` and `yarn.lock`, but due to a known issue of `yarn`, please do these before committing changes\n\n- Manually roll back `package.json` (should always `\"@vouchfor/uikit\": \"alpha\"` for `development`).\n- run `yarn` again to update `yarn.lock`\n\n```sh\ngit commit -m \"Bumped uikit version\"\ngit push\n```\n\n## Staging (`staging.vouchfor.com`)\n\nUpdate `staging` environment is the same as [Development](#development-devvouchforcom) but remember to change cmd to `staging` specific\n\n```sh\nyarn package:beta\n```\n\n```sh\nnpm publish --access public --tag beta\n```\n\n```sh\ncd vouch-app\ngit checkout staging\ngit pull\ngit merge feature/VCH-111 # Optional, only when you have code change dependency in vouch-app as well\nyarn upgrade @vouchfor/uikit@beta\n```\n\n## Production (`app.vouchfor.com`)\n\nOne thing different when release to production, since `master` branch can only be merged by PRs (after code review), so you will need to run `yarn upgrade @vouchfor/uikit@latest` under you feature branch and commit **before merging the PR**.\n\n```sh\ngit checkout feature/VCH-111\nyarn upgrade upgrade @vouchfor/uikit@latest\ngit commit -m \"Bumped uikit version\"\ngit push\n```\n\n> When you run above cmd, your PR should be ready to merge (reviewed and QA tested)\n","engines":{"node":">=14.17.0"},"exports":{"./package.json":"./package.json","./embed/vouch-embed-all":{"import":"./embed/vouch-embed-all.js","default":"./embed/vouch-embed-all.js","require":"./embed/vouch-embed-all.cjs"},"./embed/vouch-embed-card":{"import":"./embed/vouch-embed-card.js","default":"./embed/vouch-embed-card.js","require":"./embed/vouch-embed-card.cjs"},"./embed/vouch-embed-jumbo":{"import":"./embed/vouch-embed-jumbo.js","default":"./embed/vouch-embed-jumbo.js","require":"./embed/vouch-embed-jumbo.cjs"},"./embed/vouch-embed-all.js":"./embed/vouch-embed-all.js","./embed/vouch-embed-button":{"import":"./embed/vouch-embed-button.js","default":"./embed/vouch-embed-button.js","require":"./embed/vouch-embed-button.cjs"},"./components/vouch-recorder":{"import":"./components/vouch-recorder.js","default":"./components/vouch-recorder.js","require":"./components/vouch-recorder.cjs"},"./embed/vouch-embed-popover":{"import":"./embed/vouch-embed-popover.js","default":"./embed/vouch-embed-popover.js","require":"./embed/vouch-embed-popover.cjs"},"./components/vouch-icon-play":{"import":"./components/vouch-icon-play.js","default":"./components/vouch-icon-play.js","require":"./components/vouch-icon-play.cjs"},"./embed/vouch-embed-dialogue":{"import":"./embed/vouch-embed-dialogue.js","default":"./embed/vouch-embed-dialogue.js","require":"./embed/vouch-embed-dialogue.cjs"},"./components/vouch-brand-logo":{"import":"./components/vouch-brand-logo.js","default":"./components/vouch-brand-logo.js","require":"./components/vouch-brand-logo.cjs"},"./components/vouch-icon-close":{"import":"./components/vouch-icon-close.js","default":"./components/vouch-icon-close.js","require":"./components/vouch-icon-close.cjs"},"./components/vouch-icon-pause":{"import":"./components/vouch-icon-pause.js","default":"./components/vouch-icon-pause.js","require":"./components/vouch-icon-pause.cjs"},"./components/vouch-media-plyr":{"import":"./components/vouch-media-plyr.js","default":"./components/vouch-media-plyr.js","require":"./components/vouch-media-plyr.cjs"},"./components/vouch-water-mark":{"import":"./components/vouch-water-mark.js","default":"./components/vouch-water-mark.js","require":"./components/vouch-water-mark.cjs"},"./embed/VouchEmbedCard.svelte":"./embed/VouchEmbedCard.svelte","./embed/vouch-embed-thumbnail":{"import":"./embed/vouch-embed-thumbnail.js","default":"./embed/vouch-embed-thumbnail.js","require":"./embed/vouch-embed-thumbnail.cjs"},"./embed/vouch-recorder-button":{"import":"./embed/vouch-recorder-button.js","default":"./embed/vouch-recorder-button.js","require":"./embed/vouch-recorder-button.cjs"},"./components/vouch-graphic-svg":{"import":"./components/vouch-graphic-svg.js","default":"./components/vouch-graphic-svg.js","require":"./components/vouch-graphic-svg.cjs"},"./embed/VouchEmbedJumbo.svelte":"./embed/VouchEmbedJumbo.svelte","./embed/VouchEmbedButton.svelte":"./embed/VouchEmbedButton.svelte","./embed/VouchEmbedPopover.svelte":"./embed/VouchEmbedPopover.svelte","./components/VouchIconPlay.svelte":"./components/VouchIconPlay.svelte","./components/VouchRecorder.svelte":"./components/VouchRecorder.svelte","./embed/VouchEmbedDialogue.svelte":"./embed/VouchEmbedDialogue.svelte","./embed/vouch-embed-inline-player":{"import":"./embed/vouch-embed-inline-player.js","default":"./embed/vouch-embed-inline-player.js","require":"./embed/vouch-embed-inline-player.cjs"},"./components/VouchBrandLogo.svelte":"./components/VouchBrandLogo.svelte","./components/VouchIconClose.svelte":"./components/VouchIconClose.svelte","./components/VouchIconPause.svelte":"./components/VouchIconPause.svelte","./components/VouchMediaPlyr.svelte":"./components/VouchMediaPlyr.svelte","./components/VouchWaterMark.svelte":"./components/VouchWaterMark.svelte","./components/vouch-icon-arrow-left":{"import":"./components/vouch-icon-arrow-left.js","default":"./components/vouch-icon-arrow-left.js","require":"./components/vouch-icon-arrow-left.cjs"},"./embed/VouchEmbedThumbnail.svelte":"./embed/VouchEmbedThumbnail.svelte","./embed/VouchRecorderButton.svelte":"./embed/VouchRecorderButton.svelte","./components/VouchGraphicSvg.svelte":"./components/VouchGraphicSvg.svelte","./components/vouch-icon-arrow-right":{"import":"./components/vouch-icon-arrow-right.js","default":"./components/vouch-icon-arrow-right.js","require":"./components/vouch-icon-arrow-right.cjs"},"./components/vouch-overlay-play-icon":{"import":"./components/vouch-overlay-play-icon.js","default":"./components/vouch-overlay-play-icon.js","require":"./components/vouch-overlay-play-icon.cjs"},"./embed/VouchEmbedInlinePlayer.svelte":"./embed/VouchEmbedInlinePlayer.svelte","./components/VouchIconArrowLeft.svelte":"./components/VouchIconArrowLeft.svelte","./components/VouchIconArrowRight.svelte":"./components/VouchIconArrowRight.svelte","./components/VouchOverlayPlayIcon.svelte":"./components/VouchOverlayPlayIcon.svelte"},"_npmUser":{"name":"vouch-tech","email":"brian@vouchfor.com"},"repository":{"url":"git+https://github.com/VouchAU/vouch-uikit.git","type":"git"},"_npmVersion":"6.14.13","description":"Vouch Svelte UIKit","directories":{},"lint-staged":{"*.{js,svelte}":"yarn lint"},"_nodeVersion":"14.17.0","dependencies":{"plyr":"^3.7.2","cookie":"^0.4.1","hls.js":"^1.1.5","core-js":"^3.16.3","postcss":"^7","@vime/core":"^5.3.1","tailwindcss":"npm:@tailwindcss/postcss7-compat","@lukeed/uuid":"^2.0.0","autoprefixer":"^9","whatwg-fetch":"^3.6.2","@fontsource/fira-mono":"^4.2.2"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^27.0.6","path":"^0.12.7","husky":"4","tslib":"^2.0.0","dotenv":"^10.0.0","eslint":"^7.22.0","rollup":"^2.55.1","svelte":"^3.34.0","prettier":"~2.2.1","babel-jest":"^27.0.6","svelte2tsx":"^0.4.3","typescript":"^4.0.0","@babel/core":"^7.14.8","@types/jest":"^26.0.24","lint-staged":"^11.1.1","svelte-check":"^2.0.0","@sveltejs/kit":"next","@types/cookie":"^0.4.0","svelte-jester":"^1.8.1","svelte-loader":"^3.1.2","@babel/preset-env":"^7.14.9","@storybook/svelte":"^6.3.6","svelte-preprocess":"^4.0.0","rollup-plugin-copy":"^3.4.0","rollup-plugin-svelte":"^7.1.0","rollup-plugin-terser":"^7.0.2","eslint-plugin-svelte3":"^3.2.0","@babel/runtime-corejs3":"^7.14.9","@rollup/plugin-replace":"^3.0.0","@storybook/addon-links":"^6.3.6","eslint-config-prettier":"^8.1.0","prettier-plugin-svelte":"^2.2.0","@rollup/plugin-commonjs":"^22.0.0","@testing-library/svelte":"^3.0.3","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@typescript-eslint/parser":"^4.19.0","@rollup/plugin-node-resolve":"^13.0.4","@storybook/addon-essentials":"^6.3.6","@typescript-eslint/eslint-plugin":"^4.19.0"},"_npmOperationalInternal":{"tmp":"tmp/uikit_5.3.7_1656895717113_0.7103441008210172","host":"s3://npm-registry-packages"}},"5.4.3":{"name":"@vouchfor/uikit","version":"5.4.3","keywords":["embed","design system","vouch-uikit","svelte","uikit"],"author":{"url":"https://vouchau.github.io/vouch-uikit","name":"Vouch Dev Team","email":"hello@vouchfor.com"},"license":"MIT","_id":"@vouchfor/uikit@5.4.3","maintainers":[{"name":"vouch-tech","email":"brian@vouchfor.com"}],"homepage":"https://vouchau.github.io/vouch-uikit","bugs":{"url":"https://github.com/VouchAU/vouch-uikit/issues"},"dist":{"shasum":"2c2d2c31a0fc95fdc9b625851e4d73d89dc67127","tarball":"https://registry.npmjs.org/@vouchfor/uikit/-/uikit-5.4.3.tgz","fileCount":211,"integrity":"sha512-mEYzcvjk2zh8bt2O2VoKihSMU8XVbT6YUHFX8Z1kW4OahIMd+EE8d7aTYgLT7TqwxM/Cc3DkQq9DSkKYf3OiGA==","signatures":[{"sig":"MEUCIQCbGvb0EkpPYqV9rldmrBobvv7nQB2u+RdSmyuOpDsn0wIgFRUxsAuON+3u0YKWj0EgorsATZiE4cNzYW4sCV30d98=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":87639890,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiw84OACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpERA/+KBLYVJ2Q//6xOMlMRa/RYIRoW+DLZwjuQm9KtjpKubKpT6/h\r\nYK2/757J2BICNhmMuKQlxD6Yl4sW0KBsKXAwFDkCq5/AXAvAxzyxHMWnFcFN\r\ne/IKXTEBcsx4N9jzTwCuMgPI6KDbNLcqohy0lOnRPcMAZezQRJMyLBlEO3WK\r\nSSNXfUbupI1UTyKf3N9OpSndKAu1sQitdECIzRsZLmh3dN0HvTaywxcVoEGz\r\namlo5ULnQFLFcUS0CCb0v6znu9wIANTF8N6ZjuG/K9iLjn9Akp7+VzxJIWHt\r\nY0OqkDU0qDtM8dOghyU1gMlHlvNVuUL/e42h+g9wHJyVNUVT1zt0sCs2QDbj\r\ndq1f1+FZbWAGEHzUQ8OFxyNAwzfawRFsKno8rkqzkYKbH58F3eKiHC3yDe6L\r\nACH8ynpPPbFfW3IDambjsh4pcn6vhrFuBN9Ag7LO/KiN6SOBcas8XSd7W8Z2\r\ne8YOZysO3wUqwVyGT4TDj1zL0oeWtZvTFBz1JYpuvfdLegZyWzJpD7o88q/M\r\neb72o3adP/EFGK7/PjpD1An7voaxGdd9O+EOgMGnibki34LOWSSV8ECRPUAg\r\ngIFtRCbeWI5PWbakv9wFpSBzj2M7HrKmuuCfwuv6q30WmSvj2y6uy/EOIwc6\r\n6ROiF1d/EZAa3eSXVhnjdYRYcpmBcuf81ho=\r\n=F4qy\r\n-----END PGP SIGNATURE-----\r\n"},"type":"module","husky":{"hooks":{"pre-push":"yarn test --silent","pre-commit":"lint-staged"}},"types":"types.d.ts","readme":"# Vouch UIKit\n\n- [Get Started](#get-started)\n - [Storybook](#storybook)\n - [Build package](#build-package)\n - [Test package locally with vouch-app](#test-package-locally-with-vouch-app)\n - [Publish to npm](#publish-to-npm)\n - [Purge npm cache](#purge-npm-cached-tags)\n- [Update vouch-app](#update-vouch-app)\n - [development](#development-devvouchforcom)\n - [staging](#staging-stagingvouchforcom)\n - [production](#production-appvouchforcom)\n\n**Vouch UIKit** consists of `2 libraries` and `1 application`\n\n```bash\n└── src\n ├── lib\n │ ├── components # Design System Components (Web Component)\n │ │ ├── VouchBrandLogo.svelte\n │ │ ...\n │ │\n │ └── embed # embed Components (Web Component)\n │ │ ├── VouchEmbedInlinePlayer.svelte\n │ ...\n │\n │\n ├── routes # vouch public embed link (https://embed.vouchfor.com)\n │ ├── __layout.svelte\n │ ├── index.svelte\n │ ├── about.svelte\n │ ...\n │\n ├── app.css\n └── app.html\n```\n\n# Get Started\n\nEnsure you have node `14.17.0` installed on your machine, for example via [nvm](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/TERMINAL.md#install-nvm), run `nvm ls` to check\n\n```bash\nnvm ls 14\n```\n\nyou should see output if you have the version installed\n\n```bash\n-> v14.17.0\n```\n\nensure you have [git ssh](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/GITHUB.md) setup locally before you clone the repo\n\n```bash\ngit clone git@github.com:VouchAU/vouch-uikit.git\n```\n\ninstall dependencies\n\n```bash\ncd vouch-uikit\nyarn\n```\n\n## Storybook\n\nhttps://designsystem.vouchfor.com/\n\nStorybook is hosted on GitHub page `gh-pages` branch (Domain name is configured on **Cloudflare**) and deployed automatically via **GitHub Action** every time changes are merged back to `master`.\n\nLocal dev\n\n```bash\nyarn storybook\n```\n\nbuild storybook\n\n```bash\nyarn build-storybook\n```\n\n## Build package\n\nBuild `src/lib` production/beta/alpha package, make sure you change `version` in `package.json` for three different build tags.\n\n```sh\ncd vouch-uikit\n...\nyarn package:alpha # development\nyarn package:beta # staging\nyarn package # production\n```\n\n## Test package locally with `vouch-app`\n\nOnce you build the `npm` package, you can test locally with `vouch-app` to ensure everything works as expected before publishing to `npm`\n\nAssuming you build a package according [Build package](#build-package), now you can create a symlink to your local package\n\n```sh\ncd package\nyarn link\n```\n\nyou should see this if successfully linked\n\n```sh\nyarn link v1.22.10\nsuccess Registered \"@vouchfor/uikit\".\ninfo You can now run `yarn link \"@vouchfor/uikit\"` in the projects where you want to use this package and it will be used instead.\n✨ Done in 0.04s.\n```\n\ngo to `vouch-app` folder and switch to the branch you want to test against with then link the local package\n\n```sh\ncd vouch-app\ngit checkout VCH-222\nyarn link @vouchfor/uikit\nyarn dev\n```\n\nVoilà, you are testing your feature branch with the local uikit package and don't forget to roll back after testing\n\n```sh\ncd vouch-app\nyarn unlink @vouchfor/uikit\n...\ncd vouch-uikit/package\nyarn unlink\n```\n\n## Publish to `npm`\n\n> Note you will need to log in `vouch-tech` on your terminal before publishing, credential is shared via 1Password.\n\n```bash\nnpm login\n...\n```\n\n```bash\ncd package\n...\nnpm publish --access public --tag alpha # development\nnpm publish --access public --tag beta # staging\nnpm publish --access public # production\n```\n\n## Purge `jsdelivr` cache\n\n`@vouchfor/uikit` is most likely consumed by **tag**, `alpha`, `beta` and `latest`, not version number to ensure clients can always get the latest updates. [jsdelivr](https://cdn.jsdelivr.net/) default has 7 days cache for `tag`, so we need to purge it to reflect new version number.\n\n- Check current tag version number\n\n - [Click to check Alpha](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@alpha/)\n - [Click to check Beta](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@beta/)\n - [Click to check Production](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n- Purge cache\n - [Click to purge Alpha](https://purge.jsdelivr.net/npm/@vouchfor/uikit@alpha/)\n - [Click to purge Beta](https://purge.jsdelivr.net/npm/@vouchfor/uikit@beta/)\n - **_Danger_** [Click to purge Production](https://purge.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n### Purge specific bundle.js\n\nOur embed code snippet `src` attribute currently refers to a specific embed bundle js , for example\n\n```html\n\n
\n```\n\nIn this case, you will need to purge the bundle file specifically by providing absolute path\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/embed/{filename}.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/components/{filename}.bundle.js\n```\n\nfor example,\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@alpha/embed/vouch-embed-inline-player.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@beta/embed/vouch-embed-inline-player.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/embed/vouch-embed-inline-player.bundle.js\n```\n\n## Unit test\n\n```bash\nyarn test\n```\n\nupdate snapshot\n\n```bash\nyarn test -u\n```\n\n# Update `vouch-app`\n\n`@vouchfor/uikit` is a dependency of `vouch-app` for embeds and UI components, follow the below steps to publish NPM package and update `package.json` dependency in `vouch-app`.\n\n> Each PR should bump the minor version in `package.json` in order to push new version to NPM. e.g. `\"version\": \"3.9.0\"` in `main` branch, you should bump to `\"version\": \"3.10.0\"` in your branch.\n\n> The major version should only be used for releasing breaking changes. e.g. `3.0.0`, `4.0.0`\n\n## Development (`dev.vouchfor.com`)\n\nAssuming your branch bumped version in `package.json` to\n\n```json\n\"version\": \"3.10.0\"\n```\n\n### Bump patch version number\n\nEnsure your patch version number isn't used, e.g. if `3.10.0` was published before, bump to `3.10.1`.\n\n### Build and publish\n\n```sh\nyarn package:alpha\ncd package\nnpm publish --access public --tag alpha\n```\n\nMake sure you purge NPM CDN cache for package, see [Purge npm cached tags](#purge-npm-cached-tags)\n\n### Update dependency in `vouch-app`\n\nEnsure you already cloned [vouch-app](https://github.com/VouchAU/vouch-app.git) locally then switch to the folder.\n\n```sh\ncd vouch-app\ngit checkout development\ngit pull\ngit merge feature/VCH-111 # Optional, only when you have code change dependency in vouch-app as well\nyarn upgrade @vouchfor/uikit@alpha\n```\n\nAfter upgrade, you should see version updates in both `package.json` and `yarn.lock`, but due to a known issue of `yarn`, please do these before committing changes\n\n- Manually roll back `package.json` (should always `\"@vouchfor/uikit\": \"alpha\"` for `development`).\n- run `yarn` again to update `yarn.lock`\n\n```sh\ngit commit -m \"Bumped uikit version\"\ngit push\n```\n\n## Staging (`staging.vouchfor.com`)\n\nUpdate `staging` environment is the same as [Development](#development-devvouchforcom) but remember to change cmd to `staging` specific\n\n```sh\nyarn package:beta\n```\n\n```sh\nnpm publish --access public --tag beta\n```\n\n```sh\ncd vouch-app\ngit checkout staging\ngit pull\ngit merge feature/VCH-111 # Optional, only when you have code change dependency in vouch-app as well\nyarn upgrade @vouchfor/uikit@beta\n```\n\n## Production (`app.vouchfor.com`)\n\nOne thing different when release to production, since `master` branch can only be merged by PRs (after code review), so you will need to run `yarn upgrade @vouchfor/uikit@latest` under you feature branch and commit **before merging the PR**.\n\n```sh\ngit checkout feature/VCH-111\nyarn upgrade upgrade @vouchfor/uikit@latest\ngit commit -m \"Bumped uikit version\"\ngit push\n```\n\n> When you run above cmd, your PR should be ready to merge (reviewed and QA tested)\n","engines":{"node":">=14.17.0"},"exports":{"./package.json":"./package.json","./embed/vouch-embed-all":{"import":"./embed/vouch-embed-all.js","default":"./embed/vouch-embed-all.js","require":"./embed/vouch-embed-all.cjs"},"./embed/vouch-embed-card":{"import":"./embed/vouch-embed-card.js","default":"./embed/vouch-embed-card.js","require":"./embed/vouch-embed-card.cjs"},"./embed/vouch-embed-jumbo":{"import":"./embed/vouch-embed-jumbo.js","default":"./embed/vouch-embed-jumbo.js","require":"./embed/vouch-embed-jumbo.cjs"},"./embed/vouch-embed-all.js":"./embed/vouch-embed-all.js","./embed/vouch-embed-button":{"import":"./embed/vouch-embed-button.js","default":"./embed/vouch-embed-button.js","require":"./embed/vouch-embed-button.cjs"},"./components/vouch-recorder":{"import":"./components/vouch-recorder.js","default":"./components/vouch-recorder.js","require":"./components/vouch-recorder.cjs"},"./embed/vouch-embed-popover":{"import":"./embed/vouch-embed-popover.js","default":"./embed/vouch-embed-popover.js","require":"./embed/vouch-embed-popover.cjs"},"./components/vouch-icon-play":{"import":"./components/vouch-icon-play.js","default":"./components/vouch-icon-play.js","require":"./components/vouch-icon-play.cjs"},"./embed/vouch-embed-dialogue":{"import":"./embed/vouch-embed-dialogue.js","default":"./embed/vouch-embed-dialogue.js","require":"./embed/vouch-embed-dialogue.cjs"},"./components/vouch-brand-logo":{"import":"./components/vouch-brand-logo.js","default":"./components/vouch-brand-logo.js","require":"./components/vouch-brand-logo.cjs"},"./components/vouch-icon-close":{"import":"./components/vouch-icon-close.js","default":"./components/vouch-icon-close.js","require":"./components/vouch-icon-close.cjs"},"./components/vouch-icon-pause":{"import":"./components/vouch-icon-pause.js","default":"./components/vouch-icon-pause.js","require":"./components/vouch-icon-pause.cjs"},"./components/vouch-media-plyr":{"import":"./components/vouch-media-plyr.js","default":"./components/vouch-media-plyr.js","require":"./components/vouch-media-plyr.cjs"},"./components/vouch-water-mark":{"import":"./components/vouch-water-mark.js","default":"./components/vouch-water-mark.js","require":"./components/vouch-water-mark.cjs"},"./embed/VouchEmbedCard.svelte":"./embed/VouchEmbedCard.svelte","./embed/vouch-embed-thumbnail":{"import":"./embed/vouch-embed-thumbnail.js","default":"./embed/vouch-embed-thumbnail.js","require":"./embed/vouch-embed-thumbnail.cjs"},"./embed/vouch-recorder-button":{"import":"./embed/vouch-recorder-button.js","default":"./embed/vouch-recorder-button.js","require":"./embed/vouch-recorder-button.cjs"},"./components/vouch-graphic-svg":{"import":"./components/vouch-graphic-svg.js","default":"./components/vouch-graphic-svg.js","require":"./components/vouch-graphic-svg.cjs"},"./embed/VouchEmbedJumbo.svelte":"./embed/VouchEmbedJumbo.svelte","./embed/VouchEmbedButton.svelte":"./embed/VouchEmbedButton.svelte","./embed/VouchEmbedPopover.svelte":"./embed/VouchEmbedPopover.svelte","./components/VouchIconPlay.svelte":"./components/VouchIconPlay.svelte","./components/VouchRecorder.svelte":"./components/VouchRecorder.svelte","./embed/VouchEmbedDialogue.svelte":"./embed/VouchEmbedDialogue.svelte","./embed/vouch-embed-inline-player":{"import":"./embed/vouch-embed-inline-player.js","default":"./embed/vouch-embed-inline-player.js","require":"./embed/vouch-embed-inline-player.cjs"},"./components/VouchBrandLogo.svelte":"./components/VouchBrandLogo.svelte","./components/VouchIconClose.svelte":"./components/VouchIconClose.svelte","./components/VouchIconPause.svelte":"./components/VouchIconPause.svelte","./components/VouchMediaPlyr.svelte":"./components/VouchMediaPlyr.svelte","./components/VouchWaterMark.svelte":"./components/VouchWaterMark.svelte","./components/vouch-icon-arrow-left":{"import":"./components/vouch-icon-arrow-left.js","default":"./components/vouch-icon-arrow-left.js","require":"./components/vouch-icon-arrow-left.cjs"},"./embed/VouchEmbedThumbnail.svelte":"./embed/VouchEmbedThumbnail.svelte","./embed/VouchRecorderButton.svelte":"./embed/VouchRecorderButton.svelte","./components/VouchGraphicSvg.svelte":"./components/VouchGraphicSvg.svelte","./components/vouch-icon-arrow-right":{"import":"./components/vouch-icon-arrow-right.js","default":"./components/vouch-icon-arrow-right.js","require":"./components/vouch-icon-arrow-right.cjs"},"./components/vouch-overlay-play-icon":{"import":"./components/vouch-overlay-play-icon.js","default":"./components/vouch-overlay-play-icon.js","require":"./components/vouch-overlay-play-icon.cjs"},"./embed/VouchEmbedInlinePlayer.svelte":"./embed/VouchEmbedInlinePlayer.svelte","./components/VouchIconArrowLeft.svelte":"./components/VouchIconArrowLeft.svelte","./components/VouchIconArrowRight.svelte":"./components/VouchIconArrowRight.svelte","./components/VouchOverlayPlayIcon.svelte":"./components/VouchOverlayPlayIcon.svelte"},"_npmUser":{"name":"vouch-tech","email":"brian@vouchfor.com"},"repository":{"url":"git+https://github.com/VouchAU/vouch-uikit.git","type":"git"},"_npmVersion":"6.14.13","description":"Vouch Svelte UIKit","directories":{},"lint-staged":{"*.{js,svelte}":"yarn lint"},"_nodeVersion":"14.17.0","dependencies":{"plyr":"^3.7.2","cookie":"^0.4.1","hls.js":"^1.1.5","core-js":"^3.16.3","postcss":"^7","@vime/core":"^5.3.1","tailwindcss":"npm:@tailwindcss/postcss7-compat","@lukeed/uuid":"^2.0.0","autoprefixer":"^9","whatwg-fetch":"^3.6.2","@fontsource/fira-mono":"^4.2.2"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^27.0.6","path":"^0.12.7","husky":"4","tslib":"^2.0.0","dotenv":"^10.0.0","eslint":"^7.22.0","rollup":"^2.55.1","svelte":"^3.34.0","prettier":"~2.2.1","babel-jest":"^27.0.6","svelte2tsx":"^0.4.3","typescript":"^4.0.0","@babel/core":"^7.14.8","@types/jest":"^26.0.24","lint-staged":"^11.1.1","svelte-check":"^2.0.0","@sveltejs/kit":"next","@types/cookie":"^0.4.0","svelte-jester":"^1.8.1","svelte-loader":"^3.1.2","@babel/preset-env":"^7.14.9","@storybook/svelte":"^6.3.6","svelte-preprocess":"^4.0.0","rollup-plugin-copy":"^3.4.0","rollup-plugin-svelte":"^7.1.0","rollup-plugin-terser":"^7.0.2","eslint-plugin-svelte3":"^3.2.0","@babel/runtime-corejs3":"^7.14.9","@rollup/plugin-replace":"^3.0.0","@storybook/addon-links":"^6.3.6","eslint-config-prettier":"^8.1.0","prettier-plugin-svelte":"^2.2.0","@rollup/plugin-commonjs":"^22.0.0","@testing-library/svelte":"^3.0.3","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@typescript-eslint/parser":"^4.19.0","@rollup/plugin-node-resolve":"^13.0.4","@storybook/addon-essentials":"^6.3.6","@typescript-eslint/eslint-plugin":"^4.19.0"},"_npmOperationalInternal":{"tmp":"tmp/uikit_5.4.3_1656999437760_0.12238212200789378","host":"s3://npm-registry-packages"}},"5.4.4":{"name":"@vouchfor/uikit","version":"5.4.4","keywords":["embed","design system","vouch-uikit","svelte","uikit"],"author":{"url":"https://vouchau.github.io/vouch-uikit","name":"Vouch Dev Team","email":"hello@vouchfor.com"},"license":"MIT","_id":"@vouchfor/uikit@5.4.4","maintainers":[{"name":"vouch-tech","email":"brian@vouchfor.com"}],"homepage":"https://vouchau.github.io/vouch-uikit","bugs":{"url":"https://github.com/VouchAU/vouch-uikit/issues"},"dist":{"shasum":"baa4c9f9da32c59092fb3e9f6d0e47aecfdbd736","tarball":"https://registry.npmjs.org/@vouchfor/uikit/-/uikit-5.4.4.tgz","fileCount":211,"integrity":"sha512-o2PMJcMdiP+E9Q7YQ844NzbxN9QNuvab3rmU5Y0AXbrJ8HJxxTiu80rGMsJq43P7TFSALGhaQFykKp/HaV3Nwg==","signatures":[{"sig":"MEUCICw4vc/bcb7GHBZkp7m4TPLWczjDrowGauq8d9K2/+B9AiEAmReLG3v+eWkFMxG7x+hlPDKuIABCWRPQHHYmSFgq6Vs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":87556891,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiw+pgACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrGJQ//c+cCV5rOfu9utGSNjV/7c4MDgTaUbjm64wlZYUuK/+ewk7Rx\r\nM1yu2M3HT77SZokGzXZxn0b+PkcWls8tWXqnnpr4BsRnw1nkzcySRrtTKunX\r\nxSWpk7a+M/1TW+UvkAAIAa95ErCEvjYfY9YfJYZZx7kBs1zg0h7sYm+hPJ2i\r\n2ykg7kh36nc83I8+KPgPzGnxHF4u8YYKdg0am2xqTpeXdZGVlSEIDmj0N4Fn\r\n3T2RLFV+Q4ZwXKZqvl9/0hUPVyRCDKmEYYZHZYRE04xnTTwCXPtYcvHnwBXD\r\nqTTRk/jNWjGDkvwZQmbTWO+HByrLNjkYHlRxti54db6CcntVnPoHBWRJcHyI\r\notIjFzuHH3HkqXyiEED11qLdApkpuAk1iJyX2lIegngtnJbx6TDBUMr4lTN6\r\nK0PEEEn+5XgdybNpMTGXsahfGhAkYHq5bickJ7D/jrl9Rumh9pfNLC9JwkeM\r\n6/RRC/8NrMS4HbBaCcnaxXOXzWcwKyDjZbTuqcFpoBRK51P0X5xIarhz/WwW\r\n94b+b2YCDjqtHuQIDUZBldPxbCbxWkh/NVFpdysIPvf4vTNzs/DiJOl4TwwI\r\n2jXGXWpoNkxxAWF4IEoDE/k2j29BDTL1tlcHJYSSZ+8rPa9xpQgQkXJCh8vN\r\nJ9XVa1ztROE/EdSkFHxVD0Nb00ZyUcD+4AU=\r\n=VCtM\r\n-----END PGP SIGNATURE-----\r\n"},"type":"module","husky":{"hooks":{"pre-push":"yarn test --silent","pre-commit":"lint-staged"}},"types":"types.d.ts","readme":"# Vouch UIKit\n\n- [Get Started](#get-started)\n - [Storybook](#storybook)\n - [Build package](#build-package)\n - [Test package locally with vouch-app](#test-package-locally-with-vouch-app)\n - [Publish to npm](#publish-to-npm)\n - [Purge npm cache](#purge-npm-cached-tags)\n- [Update vouch-app](#update-vouch-app)\n - [development](#development-devvouchforcom)\n - [staging](#staging-stagingvouchforcom)\n - [production](#production-appvouchforcom)\n\n**Vouch UIKit** consists of `2 libraries` and `1 application`\n\n```bash\n└── src\n ├── lib\n │ ├── components # Design System Components (Web Component)\n │ │ ├── VouchBrandLogo.svelte\n │ │ ...\n │ │\n │ └── embed # embed Components (Web Component)\n │ │ ├── VouchEmbedInlinePlayer.svelte\n │ ...\n │\n │\n ├── routes # vouch public embed link (https://embed.vouchfor.com)\n │ ├── __layout.svelte\n │ ├── index.svelte\n │ ├── about.svelte\n │ ...\n │\n ├── app.css\n └── app.html\n```\n\n# Get Started\n\nEnsure you have node `14.17.0` installed on your machine, for example via [nvm](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/TERMINAL.md#install-nvm), run `nvm ls` to check\n\n```bash\nnvm ls 14\n```\n\nyou should see output if you have the version installed\n\n```bash\n-> v14.17.0\n```\n\nensure you have [git ssh](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/GITHUB.md) setup locally before you clone the repo\n\n```bash\ngit clone git@github.com:VouchAU/vouch-uikit.git\n```\n\ninstall dependencies\n\n```bash\ncd vouch-uikit\nyarn\n```\n\n## Storybook\n\nhttps://designsystem.vouchfor.com/\n\nStorybook is hosted on GitHub page `gh-pages` branch (Domain name is configured on **Cloudflare**) and deployed automatically via **GitHub Action** every time changes are merged back to `master`.\n\nLocal dev\n\n```bash\nyarn storybook\n```\n\nbuild storybook\n\n```bash\nyarn build-storybook\n```\n\n## Build package\n\nBuild `src/lib` production/beta/alpha package, make sure you change `version` in `package.json` for three different build tags.\n\n```sh\ncd vouch-uikit\n...\nyarn package:alpha # development\nyarn package:beta # staging\nyarn package # production\n```\n\n## Test package locally with `vouch-app`\n\nOnce you build the `npm` package, you can test locally with `vouch-app` to ensure everything works as expected before publishing to `npm`\n\nAssuming you build a package according [Build package](#build-package), now you can create a symlink to your local package\n\n```sh\ncd package\nyarn link\n```\n\nyou should see this if successfully linked\n\n```sh\nyarn link v1.22.10\nsuccess Registered \"@vouchfor/uikit\".\ninfo You can now run `yarn link \"@vouchfor/uikit\"` in the projects where you want to use this package and it will be used instead.\n✨ Done in 0.04s.\n```\n\ngo to `vouch-app` folder and switch to the branch you want to test against with then link the local package\n\n```sh\ncd vouch-app\ngit checkout VCH-222\nyarn link @vouchfor/uikit\nyarn dev\n```\n\nVoilà, you are testing your feature branch with the local uikit package and don't forget to roll back after testing\n\n```sh\ncd vouch-app\nyarn unlink @vouchfor/uikit\n...\ncd vouch-uikit/package\nyarn unlink\n```\n\n## Publish to `npm`\n\n> Note you will need to log in `vouch-tech` on your terminal before publishing, credential is shared via 1Password.\n\n```bash\nnpm login\n...\n```\n\n```bash\ncd package\n...\nnpm publish --access public --tag alpha # development\nnpm publish --access public --tag beta # staging\nnpm publish --access public # production\n```\n\n## Purge `jsdelivr` cache\n\n`@vouchfor/uikit` is most likely consumed by **tag**, `alpha`, `beta` and `latest`, not version number to ensure clients can always get the latest updates. [jsdelivr](https://cdn.jsdelivr.net/) default has 7 days cache for `tag`, so we need to purge it to reflect new version number.\n\n- Check current tag version number\n\n - [Click to check Alpha](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@alpha/)\n - [Click to check Beta](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@beta/)\n - [Click to check Production](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n- Purge cache\n - [Click to purge Alpha](https://purge.jsdelivr.net/npm/@vouchfor/uikit@alpha/)\n - [Click to purge Beta](https://purge.jsdelivr.net/npm/@vouchfor/uikit@beta/)\n - **_Danger_** [Click to purge Production](https://purge.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n### Purge specific bundle.js\n\nOur embed code snippet `src` attribute currently refers to a specific embed bundle js , for example\n\n```html\n\n
\n```\n\nIn this case, you will need to purge the bundle file specifically by providing absolute path\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/embed/{filename}.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/components/{filename}.bundle.js\n```\n\nfor example,\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@alpha/embed/vouch-embed-inline-player.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@beta/embed/vouch-embed-inline-player.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/embed/vouch-embed-inline-player.bundle.js\n```\n\n## Unit test\n\n```bash\nyarn test\n```\n\nupdate snapshot\n\n```bash\nyarn test -u\n```\n\n# Update `vouch-app`\n\n`@vouchfor/uikit` is a dependency of `vouch-app` for embeds and UI components, follow the below steps to publish NPM package and update `package.json` dependency in `vouch-app`.\n\n> Each PR should bump the minor version in `package.json` in order to push new version to NPM. e.g. `\"version\": \"3.9.0\"` in `main` branch, you should bump to `\"version\": \"3.10.0\"` in your branch.\n\n> The major version should only be used for releasing breaking changes. e.g. `3.0.0`, `4.0.0`\n\n## Development (`dev.vouchfor.com`)\n\nAssuming your branch bumped version in `package.json` to\n\n```json\n\"version\": \"3.10.0\"\n```\n\n### Bump patch version number\n\nEnsure your patch version number isn't used, e.g. if `3.10.0` was published before, bump to `3.10.1`.\n\n### Build and publish\n\n```sh\nyarn package:alpha\ncd package\nnpm publish --access public --tag alpha\n```\n\nMake sure you purge NPM CDN cache for package, see [Purge npm cached tags](#purge-npm-cached-tags)\n\n### Update dependency in `vouch-app`\n\nEnsure you already cloned [vouch-app](https://github.com/VouchAU/vouch-app.git) locally then switch to the folder.\n\n```sh\ncd vouch-app\ngit checkout development\ngit pull\ngit merge feature/VCH-111 # Optional, only when you have code change dependency in vouch-app as well\nyarn upgrade @vouchfor/uikit@alpha\n```\n\nAfter upgrade, you should see version updates in both `package.json` and `yarn.lock`, but due to a known issue of `yarn`, please do these before committing changes\n\n- Manually roll back `package.json` (should always `\"@vouchfor/uikit\": \"alpha\"` for `development`).\n- run `yarn` again to update `yarn.lock`\n\n```sh\ngit commit -m \"Bumped uikit version\"\ngit push\n```\n\n## Staging (`staging.vouchfor.com`)\n\nUpdate `staging` environment is the same as [Development](#development-devvouchforcom) but remember to change cmd to `staging` specific\n\n```sh\nyarn package:beta\n```\n\n```sh\nnpm publish --access public --tag beta\n```\n\n```sh\ncd vouch-app\ngit checkout staging\ngit pull\ngit merge feature/VCH-111 # Optional, only when you have code change dependency in vouch-app as well\nyarn upgrade @vouchfor/uikit@beta\n```\n\n## Production (`app.vouchfor.com`)\n\nOne thing different when release to production, since `master` branch can only be merged by PRs (after code review), so you will need to run `yarn upgrade @vouchfor/uikit@latest` under you feature branch and commit **before merging the PR**.\n\n```sh\ngit checkout feature/VCH-111\nyarn upgrade upgrade @vouchfor/uikit@latest\ngit commit -m \"Bumped uikit version\"\ngit push\n```\n\n> When you run above cmd, your PR should be ready to merge (reviewed and QA tested)\n","engines":{"node":">=14.17.0"},"exports":{"./package.json":"./package.json","./embed/vouch-embed-all":{"import":"./embed/vouch-embed-all.js","default":"./embed/vouch-embed-all.js","require":"./embed/vouch-embed-all.cjs"},"./embed/vouch-embed-card":{"import":"./embed/vouch-embed-card.js","default":"./embed/vouch-embed-card.js","require":"./embed/vouch-embed-card.cjs"},"./embed/vouch-embed-jumbo":{"import":"./embed/vouch-embed-jumbo.js","default":"./embed/vouch-embed-jumbo.js","require":"./embed/vouch-embed-jumbo.cjs"},"./embed/vouch-embed-all.js":"./embed/vouch-embed-all.js","./embed/vouch-embed-button":{"import":"./embed/vouch-embed-button.js","default":"./embed/vouch-embed-button.js","require":"./embed/vouch-embed-button.cjs"},"./components/vouch-recorder":{"import":"./components/vouch-recorder.js","default":"./components/vouch-recorder.js","require":"./components/vouch-recorder.cjs"},"./embed/vouch-embed-popover":{"import":"./embed/vouch-embed-popover.js","default":"./embed/vouch-embed-popover.js","require":"./embed/vouch-embed-popover.cjs"},"./components/vouch-icon-play":{"import":"./components/vouch-icon-play.js","default":"./components/vouch-icon-play.js","require":"./components/vouch-icon-play.cjs"},"./embed/vouch-embed-dialogue":{"import":"./embed/vouch-embed-dialogue.js","default":"./embed/vouch-embed-dialogue.js","require":"./embed/vouch-embed-dialogue.cjs"},"./components/vouch-brand-logo":{"import":"./components/vouch-brand-logo.js","default":"./components/vouch-brand-logo.js","require":"./components/vouch-brand-logo.cjs"},"./components/vouch-icon-close":{"import":"./components/vouch-icon-close.js","default":"./components/vouch-icon-close.js","require":"./components/vouch-icon-close.cjs"},"./components/vouch-icon-pause":{"import":"./components/vouch-icon-pause.js","default":"./components/vouch-icon-pause.js","require":"./components/vouch-icon-pause.cjs"},"./components/vouch-media-plyr":{"import":"./components/vouch-media-plyr.js","default":"./components/vouch-media-plyr.js","require":"./components/vouch-media-plyr.cjs"},"./components/vouch-water-mark":{"import":"./components/vouch-water-mark.js","default":"./components/vouch-water-mark.js","require":"./components/vouch-water-mark.cjs"},"./embed/VouchEmbedCard.svelte":"./embed/VouchEmbedCard.svelte","./embed/vouch-embed-thumbnail":{"import":"./embed/vouch-embed-thumbnail.js","default":"./embed/vouch-embed-thumbnail.js","require":"./embed/vouch-embed-thumbnail.cjs"},"./embed/vouch-recorder-button":{"import":"./embed/vouch-recorder-button.js","default":"./embed/vouch-recorder-button.js","require":"./embed/vouch-recorder-button.cjs"},"./components/vouch-graphic-svg":{"import":"./components/vouch-graphic-svg.js","default":"./components/vouch-graphic-svg.js","require":"./components/vouch-graphic-svg.cjs"},"./embed/VouchEmbedJumbo.svelte":"./embed/VouchEmbedJumbo.svelte","./embed/VouchEmbedButton.svelte":"./embed/VouchEmbedButton.svelte","./embed/VouchEmbedPopover.svelte":"./embed/VouchEmbedPopover.svelte","./components/VouchIconPlay.svelte":"./components/VouchIconPlay.svelte","./components/VouchRecorder.svelte":"./components/VouchRecorder.svelte","./embed/VouchEmbedDialogue.svelte":"./embed/VouchEmbedDialogue.svelte","./embed/vouch-embed-inline-player":{"import":"./embed/vouch-embed-inline-player.js","default":"./embed/vouch-embed-inline-player.js","require":"./embed/vouch-embed-inline-player.cjs"},"./components/VouchBrandLogo.svelte":"./components/VouchBrandLogo.svelte","./components/VouchIconClose.svelte":"./components/VouchIconClose.svelte","./components/VouchIconPause.svelte":"./components/VouchIconPause.svelte","./components/VouchMediaPlyr.svelte":"./components/VouchMediaPlyr.svelte","./components/VouchWaterMark.svelte":"./components/VouchWaterMark.svelte","./components/vouch-icon-arrow-left":{"import":"./components/vouch-icon-arrow-left.js","default":"./components/vouch-icon-arrow-left.js","require":"./components/vouch-icon-arrow-left.cjs"},"./embed/VouchEmbedThumbnail.svelte":"./embed/VouchEmbedThumbnail.svelte","./embed/VouchRecorderButton.svelte":"./embed/VouchRecorderButton.svelte","./components/VouchGraphicSvg.svelte":"./components/VouchGraphicSvg.svelte","./components/vouch-icon-arrow-right":{"import":"./components/vouch-icon-arrow-right.js","default":"./components/vouch-icon-arrow-right.js","require":"./components/vouch-icon-arrow-right.cjs"},"./components/vouch-overlay-play-icon":{"import":"./components/vouch-overlay-play-icon.js","default":"./components/vouch-overlay-play-icon.js","require":"./components/vouch-overlay-play-icon.cjs"},"./embed/VouchEmbedInlinePlayer.svelte":"./embed/VouchEmbedInlinePlayer.svelte","./components/VouchIconArrowLeft.svelte":"./components/VouchIconArrowLeft.svelte","./components/VouchIconArrowRight.svelte":"./components/VouchIconArrowRight.svelte","./components/VouchOverlayPlayIcon.svelte":"./components/VouchOverlayPlayIcon.svelte"},"_npmUser":{"name":"vouch-tech","email":"brian@vouchfor.com"},"repository":{"url":"git+https://github.com/VouchAU/vouch-uikit.git","type":"git"},"_npmVersion":"6.14.13","description":"Vouch Svelte UIKit","directories":{},"lint-staged":{"*.{js,svelte}":"yarn lint"},"_nodeVersion":"14.17.0","dependencies":{"plyr":"^3.7.2","cookie":"^0.4.1","hls.js":"^1.1.5","core-js":"^3.16.3","postcss":"^7","@vime/core":"^5.3.1","tailwindcss":"npm:@tailwindcss/postcss7-compat","@lukeed/uuid":"^2.0.0","autoprefixer":"^9","whatwg-fetch":"^3.6.2","@fontsource/fira-mono":"^4.2.2"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^27.0.6","path":"^0.12.7","husky":"4","tslib":"^2.0.0","dotenv":"^10.0.0","eslint":"^7.22.0","rollup":"^2.55.1","svelte":"^3.34.0","prettier":"~2.2.1","babel-jest":"^27.0.6","svelte2tsx":"^0.4.3","typescript":"^4.0.0","@babel/core":"^7.14.8","@types/jest":"^26.0.24","lint-staged":"^11.1.1","svelte-check":"^2.0.0","@sveltejs/kit":"next","@types/cookie":"^0.4.0","svelte-jester":"^1.8.1","svelte-loader":"^3.1.2","@babel/preset-env":"^7.14.9","@storybook/svelte":"^6.3.6","svelte-preprocess":"^4.0.0","rollup-plugin-copy":"^3.4.0","rollup-plugin-svelte":"^7.1.0","rollup-plugin-terser":"^7.0.2","eslint-plugin-svelte3":"^3.2.0","@babel/runtime-corejs3":"^7.14.9","@rollup/plugin-replace":"^3.0.0","@storybook/addon-links":"^6.3.6","eslint-config-prettier":"^8.1.0","prettier-plugin-svelte":"^2.2.0","@rollup/plugin-commonjs":"^22.0.0","@testing-library/svelte":"^3.0.3","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@typescript-eslint/parser":"^4.19.0","@rollup/plugin-node-resolve":"^13.0.4","@storybook/addon-essentials":"^6.3.6","@typescript-eslint/eslint-plugin":"^4.19.0"},"_npmOperationalInternal":{"tmp":"tmp/uikit_5.4.4_1657006688294_0.04478865374021401","host":"s3://npm-registry-packages"}},"5.4.5":{"name":"@vouchfor/uikit","version":"5.4.5","keywords":["embed","design system","vouch-uikit","svelte","uikit"],"author":{"url":"https://vouchau.github.io/vouch-uikit","name":"Vouch Dev Team","email":"hello@vouchfor.com"},"license":"MIT","_id":"@vouchfor/uikit@5.4.5","maintainers":[{"name":"vouch-tech","email":"brian@vouchfor.com"}],"homepage":"https://vouchau.github.io/vouch-uikit","bugs":{"url":"https://github.com/VouchAU/vouch-uikit/issues"},"dist":{"shasum":"e0e0da8f7a9f6bc0494fc24e4268695c33246c8d","tarball":"https://registry.npmjs.org/@vouchfor/uikit/-/uikit-5.4.5.tgz","fileCount":211,"integrity":"sha512-JCSeyMEDga7K/Hr1Xyt8QZHGH7N4KkGiBsY/ra7It6Q0ccbtdP9UB6nDUd61gF+afyRdlPKvvZBnkgd46lbqsQ==","signatures":[{"sig":"MEUCIGVjcTRnr3uhJL3CvoQ6dJT2QV3iLIfzbl0mMvUQ45RKAiEApAd1VYd1KZooicuAAPI4ZV5bu3YV8siIRDWDRtdN8yw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":87661673,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJixOaHACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoZfBAAlgcwX6+urKvD/UB956/Ogwrtdgt3mad90bRAy6tKyyBnPDVs\r\nWBdCwKdu188HFnTdYw9xhwi5IWeJ3pnkS8KZHQh0hRUq8jO7bCDw3IUxaexj\r\nFbiDHf6nRKWg5ZFWG5V1j7T1fbavVjlbLWFpI4ZOsnPxekKM63vZ2T8eqK3Q\r\nwJKsQRQ68IUDbznEGgDeXfDQOPPPtgdyZtnIieMRAmfDxADdkkiA1F4FmaKi\r\nyKfZNzcc5G8xzmbg/Luxdqz9C9PlI4L0n6EvcMtAM4Rg1ic6RAoO9eK/OwiR\r\nFGOHnx5YGNU8SmQBoJVhoy5UfbfuyzEGoLROaTuYk94qixsyNnybLevoEGF4\r\nyeKfaR777PRVd82U+ahQMBe9g4YUte5MjOnaZLiMrbxvxjhqXRJVc4en8W3T\r\ndEuPKChjV2yFfIO25vkmsJtNVqg5g6n5y8+KEA7hHMHP9Qlth47nw9ZM28JU\r\npY/TEahaA6jIRX2QiEAy81vZWoS4dan7G/UV2uHRozGh0/B2Qh1zhksqCEf/\r\nSN9uSl3M+Nma5uVHBPrhWwd7uS6g7x9ku3aDRSFKIdgey/TlLscCUe6UdHay\r\nYDCp2SmdX2HckCmuSWmAHemlhlZT6sYZfOHEHznIlZ7WOjGLEB43x9JTKz01\r\nRnNZ/Xc6+RlbbY4PjQV4o1XgvZvYKYkRl+0=\r\n=dk/d\r\n-----END PGP SIGNATURE-----\r\n"},"type":"module","husky":{"hooks":{"pre-push":"yarn test --silent","pre-commit":"lint-staged"}},"types":"types.d.ts","readme":"# Vouch UIKit\n\n- [Get Started](#get-started)\n - [Storybook](#storybook)\n - [Build package](#build-package)\n - [Test package locally with vouch-app](#test-package-locally-with-vouch-app)\n - [Publish to npm](#publish-to-npm)\n - [Purge npm cache](#purge-npm-cached-tags)\n- [Update vouch-app](#update-vouch-app)\n - [development](#development-devvouchforcom)\n - [staging](#staging-stagingvouchforcom)\n - [production](#production-appvouchforcom)\n\n**Vouch UIKit** consists of `2 libraries` and `1 application`\n\n```bash\n└── src\n ├── lib\n │ ├── components # Design System Components (Web Component)\n │ │ ├── VouchBrandLogo.svelte\n │ │ ...\n │ │\n │ └── embed # embed Components (Web Component)\n │ │ ├── VouchEmbedInlinePlayer.svelte\n │ ...\n │\n │\n ├── routes # vouch public embed link (https://embed.vouchfor.com)\n │ ├── __layout.svelte\n │ ├── index.svelte\n │ ├── about.svelte\n │ ...\n │\n ├── app.css\n └── app.html\n```\n\n# Get Started\n\nEnsure you have node `14.17.0` installed on your machine, for example via [nvm](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/TERMINAL.md#install-nvm), run `nvm ls` to check\n\n```bash\nnvm ls 14\n```\n\nyou should see output if you have the version installed\n\n```bash\n-> v14.17.0\n```\n\nensure you have [git ssh](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/GITHUB.md) setup locally before you clone the repo\n\n```bash\ngit clone git@github.com:VouchAU/vouch-uikit.git\n```\n\ninstall dependencies\n\n```bash\ncd vouch-uikit\nyarn\n```\n\n## Storybook\n\nhttps://designsystem.vouchfor.com/\n\nStorybook is hosted on GitHub page `gh-pages` branch (Domain name is configured on **Cloudflare**) and deployed automatically via **GitHub Action** every time changes are merged back to `master`.\n\nLocal dev\n\n```bash\nyarn storybook\n```\n\nbuild storybook\n\n```bash\nyarn build-storybook\n```\n\n## Build package\n\nBuild `src/lib` production/beta/alpha package, make sure you change `version` in `package.json` for three different build tags.\n\n```sh\ncd vouch-uikit\n...\nyarn package:alpha # development\nyarn package:beta # staging\nyarn package # production\n```\n\n## Test package locally with `vouch-app`\n\nOnce you build the `npm` package, you can test locally with `vouch-app` to ensure everything works as expected before publishing to `npm`\n\nAssuming you build a package according [Build package](#build-package), now you can create a symlink to your local package\n\n```sh\ncd package\nyarn link\n```\n\nyou should see this if successfully linked\n\n```sh\nyarn link v1.22.10\nsuccess Registered \"@vouchfor/uikit\".\ninfo You can now run `yarn link \"@vouchfor/uikit\"` in the projects where you want to use this package and it will be used instead.\n✨ Done in 0.04s.\n```\n\ngo to `vouch-app` folder and switch to the branch you want to test against with then link the local package\n\n```sh\ncd vouch-app\ngit checkout VCH-222\nyarn link @vouchfor/uikit\nyarn dev\n```\n\nVoilà, you are testing your feature branch with the local uikit package and don't forget to roll back after testing\n\n```sh\ncd vouch-app\nyarn unlink @vouchfor/uikit\n...\ncd vouch-uikit/package\nyarn unlink\n```\n\n## Publish to `npm`\n\n> Note you will need to log in `vouch-tech` on your terminal before publishing, credential is shared via 1Password.\n\n```bash\nnpm login\n...\n```\n\n```bash\ncd package\n...\nnpm publish --access public --tag alpha # development\nnpm publish --access public --tag beta # staging\nnpm publish --access public # production\n```\n\n## Purge `jsdelivr` cache\n\n`@vouchfor/uikit` is most likely consumed by **tag**, `alpha`, `beta` and `latest`, not version number to ensure clients can always get the latest updates. [jsdelivr](https://cdn.jsdelivr.net/) default has 7 days cache for `tag`, so we need to purge it to reflect new version number.\n\n- Check current tag version number\n\n - [Click to check Alpha](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@alpha/)\n - [Click to check Beta](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@beta/)\n - [Click to check Production](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n- Purge cache\n - [Click to purge Alpha](https://purge.jsdelivr.net/npm/@vouchfor/uikit@alpha/)\n - [Click to purge Beta](https://purge.jsdelivr.net/npm/@vouchfor/uikit@beta/)\n - **_Danger_** [Click to purge Production](https://purge.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n### Purge specific bundle.js\n\nOur embed code snippet `src` attribute currently refers to a specific embed bundle js , for example\n\n```html\n\n
\n```\n\nIn this case, you will need to purge the bundle file specifically by providing absolute path\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/embed/{filename}.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/components/{filename}.bundle.js\n```\n\nfor example,\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@alpha/embed/vouch-embed-inline-player.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@beta/embed/vouch-embed-inline-player.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/embed/vouch-embed-inline-player.bundle.js\n```\n\n## Unit test\n\n```bash\nyarn test\n```\n\nupdate snapshot\n\n```bash\nyarn test -u\n```\n\n# Update `vouch-app`\n\n`@vouchfor/uikit` is a dependency of `vouch-app` for embeds and UI components, follow the below steps to publish NPM package and update `package.json` dependency in `vouch-app`.\n\n> Each PR should bump the minor version in `package.json` in order to push new version to NPM. e.g. `\"version\": \"3.9.0\"` in `main` branch, you should bump to `\"version\": \"3.10.0\"` in your branch.\n\n> The major version should only be used for releasing breaking changes. e.g. `3.0.0`, `4.0.0`\n\n## Development (`dev.vouchfor.com`)\n\nAssuming your branch bumped version in `package.json` to\n\n```json\n\"version\": \"3.10.0\"\n```\n\n### Bump patch version number\n\nEnsure your patch version number isn't used, e.g. if `3.10.0` was published before, bump to `3.10.1`.\n\n### Build and publish\n\n```sh\nyarn package:alpha\ncd package\nnpm publish --access public --tag alpha\n```\n\nMake sure you purge NPM CDN cache for package, see [Purge npm cached tags](#purge-npm-cached-tags)\n\n### Update dependency in `vouch-app`\n\nEnsure you already cloned [vouch-app](https://github.com/VouchAU/vouch-app.git) locally then switch to the folder.\n\n```sh\ncd vouch-app\ngit checkout development\ngit pull\ngit merge feature/VCH-111 # Optional, only when you have code change dependency in vouch-app as well\nyarn upgrade @vouchfor/uikit@alpha\n```\n\nAfter upgrade, you should see version updates in both `package.json` and `yarn.lock`, but due to a known issue of `yarn`, please do these before committing changes\n\n- Manually roll back `package.json` (should always `\"@vouchfor/uikit\": \"alpha\"` for `development`).\n- run `yarn` again to update `yarn.lock`\n\n```sh\ngit commit -m \"Bumped uikit version\"\ngit push\n```\n\n## Staging (`staging.vouchfor.com`)\n\nUpdate `staging` environment is the same as [Development](#development-devvouchforcom) but remember to change cmd to `staging` specific\n\n```sh\nyarn package:beta\n```\n\n```sh\nnpm publish --access public --tag beta\n```\n\n```sh\ncd vouch-app\ngit checkout staging\ngit pull\ngit merge feature/VCH-111 # Optional, only when you have code change dependency in vouch-app as well\nyarn upgrade @vouchfor/uikit@beta\n```\n\n## Production (`app.vouchfor.com`)\n\nOne thing different when release to production, since `master` branch can only be merged by PRs (after code review), so you will need to run `yarn upgrade @vouchfor/uikit@latest` under you feature branch and commit **before merging the PR**.\n\n```sh\ngit checkout feature/VCH-111\nyarn upgrade upgrade @vouchfor/uikit@latest\ngit commit -m \"Bumped uikit version\"\ngit push\n```\n\n> When you run above cmd, your PR should be ready to merge (reviewed and QA tested)\n","engines":{"node":">=14.17.0"},"exports":{"./package.json":"./package.json","./embed/vouch-embed-all":{"import":"./embed/vouch-embed-all.js","default":"./embed/vouch-embed-all.js","require":"./embed/vouch-embed-all.cjs"},"./embed/vouch-embed-card":{"import":"./embed/vouch-embed-card.js","default":"./embed/vouch-embed-card.js","require":"./embed/vouch-embed-card.cjs"},"./embed/vouch-embed-jumbo":{"import":"./embed/vouch-embed-jumbo.js","default":"./embed/vouch-embed-jumbo.js","require":"./embed/vouch-embed-jumbo.cjs"},"./embed/vouch-embed-all.js":"./embed/vouch-embed-all.js","./embed/vouch-embed-button":{"import":"./embed/vouch-embed-button.js","default":"./embed/vouch-embed-button.js","require":"./embed/vouch-embed-button.cjs"},"./components/vouch-recorder":{"import":"./components/vouch-recorder.js","default":"./components/vouch-recorder.js","require":"./components/vouch-recorder.cjs"},"./embed/vouch-embed-popover":{"import":"./embed/vouch-embed-popover.js","default":"./embed/vouch-embed-popover.js","require":"./embed/vouch-embed-popover.cjs"},"./components/vouch-icon-play":{"import":"./components/vouch-icon-play.js","default":"./components/vouch-icon-play.js","require":"./components/vouch-icon-play.cjs"},"./embed/vouch-embed-dialogue":{"import":"./embed/vouch-embed-dialogue.js","default":"./embed/vouch-embed-dialogue.js","require":"./embed/vouch-embed-dialogue.cjs"},"./components/vouch-brand-logo":{"import":"./components/vouch-brand-logo.js","default":"./components/vouch-brand-logo.js","require":"./components/vouch-brand-logo.cjs"},"./components/vouch-icon-close":{"import":"./components/vouch-icon-close.js","default":"./components/vouch-icon-close.js","require":"./components/vouch-icon-close.cjs"},"./components/vouch-icon-pause":{"import":"./components/vouch-icon-pause.js","default":"./components/vouch-icon-pause.js","require":"./components/vouch-icon-pause.cjs"},"./components/vouch-media-plyr":{"import":"./components/vouch-media-plyr.js","default":"./components/vouch-media-plyr.js","require":"./components/vouch-media-plyr.cjs"},"./components/vouch-water-mark":{"import":"./components/vouch-water-mark.js","default":"./components/vouch-water-mark.js","require":"./components/vouch-water-mark.cjs"},"./embed/VouchEmbedCard.svelte":"./embed/VouchEmbedCard.svelte","./embed/vouch-embed-thumbnail":{"import":"./embed/vouch-embed-thumbnail.js","default":"./embed/vouch-embed-thumbnail.js","require":"./embed/vouch-embed-thumbnail.cjs"},"./embed/vouch-recorder-button":{"import":"./embed/vouch-recorder-button.js","default":"./embed/vouch-recorder-button.js","require":"./embed/vouch-recorder-button.cjs"},"./components/vouch-graphic-svg":{"import":"./components/vouch-graphic-svg.js","default":"./components/vouch-graphic-svg.js","require":"./components/vouch-graphic-svg.cjs"},"./embed/VouchEmbedJumbo.svelte":"./embed/VouchEmbedJumbo.svelte","./embed/VouchEmbedButton.svelte":"./embed/VouchEmbedButton.svelte","./embed/VouchEmbedPopover.svelte":"./embed/VouchEmbedPopover.svelte","./components/VouchIconPlay.svelte":"./components/VouchIconPlay.svelte","./components/VouchRecorder.svelte":"./components/VouchRecorder.svelte","./embed/VouchEmbedDialogue.svelte":"./embed/VouchEmbedDialogue.svelte","./embed/vouch-embed-inline-player":{"import":"./embed/vouch-embed-inline-player.js","default":"./embed/vouch-embed-inline-player.js","require":"./embed/vouch-embed-inline-player.cjs"},"./components/VouchBrandLogo.svelte":"./components/VouchBrandLogo.svelte","./components/VouchIconClose.svelte":"./components/VouchIconClose.svelte","./components/VouchIconPause.svelte":"./components/VouchIconPause.svelte","./components/VouchMediaPlyr.svelte":"./components/VouchMediaPlyr.svelte","./components/VouchWaterMark.svelte":"./components/VouchWaterMark.svelte","./components/vouch-icon-arrow-left":{"import":"./components/vouch-icon-arrow-left.js","default":"./components/vouch-icon-arrow-left.js","require":"./components/vouch-icon-arrow-left.cjs"},"./embed/VouchEmbedThumbnail.svelte":"./embed/VouchEmbedThumbnail.svelte","./embed/VouchRecorderButton.svelte":"./embed/VouchRecorderButton.svelte","./components/VouchGraphicSvg.svelte":"./components/VouchGraphicSvg.svelte","./components/vouch-icon-arrow-right":{"import":"./components/vouch-icon-arrow-right.js","default":"./components/vouch-icon-arrow-right.js","require":"./components/vouch-icon-arrow-right.cjs"},"./components/vouch-overlay-play-icon":{"import":"./components/vouch-overlay-play-icon.js","default":"./components/vouch-overlay-play-icon.js","require":"./components/vouch-overlay-play-icon.cjs"},"./embed/VouchEmbedInlinePlayer.svelte":"./embed/VouchEmbedInlinePlayer.svelte","./components/VouchIconArrowLeft.svelte":"./components/VouchIconArrowLeft.svelte","./components/VouchIconArrowRight.svelte":"./components/VouchIconArrowRight.svelte","./components/VouchOverlayPlayIcon.svelte":"./components/VouchOverlayPlayIcon.svelte"},"_npmUser":{"name":"vouch-tech","email":"brian@vouchfor.com"},"repository":{"url":"git+https://github.com/VouchAU/vouch-uikit.git","type":"git"},"_npmVersion":"6.14.13","description":"Vouch Svelte UIKit","directories":{},"lint-staged":{"*.{js,svelte}":"yarn lint"},"_nodeVersion":"14.17.0","dependencies":{"plyr":"^3.7.2","cookie":"^0.4.1","hls.js":"^1.1.5","core-js":"^3.16.3","postcss":"^7","@vime/core":"^5.3.1","tailwindcss":"npm:@tailwindcss/postcss7-compat","@lukeed/uuid":"^2.0.0","autoprefixer":"^9","whatwg-fetch":"^3.6.2","@fontsource/fira-mono":"^4.2.2"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^27.0.6","path":"^0.12.7","husky":"4","tslib":"^2.0.0","dotenv":"^10.0.0","eslint":"^7.22.0","rollup":"^2.55.1","svelte":"^3.34.0","prettier":"~2.2.1","babel-jest":"^27.0.6","svelte2tsx":"^0.4.3","typescript":"^4.0.0","@babel/core":"^7.14.8","@types/jest":"^26.0.24","lint-staged":"^11.1.1","svelte-check":"^2.0.0","@sveltejs/kit":"next","@types/cookie":"^0.4.0","svelte-jester":"^1.8.1","svelte-loader":"^3.1.2","@babel/preset-env":"^7.14.9","@storybook/svelte":"^6.3.6","svelte-preprocess":"^4.0.0","rollup-plugin-copy":"^3.4.0","rollup-plugin-svelte":"^7.1.0","rollup-plugin-terser":"^7.0.2","eslint-plugin-svelte3":"^3.2.0","@babel/runtime-corejs3":"^7.14.9","@rollup/plugin-replace":"^3.0.0","@storybook/addon-links":"^6.3.6","eslint-config-prettier":"^8.1.0","prettier-plugin-svelte":"^2.2.0","@rollup/plugin-commonjs":"^22.0.0","@testing-library/svelte":"^3.0.3","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@typescript-eslint/parser":"^4.19.0","@rollup/plugin-node-resolve":"^13.0.4","@storybook/addon-essentials":"^6.3.6","@typescript-eslint/eslint-plugin":"^4.19.0"},"_npmOperationalInternal":{"tmp":"tmp/uikit_5.4.5_1657071238665_0.5009002143707255","host":"s3://npm-registry-packages"}},"5.4.6":{"name":"@vouchfor/uikit","version":"5.4.6","keywords":["embed","design system","vouch-uikit","svelte","uikit"],"author":{"url":"https://vouchau.github.io/vouch-uikit","name":"Vouch Dev Team","email":"hello@vouchfor.com"},"license":"MIT","_id":"@vouchfor/uikit@5.4.6","maintainers":[{"name":"vouch-tech","email":"brian@vouchfor.com"}],"homepage":"https://vouchau.github.io/vouch-uikit","bugs":{"url":"https://github.com/VouchAU/vouch-uikit/issues"},"dist":{"shasum":"e19f5134c9ef678565e55d89c36f0512df6c46b7","tarball":"https://registry.npmjs.org/@vouchfor/uikit/-/uikit-5.4.6.tgz","fileCount":211,"integrity":"sha512-RBf0vf6y1A4gajPeXp12W8Fo7uKvR2Q+sbzHgy4fU75xia3sr8WK6MXFcEddQ7JBx0hOMe0LsEZQrd5cEN6n1g==","signatures":[{"sig":"MEUCIGLYaCMr03PwPVRtsu7wsjKUSX2Lvl7YALN1RVSVab8eAiEAmWYIuPNKXo2itadLK6EC3RikFqU/IlJWsMO4IuBSoac=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":87744672,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJixOb0ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpahhAAoQqQFkIOtYNjeHgm2hE/h6k7e4IGjhUav8iMPgCqzTazbE+7\r\nYZgsFQ6zNpvYkt7IhTPfhdeZGGCrtFAd9d0MpBW/p74iI33lm6HZedq6JR4e\r\nkY+WwMmScti1olZEJo2FWV5Mm0nOO1MYL5t1PfWOFGiNHPgzhIcK/cFX7+/+\r\nFNO2HOwXcp9J18tBT9U90Eudz66S9jSijPxzSVTxXX8qfLJQ4F1kNqtXGGQn\r\nf/4yALWL0y91bkrPjFPao6g+naeAvjUSIHhW8+vKlchI+TE4ccIh4CJ2AtZ9\r\n2TP/bm0O2msYRzPC1i3uGJB80uI0XMQRk7ItkR0f9w7fqfsURwynJ0yCzDLI\r\nHwvJLUtO+RsthAxslgrCRRUxonnRt7kjEUY02ee/LL9C3otLaQZaJA5rJr5A\r\nUPlkxpWhqtlcwGZkXZXwssc+gaOv8BE94v1RPDytb7vwFsUac90NmY6l5WkB\r\nqT3opnitDksMsFF49Zh5b1yG262x3cQ3aGqE3zffFBt34LcDGEOZlb8iDV7Y\r\nX9oZ90UyEQh+fyI+uFMLG6R8ehxzYJerHRsd+4Wb/helF7DjPjbzBCDb/VJY\r\n4logE1p/MRMdlBLxFKe/Znz4TcmSrpGuK3CP5T7xkOwj1pP6Kv2B8seIQKIF\r\ncEhM1OkJ/5+tOd4T201rmwmK+1Kj5Y3vmaM=\r\n=AwqN\r\n-----END PGP SIGNATURE-----\r\n"},"type":"module","husky":{"hooks":{"pre-push":"yarn test --silent","pre-commit":"lint-staged"}},"types":"types.d.ts","readme":"# Vouch UIKit\n\n- [Get Started](#get-started)\n - [Storybook](#storybook)\n - [Build package](#build-package)\n - [Test package locally with vouch-app](#test-package-locally-with-vouch-app)\n - [Publish to npm](#publish-to-npm)\n - [Purge npm cache](#purge-npm-cached-tags)\n- [Update vouch-app](#update-vouch-app)\n - [development](#development-devvouchforcom)\n - [staging](#staging-stagingvouchforcom)\n - [production](#production-appvouchforcom)\n\n**Vouch UIKit** consists of `2 libraries` and `1 application`\n\n```bash\n└── src\n ├── lib\n │ ├── components # Design System Components (Web Component)\n │ │ ├── VouchBrandLogo.svelte\n │ │ ...\n │ │\n │ └── embed # embed Components (Web Component)\n │ │ ├── VouchEmbedInlinePlayer.svelte\n │ ...\n │\n │\n ├── routes # vouch public embed link (https://embed.vouchfor.com)\n │ ├── __layout.svelte\n │ ├── index.svelte\n │ ├── about.svelte\n │ ...\n │\n ├── app.css\n └── app.html\n```\n\n# Get Started\n\nEnsure you have node `14.17.0` installed on your machine, for example via [nvm](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/TERMINAL.md#install-nvm), run `nvm ls` to check\n\n```bash\nnvm ls 14\n```\n\nyou should see output if you have the version installed\n\n```bash\n-> v14.17.0\n```\n\nensure you have [git ssh](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/GITHUB.md) setup locally before you clone the repo\n\n```bash\ngit clone git@github.com:VouchAU/vouch-uikit.git\n```\n\ninstall dependencies\n\n```bash\ncd vouch-uikit\nyarn\n```\n\n## Storybook\n\nhttps://designsystem.vouchfor.com/\n\nStorybook is hosted on GitHub page `gh-pages` branch (Domain name is configured on **Cloudflare**) and deployed automatically via **GitHub Action** every time changes are merged back to `master`.\n\nLocal dev\n\n```bash\nyarn storybook\n```\n\nbuild storybook\n\n```bash\nyarn build-storybook\n```\n\n## Build package\n\nBuild `src/lib` production/beta/alpha package, make sure you change `version` in `package.json` for three different build tags.\n\n```sh\ncd vouch-uikit\n...\nyarn package:alpha # development\nyarn package:beta # staging\nyarn package # production\n```\n\n## Test package locally with `vouch-app`\n\nOnce you build the `npm` package, you can test locally with `vouch-app` to ensure everything works as expected before publishing to `npm`\n\nAssuming you build a package according [Build package](#build-package), now you can create a symlink to your local package\n\n```sh\ncd package\nyarn link\n```\n\nyou should see this if successfully linked\n\n```sh\nyarn link v1.22.10\nsuccess Registered \"@vouchfor/uikit\".\ninfo You can now run `yarn link \"@vouchfor/uikit\"` in the projects where you want to use this package and it will be used instead.\n✨ Done in 0.04s.\n```\n\ngo to `vouch-app` folder and switch to the branch you want to test against with then link the local package\n\n```sh\ncd vouch-app\ngit checkout VCH-222\nyarn link @vouchfor/uikit\nyarn dev\n```\n\nVoilà, you are testing your feature branch with the local uikit package and don't forget to roll back after testing\n\n```sh\ncd vouch-app\nyarn unlink @vouchfor/uikit\n...\ncd vouch-uikit/package\nyarn unlink\n```\n\n## Publish to `npm`\n\n> Note you will need to log in `vouch-tech` on your terminal before publishing, credential is shared via 1Password.\n\n```bash\nnpm login\n...\n```\n\n```bash\ncd package\n...\nnpm publish --access public --tag alpha # development\nnpm publish --access public --tag beta # staging\nnpm publish --access public # production\n```\n\n## Purge `jsdelivr` cache\n\n`@vouchfor/uikit` is most likely consumed by **tag**, `alpha`, `beta` and `latest`, not version number to ensure clients can always get the latest updates. [jsdelivr](https://cdn.jsdelivr.net/) default has 7 days cache for `tag`, so we need to purge it to reflect new version number.\n\n- Check current tag version number\n\n - [Click to check Alpha](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@alpha/)\n - [Click to check Beta](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@beta/)\n - [Click to check Production](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n- Purge cache\n - [Click to purge Alpha](https://purge.jsdelivr.net/npm/@vouchfor/uikit@alpha/)\n - [Click to purge Beta](https://purge.jsdelivr.net/npm/@vouchfor/uikit@beta/)\n - **_Danger_** [Click to purge Production](https://purge.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n### Purge specific bundle.js\n\nOur embed code snippet `src` attribute currently refers to a specific embed bundle js , for example\n\n```html\n\n
\n```\n\nIn this case, you will need to purge the bundle file specifically by providing absolute path\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/embed/{filename}.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/components/{filename}.bundle.js\n```\n\nfor example,\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@alpha/embed/vouch-embed-inline-player.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@beta/embed/vouch-embed-inline-player.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/embed/vouch-embed-inline-player.bundle.js\n```\n\n## Unit test\n\n```bash\nyarn test\n```\n\nupdate snapshot\n\n```bash\nyarn test -u\n```\n\n# Update `vouch-app`\n\n`@vouchfor/uikit` is a dependency of `vouch-app` for embeds and UI components, follow the below steps to publish NPM package and update `package.json` dependency in `vouch-app`.\n\n> Each PR should bump the minor version in `package.json` in order to push new version to NPM. e.g. `\"version\": \"3.9.0\"` in `main` branch, you should bump to `\"version\": \"3.10.0\"` in your branch.\n\n> The major version should only be used for releasing breaking changes. e.g. `3.0.0`, `4.0.0`\n\n## Development (`dev.vouchfor.com`)\n\nAssuming your branch bumped version in `package.json` to\n\n```json\n\"version\": \"3.10.0\"\n```\n\n### Bump patch version number\n\nEnsure your patch version number isn't used, e.g. if `3.10.0` was published before, bump to `3.10.1`.\n\n### Build and publish\n\n```sh\nyarn package:alpha\ncd package\nnpm publish --access public --tag alpha\n```\n\nMake sure you purge NPM CDN cache for package, see [Purge npm cached tags](#purge-npm-cached-tags)\n\n### Update dependency in `vouch-app`\n\nEnsure you already cloned [vouch-app](https://github.com/VouchAU/vouch-app.git) locally then switch to the folder.\n\n```sh\ncd vouch-app\ngit checkout development\ngit pull\ngit merge feature/VCH-111 # Optional, only when you have code change dependency in vouch-app as well\nyarn upgrade @vouchfor/uikit@alpha\n```\n\nAfter upgrade, you should see version updates in both `package.json` and `yarn.lock`, but due to a known issue of `yarn`, please do these before committing changes\n\n- Manually roll back `package.json` (should always `\"@vouchfor/uikit\": \"alpha\"` for `development`).\n- run `yarn` again to update `yarn.lock`\n\n```sh\ngit commit -m \"Bumped uikit version\"\ngit push\n```\n\n## Staging (`staging.vouchfor.com`)\n\nUpdate `staging` environment is the same as [Development](#development-devvouchforcom) but remember to change cmd to `staging` specific\n\n```sh\nyarn package:beta\n```\n\n```sh\nnpm publish --access public --tag beta\n```\n\n```sh\ncd vouch-app\ngit checkout staging\ngit pull\ngit merge feature/VCH-111 # Optional, only when you have code change dependency in vouch-app as well\nyarn upgrade @vouchfor/uikit@beta\n```\n\n## Production (`app.vouchfor.com`)\n\nOne thing different when release to production, since `master` branch can only be merged by PRs (after code review), so you will need to run `yarn upgrade @vouchfor/uikit@latest` under you feature branch and commit **before merging the PR**.\n\n```sh\ngit checkout feature/VCH-111\nyarn upgrade upgrade @vouchfor/uikit@latest\ngit commit -m \"Bumped uikit version\"\ngit push\n```\n\n> When you run above cmd, your PR should be ready to merge (reviewed and QA tested)\n","engines":{"node":">=14.17.0"},"exports":{"./package.json":"./package.json","./embed/vouch-embed-all":{"import":"./embed/vouch-embed-all.js","default":"./embed/vouch-embed-all.js","require":"./embed/vouch-embed-all.cjs"},"./embed/vouch-embed-card":{"import":"./embed/vouch-embed-card.js","default":"./embed/vouch-embed-card.js","require":"./embed/vouch-embed-card.cjs"},"./embed/vouch-embed-jumbo":{"import":"./embed/vouch-embed-jumbo.js","default":"./embed/vouch-embed-jumbo.js","require":"./embed/vouch-embed-jumbo.cjs"},"./embed/vouch-embed-all.js":"./embed/vouch-embed-all.js","./embed/vouch-embed-button":{"import":"./embed/vouch-embed-button.js","default":"./embed/vouch-embed-button.js","require":"./embed/vouch-embed-button.cjs"},"./components/vouch-recorder":{"import":"./components/vouch-recorder.js","default":"./components/vouch-recorder.js","require":"./components/vouch-recorder.cjs"},"./embed/vouch-embed-popover":{"import":"./embed/vouch-embed-popover.js","default":"./embed/vouch-embed-popover.js","require":"./embed/vouch-embed-popover.cjs"},"./components/vouch-icon-play":{"import":"./components/vouch-icon-play.js","default":"./components/vouch-icon-play.js","require":"./components/vouch-icon-play.cjs"},"./embed/vouch-embed-dialogue":{"import":"./embed/vouch-embed-dialogue.js","default":"./embed/vouch-embed-dialogue.js","require":"./embed/vouch-embed-dialogue.cjs"},"./components/vouch-brand-logo":{"import":"./components/vouch-brand-logo.js","default":"./components/vouch-brand-logo.js","require":"./components/vouch-brand-logo.cjs"},"./components/vouch-icon-close":{"import":"./components/vouch-icon-close.js","default":"./components/vouch-icon-close.js","require":"./components/vouch-icon-close.cjs"},"./components/vouch-icon-pause":{"import":"./components/vouch-icon-pause.js","default":"./components/vouch-icon-pause.js","require":"./components/vouch-icon-pause.cjs"},"./components/vouch-media-plyr":{"import":"./components/vouch-media-plyr.js","default":"./components/vouch-media-plyr.js","require":"./components/vouch-media-plyr.cjs"},"./components/vouch-water-mark":{"import":"./components/vouch-water-mark.js","default":"./components/vouch-water-mark.js","require":"./components/vouch-water-mark.cjs"},"./embed/VouchEmbedCard.svelte":"./embed/VouchEmbedCard.svelte","./embed/vouch-embed-thumbnail":{"import":"./embed/vouch-embed-thumbnail.js","default":"./embed/vouch-embed-thumbnail.js","require":"./embed/vouch-embed-thumbnail.cjs"},"./embed/vouch-recorder-button":{"import":"./embed/vouch-recorder-button.js","default":"./embed/vouch-recorder-button.js","require":"./embed/vouch-recorder-button.cjs"},"./components/vouch-graphic-svg":{"import":"./components/vouch-graphic-svg.js","default":"./components/vouch-graphic-svg.js","require":"./components/vouch-graphic-svg.cjs"},"./embed/VouchEmbedJumbo.svelte":"./embed/VouchEmbedJumbo.svelte","./embed/VouchEmbedButton.svelte":"./embed/VouchEmbedButton.svelte","./embed/VouchEmbedPopover.svelte":"./embed/VouchEmbedPopover.svelte","./components/VouchIconPlay.svelte":"./components/VouchIconPlay.svelte","./components/VouchRecorder.svelte":"./components/VouchRecorder.svelte","./embed/VouchEmbedDialogue.svelte":"./embed/VouchEmbedDialogue.svelte","./embed/vouch-embed-inline-player":{"import":"./embed/vouch-embed-inline-player.js","default":"./embed/vouch-embed-inline-player.js","require":"./embed/vouch-embed-inline-player.cjs"},"./components/VouchBrandLogo.svelte":"./components/VouchBrandLogo.svelte","./components/VouchIconClose.svelte":"./components/VouchIconClose.svelte","./components/VouchIconPause.svelte":"./components/VouchIconPause.svelte","./components/VouchMediaPlyr.svelte":"./components/VouchMediaPlyr.svelte","./components/VouchWaterMark.svelte":"./components/VouchWaterMark.svelte","./components/vouch-icon-arrow-left":{"import":"./components/vouch-icon-arrow-left.js","default":"./components/vouch-icon-arrow-left.js","require":"./components/vouch-icon-arrow-left.cjs"},"./embed/VouchEmbedThumbnail.svelte":"./embed/VouchEmbedThumbnail.svelte","./embed/VouchRecorderButton.svelte":"./embed/VouchRecorderButton.svelte","./components/VouchGraphicSvg.svelte":"./components/VouchGraphicSvg.svelte","./components/vouch-icon-arrow-right":{"import":"./components/vouch-icon-arrow-right.js","default":"./components/vouch-icon-arrow-right.js","require":"./components/vouch-icon-arrow-right.cjs"},"./components/vouch-overlay-play-icon":{"import":"./components/vouch-overlay-play-icon.js","default":"./components/vouch-overlay-play-icon.js","require":"./components/vouch-overlay-play-icon.cjs"},"./embed/VouchEmbedInlinePlayer.svelte":"./embed/VouchEmbedInlinePlayer.svelte","./components/VouchIconArrowLeft.svelte":"./components/VouchIconArrowLeft.svelte","./components/VouchIconArrowRight.svelte":"./components/VouchIconArrowRight.svelte","./components/VouchOverlayPlayIcon.svelte":"./components/VouchOverlayPlayIcon.svelte"},"_npmUser":{"name":"vouch-tech","email":"brian@vouchfor.com"},"repository":{"url":"git+https://github.com/VouchAU/vouch-uikit.git","type":"git"},"_npmVersion":"6.14.13","description":"Vouch Svelte UIKit","directories":{},"lint-staged":{"*.{js,svelte}":"yarn lint"},"_nodeVersion":"14.17.0","dependencies":{"plyr":"^3.7.2","cookie":"^0.4.1","hls.js":"^1.1.5","core-js":"^3.16.3","postcss":"^7","@vime/core":"^5.3.1","tailwindcss":"npm:@tailwindcss/postcss7-compat","@lukeed/uuid":"^2.0.0","autoprefixer":"^9","whatwg-fetch":"^3.6.2","@fontsource/fira-mono":"^4.2.2"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^27.0.6","path":"^0.12.7","husky":"4","tslib":"^2.0.0","dotenv":"^10.0.0","eslint":"^7.22.0","rollup":"^2.55.1","svelte":"^3.34.0","prettier":"~2.2.1","babel-jest":"^27.0.6","svelte2tsx":"^0.4.3","typescript":"^4.0.0","@babel/core":"^7.14.8","@types/jest":"^26.0.24","lint-staged":"^11.1.1","svelte-check":"^2.0.0","@sveltejs/kit":"next","@types/cookie":"^0.4.0","svelte-jester":"^1.8.1","svelte-loader":"^3.1.2","@babel/preset-env":"^7.14.9","@storybook/svelte":"^6.3.6","svelte-preprocess":"^4.0.0","rollup-plugin-copy":"^3.4.0","rollup-plugin-svelte":"^7.1.0","rollup-plugin-terser":"^7.0.2","eslint-plugin-svelte3":"^3.2.0","@babel/runtime-corejs3":"^7.14.9","@rollup/plugin-replace":"^3.0.0","@storybook/addon-links":"^6.3.6","eslint-config-prettier":"^8.1.0","prettier-plugin-svelte":"^2.2.0","@rollup/plugin-commonjs":"^22.0.0","@testing-library/svelte":"^3.0.3","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@typescript-eslint/parser":"^4.19.0","@rollup/plugin-node-resolve":"^13.0.4","@storybook/addon-essentials":"^6.3.6","@typescript-eslint/eslint-plugin":"^4.19.0"},"_npmOperationalInternal":{"tmp":"tmp/uikit_5.4.6_1657071348351_0.40296185585097777","host":"s3://npm-registry-packages"}},"5.4.7":{"name":"@vouchfor/uikit","version":"5.4.7","keywords":["embed","design system","vouch-uikit","svelte","uikit"],"author":{"url":"https://vouchau.github.io/vouch-uikit","name":"Vouch Dev Team","email":"hello@vouchfor.com"},"license":"MIT","_id":"@vouchfor/uikit@5.4.7","maintainers":[{"name":"vouch-tech","email":"brian@vouchfor.com"}],"homepage":"https://vouchau.github.io/vouch-uikit","bugs":{"url":"https://github.com/VouchAU/vouch-uikit/issues"},"dist":{"shasum":"a3356a727689920fac0dcec55e945b44041118be","tarball":"https://registry.npmjs.org/@vouchfor/uikit/-/uikit-5.4.7.tgz","fileCount":211,"integrity":"sha512-2TsRINZ5+iGhdH4NK0ZDMLSyvuEdW6Ay8NTrNIA2YlBclO85Yoc0nY+M2c3t4ZjHBcPX0rie4ecB+Ai5v/MQIg==","signatures":[{"sig":"MEUCIH5CiF7dwaEBHrG64mIfo1nxXwAu2vWgzbZcjEV7BETdAiEA/XAXWeMUMj/+w7mgjHTwFm8fauh3r8DYiMVwC9ZyFo8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":87743661,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJixRqTACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp9NRAAju8V6BRqwTHHlb6IrtifoJVP8QxjhylZeBxgjriZUwRk76FJ\r\nF6F14j2i8UsWVOsTmSTXUh4sfdfw5DQhAcyHAuaLIs25N4CdtqS0TrDK1279\r\nk7+j4Az/mxzRkU5IMBhjkVDxehJI/uOddnEwrWS+eb10eFdtQkUHTwmBjn62\r\nrfmZaUT1DWQtevcYQe6N0kkBXOUEmArWP8vaXcyKq7/QkCalSLcJychjAzXL\r\nMg71xAh8jcGIP873Y7j74O6zHJrHsV5TFuMmL1eOgh/VjCWYlaOJQTpbnEAd\r\nqBxQHp98mvJuM+AoCfgbTNSomJJDm0aouwHXHPtmuiDmLPKvROH6umiVbp+Z\r\n9JDDJ5VTjc+HdVZMPbPT1Q+QqlUJdz752DBhW8wmV8iiaWHJQ/Q1j00wrtkY\r\nQb+nUCL3yGkLX8bf8RbLxxv6kmjVO0OBNpVbGsCKrecTYO83T4zYCbGkXxQa\r\n0OPU1NlkhS1oML3Qk/c/SM4mysts4JfIMm71/AVA5Jm2xL6CDApxl9RLd+8O\r\n8CRFtQR2kUTv9+jsbe+xXRD9iGjKWAdX+ZkH48g9ZySR05va6dI5UsOdIBDf\r\nN2lq8zvyZsPTaqL3jhyYEEiLd4Fr6DbU+7KVvQZuk6HOr45kdfs1edjLrIj1\r\n2U0lMLiGrSucPAjNOty4fKw/ihvr90YIe6M=\r\n=7Hgd\r\n-----END PGP SIGNATURE-----\r\n"},"type":"module","husky":{"hooks":{"pre-push":"yarn test --silent","pre-commit":"lint-staged"}},"types":"types.d.ts","engines":{"node":">=14.17.0"},"exports":{"./package.json":"./package.json","./embed/vouch-embed-all":{"import":"./embed/vouch-embed-all.js","default":"./embed/vouch-embed-all.js","require":"./embed/vouch-embed-all.cjs"},"./embed/vouch-embed-card":{"import":"./embed/vouch-embed-card.js","default":"./embed/vouch-embed-card.js","require":"./embed/vouch-embed-card.cjs"},"./embed/vouch-embed-jumbo":{"import":"./embed/vouch-embed-jumbo.js","default":"./embed/vouch-embed-jumbo.js","require":"./embed/vouch-embed-jumbo.cjs"},"./embed/vouch-embed-all.js":"./embed/vouch-embed-all.js","./embed/vouch-embed-button":{"import":"./embed/vouch-embed-button.js","default":"./embed/vouch-embed-button.js","require":"./embed/vouch-embed-button.cjs"},"./components/vouch-recorder":{"import":"./components/vouch-recorder.js","default":"./components/vouch-recorder.js","require":"./components/vouch-recorder.cjs"},"./embed/vouch-embed-popover":{"import":"./embed/vouch-embed-popover.js","default":"./embed/vouch-embed-popover.js","require":"./embed/vouch-embed-popover.cjs"},"./components/vouch-icon-play":{"import":"./components/vouch-icon-play.js","default":"./components/vouch-icon-play.js","require":"./components/vouch-icon-play.cjs"},"./embed/vouch-embed-dialogue":{"import":"./embed/vouch-embed-dialogue.js","default":"./embed/vouch-embed-dialogue.js","require":"./embed/vouch-embed-dialogue.cjs"},"./components/vouch-brand-logo":{"import":"./components/vouch-brand-logo.js","default":"./components/vouch-brand-logo.js","require":"./components/vouch-brand-logo.cjs"},"./components/vouch-icon-close":{"import":"./components/vouch-icon-close.js","default":"./components/vouch-icon-close.js","require":"./components/vouch-icon-close.cjs"},"./components/vouch-icon-pause":{"import":"./components/vouch-icon-pause.js","default":"./components/vouch-icon-pause.js","require":"./components/vouch-icon-pause.cjs"},"./components/vouch-media-plyr":{"import":"./components/vouch-media-plyr.js","default":"./components/vouch-media-plyr.js","require":"./components/vouch-media-plyr.cjs"},"./components/vouch-water-mark":{"import":"./components/vouch-water-mark.js","default":"./components/vouch-water-mark.js","require":"./components/vouch-water-mark.cjs"},"./embed/VouchEmbedCard.svelte":"./embed/VouchEmbedCard.svelte","./embed/vouch-embed-thumbnail":{"import":"./embed/vouch-embed-thumbnail.js","default":"./embed/vouch-embed-thumbnail.js","require":"./embed/vouch-embed-thumbnail.cjs"},"./embed/vouch-recorder-button":{"import":"./embed/vouch-recorder-button.js","default":"./embed/vouch-recorder-button.js","require":"./embed/vouch-recorder-button.cjs"},"./components/vouch-graphic-svg":{"import":"./components/vouch-graphic-svg.js","default":"./components/vouch-graphic-svg.js","require":"./components/vouch-graphic-svg.cjs"},"./embed/VouchEmbedJumbo.svelte":"./embed/VouchEmbedJumbo.svelte","./embed/VouchEmbedButton.svelte":"./embed/VouchEmbedButton.svelte","./embed/VouchEmbedPopover.svelte":"./embed/VouchEmbedPopover.svelte","./components/VouchIconPlay.svelte":"./components/VouchIconPlay.svelte","./components/VouchRecorder.svelte":"./components/VouchRecorder.svelte","./embed/VouchEmbedDialogue.svelte":"./embed/VouchEmbedDialogue.svelte","./embed/vouch-embed-inline-player":{"import":"./embed/vouch-embed-inline-player.js","default":"./embed/vouch-embed-inline-player.js","require":"./embed/vouch-embed-inline-player.cjs"},"./components/VouchBrandLogo.svelte":"./components/VouchBrandLogo.svelte","./components/VouchIconClose.svelte":"./components/VouchIconClose.svelte","./components/VouchIconPause.svelte":"./components/VouchIconPause.svelte","./components/VouchMediaPlyr.svelte":"./components/VouchMediaPlyr.svelte","./components/VouchWaterMark.svelte":"./components/VouchWaterMark.svelte","./components/vouch-icon-arrow-left":{"import":"./components/vouch-icon-arrow-left.js","default":"./components/vouch-icon-arrow-left.js","require":"./components/vouch-icon-arrow-left.cjs"},"./embed/VouchEmbedThumbnail.svelte":"./embed/VouchEmbedThumbnail.svelte","./embed/VouchRecorderButton.svelte":"./embed/VouchRecorderButton.svelte","./components/VouchGraphicSvg.svelte":"./components/VouchGraphicSvg.svelte","./components/vouch-icon-arrow-right":{"import":"./components/vouch-icon-arrow-right.js","default":"./components/vouch-icon-arrow-right.js","require":"./components/vouch-icon-arrow-right.cjs"},"./components/vouch-overlay-play-icon":{"import":"./components/vouch-overlay-play-icon.js","default":"./components/vouch-overlay-play-icon.js","require":"./components/vouch-overlay-play-icon.cjs"},"./embed/VouchEmbedInlinePlayer.svelte":"./embed/VouchEmbedInlinePlayer.svelte","./components/VouchIconArrowLeft.svelte":"./components/VouchIconArrowLeft.svelte","./components/VouchIconArrowRight.svelte":"./components/VouchIconArrowRight.svelte","./components/VouchOverlayPlayIcon.svelte":"./components/VouchOverlayPlayIcon.svelte"},"_npmUser":{"name":"vouch-tech","email":"brian@vouchfor.com"},"repository":{"url":"git+https://github.com/VouchAU/vouch-uikit.git","type":"git"},"_npmVersion":"6.14.13","description":"Vouch Svelte UIKit","directories":{},"lint-staged":{"*.{js,svelte}":"yarn lint"},"_nodeVersion":"14.17.0","dependencies":{"plyr":"^3.7.2","cookie":"^0.4.1","hls.js":"^1.1.5","core-js":"^3.16.3","postcss":"^7","@vime/core":"^5.3.1","tailwindcss":"npm:@tailwindcss/postcss7-compat","@lukeed/uuid":"^2.0.0","autoprefixer":"^9","whatwg-fetch":"^3.6.2","@fontsource/fira-mono":"^4.2.2"},"_hasShrinkwrap":false,"devDependencies":{"jest":"^27.0.6","path":"^0.12.7","husky":"4","tslib":"^2.0.0","dotenv":"^10.0.0","eslint":"^7.22.0","rollup":"^2.55.1","svelte":"^3.34.0","prettier":"~2.2.1","babel-jest":"^27.0.6","svelte2tsx":"^0.4.3","typescript":"^4.0.0","@babel/core":"^7.14.8","@types/jest":"^26.0.24","lint-staged":"^11.1.1","svelte-check":"^2.0.0","@sveltejs/kit":"next","@types/cookie":"^0.4.0","svelte-jester":"^1.8.1","svelte-loader":"^3.1.2","@babel/preset-env":"^7.14.9","@storybook/svelte":"^6.3.6","svelte-preprocess":"^4.0.0","rollup-plugin-copy":"^3.4.0","rollup-plugin-svelte":"^7.1.0","rollup-plugin-terser":"^7.0.2","eslint-plugin-svelte3":"^3.2.0","@babel/runtime-corejs3":"^7.14.9","@rollup/plugin-replace":"^3.0.0","@storybook/addon-links":"^6.3.6","eslint-config-prettier":"^8.1.0","prettier-plugin-svelte":"^2.2.0","@rollup/plugin-commonjs":"^22.0.0","@testing-library/svelte":"^3.0.3","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@typescript-eslint/parser":"^4.19.0","@rollup/plugin-node-resolve":"^13.0.4","@storybook/addon-essentials":"^6.3.6","@typescript-eslint/eslint-plugin":"^4.19.0"},"_npmOperationalInternal":{"tmp":"tmp/uikit_5.4.7_1657084563422_0.9817173422080225","host":"s3://npm-registry-packages"}},"5.5.0":{"name":"@vouchfor/uikit","version":"5.5.0","keywords":["embed","design system","vouch-uikit","svelte","uikit"],"author":{"url":"https://vouchau.github.io/vouch-uikit","name":"Vouch Dev Team","email":"hello@vouchfor.com"},"license":"MIT","_id":"@vouchfor/uikit@5.5.0","maintainers":[{"name":"vouch-tech","email":"brian@vouchfor.com"}],"homepage":"https://vouchau.github.io/vouch-uikit","bugs":{"url":"https://github.com/VouchAU/vouch-uikit/issues"},"dist":{"shasum":"b4cc74867af01244eebc70b05550f2368b84678b","tarball":"https://registry.npmjs.org/@vouchfor/uikit/-/uikit-5.5.0.tgz","fileCount":211,"integrity":"sha512-fqzaDBSDNZMbfhg3fd24qQ1V5zJ/tXQ51lFYOuG7DQNkZ0NC8fqmdnAvxDkPCqbZvB0BHkljvn1AEDPfZCRELw==","signatures":[{"sig":"MEUCIC+n4DR2Y3RwbQsGCQZe9AsJyQjP0Ylw9cWobqXfICfSAiEA75Yjry72p7DXTZzNyDlf2R5LAiEAvTMZqd285HlP3ys=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":87788362,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJixmjoACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqb5g/9F3I5789v1JSyaFPWED+75ykuLOE15ubUprdT2SWnxWMVsZwE\r\nRQDPJbhsJ8pcfwfQQr7bO50sRKaSwPBdtRTRMM2zVA5DQT/1tYb5eNs8ApJI\r\nCAvy6hQUtpybR9KA2bBDoyDAR8TEhgt9v8QGn2nmgUo8419dqZbZBsGsTpDb\r\n/puaVvKvWEMofbzx374dhQvvoVkxIF9jNLofJEZ8ijZCcpn7z3Je5+jMRoqF\r\nEAQ2T80APvkU18lYQ65TRFFpmLD9ivtKwt0oEdcjTcHoz+AQa1T5C9nZv0aH\r\nffnk0W/1yTe+qPLt9c83u5VMzQdLCWogw12JqlYpH32/2quRb9MGs6JNhjCg\r\nAMi26Z3dHs5CdJs/I71YXb+1eWxN0g56OJkgzL++nQ0GkgsLdVt63IqBPN1C\r\nNLgfNakYbTqTS1+/WERWPT6xONbeEEWCC+Y93WNKh13U15cTwBRuhFI8yfS6\r\nziCfU4D77Vn/WLPVfTTWQdL8/uNfGMmQgTA5ThkCsKbmxjb9/H3DfSNIDdLr\r\nypYWp7r0UD2zVeFwnxoFZuBhwuOFhn0XXOVvzz7Z4uta97ETA55wMMwwxTR7\r\nx8jAIalXx1WFFEH/ALxzjYItPc/cU3ClCKn8AGE6Zdh+uxgt1MsYshYocNhx\r\nsj84UtWj5GACSo55Qm0aU5xASY+FznH77NM=\r\n=Hefc\r\n-----END PGP SIGNATURE-----\r\n"},"type":"module","husky":{"hooks":{"pre-push":"yarn test --silent","pre-commit":"lint-staged"}},"types":"types.d.ts","readme":"# Vouch UIKit\n\n- [Get Started](#get-started)\n - [Storybook](#storybook)\n - [Build package](#build-package)\n - [Test package locally with vouch-app](#test-package-locally-with-vouch-app)\n - [Publish to npm](#publish-to-npm)\n - [Purge npm cache](#purge-npm-cached-tags)\n- [Update vouch-app](#update-vouch-app)\n - [development](#development-devvouchforcom)\n - [staging](#staging-stagingvouchforcom)\n - [production](#production-appvouchforcom)\n\n**Vouch UIKit** consists of `2 libraries` and `1 application`\n\n```bash\n└── src\n ├── lib\n │ ├── components # Design System Components (Web Component)\n │ │ ├── VouchBrandLogo.svelte\n │ │ ...\n │ │\n │ └── embed # embed Components (Web Component)\n │ │ ├── VouchEmbedInlinePlayer.svelte\n │ ...\n │\n │\n ├── routes # vouch public embed link (https://embed.vouchfor.com)\n │ ├── __layout.svelte\n │ ├── index.svelte\n │ ├── about.svelte\n │ ...\n │\n ├── app.css\n └── app.html\n```\n\n# Get Started\n\nEnsure you have node `14.17.0` installed on your machine, for example via [nvm](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/TERMINAL.md#install-nvm), run `nvm ls` to check\n\n```bash\nnvm ls 14\n```\n\nyou should see output if you have the version installed\n\n```bash\n-> v14.17.0\n```\n\nensure you have [git ssh](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/GITHUB.md) setup locally before you clone the repo\n\n```bash\ngit clone git@github.com:VouchAU/vouch-uikit.git\n```\n\ninstall dependencies\n\n```bash\ncd vouch-uikit\nyarn\n```\n\n## Storybook\n\nhttps://designsystem.vouchfor.com/\n\nStorybook is hosted on GitHub page `gh-pages` branch (Domain name is configured on **Cloudflare**) and deployed automatically via **GitHub Action** every time changes are merged back to `master`.\n\nLocal dev\n\n```bash\nyarn storybook\n```\n\nbuild storybook\n\n```bash\nyarn build-storybook\n```\n\n## Build package\n\nBuild `src/lib` production/beta/alpha package, make sure you change `version` in `package.json` for three different build tags.\n\n```sh\ncd vouch-uikit\n...\nyarn package:alpha # development\nyarn package:beta # staging\nyarn package # production\n```\n\n## Test package locally with `vouch-app`\n\nOnce you build the `npm` package, you can test locally with `vouch-app` to ensure everything works as expected before publishing to `npm`\n\nAssuming you build a package according [Build package](#build-package), now you can create a symlink to your local package\n\n```sh\ncd package\nyarn link\n```\n\nyou should see this if successfully linked\n\n```sh\nyarn link v1.22.10\nsuccess Registered \"@vouchfor/uikit\".\ninfo You can now run `yarn link \"@vouchfor/uikit\"` in the projects where you want to use this package and it will be used instead.\n✨ Done in 0.04s.\n```\n\ngo to `vouch-app` folder and switch to the branch you want to test against with then link the local package\n\n```sh\ncd vouch-app\ngit checkout VCH-222\nyarn link @vouchfor/uikit\nyarn dev\n```\n\nVoilà, you are testing your feature branch with the local uikit package and don't forget to roll back after testing\n\n```sh\ncd vouch-app\nyarn unlink @vouchfor/uikit\n...\ncd vouch-uikit/package\nyarn unlink\n```\n\n## Publish to `npm`\n\n> Note you will need to log in `vouch-tech` on your terminal before publishing, credential is shared via 1Password.\n\n```bash\nnpm login\n...\n```\n\n```bash\ncd package\n...\nnpm publish --access public --tag alpha # development\nnpm publish --access public --tag beta # staging\nnpm publish --access public # production\n```\n\n## Purge `jsdelivr` cache\n\n`@vouchfor/uikit` is most likely consumed by **tag**, `alpha`, `beta` and `latest`, not version number to ensure clients can always get the latest updates. [jsdelivr](https://cdn.jsdelivr.net/) default has 7 days cache for `tag`, so we need to purge it to reflect new version number.\n\n- Check current tag version number\n\n - [Click to check Alpha](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@alpha/)\n - [Click to check Beta](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@beta/)\n - [Click to check Production](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n- Purge cache\n - [Click to purge Alpha](https://purge.jsdelivr.net/npm/@vouchfor/uikit@alpha/)\n - [Click to purge Beta](https://purge.jsdelivr.net/npm/@vouchfor/uikit@beta/)\n - **_Danger_** [Click to purge Production](https://purge.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n### Purge specific bundle.js\n\nOur embed code snippet `src` attribute currently refers to a specific embed bundle js , for example\n\n```html\n\n
\n```\n\nIn this case, you will need to purge the bundle file specifically by providing absolute path\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/embed/{filename}.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/components/{filename}.bundle.js\n```\n\nfor example,\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@alpha/embed/vouch-embed-inline-player.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@beta/embed/vouch-embed-inline-player.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/embed/vouch-embed-inline-player.bundle.js\n```\n\n## Unit test\n\n```bash\nyarn test\n```\n\nupdate snapshot\n\n```bash\nyarn test -u\n```\n\n# Update `vouch-app`\n\n`@vouchfor/uikit` is a dependency of `vouch-app` for embeds and UI components, follow the below steps to publish NPM package and update `package.json` dependency in `vouch-app`.\n\n> Each PR should bump the minor version in `package.json` in order to push new version to NPM. e.g. `\"version\": \"3.9.0\"` in `main` branch, you should bump to `\"version\": \"3.10.0\"` in your branch.\n\n> The major version should only be used for releasing breaking changes. e.g. `3.0.0`, `4.0.0`\n\n## Development (`dev.vouchfor.com`)\n\nAssuming your branch bumped version in `package.json` to\n\n```json\n\"version\": \"3.10.0\"\n```\n\n### Bump patch version number\n\nEnsure your patch version number isn't used, e.g. if `3.10.0` was published before, bump to `3.10.1`.\n\n### Build and publish\n\n```sh\nyarn package:alpha\ncd package\nnpm publish --access public --tag alpha\n```\n\nMake sure you purge NPM CDN cache for package, see [Purge npm cached tags](#purge-npm-cached-tags)\n\n### Update dependency in `vouch-app`\n\nEnsure you already cloned [vouch-app](https://github.com/VouchAU/vouch-app.git) locally then switch to the folder.\n\n```sh\ncd vouch-app\ngit checkout development\ngit pull\ngit merge feature/VCH-111 # Optional, only when you have code change dependency in vouch-app as well\nyarn upgrade @vouchfor/uikit@alpha\n```\n\nAfter upgrade, you should see version updates in both `package.json` and `yarn.lock`, but due to a known issue of `yarn`, please do these before committing changes\n\n- Manually roll back `package.json` (should always `\"@vouchfor/uikit\": \"alpha\"` for `development`).\n- run `yarn` again to update `yarn.lock`\n\n```sh\ngit commit -m \"Bumped uikit version\"\ngit push\n```\n\n## Staging (`staging.vouchfor.com`)\n\nUpdate `staging` environment is the same as [Development](#development-devvouchforcom) but remember to change cmd to `staging` specific\n\n```sh\nyarn package:beta\n```\n\n```sh\nnpm publish --access public --tag beta\n```\n\n```sh\ncd vouch-app\ngit checkout staging\ngit pull\ngit merge feature/VCH-111 # Optional, only when you have code change dependency in vouch-app as well\nyarn upgrade @vouchfor/uikit@beta\n```\n\n## Production (`app.vouchfor.com`)\n\nOne thing different when release to production, since `master` branch can only be merged by PRs (after code review), so you will need to run `yarn upgrade @vouchfor/uikit@latest` under you feature branch and commit **before merging the PR**.\n\n```sh\ngit checkout feature/VCH-111\nyarn upgrade upgrade @vouchfor/uikit@latest\ngit commit -m \"Bumped uikit version\"\ngit push\n```\n\n> When you run above cmd, your PR should be ready to merge (reviewed and QA tested)\n","engines":{"node":">=14.17.0"},"exports":{"./package.json":"./package.json","./embed/vouch-embed-all":{"import":"./embed/vouch-embed-all.js","default":"./embed/vouch-embed-all.js","require":"./embed/vouch-embed-all.cjs"},"./embed/vouch-embed-card":{"import":"./embed/vouch-embed-card.js","default":"./embed/vouch-embed-card.js","require":"./embed/vouch-embed-card.cjs"},"./embed/vouch-embed-jumbo":{"import":"./embed/vouch-embed-jumbo.js","default":"./embed/vouch-embed-jumbo.js","require":"./embed/vouch-embed-jumbo.cjs"},"./embed/vouch-embed-all.js":"./embed/vouch-embed-all.js","./embed/vouch-embed-button":{"import":"./embed/vouch-embed-button.js","default":"./embed/vouch-embed-button.js","require":"./embed/vouch-embed-button.cjs"},"./components/vouch-recorder":{"import":"./components/vouch-recorder.js","default":"./components/vouch-recorder.js","require":"./components/vouch-recorder.cjs"},"./embed/vouch-embed-popover":{"import":"./embed/vouch-embed-popover.js","default":"./embed/vouch-embed-popover.js","require":"./embed/vouch-embed-popover.cjs"},"./components/vouch-icon-play":{"import":"./components/vouch-icon-play.js","default":"./components/vouch-icon-play.js","require":"./components/vouch-icon-play.cjs"},"./embed/vouch-embed-dialogue":{"import":"./embed/vouch-embed-dialogue.js","default":"./embed/vouch-embed-dialogue.js","require":"./embed/vouch-embed-dialogue.cjs"},"./components/vouch-brand-logo":{"import":"./components/vouch-brand-logo.js","default":"./components/vouch-brand-logo.js","require":"./components/vouch-brand-logo.cjs"},"./components/vouch-icon-close":{"import":"./components/vouch-icon-close.js","default":"./components/vouch-icon-close.js","require":"./components/vouch-icon-close.cjs"},"./components/vouch-icon-pause":{"import":"./components/vouch-icon-pause.js","default":"./components/vouch-icon-pause.js","require":"./components/vouch-icon-pause.cjs"},"./components/vouch-media-plyr":{"import":"./components/vouch-media-plyr.js","default":"./components/vouch-media-plyr.js","require":"./components/vouch-media-plyr.cjs"},"./components/vouch-water-mark":{"import":"./components/vouch-water-mark.js","default":"./components/vouch-water-mark.js","require":"./components/vouch-water-mark.cjs"},"./embed/VouchEmbedCard.svelte":"./embed/VouchEmbedCard.svelte","./embed/vouch-embed-thumbnail":{"import":"./embed/vouch-embed-thumbnail.js","default":"./embed/vouch-embed-thumbnail.js","require":"./embed/vouch-embed-thumbnail.cjs"},"./embed/vouch-recorder-button":{"import":"./embed/vouch-recorder-button.js","default":"./embed/vouch-recorder-button.js","require":"./embed/vouch-recorder-button.cjs"},"./components/vouch-graphic-svg":{"import":"./components/vouch-graphic-svg.js","default":"./components/vouch-graphic-svg.js","require":"./components/vouch-graphic-svg.cjs"},"./embed/VouchEmbedJumbo.svelte":"./embed/VouchEmbedJumbo.svelte","./embed/VouchEmbedButton.svelte":"./embed/VouchEmbedButton.svelte","./embed/VouchEmbedPopover.svelte":"./embed/VouchEmbedPopover.svelte","./components/VouchIconPlay.svelte":"./components/VouchIconPlay.svelte","./components/VouchRecorder.svelte":"./components/VouchRecorder.svelte","./embed/VouchEmbedDialogue.svelte":"./embed/VouchEmbedDialogue.svelte","./embed/vouch-embed-inline-player":{"import":"./embed/vouch-embed-inline-player.js","default":"./embed/vouch-embed-inline-player.js","require":"./embed/vouch-embed-inline-player.cjs"},"./components/VouchBrandLogo.svelte":"./components/VouchBrandLogo.svelte","./components/VouchIconClose.svelte":"./components/VouchIconClose.svelte","./components/VouchIconPause.svelte":"./components/VouchIconPause.svelte","./components/VouchMediaPlyr.svelte":"./components/VouchMediaPlyr.svelte","./components/VouchWaterMark.svelte":"./components/VouchWaterMark.svelte","./components/vouch-icon-arrow-left":{"import":"./components/vouch-icon-arrow-left.js","default":"./components/vouch-icon-arrow-left.js","require":"./components/vouch-icon-arrow-left.cjs"},"./embed/VouchEmbedThumbnail.svelte":"./embed/VouchEmbedThumbnail.svelte","./embed/VouchRecorderButton.svelte":"./embed/VouchRecorderButton.svelte","./components/VouchGraphicSvg.svelte":"./components/VouchGraphicSvg.svelte","./components/vouch-icon-arrow-right":{"import":"./components/vouch-icon-arrow-right.js","default":"./components/vouch-icon-arrow-right.js","require":"./components/vouch-icon-arrow-right.cjs"},"./components/vouch-overlay-play-icon":{"import":"./components/vouch-overlay-play-icon.js","default":"./components/vouch-overlay-play-icon.js","require":"./components/vouch-overlay-play-icon.cjs"},"./embed/VouchEmbedInlinePlayer.svelte":"./embed/VouchEmbedInlinePlayer.svelte","./components/VouchIconArrowLeft.svelte":"./components/VouchIconArrowLeft.svelte","./components/VouchIconArrowRight.svelte":"./components/VouchIconArrowRight.svelte","./components/VouchOverlayPlayIcon.svelte":"./components/VouchOverlayPlayIcon.svelte"},"_npmUser":{"name":"vouch-tech","email":"brian@vouchfor.com"},"repository":{"url":"git+https://github.com/VouchAU/vouch-uikit.git","type":"git"},"_npmVersion":"6.14.13","description":"Vouch Svelte UIKit","directories":{},"lint-staged":{"*.{js,svelte}":"yarn lint"},"_nodeVersion":"14.17.0","dependencies":{"plyr":"^3.7.2","cookie":"^0.4.1","hls.js":"^1.1.5","core-js":"^3.16.3","postcss":"^7","@vime/core":"^5.3.1","tailwindcss":"npm:@tailwindcss/postcss7-compat","@lukeed/uuid":"^2.0.0","autoprefixer":"^9","whatwg-fetch":"^3.6.2","@fontsource/fira-mono":"^4.2.2"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^27.0.6","path":"^0.12.7","husky":"4","tslib":"^2.0.0","dotenv":"^10.0.0","eslint":"^7.22.0","rollup":"^2.55.1","svelte":"^3.34.0","prettier":"~2.2.1","babel-jest":"^27.0.6","svelte2tsx":"^0.4.3","typescript":"^4.0.0","@babel/core":"^7.14.8","@types/jest":"^26.0.24","lint-staged":"^11.1.1","svelte-check":"^2.0.0","@sveltejs/kit":"next","@types/cookie":"^0.4.0","svelte-jester":"^1.8.1","svelte-loader":"^3.1.2","@babel/preset-env":"^7.14.9","@storybook/svelte":"^6.3.6","svelte-preprocess":"^4.0.0","rollup-plugin-copy":"^3.4.0","rollup-plugin-svelte":"^7.1.0","rollup-plugin-terser":"^7.0.2","eslint-plugin-svelte3":"^3.2.0","@babel/runtime-corejs3":"^7.14.9","@rollup/plugin-replace":"^3.0.0","@storybook/addon-links":"^6.3.6","eslint-config-prettier":"^8.1.0","prettier-plugin-svelte":"^2.2.0","@rollup/plugin-commonjs":"^22.0.0","@testing-library/svelte":"^3.0.3","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@typescript-eslint/parser":"^4.19.0","@rollup/plugin-node-resolve":"^13.0.4","@storybook/addon-essentials":"^6.3.6","@typescript-eslint/eslint-plugin":"^4.19.0"},"_npmOperationalInternal":{"tmp":"tmp/uikit_5.5.0_1657170152367_0.5212913191230868","host":"s3://npm-registry-packages"}},"5.5.1":{"name":"@vouchfor/uikit","version":"5.5.1","keywords":["embed","design system","vouch-uikit","svelte","uikit"],"author":{"url":"https://vouchau.github.io/vouch-uikit","name":"Vouch Dev Team","email":"hello@vouchfor.com"},"license":"MIT","_id":"@vouchfor/uikit@5.5.1","maintainers":[{"name":"vouch-tech","email":"brian@vouchfor.com"}],"homepage":"https://vouchau.github.io/vouch-uikit","bugs":{"url":"https://github.com/VouchAU/vouch-uikit/issues"},"dist":{"shasum":"9945bedd084bc8b1c88fa2eba96997fa753946fb","tarball":"https://registry.npmjs.org/@vouchfor/uikit/-/uikit-5.5.1.tgz","fileCount":211,"integrity":"sha512-k6sT+8tbxRWXIFT99s1qc/oGyNvRCTj+H5zBSZkPX/FYUJW1F5T5VgFnpHAANNI9OCNHc7DsBWckIe9S7mKxdw==","signatures":[{"sig":"MEUCIByp00fMruDxv4qgFq4LMfZggMqC9TvpAvaPnddprmyNAiEAzxiYUcDND7uqaYzysCNEVhbs2zhwZK9yWmoPYAzNKlU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":87795889,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJixm6KACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpkKA/+PPS2vFdk6GduqErPIYxjVGmvN+u7DDVrm9rjFEbnAVlfe65v\r\nDWC7p9z29zp+RE6aH6M3kWgIGT37Up+N0XRf5AOrN1+XDCJtIszLJj+kLUQq\r\nXd+RmbKFx7dLpLo8aEtUA5Hmt5pkY9XYiC0elQyTEQfgrtygKPavFqZEA7FY\r\nLb5oafOywWISRHulcU8z1byyMP18yRng2tvTxHh+6NjhN88PU1/k1OZqXtpx\r\n7Lt8tu5Iuf4lnqoDPz4nmPSDIsmNdovWZ5GcGExMzGgmMz8eQuOjivSdr8DX\r\nuHiNVv/DfInuwzJEg1KyY7DMwYHCfNB6Lh3rZj2uGUX8vUVpHoTY41UdGhnE\r\nVI3Q/8M1z1lbQc81AaooUzMhDsjoRMEDkhumvkX8D9gK2DTo48fTW3KrwOg+\r\nycbZDdVqLzhQQML/HxKqzb1X1bTn3ebY852sCOHu7opTCQg1b0AgLjOxPz1K\r\nS+UrRU316FCNSh4C3SlgcCaPNAdL/ncYwgiZj+9in60lBam5wkoBfDbIEXuc\r\n5/XlewaxlrCq2YVwUpLniL9nAfqX6zj4IH0V8W7t060p68pPyLUFFlYu38Ge\r\nW0/BrpFmgHu3ROgsCWWNAI9DndSqHpASDcn3g8Vfmn7B7udVUFaLxgdSH+6N\r\nhIcsd4SqMS64J3tb6Rf3OgUuNEiYqnn9pSA=\r\n=ZUMX\r\n-----END PGP SIGNATURE-----\r\n"},"type":"module","husky":{"hooks":{"pre-push":"yarn test --silent","pre-commit":"lint-staged"}},"types":"types.d.ts","readme":"# Vouch UIKit\n\n- [Get Started](#get-started)\n - [Storybook](#storybook)\n - [Build package](#build-package)\n - [Test package locally with vouch-app](#test-package-locally-with-vouch-app)\n - [Publish to npm](#publish-to-npm)\n - [Purge npm cache](#purge-npm-cached-tags)\n- [Update vouch-app](#update-vouch-app)\n - [development](#development-devvouchforcom)\n - [staging](#staging-stagingvouchforcom)\n - [production](#production-appvouchforcom)\n\n**Vouch UIKit** consists of `2 libraries` and `1 application`\n\n```bash\n└── src\n ├── lib\n │ ├── components # Design System Components (Web Component)\n │ │ ├── VouchBrandLogo.svelte\n │ │ ...\n │ │\n │ └── embed # embed Components (Web Component)\n │ │ ├── VouchEmbedInlinePlayer.svelte\n │ ...\n │\n │\n ├── routes # vouch public embed link (https://embed.vouchfor.com)\n │ ├── __layout.svelte\n │ ├── index.svelte\n │ ├── about.svelte\n │ ...\n │\n ├── app.css\n └── app.html\n```\n\n# Get Started\n\nEnsure you have node `14.17.0` installed on your machine, for example via [nvm](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/TERMINAL.md#install-nvm), run `nvm ls` to check\n\n```bash\nnvm ls 14\n```\n\nyou should see output if you have the version installed\n\n```bash\n-> v14.17.0\n```\n\nensure you have [git ssh](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/GITHUB.md) setup locally before you clone the repo\n\n```bash\ngit clone git@github.com:VouchAU/vouch-uikit.git\n```\n\ninstall dependencies\n\n```bash\ncd vouch-uikit\nyarn\n```\n\n## Storybook\n\nhttps://designsystem.vouchfor.com/\n\nStorybook is hosted on GitHub page `gh-pages` branch (Domain name is configured on **Cloudflare**) and deployed automatically via **GitHub Action** every time changes are merged back to `master`.\n\nLocal dev\n\n```bash\nyarn storybook\n```\n\nbuild storybook\n\n```bash\nyarn build-storybook\n```\n\n## Build package\n\nBuild `src/lib` production/beta/alpha package, make sure you change `version` in `package.json` for three different build tags.\n\n```sh\ncd vouch-uikit\n...\nyarn package:alpha # development\nyarn package:beta # staging\nyarn package # production\n```\n\n## Test package locally with `vouch-app`\n\nOnce you build the `npm` package, you can test locally with `vouch-app` to ensure everything works as expected before publishing to `npm`\n\nAssuming you build a package according [Build package](#build-package), now you can create a symlink to your local package\n\n```sh\ncd package\nyarn link\n```\n\nyou should see this if successfully linked\n\n```sh\nyarn link v1.22.10\nsuccess Registered \"@vouchfor/uikit\".\ninfo You can now run `yarn link \"@vouchfor/uikit\"` in the projects where you want to use this package and it will be used instead.\n✨ Done in 0.04s.\n```\n\ngo to `vouch-app` folder and switch to the branch you want to test against with then link the local package\n\n```sh\ncd vouch-app\ngit checkout VCH-222\nyarn link @vouchfor/uikit\nyarn dev\n```\n\nVoilà, you are testing your feature branch with the local uikit package and don't forget to roll back after testing\n\n```sh\ncd vouch-app\nyarn unlink @vouchfor/uikit\n...\ncd vouch-uikit/package\nyarn unlink\n```\n\n## Publish to `npm`\n\n> Note you will need to log in `vouch-tech` on your terminal before publishing, credential is shared via 1Password.\n\n```bash\nnpm login\n...\n```\n\n```bash\ncd package\n...\nnpm publish --access public --tag alpha # development\nnpm publish --access public --tag beta # staging\nnpm publish --access public # production\n```\n\n## Purge `jsdelivr` cache\n\n`@vouchfor/uikit` is most likely consumed by **tag**, `alpha`, `beta` and `latest`, not version number to ensure clients can always get the latest updates. [jsdelivr](https://cdn.jsdelivr.net/) default has 7 days cache for `tag`, so we need to purge it to reflect new version number.\n\n- Check current tag version number\n\n - [Click to check Alpha](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@alpha/)\n - [Click to check Beta](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@beta/)\n - [Click to check Production](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n- Purge cache\n - [Click to purge Alpha](https://purge.jsdelivr.net/npm/@vouchfor/uikit@alpha/)\n - [Click to purge Beta](https://purge.jsdelivr.net/npm/@vouchfor/uikit@beta/)\n - **_Danger_** [Click to purge Production](https://purge.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n### Purge specific bundle.js\n\nOur embed code snippet `src` attribute currently refers to a specific embed bundle js , for example\n\n```html\n\n
\n```\n\nIn this case, you will need to purge the bundle file specifically by providing absolute path\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/embed/{filename}.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/components/{filename}.bundle.js\n```\n\nfor example,\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@alpha/embed/vouch-embed-inline-player.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@beta/embed/vouch-embed-inline-player.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/embed/vouch-embed-inline-player.bundle.js\n```\n\n## Unit test\n\n```bash\nyarn test\n```\n\nupdate snapshot\n\n```bash\nyarn test -u\n```\n\n# Update `vouch-app`\n\n`@vouchfor/uikit` is a dependency of `vouch-app` for embeds and UI components, follow the below steps to publish NPM package and update `package.json` dependency in `vouch-app`.\n\n> Each PR should bump the minor version in `package.json` in order to push new version to NPM. e.g. `\"version\": \"3.9.0\"` in `main` branch, you should bump to `\"version\": \"3.10.0\"` in your branch.\n\n> The major version should only be used for releasing breaking changes. e.g. `3.0.0`, `4.0.0`\n\n## Development (`dev.vouchfor.com`)\n\nAssuming your branch bumped version in `package.json` to\n\n```json\n\"version\": \"3.10.0\"\n```\n\n### Bump patch version number\n\nEnsure your patch version number isn't used, e.g. if `3.10.0` was published before, bump to `3.10.1`.\n\n### Build and publish\n\n```sh\nyarn package:alpha\ncd package\nnpm publish --access public --tag alpha\n```\n\nMake sure you purge NPM CDN cache for package, see [Purge npm cached tags](#purge-npm-cached-tags)\n\n### Update dependency in `vouch-app`\n\nEnsure you already cloned [vouch-app](https://github.com/VouchAU/vouch-app.git) locally then switch to the folder.\n\n```sh\ncd vouch-app\ngit checkout development\ngit pull\ngit merge feature/VCH-111 # Optional, only when you have code change dependency in vouch-app as well\nyarn upgrade @vouchfor/uikit@alpha\n```\n\nAfter upgrade, you should see version updates in both `package.json` and `yarn.lock`, but due to a known issue of `yarn`, please do these before committing changes\n\n- Manually roll back `package.json` (should always `\"@vouchfor/uikit\": \"alpha\"` for `development`).\n- run `yarn` again to update `yarn.lock`\n\n```sh\ngit commit -m \"Bumped uikit version\"\ngit push\n```\n\n## Staging (`staging.vouchfor.com`)\n\nUpdate `staging` environment is the same as [Development](#development-devvouchforcom) but remember to change cmd to `staging` specific\n\n```sh\nyarn package:beta\n```\n\n```sh\nnpm publish --access public --tag beta\n```\n\n```sh\ncd vouch-app\ngit checkout staging\ngit pull\ngit merge feature/VCH-111 # Optional, only when you have code change dependency in vouch-app as well\nyarn upgrade @vouchfor/uikit@beta\n```\n\n## Production (`app.vouchfor.com`)\n\nOne thing different when release to production, since `master` branch can only be merged by PRs (after code review), so you will need to run `yarn upgrade @vouchfor/uikit@latest` under you feature branch and commit **before merging the PR**.\n\n```sh\ngit checkout feature/VCH-111\nyarn upgrade upgrade @vouchfor/uikit@latest\ngit commit -m \"Bumped uikit version\"\ngit push\n```\n\n> When you run above cmd, your PR should be ready to merge (reviewed and QA tested)\n","engines":{"node":">=14.17.0"},"exports":{"./package.json":"./package.json","./embed/vouch-embed-all":{"import":"./embed/vouch-embed-all.js","default":"./embed/vouch-embed-all.js","require":"./embed/vouch-embed-all.cjs"},"./embed/vouch-embed-card":{"import":"./embed/vouch-embed-card.js","default":"./embed/vouch-embed-card.js","require":"./embed/vouch-embed-card.cjs"},"./embed/vouch-embed-jumbo":{"import":"./embed/vouch-embed-jumbo.js","default":"./embed/vouch-embed-jumbo.js","require":"./embed/vouch-embed-jumbo.cjs"},"./embed/vouch-embed-all.js":"./embed/vouch-embed-all.js","./embed/vouch-embed-button":{"import":"./embed/vouch-embed-button.js","default":"./embed/vouch-embed-button.js","require":"./embed/vouch-embed-button.cjs"},"./components/vouch-recorder":{"import":"./components/vouch-recorder.js","default":"./components/vouch-recorder.js","require":"./components/vouch-recorder.cjs"},"./embed/vouch-embed-popover":{"import":"./embed/vouch-embed-popover.js","default":"./embed/vouch-embed-popover.js","require":"./embed/vouch-embed-popover.cjs"},"./components/vouch-icon-play":{"import":"./components/vouch-icon-play.js","default":"./components/vouch-icon-play.js","require":"./components/vouch-icon-play.cjs"},"./embed/vouch-embed-dialogue":{"import":"./embed/vouch-embed-dialogue.js","default":"./embed/vouch-embed-dialogue.js","require":"./embed/vouch-embed-dialogue.cjs"},"./components/vouch-brand-logo":{"import":"./components/vouch-brand-logo.js","default":"./components/vouch-brand-logo.js","require":"./components/vouch-brand-logo.cjs"},"./components/vouch-icon-close":{"import":"./components/vouch-icon-close.js","default":"./components/vouch-icon-close.js","require":"./components/vouch-icon-close.cjs"},"./components/vouch-icon-pause":{"import":"./components/vouch-icon-pause.js","default":"./components/vouch-icon-pause.js","require":"./components/vouch-icon-pause.cjs"},"./components/vouch-media-plyr":{"import":"./components/vouch-media-plyr.js","default":"./components/vouch-media-plyr.js","require":"./components/vouch-media-plyr.cjs"},"./components/vouch-water-mark":{"import":"./components/vouch-water-mark.js","default":"./components/vouch-water-mark.js","require":"./components/vouch-water-mark.cjs"},"./embed/VouchEmbedCard.svelte":"./embed/VouchEmbedCard.svelte","./embed/vouch-embed-thumbnail":{"import":"./embed/vouch-embed-thumbnail.js","default":"./embed/vouch-embed-thumbnail.js","require":"./embed/vouch-embed-thumbnail.cjs"},"./embed/vouch-recorder-button":{"import":"./embed/vouch-recorder-button.js","default":"./embed/vouch-recorder-button.js","require":"./embed/vouch-recorder-button.cjs"},"./components/vouch-graphic-svg":{"import":"./components/vouch-graphic-svg.js","default":"./components/vouch-graphic-svg.js","require":"./components/vouch-graphic-svg.cjs"},"./embed/VouchEmbedJumbo.svelte":"./embed/VouchEmbedJumbo.svelte","./embed/VouchEmbedButton.svelte":"./embed/VouchEmbedButton.svelte","./embed/VouchEmbedPopover.svelte":"./embed/VouchEmbedPopover.svelte","./components/VouchIconPlay.svelte":"./components/VouchIconPlay.svelte","./components/VouchRecorder.svelte":"./components/VouchRecorder.svelte","./embed/VouchEmbedDialogue.svelte":"./embed/VouchEmbedDialogue.svelte","./embed/vouch-embed-inline-player":{"import":"./embed/vouch-embed-inline-player.js","default":"./embed/vouch-embed-inline-player.js","require":"./embed/vouch-embed-inline-player.cjs"},"./components/VouchBrandLogo.svelte":"./components/VouchBrandLogo.svelte","./components/VouchIconClose.svelte":"./components/VouchIconClose.svelte","./components/VouchIconPause.svelte":"./components/VouchIconPause.svelte","./components/VouchMediaPlyr.svelte":"./components/VouchMediaPlyr.svelte","./components/VouchWaterMark.svelte":"./components/VouchWaterMark.svelte","./components/vouch-icon-arrow-left":{"import":"./components/vouch-icon-arrow-left.js","default":"./components/vouch-icon-arrow-left.js","require":"./components/vouch-icon-arrow-left.cjs"},"./embed/VouchEmbedThumbnail.svelte":"./embed/VouchEmbedThumbnail.svelte","./embed/VouchRecorderButton.svelte":"./embed/VouchRecorderButton.svelte","./components/VouchGraphicSvg.svelte":"./components/VouchGraphicSvg.svelte","./components/vouch-icon-arrow-right":{"import":"./components/vouch-icon-arrow-right.js","default":"./components/vouch-icon-arrow-right.js","require":"./components/vouch-icon-arrow-right.cjs"},"./components/vouch-overlay-play-icon":{"import":"./components/vouch-overlay-play-icon.js","default":"./components/vouch-overlay-play-icon.js","require":"./components/vouch-overlay-play-icon.cjs"},"./embed/VouchEmbedInlinePlayer.svelte":"./embed/VouchEmbedInlinePlayer.svelte","./components/VouchIconArrowLeft.svelte":"./components/VouchIconArrowLeft.svelte","./components/VouchIconArrowRight.svelte":"./components/VouchIconArrowRight.svelte","./components/VouchOverlayPlayIcon.svelte":"./components/VouchOverlayPlayIcon.svelte"},"_npmUser":{"name":"vouch-tech","email":"brian@vouchfor.com"},"repository":{"url":"git+https://github.com/VouchAU/vouch-uikit.git","type":"git"},"_npmVersion":"6.14.13","description":"Vouch Svelte UIKit","directories":{},"lint-staged":{"*.{js,svelte}":"yarn lint"},"_nodeVersion":"14.17.0","dependencies":{"plyr":"^3.7.2","cookie":"^0.4.1","hls.js":"^1.1.5","core-js":"^3.16.3","postcss":"^7","@vime/core":"^5.3.1","tailwindcss":"npm:@tailwindcss/postcss7-compat","@lukeed/uuid":"^2.0.0","autoprefixer":"^9","whatwg-fetch":"^3.6.2","@fontsource/fira-mono":"^4.2.2"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^27.0.6","path":"^0.12.7","husky":"4","tslib":"^2.0.0","dotenv":"^10.0.0","eslint":"^7.22.0","rollup":"^2.55.1","svelte":"^3.34.0","prettier":"~2.2.1","babel-jest":"^27.0.6","svelte2tsx":"^0.4.3","typescript":"^4.0.0","@babel/core":"^7.14.8","@types/jest":"^26.0.24","lint-staged":"^11.1.1","svelte-check":"^2.0.0","@sveltejs/kit":"next","@types/cookie":"^0.4.0","svelte-jester":"^1.8.1","svelte-loader":"^3.1.2","@babel/preset-env":"^7.14.9","@storybook/svelte":"^6.3.6","svelte-preprocess":"^4.0.0","rollup-plugin-copy":"^3.4.0","rollup-plugin-svelte":"^7.1.0","rollup-plugin-terser":"^7.0.2","eslint-plugin-svelte3":"^3.2.0","@babel/runtime-corejs3":"^7.14.9","@rollup/plugin-replace":"^3.0.0","@storybook/addon-links":"^6.3.6","eslint-config-prettier":"^8.1.0","prettier-plugin-svelte":"^2.2.0","@rollup/plugin-commonjs":"^22.0.0","@testing-library/svelte":"^3.0.3","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@typescript-eslint/parser":"^4.19.0","@rollup/plugin-node-resolve":"^13.0.4","@storybook/addon-essentials":"^6.3.6","@typescript-eslint/eslint-plugin":"^4.19.0"},"_npmOperationalInternal":{"tmp":"tmp/uikit_5.5.1_1657171594177_0.22990304549848517","host":"s3://npm-registry-packages"}},"5.5.2":{"name":"@vouchfor/uikit","version":"5.5.2","keywords":["embed","design system","vouch-uikit","svelte","uikit"],"author":{"url":"https://vouchau.github.io/vouch-uikit","name":"Vouch Dev Team","email":"hello@vouchfor.com"},"license":"MIT","_id":"@vouchfor/uikit@5.5.2","maintainers":[{"name":"vouch-tech","email":"brian@vouchfor.com"}],"homepage":"https://vouchau.github.io/vouch-uikit","bugs":{"url":"https://github.com/VouchAU/vouch-uikit/issues"},"dist":{"shasum":"d5cbeef86402a327885384c30b2cff6c3c8d756f","tarball":"https://registry.npmjs.org/@vouchfor/uikit/-/uikit-5.5.2.tgz","fileCount":211,"integrity":"sha512-VPbhJ/+HSRcsi7aKP4Vs1pXhuVRC4p5x7YEi3jXhaOrdtn5hA3UWyA4JOyGDlqlf74PlzGJlKqthRwFiSCvtiw==","signatures":[{"sig":"MEYCIQCNTu/BTg74jA3Tau3ma9dutE6sIzLsqJmSKpVZR5xAMgIhAPEmZM9B+MRaYrp4xeidhlmbVNEWA3eaAlEaMWOSxSHF","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":87727831,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiy6Y2ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq0Aw/9E0HBBRKpDmueb91W+ZOCxZRDjoDaUwaNTrEH7DaAsrMUQZ1q\r\nn8F9fO8mT7EZWY5VUzwVa/v6xS+1rXbnqiZZUWyM+ob2Tod7YHVYTYuAFKA0\r\nkS67Oa93musTvzdjYPMZX8BWDI8rL283utEhWeGl0EIdsyHky/NeaYNCB/Iu\r\nud7tyzC5WcXoWP90+NIHmy/CuNlx2CeuF/+V5rjKSHJ3e5QgXHN5h3cnHKwr\r\nR4z+Ay7BYrgv+9E6i4T4ANOmLhmKCWmkMacMSYBk3ybRO4pyl6I0fTXTpa8k\r\ncUIBjojkvaXcwrbLInWoGWpKBt3hf3Cq5LDHIZHbE0TaWGSsVqv2MX2rnVW3\r\n759nQOQ+9ebPR56Ho9in+kd6ng8jhBJPU9CcmYu1zqHKbZQL6a3vprjxAndo\r\njg+THJ6hu36i6LVm8ziOG4jp16AXO5eJ8a8Pmg0W7uBz8Xto8c3inQXR8Frj\r\n69E2YVVHdXwY81FF/yK57o2y4od9ys+KUYTfRQRVa1ID+PBjZMUPeLWo3b2z\r\ngbkmqPReMNFxaDLeLthVHr6I7evzvV1FFTb9Aex9fZLVoSIupvybQDuvdwyf\r\ngLhC6JeWOUvolNno5mtO6BY4YK95YGQ2nPf93FXHSUuthTQkokXsLvqJWyEe\r\nxM0CXVh5vW+luuGJuNWygfxfhkYIz66NpXQ=\r\n=XOPC\r\n-----END PGP SIGNATURE-----\r\n"},"type":"module","husky":{"hooks":{"pre-push":"yarn test --silent","pre-commit":"lint-staged"}},"types":"types.d.ts","readme":"# Vouch UIKit\n\n- [Get Started](#get-started)\n - [Storybook](#storybook)\n - [Build package](#build-package)\n - [Test package locally with vouch-app](#test-package-locally-with-vouch-app)\n - [Publish to npm](#publish-to-npm)\n - [Purge npm cache](#purge-npm-cached-tags)\n- [Update vouch-app](#update-vouch-app)\n - [development](#development-devvouchforcom)\n - [staging](#staging-stagingvouchforcom)\n - [production](#production-appvouchforcom)\n\n**Vouch UIKit** consists of `2 libraries` and `1 application`\n\n```bash\n└── src\n ├── lib\n │ ├── components # Design System Components (Web Component)\n │ │ ├── VouchBrandLogo.svelte\n │ │ ...\n │ │\n │ └── embed # embed Components (Web Component)\n │ │ ├── VouchEmbedInlinePlayer.svelte\n │ ...\n │\n │\n ├── routes # vouch public embed link (https://embed.vouchfor.com)\n │ ├── __layout.svelte\n │ ├── index.svelte\n │ ├── about.svelte\n │ ...\n │\n ├── app.css\n └── app.html\n```\n\n# Get Started\n\nEnsure you have node `14.17.0` installed on your machine, for example via [nvm](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/TERMINAL.md#install-nvm), run `nvm ls` to check\n\n```bash\nnvm ls 14\n```\n\nyou should see output if you have the version installed\n\n```bash\n-> v14.17.0\n```\n\nensure you have [git ssh](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/GITHUB.md) setup locally before you clone the repo\n\n```bash\ngit clone git@github.com:VouchAU/vouch-uikit.git\n```\n\ninstall dependencies\n\n```bash\ncd vouch-uikit\nyarn\n```\n\n## Storybook\n\nhttps://designsystem.vouchfor.com/\n\nStorybook is hosted on GitHub page `gh-pages` branch (Domain name is configured on **Cloudflare**) and deployed automatically via **GitHub Action** every time changes are merged back to `master`.\n\nLocal dev\n\n```bash\nyarn storybook\n```\n\nbuild storybook\n\n```bash\nyarn build-storybook\n```\n\n## Build package\n\nBuild `src/lib` production/beta/alpha package, make sure you change `version` in `package.json` for three different build tags.\n\n```sh\ncd vouch-uikit\n...\nyarn package:alpha # development\nyarn package:beta # staging\nyarn package # production\n```\n\n## Test package locally with `vouch-app`\n\nOnce you build the `npm` package, you can test locally with `vouch-app` to ensure everything works as expected before publishing to `npm`\n\nAssuming you build a package according [Build package](#build-package), now you can create a symlink to your local package\n\n```sh\ncd package\nyarn link\n```\n\nyou should see this if successfully linked\n\n```sh\nyarn link v1.22.10\nsuccess Registered \"@vouchfor/uikit\".\ninfo You can now run `yarn link \"@vouchfor/uikit\"` in the projects where you want to use this package and it will be used instead.\n✨ Done in 0.04s.\n```\n\ngo to `vouch-app` folder and switch to the branch you want to test against with then link the local package\n\n```sh\ncd vouch-app\ngit checkout VCH-222\nyarn link @vouchfor/uikit\nyarn dev\n```\n\nVoilà, you are testing your feature branch with the local uikit package and don't forget to roll back after testing\n\n```sh\ncd vouch-app\nyarn unlink @vouchfor/uikit\n...\ncd vouch-uikit/package\nyarn unlink\n```\n\n## Publish to `npm`\n\n> Note you will need to log in `vouch-tech` on your terminal before publishing, credential is shared via 1Password.\n\n```bash\nnpm login\n...\n```\n\n```bash\ncd package\n...\nnpm publish --access public --tag alpha # development\nnpm publish --access public --tag beta # staging\nnpm publish --access public # production\n```\n\n## Purge `jsdelivr` cache\n\n`@vouchfor/uikit` is most likely consumed by **tag**, `alpha`, `beta` and `latest`, not version number to ensure clients can always get the latest updates. [jsdelivr](https://cdn.jsdelivr.net/) default has 7 days cache for `tag`, so we need to purge it to reflect new version number.\n\n- Check current tag version number\n\n - [Click to check Alpha](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@alpha/)\n - [Click to check Beta](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@beta/)\n - [Click to check Production](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n- Purge cache\n - [Click to purge Alpha](https://purge.jsdelivr.net/npm/@vouchfor/uikit@alpha/)\n - [Click to purge Beta](https://purge.jsdelivr.net/npm/@vouchfor/uikit@beta/)\n - **_Danger_** [Click to purge Production](https://purge.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n### Purge specific bundle.js\n\nOur embed code snippet `src` attribute currently refers to a specific embed bundle js , for example\n\n```html\n\n
\n```\n\nIn this case, you will need to purge the bundle file specifically by providing absolute path\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/embed/{filename}.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/components/{filename}.bundle.js\n```\n\nfor example,\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@alpha/embed/vouch-embed-inline-player.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@beta/embed/vouch-embed-inline-player.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/embed/vouch-embed-inline-player.bundle.js\n```\n\n## Unit test\n\n```bash\nyarn test\n```\n\nupdate snapshot\n\n```bash\nyarn test -u\n```\n\n# Update `vouch-app`\n\n`@vouchfor/uikit` is a dependency of `vouch-app` for embeds and UI components, follow the below steps to publish NPM package and update `package.json` dependency in `vouch-app`.\n\n> Each PR should bump the minor version in `package.json` in order to push new version to NPM. e.g. `\"version\": \"3.9.0\"` in `main` branch, you should bump to `\"version\": \"3.10.0\"` in your branch.\n\n> The major version should only be used for releasing breaking changes. e.g. `3.0.0`, `4.0.0`\n\n## Development (`dev.vouchfor.com`)\n\nAssuming your branch bumped version in `package.json` to\n\n```json\n\"version\": \"3.10.0\"\n```\n\n### Bump patch version number\n\nEnsure your patch version number isn't used, e.g. if `3.10.0` was published before, bump to `3.10.1`.\n\n### Build and publish\n\n```sh\nyarn package:alpha\ncd package\nnpm publish --access public --tag alpha\n```\n\nMake sure you purge NPM CDN cache for package, see [Purge npm cached tags](#purge-npm-cached-tags)\n\n### Update dependency in `vouch-app`\n\nEnsure you already cloned [vouch-app](https://github.com/VouchAU/vouch-app.git) locally then switch to the folder.\n\n```sh\ncd vouch-app\ngit checkout development\ngit pull\ngit merge feature/VCH-111 # Optional, only when you have code change dependency in vouch-app as well\nyarn upgrade @vouchfor/uikit@alpha\n```\n\nAfter upgrade, you should see version updates in both `package.json` and `yarn.lock`, but due to a known issue of `yarn`, please do these before committing changes\n\n- Manually roll back `package.json` (should always `\"@vouchfor/uikit\": \"alpha\"` for `development`).\n- run `yarn` again to update `yarn.lock`\n\n```sh\ngit commit -m \"Bumped uikit version\"\ngit push\n```\n\n## Staging (`staging.vouchfor.com`)\n\nUpdate `staging` environment is the same as [Development](#development-devvouchforcom) but remember to change cmd to `staging` specific\n\n```sh\nyarn package:beta\n```\n\n```sh\nnpm publish --access public --tag beta\n```\n\n```sh\ncd vouch-app\ngit checkout staging\ngit pull\ngit merge feature/VCH-111 # Optional, only when you have code change dependency in vouch-app as well\nyarn upgrade @vouchfor/uikit@beta\n```\n\n## Production (`app.vouchfor.com`)\n\nOne thing different when release to production, since `master` branch can only be merged by PRs (after code review), so you will need to run `yarn upgrade @vouchfor/uikit@latest` under you feature branch and commit **before merging the PR**.\n\n```sh\ngit checkout feature/VCH-111\nyarn upgrade upgrade @vouchfor/uikit@latest\ngit commit -m \"Bumped uikit version\"\ngit push\n```\n\n> When you run above cmd, your PR should be ready to merge (reviewed and QA tested)\n","engines":{"node":">=14.17.0"},"exports":{"./package.json":"./package.json","./embed/vouch-embed-all":{"import":"./embed/vouch-embed-all.js","default":"./embed/vouch-embed-all.js","require":"./embed/vouch-embed-all.cjs"},"./embed/vouch-embed-card":{"import":"./embed/vouch-embed-card.js","default":"./embed/vouch-embed-card.js","require":"./embed/vouch-embed-card.cjs"},"./embed/vouch-embed-jumbo":{"import":"./embed/vouch-embed-jumbo.js","default":"./embed/vouch-embed-jumbo.js","require":"./embed/vouch-embed-jumbo.cjs"},"./embed/vouch-embed-all.js":"./embed/vouch-embed-all.js","./embed/vouch-embed-button":{"import":"./embed/vouch-embed-button.js","default":"./embed/vouch-embed-button.js","require":"./embed/vouch-embed-button.cjs"},"./components/vouch-recorder":{"import":"./components/vouch-recorder.js","default":"./components/vouch-recorder.js","require":"./components/vouch-recorder.cjs"},"./embed/vouch-embed-popover":{"import":"./embed/vouch-embed-popover.js","default":"./embed/vouch-embed-popover.js","require":"./embed/vouch-embed-popover.cjs"},"./components/vouch-icon-play":{"import":"./components/vouch-icon-play.js","default":"./components/vouch-icon-play.js","require":"./components/vouch-icon-play.cjs"},"./embed/vouch-embed-dialogue":{"import":"./embed/vouch-embed-dialogue.js","default":"./embed/vouch-embed-dialogue.js","require":"./embed/vouch-embed-dialogue.cjs"},"./components/vouch-brand-logo":{"import":"./components/vouch-brand-logo.js","default":"./components/vouch-brand-logo.js","require":"./components/vouch-brand-logo.cjs"},"./components/vouch-icon-close":{"import":"./components/vouch-icon-close.js","default":"./components/vouch-icon-close.js","require":"./components/vouch-icon-close.cjs"},"./components/vouch-icon-pause":{"import":"./components/vouch-icon-pause.js","default":"./components/vouch-icon-pause.js","require":"./components/vouch-icon-pause.cjs"},"./components/vouch-media-plyr":{"import":"./components/vouch-media-plyr.js","default":"./components/vouch-media-plyr.js","require":"./components/vouch-media-plyr.cjs"},"./components/vouch-water-mark":{"import":"./components/vouch-water-mark.js","default":"./components/vouch-water-mark.js","require":"./components/vouch-water-mark.cjs"},"./embed/VouchEmbedCard.svelte":"./embed/VouchEmbedCard.svelte","./embed/vouch-embed-thumbnail":{"import":"./embed/vouch-embed-thumbnail.js","default":"./embed/vouch-embed-thumbnail.js","require":"./embed/vouch-embed-thumbnail.cjs"},"./embed/vouch-recorder-button":{"import":"./embed/vouch-recorder-button.js","default":"./embed/vouch-recorder-button.js","require":"./embed/vouch-recorder-button.cjs"},"./components/vouch-graphic-svg":{"import":"./components/vouch-graphic-svg.js","default":"./components/vouch-graphic-svg.js","require":"./components/vouch-graphic-svg.cjs"},"./embed/VouchEmbedJumbo.svelte":"./embed/VouchEmbedJumbo.svelte","./embed/VouchEmbedButton.svelte":"./embed/VouchEmbedButton.svelte","./embed/VouchEmbedPopover.svelte":"./embed/VouchEmbedPopover.svelte","./components/VouchIconPlay.svelte":"./components/VouchIconPlay.svelte","./components/VouchRecorder.svelte":"./components/VouchRecorder.svelte","./embed/VouchEmbedDialogue.svelte":"./embed/VouchEmbedDialogue.svelte","./embed/vouch-embed-inline-player":{"import":"./embed/vouch-embed-inline-player.js","default":"./embed/vouch-embed-inline-player.js","require":"./embed/vouch-embed-inline-player.cjs"},"./components/VouchBrandLogo.svelte":"./components/VouchBrandLogo.svelte","./components/VouchIconClose.svelte":"./components/VouchIconClose.svelte","./components/VouchIconPause.svelte":"./components/VouchIconPause.svelte","./components/VouchMediaPlyr.svelte":"./components/VouchMediaPlyr.svelte","./components/VouchWaterMark.svelte":"./components/VouchWaterMark.svelte","./components/vouch-icon-arrow-left":{"import":"./components/vouch-icon-arrow-left.js","default":"./components/vouch-icon-arrow-left.js","require":"./components/vouch-icon-arrow-left.cjs"},"./embed/VouchEmbedThumbnail.svelte":"./embed/VouchEmbedThumbnail.svelte","./embed/VouchRecorderButton.svelte":"./embed/VouchRecorderButton.svelte","./components/VouchGraphicSvg.svelte":"./components/VouchGraphicSvg.svelte","./components/vouch-icon-arrow-right":{"import":"./components/vouch-icon-arrow-right.js","default":"./components/vouch-icon-arrow-right.js","require":"./components/vouch-icon-arrow-right.cjs"},"./components/vouch-overlay-play-icon":{"import":"./components/vouch-overlay-play-icon.js","default":"./components/vouch-overlay-play-icon.js","require":"./components/vouch-overlay-play-icon.cjs"},"./embed/VouchEmbedInlinePlayer.svelte":"./embed/VouchEmbedInlinePlayer.svelte","./components/VouchIconArrowLeft.svelte":"./components/VouchIconArrowLeft.svelte","./components/VouchIconArrowRight.svelte":"./components/VouchIconArrowRight.svelte","./components/VouchOverlayPlayIcon.svelte":"./components/VouchOverlayPlayIcon.svelte"},"_npmUser":{"name":"vouch-tech","email":"brian@vouchfor.com"},"repository":{"url":"git+https://github.com/VouchAU/vouch-uikit.git","type":"git"},"_npmVersion":"6.14.13","description":"Vouch Svelte UIKit","directories":{},"lint-staged":{"*.{js,svelte}":"yarn lint"},"_nodeVersion":"14.17.0","dependencies":{"plyr":"^3.7.2","cookie":"^0.4.1","hls.js":"^1.1.5","core-js":"^3.16.3","postcss":"^7","@vime/core":"^5.3.1","tailwindcss":"npm:@tailwindcss/postcss7-compat","@lukeed/uuid":"^2.0.0","autoprefixer":"^9","whatwg-fetch":"^3.6.2","@fontsource/fira-mono":"^4.2.2"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^27.0.6","path":"^0.12.7","husky":"4","tslib":"^2.0.0","dotenv":"^10.0.0","eslint":"^7.22.0","rollup":"^2.55.1","svelte":"^3.34.0","prettier":"~2.2.1","babel-jest":"^27.0.6","svelte2tsx":"^0.4.3","typescript":"^4.0.0","@babel/core":"^7.14.8","@types/jest":"^26.0.24","lint-staged":"^11.1.1","svelte-check":"^2.0.0","@sveltejs/kit":"next","@types/cookie":"^0.4.0","svelte-jester":"^1.8.1","svelte-loader":"^3.1.2","@babel/preset-env":"^7.14.9","@storybook/svelte":"^6.3.6","svelte-preprocess":"^4.0.0","rollup-plugin-copy":"^3.4.0","rollup-plugin-svelte":"^7.1.0","rollup-plugin-terser":"^7.0.2","eslint-plugin-svelte3":"^3.2.0","@babel/runtime-corejs3":"^7.14.9","@rollup/plugin-replace":"^3.0.0","@storybook/addon-links":"^6.3.6","eslint-config-prettier":"^8.1.0","prettier-plugin-svelte":"^2.2.0","@rollup/plugin-commonjs":"^22.0.0","@testing-library/svelte":"^3.0.3","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@typescript-eslint/parser":"^4.19.0","@rollup/plugin-node-resolve":"^13.0.4","@storybook/addon-essentials":"^6.3.6","@typescript-eslint/eslint-plugin":"^4.19.0"},"_npmOperationalInternal":{"tmp":"tmp/uikit_5.5.2_1657513525380_0.16551865083447415","host":"s3://npm-registry-packages"}},"5.5.3":{"name":"@vouchfor/uikit","version":"5.5.3","keywords":["embed","design system","vouch-uikit","svelte","uikit"],"author":{"url":"https://vouchau.github.io/vouch-uikit","name":"Vouch Dev Team","email":"hello@vouchfor.com"},"license":"MIT","_id":"@vouchfor/uikit@5.5.3","maintainers":[{"name":"vouch-tech","email":"brian@vouchfor.com"}],"homepage":"https://vouchau.github.io/vouch-uikit","bugs":{"url":"https://github.com/VouchAU/vouch-uikit/issues"},"dist":{"shasum":"867cf8689e83c3a8a45fe3274a95a0ab34521bd8","tarball":"https://registry.npmjs.org/@vouchfor/uikit/-/uikit-5.5.3.tgz","fileCount":211,"integrity":"sha512-FTg80Eq+yoybyGXoZ8CvoCsi+z3cZgREl8kJV6BqV4iLevC79sfO8AThP2ehXVt9RnqEb4/QbF+4HCjT27phEw==","signatures":[{"sig":"MEUCIQDjY3EQZODffxDM9fsysKdU34UKaflqs3xjGTo0gBOYRQIgSthW/2ZbcyEmGwptV7Yr1gsnUgpQvx7/kKy8IvWhzdo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":87843257,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiy6azACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr0/Q/+ILareai52p7il6BR39UcSt5XjOycZLbUElf99aDc6zn1Gqez\r\nNOG6omQ7uKNPinUqBN7nxW+0qLu1Jh7aK3nzf6yiI+iavU4pCBzaFDEu55HW\r\nT+zknLqDL3EoVbU0bJ6W3sLW+VjjhWgL1EVbblSL8CHKr3P53m+sUhNJ014+\r\nYP7zL5SmKZmwcyrrwMb9rk1IBQxbIO5OqahhvT87E3k1NkrPioHM+hgldGfb\r\n+31Tyz2JDGbGm9qwVzKs6OPQ5SO93wF775yur6quVbiBHn/MBxTcIRF1OEJp\r\nGsB5fFkaDFC3LKhDd3ztSeN5m6kkmWn23aiB898zmax1pivqS7UiFTqRZ1MZ\r\nswmSpN4NrX64jo0AldMrvOQjPYv6QRmhunaO6ueEk8ZmCuqVMPzy3af7zewA\r\n8RJOX6H1k2gfZUXfEZrj9KjoHK8NUe75ZiOnFzVSkeTrTs1Kx/98XluQdDEe\r\nvyEheyYyX8hoMDEYBhWD4rrkE/KUGoblb4qt75BSTsMw3bp1cT5ZSgc1F0bV\r\n5gUoSywtieX4ponorSw5WgLp7v78vilIeyLFbZlbnxLUbfE8G6EGw7jhLO1V\r\n7OfvY65FaFwKuzbxgnY1XQx99W/PJuzIHxa+Y/Vzc/+RDKOCxaMBW8RZ5j+6\r\nPkYorEzwy+htH0Y5uTmnNx3+CeB77ABxesU=\r\n=JV7Q\r\n-----END PGP SIGNATURE-----\r\n"},"type":"module","husky":{"hooks":{"pre-push":"yarn test --silent","pre-commit":"lint-staged"}},"types":"types.d.ts","readme":"# Vouch UIKit\n\n- [Get Started](#get-started)\n - [Storybook](#storybook)\n - [Build package](#build-package)\n - [Test package locally with vouch-app](#test-package-locally-with-vouch-app)\n - [Publish to npm](#publish-to-npm)\n - [Purge npm cache](#purge-npm-cached-tags)\n- [Update vouch-app](#update-vouch-app)\n - [development](#development-devvouchforcom)\n - [staging](#staging-stagingvouchforcom)\n - [production](#production-appvouchforcom)\n\n**Vouch UIKit** consists of `2 libraries` and `1 application`\n\n```bash\n└── src\n ├── lib\n │ ├── components # Design System Components (Web Component)\n │ │ ├── VouchBrandLogo.svelte\n │ │ ...\n │ │\n │ └── embed # embed Components (Web Component)\n │ │ ├── VouchEmbedInlinePlayer.svelte\n │ ...\n │\n │\n ├── routes # vouch public embed link (https://embed.vouchfor.com)\n │ ├── __layout.svelte\n │ ├── index.svelte\n │ ├── about.svelte\n │ ...\n │\n ├── app.css\n └── app.html\n```\n\n# Get Started\n\nEnsure you have node `14.17.0` installed on your machine, for example via [nvm](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/TERMINAL.md#install-nvm), run `nvm ls` to check\n\n```bash\nnvm ls 14\n```\n\nyou should see output if you have the version installed\n\n```bash\n-> v14.17.0\n```\n\nensure you have [git ssh](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/GITHUB.md) setup locally before you clone the repo\n\n```bash\ngit clone git@github.com:VouchAU/vouch-uikit.git\n```\n\ninstall dependencies\n\n```bash\ncd vouch-uikit\nyarn\n```\n\n## Storybook\n\nhttps://designsystem.vouchfor.com/\n\nStorybook is hosted on GitHub page `gh-pages` branch (Domain name is configured on **Cloudflare**) and deployed automatically via **GitHub Action** every time changes are merged back to `master`.\n\nLocal dev\n\n```bash\nyarn storybook\n```\n\nbuild storybook\n\n```bash\nyarn build-storybook\n```\n\n## Build package\n\nBuild `src/lib` production/beta/alpha package, make sure you change `version` in `package.json` for three different build tags.\n\n```sh\ncd vouch-uikit\n...\nyarn package:alpha # development\nyarn package:beta # staging\nyarn package # production\n```\n\n## Test package locally with `vouch-app`\n\nOnce you build the `npm` package, you can test locally with `vouch-app` to ensure everything works as expected before publishing to `npm`\n\nAssuming you build a package according [Build package](#build-package), now you can create a symlink to your local package\n\n```sh\ncd package\nyarn link\n```\n\nyou should see this if successfully linked\n\n```sh\nyarn link v1.22.10\nsuccess Registered \"@vouchfor/uikit\".\ninfo You can now run `yarn link \"@vouchfor/uikit\"` in the projects where you want to use this package and it will be used instead.\n✨ Done in 0.04s.\n```\n\ngo to `vouch-app` folder and switch to the branch you want to test against with then link the local package\n\n```sh\ncd vouch-app\ngit checkout VCH-222\nyarn link @vouchfor/uikit\nyarn dev\n```\n\nVoilà, you are testing your feature branch with the local uikit package and don't forget to roll back after testing\n\n```sh\ncd vouch-app\nyarn unlink @vouchfor/uikit\n...\ncd vouch-uikit/package\nyarn unlink\n```\n\n## Publish to `npm`\n\n> Note you will need to log in `vouch-tech` on your terminal before publishing, credential is shared via 1Password.\n\n```bash\nnpm login\n...\n```\n\n```bash\ncd package\n...\nnpm publish --access public --tag alpha # development\nnpm publish --access public --tag beta # staging\nnpm publish --access public # production\n```\n\n## Purge `jsdelivr` cache\n\n`@vouchfor/uikit` is most likely consumed by **tag**, `alpha`, `beta` and `latest`, not version number to ensure clients can always get the latest updates. [jsdelivr](https://cdn.jsdelivr.net/) default has 7 days cache for `tag`, so we need to purge it to reflect new version number.\n\n- Check current tag version number\n\n - [Click to check Alpha](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@alpha/)\n - [Click to check Beta](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@beta/)\n - [Click to check Production](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n- Purge cache\n - [Click to purge Alpha](https://purge.jsdelivr.net/npm/@vouchfor/uikit@alpha/)\n - [Click to purge Beta](https://purge.jsdelivr.net/npm/@vouchfor/uikit@beta/)\n - **_Danger_** [Click to purge Production](https://purge.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n### Purge specific bundle.js\n\nOur embed code snippet `src` attribute currently refers to a specific embed bundle js , for example\n\n```html\n\n
\n```\n\nIn this case, you will need to purge the bundle file specifically by providing absolute path\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/embed/{filename}.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/components/{filename}.bundle.js\n```\n\nfor example,\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@alpha/embed/vouch-embed-inline-player.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@beta/embed/vouch-embed-inline-player.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/embed/vouch-embed-inline-player.bundle.js\n```\n\n## Unit test\n\n```bash\nyarn test\n```\n\nupdate snapshot\n\n```bash\nyarn test -u\n```\n\n# Update `vouch-app`\n\n`@vouchfor/uikit` is a dependency of `vouch-app` for embeds and UI components, follow the below steps to publish NPM package and update `package.json` dependency in `vouch-app`.\n\n> Each PR should bump the minor version in `package.json` in order to push new version to NPM. e.g. `\"version\": \"3.9.0\"` in `main` branch, you should bump to `\"version\": \"3.10.0\"` in your branch.\n\n> The major version should only be used for releasing breaking changes. e.g. `3.0.0`, `4.0.0`\n\n## Development (`dev.vouchfor.com`)\n\nAssuming your branch bumped version in `package.json` to\n\n```json\n\"version\": \"3.10.0\"\n```\n\n### Bump patch version number\n\nEnsure your patch version number isn't used, e.g. if `3.10.0` was published before, bump to `3.10.1`.\n\n### Build and publish\n\n```sh\nyarn package:alpha\ncd package\nnpm publish --access public --tag alpha\n```\n\nMake sure you purge NPM CDN cache for package, see [Purge npm cached tags](#purge-npm-cached-tags)\n\n### Update dependency in `vouch-app`\n\nEnsure you already cloned [vouch-app](https://github.com/VouchAU/vouch-app.git) locally then switch to the folder.\n\n```sh\ncd vouch-app\ngit checkout development\ngit pull\ngit merge feature/VCH-111 # Optional, only when you have code change dependency in vouch-app as well\nyarn upgrade @vouchfor/uikit@alpha\n```\n\nAfter upgrade, you should see version updates in both `package.json` and `yarn.lock`, but due to a known issue of `yarn`, please do these before committing changes\n\n- Manually roll back `package.json` (should always `\"@vouchfor/uikit\": \"alpha\"` for `development`).\n- run `yarn` again to update `yarn.lock`\n\n```sh\ngit commit -m \"Bumped uikit version\"\ngit push\n```\n\n## Staging (`staging.vouchfor.com`)\n\nUpdate `staging` environment is the same as [Development](#development-devvouchforcom) but remember to change cmd to `staging` specific\n\n```sh\nyarn package:beta\n```\n\n```sh\nnpm publish --access public --tag beta\n```\n\n```sh\ncd vouch-app\ngit checkout staging\ngit pull\ngit merge feature/VCH-111 # Optional, only when you have code change dependency in vouch-app as well\nyarn upgrade @vouchfor/uikit@beta\n```\n\n## Production (`app.vouchfor.com`)\n\nOne thing different when release to production, since `master` branch can only be merged by PRs (after code review), so you will need to run `yarn upgrade @vouchfor/uikit@latest` under you feature branch and commit **before merging the PR**.\n\n```sh\ngit checkout feature/VCH-111\nyarn upgrade upgrade @vouchfor/uikit@latest\ngit commit -m \"Bumped uikit version\"\ngit push\n```\n\n> When you run above cmd, your PR should be ready to merge (reviewed and QA tested)\n","engines":{"node":">=14.17.0"},"exports":{"./package.json":"./package.json","./embed/vouch-embed-all":{"import":"./embed/vouch-embed-all.js","default":"./embed/vouch-embed-all.js","require":"./embed/vouch-embed-all.cjs"},"./embed/vouch-embed-card":{"import":"./embed/vouch-embed-card.js","default":"./embed/vouch-embed-card.js","require":"./embed/vouch-embed-card.cjs"},"./embed/vouch-embed-jumbo":{"import":"./embed/vouch-embed-jumbo.js","default":"./embed/vouch-embed-jumbo.js","require":"./embed/vouch-embed-jumbo.cjs"},"./embed/vouch-embed-all.js":"./embed/vouch-embed-all.js","./embed/vouch-embed-button":{"import":"./embed/vouch-embed-button.js","default":"./embed/vouch-embed-button.js","require":"./embed/vouch-embed-button.cjs"},"./components/vouch-recorder":{"import":"./components/vouch-recorder.js","default":"./components/vouch-recorder.js","require":"./components/vouch-recorder.cjs"},"./embed/vouch-embed-popover":{"import":"./embed/vouch-embed-popover.js","default":"./embed/vouch-embed-popover.js","require":"./embed/vouch-embed-popover.cjs"},"./components/vouch-icon-play":{"import":"./components/vouch-icon-play.js","default":"./components/vouch-icon-play.js","require":"./components/vouch-icon-play.cjs"},"./embed/vouch-embed-dialogue":{"import":"./embed/vouch-embed-dialogue.js","default":"./embed/vouch-embed-dialogue.js","require":"./embed/vouch-embed-dialogue.cjs"},"./components/vouch-brand-logo":{"import":"./components/vouch-brand-logo.js","default":"./components/vouch-brand-logo.js","require":"./components/vouch-brand-logo.cjs"},"./components/vouch-icon-close":{"import":"./components/vouch-icon-close.js","default":"./components/vouch-icon-close.js","require":"./components/vouch-icon-close.cjs"},"./components/vouch-icon-pause":{"import":"./components/vouch-icon-pause.js","default":"./components/vouch-icon-pause.js","require":"./components/vouch-icon-pause.cjs"},"./components/vouch-media-plyr":{"import":"./components/vouch-media-plyr.js","default":"./components/vouch-media-plyr.js","require":"./components/vouch-media-plyr.cjs"},"./components/vouch-water-mark":{"import":"./components/vouch-water-mark.js","default":"./components/vouch-water-mark.js","require":"./components/vouch-water-mark.cjs"},"./embed/VouchEmbedCard.svelte":"./embed/VouchEmbedCard.svelte","./embed/vouch-embed-thumbnail":{"import":"./embed/vouch-embed-thumbnail.js","default":"./embed/vouch-embed-thumbnail.js","require":"./embed/vouch-embed-thumbnail.cjs"},"./embed/vouch-recorder-button":{"import":"./embed/vouch-recorder-button.js","default":"./embed/vouch-recorder-button.js","require":"./embed/vouch-recorder-button.cjs"},"./components/vouch-graphic-svg":{"import":"./components/vouch-graphic-svg.js","default":"./components/vouch-graphic-svg.js","require":"./components/vouch-graphic-svg.cjs"},"./embed/VouchEmbedJumbo.svelte":"./embed/VouchEmbedJumbo.svelte","./embed/VouchEmbedButton.svelte":"./embed/VouchEmbedButton.svelte","./embed/VouchEmbedPopover.svelte":"./embed/VouchEmbedPopover.svelte","./components/VouchIconPlay.svelte":"./components/VouchIconPlay.svelte","./components/VouchRecorder.svelte":"./components/VouchRecorder.svelte","./embed/VouchEmbedDialogue.svelte":"./embed/VouchEmbedDialogue.svelte","./embed/vouch-embed-inline-player":{"import":"./embed/vouch-embed-inline-player.js","default":"./embed/vouch-embed-inline-player.js","require":"./embed/vouch-embed-inline-player.cjs"},"./components/VouchBrandLogo.svelte":"./components/VouchBrandLogo.svelte","./components/VouchIconClose.svelte":"./components/VouchIconClose.svelte","./components/VouchIconPause.svelte":"./components/VouchIconPause.svelte","./components/VouchMediaPlyr.svelte":"./components/VouchMediaPlyr.svelte","./components/VouchWaterMark.svelte":"./components/VouchWaterMark.svelte","./components/vouch-icon-arrow-left":{"import":"./components/vouch-icon-arrow-left.js","default":"./components/vouch-icon-arrow-left.js","require":"./components/vouch-icon-arrow-left.cjs"},"./embed/VouchEmbedThumbnail.svelte":"./embed/VouchEmbedThumbnail.svelte","./embed/VouchRecorderButton.svelte":"./embed/VouchRecorderButton.svelte","./components/VouchGraphicSvg.svelte":"./components/VouchGraphicSvg.svelte","./components/vouch-icon-arrow-right":{"import":"./components/vouch-icon-arrow-right.js","default":"./components/vouch-icon-arrow-right.js","require":"./components/vouch-icon-arrow-right.cjs"},"./components/vouch-overlay-play-icon":{"import":"./components/vouch-overlay-play-icon.js","default":"./components/vouch-overlay-play-icon.js","require":"./components/vouch-overlay-play-icon.cjs"},"./embed/VouchEmbedInlinePlayer.svelte":"./embed/VouchEmbedInlinePlayer.svelte","./components/VouchIconArrowLeft.svelte":"./components/VouchIconArrowLeft.svelte","./components/VouchIconArrowRight.svelte":"./components/VouchIconArrowRight.svelte","./components/VouchOverlayPlayIcon.svelte":"./components/VouchOverlayPlayIcon.svelte"},"_npmUser":{"name":"vouch-tech","email":"brian@vouchfor.com"},"repository":{"url":"git+https://github.com/VouchAU/vouch-uikit.git","type":"git"},"_npmVersion":"6.14.13","description":"Vouch Svelte UIKit","directories":{},"lint-staged":{"*.{js,svelte}":"yarn lint"},"_nodeVersion":"14.17.0","dependencies":{"plyr":"^3.7.2","cookie":"^0.4.1","hls.js":"^1.1.5","core-js":"^3.16.3","postcss":"^7","@vime/core":"^5.3.1","tailwindcss":"npm:@tailwindcss/postcss7-compat","@lukeed/uuid":"^2.0.0","autoprefixer":"^9","whatwg-fetch":"^3.6.2","@fontsource/fira-mono":"^4.2.2"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^27.0.6","path":"^0.12.7","husky":"4","tslib":"^2.0.0","dotenv":"^10.0.0","eslint":"^7.22.0","rollup":"^2.55.1","svelte":"^3.34.0","prettier":"~2.2.1","babel-jest":"^27.0.6","svelte2tsx":"^0.4.3","typescript":"^4.0.0","@babel/core":"^7.14.8","@types/jest":"^26.0.24","lint-staged":"^11.1.1","svelte-check":"^2.0.0","@sveltejs/kit":"next","@types/cookie":"^0.4.0","svelte-jester":"^1.8.1","svelte-loader":"^3.1.2","@babel/preset-env":"^7.14.9","@storybook/svelte":"^6.3.6","svelte-preprocess":"^4.0.0","rollup-plugin-copy":"^3.4.0","rollup-plugin-svelte":"^7.1.0","rollup-plugin-terser":"^7.0.2","eslint-plugin-svelte3":"^3.2.0","@babel/runtime-corejs3":"^7.14.9","@rollup/plugin-replace":"^3.0.0","@storybook/addon-links":"^6.3.6","eslint-config-prettier":"^8.1.0","prettier-plugin-svelte":"^2.2.0","@rollup/plugin-commonjs":"^22.0.0","@testing-library/svelte":"^3.0.3","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@typescript-eslint/parser":"^4.19.0","@rollup/plugin-node-resolve":"^13.0.4","@storybook/addon-essentials":"^6.3.6","@typescript-eslint/eslint-plugin":"^4.19.0"},"_npmOperationalInternal":{"tmp":"tmp/uikit_5.5.3_1657513651187_0.21017103063535303","host":"s3://npm-registry-packages"}},"5.5.4":{"name":"@vouchfor/uikit","version":"5.5.4","keywords":["embed","design system","vouch-uikit","svelte","uikit"],"author":{"url":"https://vouchau.github.io/vouch-uikit","name":"Vouch Dev Team","email":"hello@vouchfor.com"},"license":"MIT","_id":"@vouchfor/uikit@5.5.4","maintainers":[{"name":"vouch-tech","email":"brian@vouchfor.com"}],"homepage":"https://vouchau.github.io/vouch-uikit","bugs":{"url":"https://github.com/VouchAU/vouch-uikit/issues"},"dist":{"shasum":"d1c00c83ee332dd2569c658bbe8e08febfe56ee6","tarball":"https://registry.npmjs.org/@vouchfor/uikit/-/uikit-5.5.4.tgz","fileCount":211,"integrity":"sha512-ktmDt5vDP8mrWXBI5R1JjMtSI3fGLiXJog/MjRzK3oLSSNhvHCpvCAscEFW8etfVPblz2wzoIjxfcxa1XDAVBQ==","signatures":[{"sig":"MEYCIQDT2eCk0IFcEUfJ4V+fbamgxH5zRQ4+Bcb5Pp7WGliO2gIhAMNCzKkgPQZq/IKD60+HzPQ8fCzKzhpRnX8Ct2rIDUin","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":87846107,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiy7uAACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoBKQ//XBaYzSQH1rlldUtL0JJxgSedvzBy/zmDZ86r0ZbEqPg8l0me\r\ninKrznBvqP+80cgO7xB+yZHkqnhl5ayLRI3ej6H7WtTdEyQSABr175yn/64k\r\ne1teseu5zn1lfMkRtSklLsCKPsczHJbf9baE9VVuKdPiwUlFFbyrC8xp65Rs\r\naqVvxidP4NkZEzYmA8UULfSdVV5rSrzGLiyeVA34540y4Er3naNLx4scV6R2\r\nI9q/vaSfMD3y3LgsGRnUjlwyRo/gQLkuldC5gGMXfYvIFXz4lq2/TPUuFmC7\r\nPVUhSHhKyw873eq4zLCSOP/w9KKM9NnLxEZj+cA6p1JWewazhBlCb0LAS55S\r\ng3wN2aBjC7QEZWOhIqY6ZJ6hLfCOnaAYWNLpzDKEQcKMY3X5eP/QkLnbUrt1\r\nzlUGO9pmQhhz3a0B1g0NGL8+RMrYmr18lEbIRb4cICgnt7XYUrCpkkPzKruV\r\nRe9ifeHNyqa/qz8jRMJHCyQR7ZPsI97h+Qi22mp7745TbN79nU5GGVu8YOpX\r\nF5Kk4JqdHHQEVhJiPwsCotwGnW0OeRei5s9ZMHZGTq7T1lxwF77hH6p2YraI\r\ngBvDVLY5j6qAWdFDLbXv8KX7ce/LfL+9jlnJVxTEpENh3dbKT1BRW9VL4HRw\r\nkdWEhvOt2w8WWamZng5kBs6VKQUeZSCZ7Dg=\r\n=aIf8\r\n-----END PGP SIGNATURE-----\r\n"},"type":"module","husky":{"hooks":{"pre-push":"yarn test --silent","pre-commit":"lint-staged"}},"types":"types.d.ts","engines":{"node":">=14.17.0"},"exports":{"./package.json":"./package.json","./embed/vouch-embed-all":{"import":"./embed/vouch-embed-all.js","default":"./embed/vouch-embed-all.js","require":"./embed/vouch-embed-all.cjs"},"./embed/vouch-embed-card":{"import":"./embed/vouch-embed-card.js","default":"./embed/vouch-embed-card.js","require":"./embed/vouch-embed-card.cjs"},"./embed/vouch-embed-jumbo":{"import":"./embed/vouch-embed-jumbo.js","default":"./embed/vouch-embed-jumbo.js","require":"./embed/vouch-embed-jumbo.cjs"},"./embed/vouch-embed-all.js":"./embed/vouch-embed-all.js","./embed/vouch-embed-button":{"import":"./embed/vouch-embed-button.js","default":"./embed/vouch-embed-button.js","require":"./embed/vouch-embed-button.cjs"},"./components/vouch-recorder":{"import":"./components/vouch-recorder.js","default":"./components/vouch-recorder.js","require":"./components/vouch-recorder.cjs"},"./embed/vouch-embed-popover":{"import":"./embed/vouch-embed-popover.js","default":"./embed/vouch-embed-popover.js","require":"./embed/vouch-embed-popover.cjs"},"./components/vouch-icon-play":{"import":"./components/vouch-icon-play.js","default":"./components/vouch-icon-play.js","require":"./components/vouch-icon-play.cjs"},"./embed/vouch-embed-dialogue":{"import":"./embed/vouch-embed-dialogue.js","default":"./embed/vouch-embed-dialogue.js","require":"./embed/vouch-embed-dialogue.cjs"},"./components/vouch-brand-logo":{"import":"./components/vouch-brand-logo.js","default":"./components/vouch-brand-logo.js","require":"./components/vouch-brand-logo.cjs"},"./components/vouch-icon-close":{"import":"./components/vouch-icon-close.js","default":"./components/vouch-icon-close.js","require":"./components/vouch-icon-close.cjs"},"./components/vouch-icon-pause":{"import":"./components/vouch-icon-pause.js","default":"./components/vouch-icon-pause.js","require":"./components/vouch-icon-pause.cjs"},"./components/vouch-media-plyr":{"import":"./components/vouch-media-plyr.js","default":"./components/vouch-media-plyr.js","require":"./components/vouch-media-plyr.cjs"},"./components/vouch-water-mark":{"import":"./components/vouch-water-mark.js","default":"./components/vouch-water-mark.js","require":"./components/vouch-water-mark.cjs"},"./embed/VouchEmbedCard.svelte":"./embed/VouchEmbedCard.svelte","./embed/vouch-embed-thumbnail":{"import":"./embed/vouch-embed-thumbnail.js","default":"./embed/vouch-embed-thumbnail.js","require":"./embed/vouch-embed-thumbnail.cjs"},"./embed/vouch-recorder-button":{"import":"./embed/vouch-recorder-button.js","default":"./embed/vouch-recorder-button.js","require":"./embed/vouch-recorder-button.cjs"},"./components/vouch-graphic-svg":{"import":"./components/vouch-graphic-svg.js","default":"./components/vouch-graphic-svg.js","require":"./components/vouch-graphic-svg.cjs"},"./embed/VouchEmbedJumbo.svelte":"./embed/VouchEmbedJumbo.svelte","./embed/VouchEmbedButton.svelte":"./embed/VouchEmbedButton.svelte","./embed/VouchEmbedPopover.svelte":"./embed/VouchEmbedPopover.svelte","./components/VouchIconPlay.svelte":"./components/VouchIconPlay.svelte","./components/VouchRecorder.svelte":"./components/VouchRecorder.svelte","./embed/VouchEmbedDialogue.svelte":"./embed/VouchEmbedDialogue.svelte","./embed/vouch-embed-inline-player":{"import":"./embed/vouch-embed-inline-player.js","default":"./embed/vouch-embed-inline-player.js","require":"./embed/vouch-embed-inline-player.cjs"},"./components/VouchBrandLogo.svelte":"./components/VouchBrandLogo.svelte","./components/VouchIconClose.svelte":"./components/VouchIconClose.svelte","./components/VouchIconPause.svelte":"./components/VouchIconPause.svelte","./components/VouchMediaPlyr.svelte":"./components/VouchMediaPlyr.svelte","./components/VouchWaterMark.svelte":"./components/VouchWaterMark.svelte","./components/vouch-icon-arrow-left":{"import":"./components/vouch-icon-arrow-left.js","default":"./components/vouch-icon-arrow-left.js","require":"./components/vouch-icon-arrow-left.cjs"},"./embed/VouchEmbedThumbnail.svelte":"./embed/VouchEmbedThumbnail.svelte","./embed/VouchRecorderButton.svelte":"./embed/VouchRecorderButton.svelte","./components/VouchGraphicSvg.svelte":"./components/VouchGraphicSvg.svelte","./components/vouch-icon-arrow-right":{"import":"./components/vouch-icon-arrow-right.js","default":"./components/vouch-icon-arrow-right.js","require":"./components/vouch-icon-arrow-right.cjs"},"./components/vouch-overlay-play-icon":{"import":"./components/vouch-overlay-play-icon.js","default":"./components/vouch-overlay-play-icon.js","require":"./components/vouch-overlay-play-icon.cjs"},"./embed/VouchEmbedInlinePlayer.svelte":"./embed/VouchEmbedInlinePlayer.svelte","./components/VouchIconArrowLeft.svelte":"./components/VouchIconArrowLeft.svelte","./components/VouchIconArrowRight.svelte":"./components/VouchIconArrowRight.svelte","./components/VouchOverlayPlayIcon.svelte":"./components/VouchOverlayPlayIcon.svelte"},"_npmUser":{"name":"vouch-tech","email":"brian@vouchfor.com"},"repository":{"url":"git+https://github.com/VouchAU/vouch-uikit.git","type":"git"},"_npmVersion":"6.14.13","description":"Vouch Svelte UIKit","directories":{},"lint-staged":{"*.{js,svelte}":"yarn lint"},"_nodeVersion":"14.17.0","dependencies":{"plyr":"^3.7.2","cookie":"^0.4.1","hls.js":"^1.1.5","core-js":"^3.16.3","postcss":"^7","@vime/core":"^5.3.1","tailwindcss":"npm:@tailwindcss/postcss7-compat","@lukeed/uuid":"^2.0.0","autoprefixer":"^9","whatwg-fetch":"^3.6.2","@fontsource/fira-mono":"^4.2.2"},"_hasShrinkwrap":false,"devDependencies":{"jest":"^27.0.6","path":"^0.12.7","husky":"4","tslib":"^2.0.0","dotenv":"^10.0.0","eslint":"^7.22.0","rollup":"^2.55.1","svelte":"^3.34.0","prettier":"~2.2.1","babel-jest":"^27.0.6","svelte2tsx":"^0.4.3","typescript":"^4.0.0","@babel/core":"^7.14.8","@types/jest":"^26.0.24","lint-staged":"^11.1.1","svelte-check":"^2.0.0","@sveltejs/kit":"next","@types/cookie":"^0.4.0","svelte-jester":"^1.8.1","svelte-loader":"^3.1.2","@babel/preset-env":"^7.14.9","@storybook/svelte":"^6.3.6","svelte-preprocess":"^4.0.0","rollup-plugin-copy":"^3.4.0","rollup-plugin-svelte":"^7.1.0","rollup-plugin-terser":"^7.0.2","eslint-plugin-svelte3":"^3.2.0","@babel/runtime-corejs3":"^7.14.9","@rollup/plugin-replace":"^3.0.0","@storybook/addon-links":"^6.3.6","eslint-config-prettier":"^8.1.0","prettier-plugin-svelte":"^2.2.0","@rollup/plugin-commonjs":"^22.0.0","@testing-library/svelte":"^3.0.3","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@typescript-eslint/parser":"^4.19.0","@rollup/plugin-node-resolve":"^13.0.4","@storybook/addon-essentials":"^6.3.6","@typescript-eslint/eslint-plugin":"^4.19.0"},"_npmOperationalInternal":{"tmp":"tmp/uikit_5.5.4_1657518976193_0.8050386811554837","host":"s3://npm-registry-packages"}},"5.6.0":{"name":"@vouchfor/uikit","version":"5.6.0","keywords":["embed","design system","vouch-uikit","svelte","uikit"],"author":{"url":"https://vouchau.github.io/vouch-uikit","name":"Vouch Dev Team","email":"hello@vouchfor.com"},"license":"MIT","_id":"@vouchfor/uikit@5.6.0","maintainers":[{"name":"vouch-tech","email":"brian@vouchfor.com"}],"homepage":"https://vouchau.github.io/vouch-uikit","bugs":{"url":"https://github.com/VouchAU/vouch-uikit/issues"},"dist":{"shasum":"39e1ff73bec2ef5a616620c2298e86695e85347d","tarball":"https://registry.npmjs.org/@vouchfor/uikit/-/uikit-5.6.0.tgz","fileCount":220,"integrity":"sha512-XEGoeHZKLvLRqvs8ORKwIUMxUpaHGXQLeBjWyYvsT6eaeZXkZdQ0aV3Cn8kezPxXnTiVYv7zj7Ymd4umH2h2lA==","signatures":[{"sig":"MEUCIQC1Fqf0fEa0EVM80GWVwnVfGZ5iWVYkoqGkohTJjXtdHAIgPxwE8erAmDPgyPFJa+Jmmz6R603d7h3Wlr80RiN5+sk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":97604327,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJizoCEACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpbuw//TN9NIuvtqlecDDRHbzJLFb90WrTSINP15lQDc+Nek8Bvo/oc\r\nrxkydXW7ADgS9L/HBzrt9REwaKm2ySkgRPTMMiwqEVPQYZDHi/0nKz1oz2ff\r\n4/qYxgQ12L+z/QdhLUbcUXJosesKEudOCwQi6Qak/e0xGQ7M1WngqOsTW/CD\r\nV7Zji6ro+timsXH7a2YoiHUVdx9COqp13116aoNG00hIrlZsbES3lWxnEhaJ\r\n0vb87AIgEBmChgdP+1xa5Gb6yWLd2j4rtviljmYaI1Eu4hQuZM1IvH9qcGGI\r\nRy81lSlOgM91lRz7OOiJS1ISvLouI6/R2g8ehnPMaLg/hraPsKiMzzblox65\r\n1uxMDmtdxYwEwXjWWEZaKH8vNDCCVoIXUyOYPweu7sEHLpRm/B5Druk15s7+\r\ncso3NkiQFRM2uyo5Un+Ar0bQoEULKZU2q0f8cfHRSNGrgHcoqf3lZtflCf19\r\nWGydVD7nkdyzfe7934Q+11FqdQTwPSVnOZzePoefGIs9LLiym5eb5ODRtTYe\r\nfO6qV5jPBMXn+M7p6dBI5zRvurpnMFNmTt3pPAWO3Y7mr+wOwQM8ZbBMhEh8\r\nCqHi96J7rE5wQPXswaE6t1yu0Ad/whuMwYqJ/tZXtd/CaBA2r+JQWse0M7ih\r\n5Aomu29dW2NkZYO3RovH/ZwaEi1mq+rskuE=\r\n=GxGS\r\n-----END PGP SIGNATURE-----\r\n"},"type":"module","husky":{"hooks":{"pre-push":"yarn test --silent","pre-commit":"lint-staged"}},"types":"types.d.ts","readme":"# Vouch UIKit\n\n- [Get Started](#get-started)\n - [Storybook](#storybook)\n - [Build package](#build-package)\n - [Test package locally with vouch-app](#test-package-locally-with-vouch-app)\n - [Publish to npm](#publish-to-npm)\n - [Purge npm cache](#purge-npm-cached-tags)\n- [Update vouch-app](#update-vouch-app)\n - [development](#development-devvouchforcom)\n - [staging](#staging-stagingvouchforcom)\n - [production](#production-appvouchforcom)\n\n**Vouch UIKit** consists of `2 libraries` and `1 application`\n\n```bash\n└── src\n ├── lib\n │ ├── components # Design System Components (Web Component)\n │ │ ├── VouchBrandLogo.svelte\n │ │ ...\n │ │\n │ └── embed # embed Components (Web Component)\n │ │ ├── VouchEmbedInlinePlayer.svelte\n │ ...\n │\n │\n ├── routes # vouch public embed link (https://embed.vouchfor.com)\n │ ├── __layout.svelte\n │ ├── index.svelte\n │ ├── about.svelte\n │ ...\n │\n ├── app.css\n └── app.html\n```\n\n# Get Started\n\nEnsure you have node `14.17.0` installed on your machine, for example via [nvm](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/TERMINAL.md#install-nvm), run `nvm ls` to check\n\n```bash\nnvm ls 14\n```\n\nyou should see output if you have the version installed\n\n```bash\n-> v14.17.0\n```\n\nensure you have [git ssh](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/GITHUB.md) setup locally before you clone the repo\n\n```bash\ngit clone git@github.com:VouchAU/vouch-uikit.git\n```\n\ninstall dependencies\n\n```bash\ncd vouch-uikit\nyarn\n```\n\n## Storybook\n\nhttps://designsystem.vouchfor.com/\n\nStorybook is hosted on GitHub page `gh-pages` branch (Domain name is configured on **Cloudflare**) and deployed automatically via **GitHub Action** every time changes are merged back to `master`.\n\nLocal dev\n\n```bash\nyarn storybook\n```\n\nbuild storybook\n\n```bash\nyarn build-storybook\n```\n\n## Build package\n\nBuild `src/lib` production/beta/alpha package, make sure you change `version` in `package.json` for three different build tags.\n\n```sh\ncd vouch-uikit\n...\nyarn package:alpha # development\nyarn package:beta # staging\nyarn package # production\n```\n\n## Test package locally with `vouch-app`\n\nOnce you build the `npm` package, you can test locally with `vouch-app` to ensure everything works as expected before publishing to `npm`\n\nAssuming you build a package according [Build package](#build-package), now you can create a symlink to your local package\n\n```sh\ncd package\nyarn link\n```\n\nyou should see this if successfully linked\n\n```sh\nyarn link v1.22.10\nsuccess Registered \"@vouchfor/uikit\".\ninfo You can now run `yarn link \"@vouchfor/uikit\"` in the projects where you want to use this package and it will be used instead.\n✨ Done in 0.04s.\n```\n\ngo to `vouch-app` folder and switch to the branch you want to test against with then link the local package\n\n```sh\ncd vouch-app\ngit checkout VCH-222\nyarn link @vouchfor/uikit\nyarn dev\n```\n\nVoilà, you are testing your feature branch with the local uikit package and don't forget to roll back after testing\n\n```sh\ncd vouch-app\nyarn unlink @vouchfor/uikit\n...\ncd vouch-uikit/package\nyarn unlink\n```\n\n## Publish to `npm`\n\n> Note you will need to log in `vouch-tech` on your terminal before publishing, credential is shared via 1Password.\n\n```bash\nnpm login\n...\n```\n\n```bash\ncd package\n...\nnpm publish --access public --tag alpha # development\nnpm publish --access public --tag beta # staging\nnpm publish --access public # production\n```\n\n## Purge `jsdelivr` cache\n\n`@vouchfor/uikit` is most likely consumed by **tag**, `alpha`, `beta` and `latest`, not version number to ensure clients can always get the latest updates. [jsdelivr](https://cdn.jsdelivr.net/) default has 7 days cache for `tag`, so we need to purge it to reflect new version number.\n\n- Check current tag version number\n\n - [Click to check Alpha](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@alpha/)\n - [Click to check Beta](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@beta/)\n - [Click to check Production](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n- Purge cache\n - [Click to purge Alpha](https://purge.jsdelivr.net/npm/@vouchfor/uikit@alpha/)\n - [Click to purge Beta](https://purge.jsdelivr.net/npm/@vouchfor/uikit@beta/)\n - **_Danger_** [Click to purge Production](https://purge.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n### Purge specific bundle.js\n\nOur embed code snippet `src` attribute currently refers to a specific embed bundle js , for example\n\n```html\n\n
\n```\n\nIn this case, you will need to purge the bundle file specifically by providing absolute path\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/embed/{filename}.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/components/{filename}.bundle.js\n```\n\nfor example,\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@alpha/embed/vouch-embed-inline-player.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@beta/embed/vouch-embed-inline-player.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/embed/vouch-embed-inline-player.bundle.js\n```\n\n## Unit test\n\n```bash\nyarn test\n```\n\nupdate snapshot\n\n```bash\nyarn test -u\n```\n\n# Update `vouch-app`\n\n`@vouchfor/uikit` is a dependency of `vouch-app` for embeds and UI components, follow the below steps to publish NPM package and update `package.json` dependency in `vouch-app`.\n\n> Each PR should bump the minor version in `package.json` in order to push new version to NPM. e.g. `\"version\": \"3.9.0\"` in `main` branch, you should bump to `\"version\": \"3.10.0\"` in your branch.\n\n> The major version should only be used for releasing breaking changes. e.g. `3.0.0`, `4.0.0`\n\n## Development (`dev.vouchfor.com`)\n\nAssuming your branch bumped version in `package.json` to\n\n```json\n\"version\": \"3.10.0\"\n```\n\n### Bump patch version number\n\nEnsure your patch version number isn't used, e.g. if `3.10.0` was published before, bump to `3.10.1`.\n\n### Build and publish\n\n```sh\nyarn package:alpha\ncd package\nnpm publish --access public --tag alpha\n```\n\nMake sure you purge NPM CDN cache for package, see [Purge npm cached tags](#purge-npm-cached-tags)\n\n### Update dependency in `vouch-app`\n\nEnsure you already cloned [vouch-app](https://github.com/VouchAU/vouch-app.git) locally then switch to the folder.\n\n```sh\ncd vouch-app\ngit checkout development\ngit pull\ngit merge feature/VCH-111 # Optional, only when you have code change dependency in vouch-app as well\nyarn upgrade @vouchfor/uikit@alpha\n```\n\nAfter upgrade, you should see version updates in both `package.json` and `yarn.lock`, but due to a known issue of `yarn`, please do these before committing changes\n\n- Manually roll back `package.json` (should always `\"@vouchfor/uikit\": \"alpha\"` for `development`).\n- run `yarn` again to update `yarn.lock`\n\n```sh\ngit commit -m \"Bumped uikit version\"\ngit push\n```\n\n## Staging (`staging.vouchfor.com`)\n\nUpdate `staging` environment is the same as [Development](#development-devvouchforcom) but remember to change cmd to `staging` specific\n\n```sh\nyarn package:beta\n```\n\n```sh\nnpm publish --access public --tag beta\n```\n\n```sh\ncd vouch-app\ngit checkout staging\ngit pull\ngit merge feature/VCH-111 # Optional, only when you have code change dependency in vouch-app as well\nyarn upgrade @vouchfor/uikit@beta\n```\n\n## Production (`app.vouchfor.com`)\n\nOne thing different when release to production, since `master` branch can only be merged by PRs (after code review), so you will need to run `yarn upgrade @vouchfor/uikit@latest` under you feature branch and commit **before merging the PR**.\n\n```sh\ngit checkout feature/VCH-111\nyarn upgrade upgrade @vouchfor/uikit@latest\ngit commit -m \"Bumped uikit version\"\ngit push\n```\n\n> When you run above cmd, your PR should be ready to merge (reviewed and QA tested)\n","engines":{"node":">=14.17.0"},"exports":{"./package.json":"./package.json","./embed/vouch-embed-all":{"import":"./embed/vouch-embed-all.js","default":"./embed/vouch-embed-all.js","require":"./embed/vouch-embed-all.cjs"},"./embed/vouch-embed-card":{"import":"./embed/vouch-embed-card.js","default":"./embed/vouch-embed-card.js","require":"./embed/vouch-embed-card.cjs"},"./embed/vouch-embed-jumbo":{"import":"./embed/vouch-embed-jumbo.js","default":"./embed/vouch-embed-jumbo.js","require":"./embed/vouch-embed-jumbo.cjs"},"./embed/vouch-embed-all.js":"./embed/vouch-embed-all.js","./embed/vouch-embed-button":{"import":"./embed/vouch-embed-button.js","default":"./embed/vouch-embed-button.js","require":"./embed/vouch-embed-button.cjs"},"./components/vouch-recorder":{"import":"./components/vouch-recorder.js","default":"./components/vouch-recorder.js","require":"./components/vouch-recorder.cjs"},"./embed/vouch-embed-popover":{"import":"./embed/vouch-embed-popover.js","default":"./embed/vouch-embed-popover.js","require":"./embed/vouch-embed-popover.cjs"},"./components/vouch-icon-play":{"import":"./components/vouch-icon-play.js","default":"./components/vouch-icon-play.js","require":"./components/vouch-icon-play.cjs"},"./embed/vouch-embed-dialogue":{"import":"./embed/vouch-embed-dialogue.js","default":"./embed/vouch-embed-dialogue.js","require":"./embed/vouch-embed-dialogue.cjs"},"./components/vouch-brand-logo":{"import":"./components/vouch-brand-logo.js","default":"./components/vouch-brand-logo.js","require":"./components/vouch-brand-logo.cjs"},"./components/vouch-icon-close":{"import":"./components/vouch-icon-close.js","default":"./components/vouch-icon-close.js","require":"./components/vouch-icon-close.cjs"},"./components/vouch-icon-pause":{"import":"./components/vouch-icon-pause.js","default":"./components/vouch-icon-pause.js","require":"./components/vouch-icon-pause.cjs"},"./components/vouch-media-plyr":{"import":"./components/vouch-media-plyr.js","default":"./components/vouch-media-plyr.js","require":"./components/vouch-media-plyr.cjs"},"./components/vouch-water-mark":{"import":"./components/vouch-water-mark.js","default":"./components/vouch-water-mark.js","require":"./components/vouch-water-mark.cjs"},"./embed/VouchEmbedCard.svelte":"./embed/VouchEmbedCard.svelte","./embed/vouch-embed-thumbnail":{"import":"./embed/vouch-embed-thumbnail.js","default":"./embed/vouch-embed-thumbnail.js","require":"./embed/vouch-embed-thumbnail.cjs"},"./embed/vouch-recorder-button":{"import":"./embed/vouch-recorder-button.js","default":"./embed/vouch-recorder-button.js","require":"./embed/vouch-recorder-button.cjs"},"./components/vouch-graphic-svg":{"import":"./components/vouch-graphic-svg.js","default":"./components/vouch-graphic-svg.js","require":"./components/vouch-graphic-svg.cjs"},"./embed/VouchEmbedJumbo.svelte":"./embed/VouchEmbedJumbo.svelte","./embed/vouch-recorder-preview":{"import":"./embed/vouch-recorder-preview.js","default":"./embed/vouch-recorder-preview.js","require":"./embed/vouch-recorder-preview.cjs"},"./embed/VouchEmbedButton.svelte":"./embed/VouchEmbedButton.svelte","./embed/VouchEmbedPopover.svelte":"./embed/VouchEmbedPopover.svelte","./components/VouchIconPlay.svelte":"./components/VouchIconPlay.svelte","./components/VouchRecorder.svelte":"./components/VouchRecorder.svelte","./embed/VouchEmbedDialogue.svelte":"./embed/VouchEmbedDialogue.svelte","./embed/vouch-embed-inline-player":{"import":"./embed/vouch-embed-inline-player.js","default":"./embed/vouch-embed-inline-player.js","require":"./embed/vouch-embed-inline-player.cjs"},"./components/VouchBrandLogo.svelte":"./components/VouchBrandLogo.svelte","./components/VouchIconClose.svelte":"./components/VouchIconClose.svelte","./components/VouchIconPause.svelte":"./components/VouchIconPause.svelte","./components/VouchMediaPlyr.svelte":"./components/VouchMediaPlyr.svelte","./components/VouchWaterMark.svelte":"./components/VouchWaterMark.svelte","./components/vouch-icon-arrow-left":{"import":"./components/vouch-icon-arrow-left.js","default":"./components/vouch-icon-arrow-left.js","require":"./components/vouch-icon-arrow-left.cjs"},"./embed/VouchEmbedThumbnail.svelte":"./embed/VouchEmbedThumbnail.svelte","./embed/VouchRecorderButton.svelte":"./embed/VouchRecorderButton.svelte","./components/VouchGraphicSvg.svelte":"./components/VouchGraphicSvg.svelte","./components/vouch-icon-arrow-right":{"import":"./components/vouch-icon-arrow-right.js","default":"./components/vouch-icon-arrow-right.js","require":"./components/vouch-icon-arrow-right.cjs"},"./embed/VouchRecorderPreview.svelte":"./embed/VouchRecorderPreview.svelte","./components/vouch-overlay-play-icon":{"import":"./components/vouch-overlay-play-icon.js","default":"./components/vouch-overlay-play-icon.js","require":"./components/vouch-overlay-play-icon.cjs"},"./embed/VouchEmbedInlinePlayer.svelte":"./embed/VouchEmbedInlinePlayer.svelte","./components/VouchIconArrowLeft.svelte":"./components/VouchIconArrowLeft.svelte","./components/VouchIconArrowRight.svelte":"./components/VouchIconArrowRight.svelte","./components/VouchOverlayPlayIcon.svelte":"./components/VouchOverlayPlayIcon.svelte"},"_npmUser":{"name":"vouch-tech","email":"brian@vouchfor.com"},"repository":{"url":"git+https://github.com/VouchAU/vouch-uikit.git","type":"git"},"_npmVersion":"6.14.13","description":"Vouch Svelte UIKit","directories":{},"lint-staged":{"*.{js,svelte}":"yarn lint"},"_nodeVersion":"14.17.0","dependencies":{"plyr":"^3.7.2","cookie":"^0.4.1","hls.js":"^1.1.5","core-js":"^3.16.3","postcss":"^7","@vime/core":"^5.3.1","tailwindcss":"npm:@tailwindcss/postcss7-compat","@lukeed/uuid":"^2.0.0","autoprefixer":"^9","whatwg-fetch":"^3.6.2","@fontsource/fira-mono":"^4.2.2"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^27.0.6","path":"^0.12.7","husky":"4","tslib":"^2.0.0","dotenv":"^10.0.0","eslint":"^7.22.0","rollup":"^2.55.1","svelte":"^3.34.0","prettier":"~2.2.1","babel-jest":"^27.0.6","svelte2tsx":"^0.4.3","typescript":"^4.0.0","@babel/core":"^7.14.8","@types/jest":"^26.0.24","lint-staged":"^11.1.1","svelte-check":"^2.0.0","@sveltejs/kit":"next","@types/cookie":"^0.4.0","svelte-jester":"^1.8.1","svelte-loader":"^3.1.2","@babel/preset-env":"^7.14.9","@storybook/svelte":"^6.3.6","svelte-preprocess":"^4.0.0","rollup-plugin-copy":"^3.4.0","rollup-plugin-svelte":"^7.1.0","rollup-plugin-terser":"^7.0.2","eslint-plugin-svelte3":"^3.2.0","@babel/runtime-corejs3":"^7.14.9","@rollup/plugin-replace":"^3.0.0","@storybook/addon-links":"^6.3.6","eslint-config-prettier":"^8.1.0","prettier-plugin-svelte":"^2.2.0","@rollup/plugin-commonjs":"^22.0.0","@testing-library/svelte":"^3.0.3","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@typescript-eslint/parser":"^4.19.0","@rollup/plugin-node-resolve":"^13.0.4","@storybook/addon-essentials":"^6.3.6","@typescript-eslint/eslint-plugin":"^4.19.0"},"_npmOperationalInternal":{"tmp":"tmp/uikit_5.6.0_1657700483624_0.8429504954237257","host":"s3://npm-registry-packages"}},"5.6.1":{"name":"@vouchfor/uikit","version":"5.6.1","keywords":["embed","design system","vouch-uikit","svelte","uikit"],"author":{"url":"https://vouchau.github.io/vouch-uikit","name":"Vouch Dev Team","email":"hello@vouchfor.com"},"license":"MIT","_id":"@vouchfor/uikit@5.6.1","maintainers":[{"name":"vouch-tech","email":"brian@vouchfor.com"}],"homepage":"https://vouchau.github.io/vouch-uikit","bugs":{"url":"https://github.com/VouchAU/vouch-uikit/issues"},"dist":{"shasum":"a90dae10c4518c8786fa36d86ebcc1857625edf6","tarball":"https://registry.npmjs.org/@vouchfor/uikit/-/uikit-5.6.1.tgz","fileCount":220,"integrity":"sha512-VNa4X2tyXNmBYBolXlT7FmMcO1WgPbyKovXSllVMFN2BbonvJf7aS6/D7Xu+586d6AaO0xlM6lohO8Xtkpe5ag==","signatures":[{"sig":"MEUCIQCeXM6x+ghvEMYKIf+QiTFls4gX+TtBrvN0Soig3+5NaQIgWVL+1gjYSHLIpQuykBj8M79CrbxRNH/ENkXEGri+q0Y=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":97744100,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiz3JZACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmokiw/8C0MzRsFYCThs6bvqA6CRdoV5gTNIdbwCuAWMAkkdh8FrFetY\r\n7KI7chNRVTPlFwOOeCrHGgkvDnY1uybtJNTVWB2SN8u2K8sCRvTFO78tvaW4\r\nU3F6WwktN1bq3l4DHitz1z23DwAYtwIlj+DJjwyz/pcUtn2InTDHokCVdUjA\r\nLGmU1g6BNiRmW/WQjFPF0adtaYR26di4T7EVZqCTyI5zypSRV85Umep7hHW7\r\nFb/dYVte5TJEicfsiIdsizHI1G0zQD3eDt/av/J5o3oMBza6rBE9SEbBYcwR\r\nxPZeLz6cgHD4asQjb3s7kOhGe+6x5Oeqrx1CV0e5wlZ577UTuod8KzR5G26j\r\nrDwLHJBvEYEzXUjIqSQjEAkWrgaqGGtSnCre9ctQJefpmDoqyH5OPnDAk7Dg\r\nP62pJkZhWjewzK/IbPtgZLHNfgoDyp5nOpz0HGJDitV31Br84ReuB9IMICpc\r\ntwiqvUR7JjZpx8CEPFre7cUYRJPws4yndp75Dz8bqZ87ZPmsRITr9Heri3be\r\nJJvQEf8KXh5ioZ52KBCWorxAHZOzT0KvExFZprBTUKQbK63JAcsnVoiO/nKF\r\nkic80+HFZj1J+p8MmC6zQc+qU8CzRsKAAsIIOlvW8A6bFVNy1KJf+X1Ytx0+\r\nQ2v70o79M/xIeWybbcscBgQd/SJiqTIKG+A=\r\n=ftlZ\r\n-----END PGP SIGNATURE-----\r\n"},"type":"module","husky":{"hooks":{"pre-push":"yarn test --silent","pre-commit":"lint-staged"}},"types":"types.d.ts","readme":"# Vouch UIKit\n\n- [Get Started](#get-started)\n - [Storybook](#storybook)\n - [Build package](#build-package)\n - [Test package locally with vouch-app](#test-package-locally-with-vouch-app)\n - [Publish to npm](#publish-to-npm)\n - [Purge npm cache](#purge-npm-cached-tags)\n- [Update vouch-app](#update-vouch-app)\n - [development](#development-devvouchforcom)\n - [staging](#staging-stagingvouchforcom)\n - [production](#production-appvouchforcom)\n\n**Vouch UIKit** consists of `2 libraries` and `1 application`\n\n```bash\n└── src\n ├── lib\n │ ├── components # Design System Components (Web Component)\n │ │ ├── VouchBrandLogo.svelte\n │ │ ...\n │ │\n │ └── embed # embed Components (Web Component)\n │ │ ├── VouchEmbedInlinePlayer.svelte\n │ ...\n │\n │\n ├── routes # vouch public embed link (https://embed.vouchfor.com)\n │ ├── __layout.svelte\n │ ├── index.svelte\n │ ├── about.svelte\n │ ...\n │\n ├── app.css\n └── app.html\n```\n\n# Get Started\n\nEnsure you have node `14.17.0` installed on your machine, for example via [nvm](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/TERMINAL.md#install-nvm), run `nvm ls` to check\n\n```bash\nnvm ls 14\n```\n\nyou should see output if you have the version installed\n\n```bash\n-> v14.17.0\n```\n\nensure you have [git ssh](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/GITHUB.md) setup locally before you clone the repo\n\n```bash\ngit clone git@github.com:VouchAU/vouch-uikit.git\n```\n\ninstall dependencies\n\n```bash\ncd vouch-uikit\nyarn\n```\n\n## Storybook\n\nhttps://designsystem.vouchfor.com/\n\nStorybook is hosted on GitHub page `gh-pages` branch (Domain name is configured on **Cloudflare**) and deployed automatically via **GitHub Action** every time changes are merged back to `master`.\n\nLocal dev\n\n```bash\nyarn storybook\n```\n\nbuild storybook\n\n```bash\nyarn build-storybook\n```\n\n## Build package\n\nBuild `src/lib` production/beta/alpha package, make sure you change `version` in `package.json` for three different build tags.\n\n```sh\ncd vouch-uikit\n...\nyarn package:alpha # development\nyarn package:beta # staging\nyarn package # production\n```\n\n## Test package locally with `vouch-app`\n\nOnce you build the `npm` package, you can test locally with `vouch-app` to ensure everything works as expected before publishing to `npm`\n\nAssuming you build a package according [Build package](#build-package), now you can create a symlink to your local package\n\n```sh\ncd package\nyarn link\n```\n\nyou should see this if successfully linked\n\n```sh\nyarn link v1.22.10\nsuccess Registered \"@vouchfor/uikit\".\ninfo You can now run `yarn link \"@vouchfor/uikit\"` in the projects where you want to use this package and it will be used instead.\n✨ Done in 0.04s.\n```\n\ngo to `vouch-app` folder and switch to the branch you want to test against with then link the local package\n\n```sh\ncd vouch-app\ngit checkout VCH-222\nyarn link @vouchfor/uikit\nyarn dev\n```\n\nVoilà, you are testing your feature branch with the local uikit package and don't forget to roll back after testing\n\n```sh\ncd vouch-app\nyarn unlink @vouchfor/uikit\n...\ncd vouch-uikit/package\nyarn unlink\n```\n\n## Publish to `npm`\n\n> Note you will need to log in `vouch-tech` on your terminal before publishing, credential is shared via 1Password.\n\n```bash\nnpm login\n...\n```\n\n```bash\ncd package\n...\nnpm publish --access public --tag alpha # development\nnpm publish --access public --tag beta # staging\nnpm publish --access public # production\n```\n\n## Purge `jsdelivr` cache\n\n`@vouchfor/uikit` is most likely consumed by **tag**, `alpha`, `beta` and `latest`, not version number to ensure clients can always get the latest updates. [jsdelivr](https://cdn.jsdelivr.net/) default has 7 days cache for `tag`, so we need to purge it to reflect new version number.\n\n- Check current tag version number\n\n - [Click to check Alpha](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@alpha/)\n - [Click to check Beta](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@beta/)\n - [Click to check Production](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n- Purge cache\n - [Click to purge Alpha](https://purge.jsdelivr.net/npm/@vouchfor/uikit@alpha/)\n - [Click to purge Beta](https://purge.jsdelivr.net/npm/@vouchfor/uikit@beta/)\n - **_Danger_** [Click to purge Production](https://purge.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n### Purge specific bundle.js\n\nOur embed code snippet `src` attribute currently refers to a specific embed bundle js , for example\n\n```html\n\n
\n```\n\nIn this case, you will need to purge the bundle file specifically by providing absolute path\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/embed/{filename}.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/components/{filename}.bundle.js\n```\n\nfor example,\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@alpha/embed/vouch-embed-inline-player.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@beta/embed/vouch-embed-inline-player.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/embed/vouch-embed-inline-player.bundle.js\n```\n\n## Unit test\n\n```bash\nyarn test\n```\n\nupdate snapshot\n\n```bash\nyarn test -u\n```\n\n# Update `vouch-app`\n\n`@vouchfor/uikit` is a dependency of `vouch-app` for embeds and UI components, follow the below steps to publish NPM package and update `package.json` dependency in `vouch-app`.\n\n> Each PR should bump the minor version in `package.json` in order to push new version to NPM. e.g. `\"version\": \"3.9.0\"` in `main` branch, you should bump to `\"version\": \"3.10.0\"` in your branch.\n\n> The major version should only be used for releasing breaking changes. e.g. `3.0.0`, `4.0.0`\n\n## Development (`dev.vouchfor.com`)\n\nAssuming your branch bumped version in `package.json` to\n\n```json\n\"version\": \"3.10.0\"\n```\n\n### Bump patch version number\n\nEnsure your patch version number isn't used, e.g. if `3.10.0` was published before, bump to `3.10.1`.\n\n### Build and publish\n\n```sh\nyarn package:alpha\ncd package\nnpm publish --access public --tag alpha\n```\n\nMake sure you purge NPM CDN cache for package, see [Purge npm cached tags](#purge-npm-cached-tags)\n\n### Update dependency in `vouch-app`\n\nEnsure you already cloned [vouch-app](https://github.com/VouchAU/vouch-app.git) locally then switch to the folder.\n\n```sh\ncd vouch-app\ngit checkout development\ngit pull\ngit merge feature/VCH-111 # Optional, only when you have code change dependency in vouch-app as well\nyarn upgrade @vouchfor/uikit@alpha\n```\n\nAfter upgrade, you should see version updates in both `package.json` and `yarn.lock`, but due to a known issue of `yarn`, please do these before committing changes\n\n- Manually roll back `package.json` (should always `\"@vouchfor/uikit\": \"alpha\"` for `development`).\n- run `yarn` again to update `yarn.lock`\n\n```sh\ngit commit -m \"Bumped uikit version\"\ngit push\n```\n\n## Staging (`staging.vouchfor.com`)\n\nUpdate `staging` environment is the same as [Development](#development-devvouchforcom) but remember to change cmd to `staging` specific\n\n```sh\nyarn package:beta\n```\n\n```sh\nnpm publish --access public --tag beta\n```\n\n```sh\ncd vouch-app\ngit checkout staging\ngit pull\ngit merge feature/VCH-111 # Optional, only when you have code change dependency in vouch-app as well\nyarn upgrade @vouchfor/uikit@beta\n```\n\n## Production (`app.vouchfor.com`)\n\nOne thing different when release to production, since `master` branch can only be merged by PRs (after code review), so you will need to run `yarn upgrade @vouchfor/uikit@latest` under you feature branch and commit **before merging the PR**.\n\n```sh\ngit checkout feature/VCH-111\nyarn upgrade upgrade @vouchfor/uikit@latest\ngit commit -m \"Bumped uikit version\"\ngit push\n```\n\n> When you run above cmd, your PR should be ready to merge (reviewed and QA tested)\n","engines":{"node":">=14.17.0"},"exports":{"./package.json":"./package.json","./embed/vouch-embed-all":{"import":"./embed/vouch-embed-all.js","default":"./embed/vouch-embed-all.js","require":"./embed/vouch-embed-all.cjs"},"./embed/vouch-embed-card":{"import":"./embed/vouch-embed-card.js","default":"./embed/vouch-embed-card.js","require":"./embed/vouch-embed-card.cjs"},"./embed/vouch-embed-jumbo":{"import":"./embed/vouch-embed-jumbo.js","default":"./embed/vouch-embed-jumbo.js","require":"./embed/vouch-embed-jumbo.cjs"},"./embed/vouch-embed-all.js":"./embed/vouch-embed-all.js","./embed/vouch-embed-button":{"import":"./embed/vouch-embed-button.js","default":"./embed/vouch-embed-button.js","require":"./embed/vouch-embed-button.cjs"},"./components/vouch-recorder":{"import":"./components/vouch-recorder.js","default":"./components/vouch-recorder.js","require":"./components/vouch-recorder.cjs"},"./embed/vouch-embed-popover":{"import":"./embed/vouch-embed-popover.js","default":"./embed/vouch-embed-popover.js","require":"./embed/vouch-embed-popover.cjs"},"./components/vouch-icon-play":{"import":"./components/vouch-icon-play.js","default":"./components/vouch-icon-play.js","require":"./components/vouch-icon-play.cjs"},"./embed/vouch-embed-dialogue":{"import":"./embed/vouch-embed-dialogue.js","default":"./embed/vouch-embed-dialogue.js","require":"./embed/vouch-embed-dialogue.cjs"},"./components/vouch-brand-logo":{"import":"./components/vouch-brand-logo.js","default":"./components/vouch-brand-logo.js","require":"./components/vouch-brand-logo.cjs"},"./components/vouch-icon-close":{"import":"./components/vouch-icon-close.js","default":"./components/vouch-icon-close.js","require":"./components/vouch-icon-close.cjs"},"./components/vouch-icon-pause":{"import":"./components/vouch-icon-pause.js","default":"./components/vouch-icon-pause.js","require":"./components/vouch-icon-pause.cjs"},"./components/vouch-media-plyr":{"import":"./components/vouch-media-plyr.js","default":"./components/vouch-media-plyr.js","require":"./components/vouch-media-plyr.cjs"},"./components/vouch-water-mark":{"import":"./components/vouch-water-mark.js","default":"./components/vouch-water-mark.js","require":"./components/vouch-water-mark.cjs"},"./embed/VouchEmbedCard.svelte":"./embed/VouchEmbedCard.svelte","./embed/vouch-embed-thumbnail":{"import":"./embed/vouch-embed-thumbnail.js","default":"./embed/vouch-embed-thumbnail.js","require":"./embed/vouch-embed-thumbnail.cjs"},"./embed/vouch-recorder-button":{"import":"./embed/vouch-recorder-button.js","default":"./embed/vouch-recorder-button.js","require":"./embed/vouch-recorder-button.cjs"},"./components/vouch-graphic-svg":{"import":"./components/vouch-graphic-svg.js","default":"./components/vouch-graphic-svg.js","require":"./components/vouch-graphic-svg.cjs"},"./embed/VouchEmbedJumbo.svelte":"./embed/VouchEmbedJumbo.svelte","./embed/vouch-recorder-preview":{"import":"./embed/vouch-recorder-preview.js","default":"./embed/vouch-recorder-preview.js","require":"./embed/vouch-recorder-preview.cjs"},"./embed/VouchEmbedButton.svelte":"./embed/VouchEmbedButton.svelte","./embed/VouchEmbedPopover.svelte":"./embed/VouchEmbedPopover.svelte","./components/VouchIconPlay.svelte":"./components/VouchIconPlay.svelte","./components/VouchRecorder.svelte":"./components/VouchRecorder.svelte","./embed/VouchEmbedDialogue.svelte":"./embed/VouchEmbedDialogue.svelte","./embed/vouch-embed-inline-player":{"import":"./embed/vouch-embed-inline-player.js","default":"./embed/vouch-embed-inline-player.js","require":"./embed/vouch-embed-inline-player.cjs"},"./components/VouchBrandLogo.svelte":"./components/VouchBrandLogo.svelte","./components/VouchIconClose.svelte":"./components/VouchIconClose.svelte","./components/VouchIconPause.svelte":"./components/VouchIconPause.svelte","./components/VouchMediaPlyr.svelte":"./components/VouchMediaPlyr.svelte","./components/VouchWaterMark.svelte":"./components/VouchWaterMark.svelte","./components/vouch-icon-arrow-left":{"import":"./components/vouch-icon-arrow-left.js","default":"./components/vouch-icon-arrow-left.js","require":"./components/vouch-icon-arrow-left.cjs"},"./embed/VouchEmbedThumbnail.svelte":"./embed/VouchEmbedThumbnail.svelte","./embed/VouchRecorderButton.svelte":"./embed/VouchRecorderButton.svelte","./components/VouchGraphicSvg.svelte":"./components/VouchGraphicSvg.svelte","./components/vouch-icon-arrow-right":{"import":"./components/vouch-icon-arrow-right.js","default":"./components/vouch-icon-arrow-right.js","require":"./components/vouch-icon-arrow-right.cjs"},"./embed/VouchRecorderPreview.svelte":"./embed/VouchRecorderPreview.svelte","./components/vouch-overlay-play-icon":{"import":"./components/vouch-overlay-play-icon.js","default":"./components/vouch-overlay-play-icon.js","require":"./components/vouch-overlay-play-icon.cjs"},"./embed/VouchEmbedInlinePlayer.svelte":"./embed/VouchEmbedInlinePlayer.svelte","./components/VouchIconArrowLeft.svelte":"./components/VouchIconArrowLeft.svelte","./components/VouchIconArrowRight.svelte":"./components/VouchIconArrowRight.svelte","./components/VouchOverlayPlayIcon.svelte":"./components/VouchOverlayPlayIcon.svelte"},"_npmUser":{"name":"vouch-tech","email":"brian@vouchfor.com"},"repository":{"url":"git+https://github.com/VouchAU/vouch-uikit.git","type":"git"},"_npmVersion":"6.14.13","description":"Vouch Svelte UIKit","directories":{},"lint-staged":{"*.{js,svelte}":"yarn lint"},"_nodeVersion":"14.17.0","dependencies":{"plyr":"^3.7.2","cookie":"^0.4.1","hls.js":"^1.1.5","core-js":"^3.16.3","postcss":"^7","@vime/core":"^5.3.1","tailwindcss":"npm:@tailwindcss/postcss7-compat","@lukeed/uuid":"^2.0.0","autoprefixer":"^9","whatwg-fetch":"^3.6.2","@fontsource/fira-mono":"^4.2.2"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^27.0.6","path":"^0.12.7","husky":"4","tslib":"^2.0.0","dotenv":"^10.0.0","eslint":"^7.22.0","rollup":"^2.55.1","svelte":"^3.34.0","prettier":"~2.2.1","babel-jest":"^27.0.6","svelte2tsx":"^0.4.3","typescript":"^4.0.0","@babel/core":"^7.14.8","@types/jest":"^26.0.24","lint-staged":"^11.1.1","svelte-check":"^2.0.0","@sveltejs/kit":"next","@types/cookie":"^0.4.0","svelte-jester":"^1.8.1","svelte-loader":"^3.1.2","@babel/preset-env":"^7.14.9","@storybook/svelte":"^6.3.6","svelte-preprocess":"^4.0.0","rollup-plugin-copy":"^3.4.0","rollup-plugin-svelte":"^7.1.0","rollup-plugin-terser":"^7.0.2","eslint-plugin-svelte3":"^3.2.0","@babel/runtime-corejs3":"^7.14.9","@rollup/plugin-replace":"^3.0.0","@storybook/addon-links":"^6.3.6","eslint-config-prettier":"^8.1.0","prettier-plugin-svelte":"^2.2.0","@rollup/plugin-commonjs":"^22.0.0","@testing-library/svelte":"^3.0.3","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@typescript-eslint/parser":"^4.19.0","@rollup/plugin-node-resolve":"^13.0.4","@storybook/addon-essentials":"^6.3.6","@typescript-eslint/eslint-plugin":"^4.19.0"},"_npmOperationalInternal":{"tmp":"tmp/uikit_5.6.1_1657762392544_0.11477876145184318","host":"s3://npm-registry-packages"}},"5.6.2":{"name":"@vouchfor/uikit","version":"5.6.2","keywords":["embed","design system","vouch-uikit","svelte","uikit"],"author":{"url":"https://vouchau.github.io/vouch-uikit","name":"Vouch Dev Team","email":"hello@vouchfor.com"},"license":"MIT","_id":"@vouchfor/uikit@5.6.2","maintainers":[{"name":"vouch-tech","email":"brian@vouchfor.com"}],"homepage":"https://vouchau.github.io/vouch-uikit","bugs":{"url":"https://github.com/VouchAU/vouch-uikit/issues"},"dist":{"shasum":"0f44384decafb85c1d8127b0b1db42f6eb6ddb7b","tarball":"https://registry.npmjs.org/@vouchfor/uikit/-/uikit-5.6.2.tgz","fileCount":220,"integrity":"sha512-uJMZiDf2CJb2CnTXxDnONnBQkcQbprw6LTkTaNluSYVkf0zFJ4PyaAGfRdCBMtwQwe6TumqkV37zsGysWMhKAQ==","signatures":[{"sig":"MEUCIEh81j8Hh6wgfBwYtR8jYv5AXPHOiWDPfJiwi8Y4uRFJAiEA44C3Dpejb9a0fDAWn4j/hUL5u3mZdCpovXLw4ZD61iE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":97746927,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi1NSeACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrvFg/+KzkS3igcAF85Vclii8/mCHJPdZXe+lwnAs07emiQfnqUMIv9\r\nkECrkS6Kx/ryQaH72jiAQX4Peu/AUK3JlVTLpmO+JNuhl04LDr2v0GcEqsoI\r\nl3uR2ijPBwq4oPOW298DPCZjpBuwwXOD0gsa+NR0AjkhNfK7rH3WT+GklChn\r\nshW8AbMFspD7QYqb0KQl65q2NYhPRFTL4IBjdxg0c8zsLJhnP0tKkk308P3L\r\ngLNiyKdzrG7OV4BtBKJFMstJDBsttjxq+BZXs51EMnR/i0pI3uICPGdzB6SL\r\njXqq1LCL5QaFeQNsDaJig0zjH24RoZLZIKtkHvy/A3sobt5WVFcUhlDtMBLa\r\n+/l9jC97wogIDQxDM0lFEsn0P7/Cv/pRovY78kJCEihz07MGP6z8PV69ISP7\r\nM7ivIKsJadYH5f+QE7PMjHhCA8DXNT84YT9g0rTuT3USQhlCoEwkVpuVFU5a\r\nIrhPV2ilZyxMDxA1kuLpSFf692pGffw4/TESgKwzpqDBIerdklaQko8Lkmwr\r\nDJDzX1F8lVYbaMKA5ANk5isDt3GMevixwC3XWSopzYjc5OhZCtHRsqu/Tw90\r\n4wcTm2OxpV15S1+Hi9egYCOyI2iLey7raMpxebTUyS7uixLHuerMCJAq7DSO\r\nQRMYwUd1IymQAfr5VAP5AEGn3JIY3GzCzkI=\r\n=6aod\r\n-----END PGP SIGNATURE-----\r\n"},"type":"module","husky":{"hooks":{"pre-push":"yarn test --silent","pre-commit":"lint-staged"}},"types":"types.d.ts","engines":{"node":">=14.17.0"},"exports":{"./package.json":"./package.json","./embed/vouch-embed-all":{"import":"./embed/vouch-embed-all.js","default":"./embed/vouch-embed-all.js","require":"./embed/vouch-embed-all.cjs"},"./embed/vouch-embed-card":{"import":"./embed/vouch-embed-card.js","default":"./embed/vouch-embed-card.js","require":"./embed/vouch-embed-card.cjs"},"./embed/vouch-embed-jumbo":{"import":"./embed/vouch-embed-jumbo.js","default":"./embed/vouch-embed-jumbo.js","require":"./embed/vouch-embed-jumbo.cjs"},"./embed/vouch-embed-all.js":"./embed/vouch-embed-all.js","./embed/vouch-embed-button":{"import":"./embed/vouch-embed-button.js","default":"./embed/vouch-embed-button.js","require":"./embed/vouch-embed-button.cjs"},"./components/vouch-recorder":{"import":"./components/vouch-recorder.js","default":"./components/vouch-recorder.js","require":"./components/vouch-recorder.cjs"},"./embed/vouch-embed-popover":{"import":"./embed/vouch-embed-popover.js","default":"./embed/vouch-embed-popover.js","require":"./embed/vouch-embed-popover.cjs"},"./components/vouch-icon-play":{"import":"./components/vouch-icon-play.js","default":"./components/vouch-icon-play.js","require":"./components/vouch-icon-play.cjs"},"./embed/vouch-embed-dialogue":{"import":"./embed/vouch-embed-dialogue.js","default":"./embed/vouch-embed-dialogue.js","require":"./embed/vouch-embed-dialogue.cjs"},"./components/vouch-brand-logo":{"import":"./components/vouch-brand-logo.js","default":"./components/vouch-brand-logo.js","require":"./components/vouch-brand-logo.cjs"},"./components/vouch-icon-close":{"import":"./components/vouch-icon-close.js","default":"./components/vouch-icon-close.js","require":"./components/vouch-icon-close.cjs"},"./components/vouch-icon-pause":{"import":"./components/vouch-icon-pause.js","default":"./components/vouch-icon-pause.js","require":"./components/vouch-icon-pause.cjs"},"./components/vouch-media-plyr":{"import":"./components/vouch-media-plyr.js","default":"./components/vouch-media-plyr.js","require":"./components/vouch-media-plyr.cjs"},"./components/vouch-water-mark":{"import":"./components/vouch-water-mark.js","default":"./components/vouch-water-mark.js","require":"./components/vouch-water-mark.cjs"},"./embed/VouchEmbedCard.svelte":"./embed/VouchEmbedCard.svelte","./embed/vouch-embed-thumbnail":{"import":"./embed/vouch-embed-thumbnail.js","default":"./embed/vouch-embed-thumbnail.js","require":"./embed/vouch-embed-thumbnail.cjs"},"./embed/vouch-recorder-button":{"import":"./embed/vouch-recorder-button.js","default":"./embed/vouch-recorder-button.js","require":"./embed/vouch-recorder-button.cjs"},"./components/vouch-graphic-svg":{"import":"./components/vouch-graphic-svg.js","default":"./components/vouch-graphic-svg.js","require":"./components/vouch-graphic-svg.cjs"},"./embed/VouchEmbedJumbo.svelte":"./embed/VouchEmbedJumbo.svelte","./embed/vouch-recorder-preview":{"import":"./embed/vouch-recorder-preview.js","default":"./embed/vouch-recorder-preview.js","require":"./embed/vouch-recorder-preview.cjs"},"./embed/VouchEmbedButton.svelte":"./embed/VouchEmbedButton.svelte","./embed/VouchEmbedPopover.svelte":"./embed/VouchEmbedPopover.svelte","./components/VouchIconPlay.svelte":"./components/VouchIconPlay.svelte","./components/VouchRecorder.svelte":"./components/VouchRecorder.svelte","./embed/VouchEmbedDialogue.svelte":"./embed/VouchEmbedDialogue.svelte","./embed/vouch-embed-inline-player":{"import":"./embed/vouch-embed-inline-player.js","default":"./embed/vouch-embed-inline-player.js","require":"./embed/vouch-embed-inline-player.cjs"},"./components/VouchBrandLogo.svelte":"./components/VouchBrandLogo.svelte","./components/VouchIconClose.svelte":"./components/VouchIconClose.svelte","./components/VouchIconPause.svelte":"./components/VouchIconPause.svelte","./components/VouchMediaPlyr.svelte":"./components/VouchMediaPlyr.svelte","./components/VouchWaterMark.svelte":"./components/VouchWaterMark.svelte","./components/vouch-icon-arrow-left":{"import":"./components/vouch-icon-arrow-left.js","default":"./components/vouch-icon-arrow-left.js","require":"./components/vouch-icon-arrow-left.cjs"},"./embed/VouchEmbedThumbnail.svelte":"./embed/VouchEmbedThumbnail.svelte","./embed/VouchRecorderButton.svelte":"./embed/VouchRecorderButton.svelte","./components/VouchGraphicSvg.svelte":"./components/VouchGraphicSvg.svelte","./components/vouch-icon-arrow-right":{"import":"./components/vouch-icon-arrow-right.js","default":"./components/vouch-icon-arrow-right.js","require":"./components/vouch-icon-arrow-right.cjs"},"./embed/VouchRecorderPreview.svelte":"./embed/VouchRecorderPreview.svelte","./components/vouch-overlay-play-icon":{"import":"./components/vouch-overlay-play-icon.js","default":"./components/vouch-overlay-play-icon.js","require":"./components/vouch-overlay-play-icon.cjs"},"./embed/VouchEmbedInlinePlayer.svelte":"./embed/VouchEmbedInlinePlayer.svelte","./components/VouchIconArrowLeft.svelte":"./components/VouchIconArrowLeft.svelte","./components/VouchIconArrowRight.svelte":"./components/VouchIconArrowRight.svelte","./components/VouchOverlayPlayIcon.svelte":"./components/VouchOverlayPlayIcon.svelte"},"_npmUser":{"name":"vouch-tech","email":"brian@vouchfor.com"},"repository":{"url":"git+https://github.com/VouchAU/vouch-uikit.git","type":"git"},"_npmVersion":"6.14.13","description":"Vouch Svelte UIKit","directories":{},"lint-staged":{"*.{js,svelte}":"yarn lint"},"_nodeVersion":"14.17.0","dependencies":{"plyr":"^3.7.2","cookie":"^0.4.1","hls.js":"^1.1.5","core-js":"^3.16.3","postcss":"^7","@vime/core":"^5.3.1","tailwindcss":"npm:@tailwindcss/postcss7-compat","@lukeed/uuid":"^2.0.0","autoprefixer":"^9","whatwg-fetch":"^3.6.2","@fontsource/fira-mono":"^4.2.2"},"_hasShrinkwrap":false,"devDependencies":{"jest":"^27.0.6","path":"^0.12.7","husky":"4","tslib":"^2.0.0","dotenv":"^10.0.0","eslint":"^7.22.0","rollup":"^2.55.1","svelte":"^3.34.0","prettier":"~2.2.1","babel-jest":"^27.0.6","svelte2tsx":"^0.4.3","typescript":"^4.0.0","@babel/core":"^7.14.8","@types/jest":"^26.0.24","lint-staged":"^11.1.1","svelte-check":"^2.0.0","@sveltejs/kit":"next","@types/cookie":"^0.4.0","svelte-jester":"^1.8.1","svelte-loader":"^3.1.2","@babel/preset-env":"^7.14.9","@storybook/svelte":"^6.3.6","svelte-preprocess":"^4.0.0","rollup-plugin-copy":"^3.4.0","rollup-plugin-svelte":"^7.1.0","rollup-plugin-terser":"^7.0.2","eslint-plugin-svelte3":"^3.2.0","@babel/runtime-corejs3":"^7.14.9","@rollup/plugin-replace":"^3.0.0","@storybook/addon-links":"^6.3.6","eslint-config-prettier":"^8.1.0","prettier-plugin-svelte":"^2.2.0","@rollup/plugin-commonjs":"^22.0.0","@testing-library/svelte":"^3.0.3","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@typescript-eslint/parser":"^4.19.0","@rollup/plugin-node-resolve":"^13.0.4","@storybook/addon-essentials":"^6.3.6","@typescript-eslint/eslint-plugin":"^4.19.0"},"_npmOperationalInternal":{"tmp":"tmp/uikit_5.6.2_1658115230350_0.8747253649664772","host":"s3://npm-registry-packages"}},"5.7.0":{"name":"@vouchfor/uikit","version":"5.7.0","keywords":["embed","design system","vouch-uikit","svelte","uikit"],"author":{"url":"https://vouchau.github.io/vouch-uikit","name":"Vouch Dev Team","email":"hello@vouchfor.com"},"license":"MIT","_id":"@vouchfor/uikit@5.7.0","maintainers":[{"name":"vouch-tech","email":"brian@vouchfor.com"}],"homepage":"https://vouchau.github.io/vouch-uikit","bugs":{"url":"https://github.com/VouchAU/vouch-uikit/issues"},"dist":{"shasum":"bc7b62e6f807dbb30e492ebaf8fdc7bea50a84f5","tarball":"https://registry.npmjs.org/@vouchfor/uikit/-/uikit-5.7.0.tgz","fileCount":220,"integrity":"sha512-0uA4P2z4T4XyJNsk8J62TnXeF6/oVNvgsIDu7GiVNtRB7Mvhp5fJ5zMyXbn2HDyAJmtsIly1c0rWDJFSF7IfHQ==","signatures":[{"sig":"MEYCIQCieDwI/L6Tm8xx6n8gfP4lGbEBxUukeAKBv3YpnHZcgAIhAJyh2Q7h0O5X2xtdpuBUGP0gBvp0wIu+Ehj4Vpm/f2RD","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":97621824,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi13OiACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqDKA/+IyRuaA2PDuO2dcZtVSWW48/AeimT3a4SHH17MJVmw2DEymle\r\neuERyAnJRA+dr+YibYUEDee1D0h7dlq5dnCCL8/ZYBB5/aFGilPlWDu7qAZy\r\naAR7KcFKBxQbHWVp/SggKNT8lYFmNPW7WhWK5wLfrjlQ0RHjr8LM4cPlgzdF\r\nVMpUqmCj/mfWeBendaP2FMOm0uzkmyiYvSQ7L5O/N9NeI/w1qAgNbBdD3r/0\r\nRVoJ8IJQCguVQ+ib0WlKSrXlVJkIKzq9Sr+Gm/FeywIUumr1agqOEDRWIKZ3\r\nU3yrkkEGmXTGJ5gEMk6npPof7ar8fvS3G4OkxIi++t7pMLEEZ6MZheu1wd0O\r\nw1BZ/OOJPyVW1YIyB2u/B0HII8pzzJZeXwOT2E3BbGPRpLfFsVzIUS5KIdv8\r\nHTe4991riIAm2y9L0JiyTXcYc9TW3NlS2eV2R8QF8ya+3M6wNC+Z7UjI4450\r\n2J0/DCql3TrOaigDNvU1uVFFCUdN9V5fYg+9H/hj3VHubYfLuOp3Jo2OU5dZ\r\nKwIQUSmJRtcHZMN4xZDqijMVd/1Ot4FbcML3s6kIQfRsEdz/YI2cgrzf6pPM\r\nlxWSLQISfkwQaYr5W+H5tYCBwlzo3iVwQcp0RbwEybGY1/cAQlIIQma4dr4m\r\ncIOeUKSW0Qo9k6ces/FVC67Y4UBs8q6EKGU=\r\n=guO6\r\n-----END PGP SIGNATURE-----\r\n"},"type":"module","husky":{"hooks":{"pre-push":"yarn test --silent","pre-commit":"lint-staged"}},"types":"types.d.ts","readme":"# Vouch UIKit\n\n- [Get Started](#get-started)\n - [Storybook](#storybook)\n - [Build package](#build-package)\n - [Test package locally with vouch-app](#test-package-locally-with-vouch-app)\n - [Publish to npm](#publish-to-npm)\n - [Purge npm cache](#purge-npm-cached-tags)\n- [Update vouch-app](#update-vouch-app)\n - [development](#development-devvouchforcom)\n - [staging](#staging-stagingvouchforcom)\n - [production](#production-appvouchforcom)\n\n**Vouch UIKit** consists of `2 libraries` and `1 application`\n\n```bash\n└── src\n ├── lib\n │ ├── components # Design System Components (Web Component)\n │ │ ├── VouchBrandLogo.svelte\n │ │ ...\n │ │\n │ └── embed # embed Components (Web Component)\n │ │ ├── VouchEmbedInlinePlayer.svelte\n │ ...\n │\n │\n ├── routes # vouch public embed link (https://embed.vouchfor.com)\n │ ├── __layout.svelte\n │ ├── index.svelte\n │ ├── about.svelte\n │ ...\n │\n ├── app.css\n └── app.html\n```\n\n# Get Started\n\nEnsure you have node `14.17.0` installed on your machine, for example via [nvm](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/TERMINAL.md#install-nvm), run `nvm ls` to check\n\n```bash\nnvm ls 14\n```\n\nyou should see output if you have the version installed\n\n```bash\n-> v14.17.0\n```\n\nensure you have [git ssh](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/GITHUB.md) setup locally before you clone the repo\n\n```bash\ngit clone git@github.com:VouchAU/vouch-uikit.git\n```\n\ninstall dependencies\n\n```bash\ncd vouch-uikit\nyarn\n```\n\n## Storybook\n\nhttps://designsystem.vouchfor.com/\n\nStorybook is hosted on GitHub page `gh-pages` branch (Domain name is configured on **Cloudflare**) and deployed automatically via **GitHub Action** every time changes are merged back to `master`.\n\nLocal dev\n\n```bash\nyarn storybook\n```\n\nbuild storybook\n\n```bash\nyarn build-storybook\n```\n\n## Build package\n\nBuild `src/lib` production/beta/alpha package, make sure you change `version` in `package.json` for three different build tags.\n\n```sh\ncd vouch-uikit\n...\nyarn package:alpha # development\nyarn package:beta # staging\nyarn package # production\n```\n\n## Test package locally with `vouch-app`\n\nOnce you build the `npm` package, you can test locally with `vouch-app` to ensure everything works as expected before publishing to `npm`\n\nAssuming you build a package according [Build package](#build-package), now you can create a symlink to your local package\n\n```sh\ncd package\nyarn link\n```\n\nyou should see this if successfully linked\n\n```sh\nyarn link v1.22.10\nsuccess Registered \"@vouchfor/uikit\".\ninfo You can now run `yarn link \"@vouchfor/uikit\"` in the projects where you want to use this package and it will be used instead.\n✨ Done in 0.04s.\n```\n\ngo to `vouch-app` folder and switch to the branch you want to test against with then link the local package\n\n```sh\ncd vouch-app\ngit checkout VCH-222\nyarn link @vouchfor/uikit\nyarn dev\n```\n\nVoilà, you are testing your feature branch with the local uikit package and don't forget to roll back after testing\n\n```sh\ncd vouch-app\nyarn unlink @vouchfor/uikit\n...\ncd vouch-uikit/package\nyarn unlink\n```\n\n## Publish to `npm`\n\n> Note you will need to log in `vouch-tech` on your terminal before publishing, credential is shared via 1Password.\n\n```bash\nnpm login\n...\n```\n\n```bash\ncd package\n...\nnpm publish --access public --tag alpha # development\nnpm publish --access public --tag beta # staging\nnpm publish --access public # production\n```\n\n## Purge `jsdelivr` cache\n\n`@vouchfor/uikit` is most likely consumed by **tag**, `alpha`, `beta` and `latest`, not version number to ensure clients can always get the latest updates. [jsdelivr](https://cdn.jsdelivr.net/) default has 7 days cache for `tag`, so we need to purge it to reflect new version number.\n\n- Check current tag version number\n\n - [Click to check Alpha](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@alpha/)\n - [Click to check Beta](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@beta/)\n - [Click to check Production](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n- Purge cache\n - [Click to purge Alpha](https://purge.jsdelivr.net/npm/@vouchfor/uikit@alpha/)\n - [Click to purge Beta](https://purge.jsdelivr.net/npm/@vouchfor/uikit@beta/)\n - **_Danger_** [Click to purge Production](https://purge.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n### Purge specific bundle.js\n\nOur embed code snippet `src` attribute currently refers to a specific embed bundle js , for example\n\n```html\n\n
\n```\n\nIn this case, you will need to purge the bundle file specifically by providing absolute path\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/embed/{filename}.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/components/{filename}.bundle.js\n```\n\nfor example,\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@alpha/embed/vouch-embed-inline-player.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@beta/embed/vouch-embed-inline-player.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/embed/vouch-embed-inline-player.bundle.js\n```\n\n## Unit test\n\n```bash\nyarn test\n```\n\nupdate snapshot\n\n```bash\nyarn test -u\n```\n\n# Update `vouch-app`\n\n`@vouchfor/uikit` is a dependency of `vouch-app` for embeds and UI components, follow the below steps to publish NPM package and update `package.json` dependency in `vouch-app`.\n\n> Each PR should bump the minor version in `package.json` in order to push new version to NPM. e.g. `\"version\": \"3.9.0\"` in `main` branch, you should bump to `\"version\": \"3.10.0\"` in your branch.\n\n> The major version should only be used for releasing breaking changes. e.g. `3.0.0`, `4.0.0`\n\n## Development (`dev.vouchfor.com`)\n\nAssuming your branch bumped version in `package.json` to\n\n```json\n\"version\": \"3.10.0\"\n```\n\n### Bump patch version number\n\nEnsure your patch version number isn't used, e.g. if `3.10.0` was published before, bump to `3.10.1`.\n\n### Build and publish\n\n```sh\nyarn package:alpha\ncd package\nnpm publish --access public --tag alpha\n```\n\nMake sure you purge NPM CDN cache for package, see [Purge npm cached tags](#purge-npm-cached-tags)\n\n### Update dependency in `vouch-app`\n\nEnsure you already cloned [vouch-app](https://github.com/VouchAU/vouch-app.git) locally then switch to the folder.\n\n```sh\ncd vouch-app\ngit checkout development\ngit pull\ngit merge feature/VCH-111 # Optional, only when you have code change dependency in vouch-app as well\nyarn upgrade @vouchfor/uikit@alpha\n```\n\nAfter upgrade, you should see version updates in both `package.json` and `yarn.lock`, but due to a known issue of `yarn`, please do these before committing changes\n\n- Manually roll back `package.json` (should always `\"@vouchfor/uikit\": \"alpha\"` for `development`).\n- run `yarn` again to update `yarn.lock`\n\n```sh\ngit commit -m \"Bumped uikit version\"\ngit push\n```\n\n## Staging (`staging.vouchfor.com`)\n\nUpdate `staging` environment is the same as [Development](#development-devvouchforcom) but remember to change cmd to `staging` specific\n\n```sh\nyarn package:beta\n```\n\n```sh\nnpm publish --access public --tag beta\n```\n\n```sh\ncd vouch-app\ngit checkout staging\ngit pull\ngit merge feature/VCH-111 # Optional, only when you have code change dependency in vouch-app as well\nyarn upgrade @vouchfor/uikit@beta\n```\n\n## Production (`app.vouchfor.com`)\n\nOne thing different when release to production, since `master` branch can only be merged by PRs (after code review), so you will need to run `yarn upgrade @vouchfor/uikit@latest` under you feature branch and commit **before merging the PR**.\n\n```sh\ngit checkout feature/VCH-111\nyarn upgrade upgrade @vouchfor/uikit@latest\ngit commit -m \"Bumped uikit version\"\ngit push\n```\n\n> When you run above cmd, your PR should be ready to merge (reviewed and QA tested)\n","engines":{"node":">=14.17.0"},"exports":{"./package.json":"./package.json","./embed/vouch-embed-all":{"import":"./embed/vouch-embed-all.js","default":"./embed/vouch-embed-all.js","require":"./embed/vouch-embed-all.cjs"},"./embed/vouch-embed-card":{"import":"./embed/vouch-embed-card.js","default":"./embed/vouch-embed-card.js","require":"./embed/vouch-embed-card.cjs"},"./embed/vouch-embed-jumbo":{"import":"./embed/vouch-embed-jumbo.js","default":"./embed/vouch-embed-jumbo.js","require":"./embed/vouch-embed-jumbo.cjs"},"./embed/vouch-embed-all.js":"./embed/vouch-embed-all.js","./embed/vouch-embed-button":{"import":"./embed/vouch-embed-button.js","default":"./embed/vouch-embed-button.js","require":"./embed/vouch-embed-button.cjs"},"./components/vouch-recorder":{"import":"./components/vouch-recorder.js","default":"./components/vouch-recorder.js","require":"./components/vouch-recorder.cjs"},"./embed/vouch-embed-popover":{"import":"./embed/vouch-embed-popover.js","default":"./embed/vouch-embed-popover.js","require":"./embed/vouch-embed-popover.cjs"},"./components/vouch-icon-play":{"import":"./components/vouch-icon-play.js","default":"./components/vouch-icon-play.js","require":"./components/vouch-icon-play.cjs"},"./embed/vouch-embed-dialogue":{"import":"./embed/vouch-embed-dialogue.js","default":"./embed/vouch-embed-dialogue.js","require":"./embed/vouch-embed-dialogue.cjs"},"./components/vouch-brand-logo":{"import":"./components/vouch-brand-logo.js","default":"./components/vouch-brand-logo.js","require":"./components/vouch-brand-logo.cjs"},"./components/vouch-icon-close":{"import":"./components/vouch-icon-close.js","default":"./components/vouch-icon-close.js","require":"./components/vouch-icon-close.cjs"},"./components/vouch-icon-pause":{"import":"./components/vouch-icon-pause.js","default":"./components/vouch-icon-pause.js","require":"./components/vouch-icon-pause.cjs"},"./components/vouch-media-plyr":{"import":"./components/vouch-media-plyr.js","default":"./components/vouch-media-plyr.js","require":"./components/vouch-media-plyr.cjs"},"./components/vouch-water-mark":{"import":"./components/vouch-water-mark.js","default":"./components/vouch-water-mark.js","require":"./components/vouch-water-mark.cjs"},"./embed/VouchEmbedCard.svelte":"./embed/VouchEmbedCard.svelte","./embed/vouch-embed-thumbnail":{"import":"./embed/vouch-embed-thumbnail.js","default":"./embed/vouch-embed-thumbnail.js","require":"./embed/vouch-embed-thumbnail.cjs"},"./embed/vouch-recorder-button":{"import":"./embed/vouch-recorder-button.js","default":"./embed/vouch-recorder-button.js","require":"./embed/vouch-recorder-button.cjs"},"./components/vouch-graphic-svg":{"import":"./components/vouch-graphic-svg.js","default":"./components/vouch-graphic-svg.js","require":"./components/vouch-graphic-svg.cjs"},"./embed/VouchEmbedJumbo.svelte":"./embed/VouchEmbedJumbo.svelte","./embed/vouch-recorder-preview":{"import":"./embed/vouch-recorder-preview.js","default":"./embed/vouch-recorder-preview.js","require":"./embed/vouch-recorder-preview.cjs"},"./embed/VouchEmbedButton.svelte":"./embed/VouchEmbedButton.svelte","./embed/VouchEmbedPopover.svelte":"./embed/VouchEmbedPopover.svelte","./components/VouchIconPlay.svelte":"./components/VouchIconPlay.svelte","./components/VouchRecorder.svelte":"./components/VouchRecorder.svelte","./embed/VouchEmbedDialogue.svelte":"./embed/VouchEmbedDialogue.svelte","./embed/vouch-embed-inline-player":{"import":"./embed/vouch-embed-inline-player.js","default":"./embed/vouch-embed-inline-player.js","require":"./embed/vouch-embed-inline-player.cjs"},"./components/VouchBrandLogo.svelte":"./components/VouchBrandLogo.svelte","./components/VouchIconClose.svelte":"./components/VouchIconClose.svelte","./components/VouchIconPause.svelte":"./components/VouchIconPause.svelte","./components/VouchMediaPlyr.svelte":"./components/VouchMediaPlyr.svelte","./components/VouchWaterMark.svelte":"./components/VouchWaterMark.svelte","./components/vouch-icon-arrow-left":{"import":"./components/vouch-icon-arrow-left.js","default":"./components/vouch-icon-arrow-left.js","require":"./components/vouch-icon-arrow-left.cjs"},"./embed/VouchEmbedThumbnail.svelte":"./embed/VouchEmbedThumbnail.svelte","./embed/VouchRecorderButton.svelte":"./embed/VouchRecorderButton.svelte","./components/VouchGraphicSvg.svelte":"./components/VouchGraphicSvg.svelte","./components/vouch-icon-arrow-right":{"import":"./components/vouch-icon-arrow-right.js","default":"./components/vouch-icon-arrow-right.js","require":"./components/vouch-icon-arrow-right.cjs"},"./embed/VouchRecorderPreview.svelte":"./embed/VouchRecorderPreview.svelte","./components/vouch-overlay-play-icon":{"import":"./components/vouch-overlay-play-icon.js","default":"./components/vouch-overlay-play-icon.js","require":"./components/vouch-overlay-play-icon.cjs"},"./embed/VouchEmbedInlinePlayer.svelte":"./embed/VouchEmbedInlinePlayer.svelte","./components/VouchIconArrowLeft.svelte":"./components/VouchIconArrowLeft.svelte","./components/VouchIconArrowRight.svelte":"./components/VouchIconArrowRight.svelte","./components/VouchOverlayPlayIcon.svelte":"./components/VouchOverlayPlayIcon.svelte"},"_npmUser":{"name":"vouch-tech","email":"brian@vouchfor.com"},"repository":{"url":"git+https://github.com/VouchAU/vouch-uikit.git","type":"git"},"_npmVersion":"6.14.13","description":"Vouch Svelte UIKit","directories":{},"lint-staged":{"*.{js,svelte}":"yarn lint"},"_nodeVersion":"14.17.0","dependencies":{"plyr":"^3.7.2","cookie":"^0.4.1","hls.js":"^1.1.5","core-js":"^3.16.3","postcss":"^7","@vime/core":"^5.3.1","tailwindcss":"npm:@tailwindcss/postcss7-compat","@lukeed/uuid":"^2.0.0","autoprefixer":"^9","whatwg-fetch":"^3.6.2","@fontsource/fira-mono":"^4.2.2"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^27.0.6","path":"^0.12.7","husky":"4","tslib":"^2.0.0","dotenv":"^10.0.0","eslint":"^7.22.0","rollup":"^2.55.1","svelte":"^3.34.0","prettier":"~2.2.1","babel-jest":"^27.0.6","svelte2tsx":"^0.4.3","typescript":"^4.0.0","@babel/core":"^7.14.8","@types/jest":"^26.0.24","lint-staged":"^11.1.1","svelte-check":"^2.0.0","@sveltejs/kit":"next","@types/cookie":"^0.4.0","svelte-jester":"^1.8.1","svelte-loader":"^3.1.2","@babel/preset-env":"^7.14.9","@storybook/svelte":"^6.3.6","svelte-preprocess":"^4.0.0","rollup-plugin-copy":"^3.4.0","rollup-plugin-svelte":"^7.1.0","rollup-plugin-terser":"^7.0.2","eslint-plugin-svelte3":"^3.2.0","@babel/runtime-corejs3":"^7.14.9","@rollup/plugin-replace":"^3.0.0","@storybook/addon-links":"^6.3.6","eslint-config-prettier":"^8.1.0","prettier-plugin-svelte":"^2.2.0","@rollup/plugin-commonjs":"^22.0.0","@testing-library/svelte":"^3.0.3","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@typescript-eslint/parser":"^4.19.0","@rollup/plugin-node-resolve":"^13.0.4","@storybook/addon-essentials":"^6.3.6","@typescript-eslint/eslint-plugin":"^4.19.0"},"_npmOperationalInternal":{"tmp":"tmp/uikit_5.7.0_1658287009678_0.14611296526459627","host":"s3://npm-registry-packages"}},"5.7.1":{"name":"@vouchfor/uikit","version":"5.7.1","keywords":["embed","design system","vouch-uikit","svelte","uikit"],"author":{"url":"https://vouchau.github.io/vouch-uikit","name":"Vouch Dev Team","email":"hello@vouchfor.com"},"license":"MIT","_id":"@vouchfor/uikit@5.7.1","maintainers":[{"name":"vouch-tech","email":"brian@vouchfor.com"}],"homepage":"https://vouchau.github.io/vouch-uikit","bugs":{"url":"https://github.com/VouchAU/vouch-uikit/issues"},"dist":{"shasum":"c455ecf81107d3b3c6ada348eb597cbcf599cdf5","tarball":"https://registry.npmjs.org/@vouchfor/uikit/-/uikit-5.7.1.tgz","fileCount":220,"integrity":"sha512-tGWgZ77GdFhXJtwC5NY9abIH+IpgZ8eB/6qXJBHC08xlVqf7XkaUTZ3+ZGu/999lKB97J5rg1baUoGK08BUpag==","signatures":[{"sig":"MEUCIQDG6jioovyeLExXEabr47oLHy1a1VzNgjUaI/zCQTvxqwIgbDcwbtOWU817kufdIw5En5pEN2MkCahdMShXrmt0TXM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":97750014,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi15RHACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqoDw//UVkEzdkuCsqUTqGGsDVUKdC+E4iVKKdPXPSHLp8BvUpKdgsR\r\nLUZULpPZFPedfaqPX1JlyJfzOIMz4YYhgnYyCGLT/q/6h/TMM2NWKuik1G4q\r\nBGB0GO2lu+DgNFPLHU6fiNgaoA4kWh3Qz0TX66alj1FWdMsMFKozMVl80Y1E\r\nzOENTKRdBIbb1feU1u2V8mlrDvjt/rUMgVEMOeDqXnIbLxQRt8Ha4gTc3FZS\r\nKWL4p9MoTJqvtfqutpcBDTKM6UApfKeagNml/Jqfd6TVw0JhB2o/NFRw7jSI\r\nWfeT/MVY8pUUqZVSl5PvZ4X4y2/rxXwQVpfCQjuv8ErhpqfEf4PdGI8gdIri\r\nOIqrCVDyM5jQC4u0IvhlVLRrcELSFNaP1iar/Z0H/govnxNpqn/Kx9azQGSe\r\nYilZNHMAPJ7PX7IHB87gQPQnxQpYqmZCv7OsY3jraFwXVi2HlPRW6BRkVrhs\r\nzDDyOywaqoyrSJwPmhWfwxSWF00cypyBbvzizQdEGim4NwdOMyN5W2QHI2Qx\r\ngMFxeaNJOfdaCTerxBVhQkLFuVzqe2Ivfqvpl7QCeTiOHTxgoJZFItYUicqd\r\nVMUkX/3NYQ/rHU4dLArrdg3uah0p/gpzo7GdWvlhnxVr8on07cxHi+xdYbre\r\nwcyAz2a6XTfNpADDT0Vra7stHrTlhvF4EhY=\r\n=IzYD\r\n-----END PGP SIGNATURE-----\r\n"},"type":"module","husky":{"hooks":{"pre-push":"yarn test --silent","pre-commit":"lint-staged"}},"types":"types.d.ts","readme":"# Vouch UIKit\n\n- [Get Started](#get-started)\n - [Storybook](#storybook)\n - [Build package](#build-package)\n - [Test package locally with vouch-app](#test-package-locally-with-vouch-app)\n - [Publish to npm](#publish-to-npm)\n - [Purge npm cache](#purge-npm-cached-tags)\n- [Update vouch-app](#update-vouch-app)\n - [development](#development-devvouchforcom)\n - [staging](#staging-stagingvouchforcom)\n - [production](#production-appvouchforcom)\n\n**Vouch UIKit** consists of `2 libraries` and `1 application`\n\n```bash\n└── src\n ├── lib\n │ ├── components # Design System Components (Web Component)\n │ │ ├── VouchBrandLogo.svelte\n │ │ ...\n │ │\n │ └── embed # embed Components (Web Component)\n │ │ ├── VouchEmbedInlinePlayer.svelte\n │ ...\n │\n │\n ├── routes # vouch public embed link (https://embed.vouchfor.com)\n │ ├── __layout.svelte\n │ ├── index.svelte\n │ ├── about.svelte\n │ ...\n │\n ├── app.css\n └── app.html\n```\n\n# Get Started\n\nEnsure you have node `14.17.0` installed on your machine, for example via [nvm](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/TERMINAL.md#install-nvm), run `nvm ls` to check\n\n```bash\nnvm ls 14\n```\n\nyou should see output if you have the version installed\n\n```bash\n-> v14.17.0\n```\n\nensure you have [git ssh](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/GITHUB.md) setup locally before you clone the repo\n\n```bash\ngit clone git@github.com:VouchAU/vouch-uikit.git\n```\n\ninstall dependencies\n\n```bash\ncd vouch-uikit\nyarn\n```\n\n## Storybook\n\nhttps://designsystem.vouchfor.com/\n\nStorybook is hosted on GitHub page `gh-pages` branch (Domain name is configured on **Cloudflare**) and deployed automatically via **GitHub Action** every time changes are merged back to `master`.\n\nLocal dev\n\n```bash\nyarn storybook\n```\n\nbuild storybook\n\n```bash\nyarn build-storybook\n```\n\n## Build package\n\nBuild `src/lib` production/beta/alpha package, make sure you change `version` in `package.json` for three different build tags.\n\n```sh\ncd vouch-uikit\n...\nyarn package:alpha # development\nyarn package:beta # staging\nyarn package # production\n```\n\n## Test package locally with `vouch-app`\n\nOnce you build the `npm` package, you can test locally with `vouch-app` to ensure everything works as expected before publishing to `npm`\n\nAssuming you build a package according [Build package](#build-package), now you can create a symlink to your local package\n\n```sh\ncd package\nyarn link\n```\n\nyou should see this if successfully linked\n\n```sh\nyarn link v1.22.10\nsuccess Registered \"@vouchfor/uikit\".\ninfo You can now run `yarn link \"@vouchfor/uikit\"` in the projects where you want to use this package and it will be used instead.\n✨ Done in 0.04s.\n```\n\ngo to `vouch-app` folder and switch to the branch you want to test against with then link the local package\n\n```sh\ncd vouch-app\ngit checkout VCH-222\nyarn link @vouchfor/uikit\nyarn dev\n```\n\nVoilà, you are testing your feature branch with the local uikit package and don't forget to roll back after testing\n\n```sh\ncd vouch-app\nyarn unlink @vouchfor/uikit\n...\ncd vouch-uikit/package\nyarn unlink\n```\n\n## Publish to `npm`\n\n> Note you will need to log in `vouch-tech` on your terminal before publishing, credential is shared via 1Password.\n\n```bash\nnpm login\n...\n```\n\n```bash\ncd package\n...\nnpm publish --access public --tag alpha # development\nnpm publish --access public --tag beta # staging\nnpm publish --access public # production\n```\n\n## Purge `jsdelivr` cache\n\n`@vouchfor/uikit` is most likely consumed by **tag**, `alpha`, `beta` and `latest`, not version number to ensure clients can always get the latest updates. [jsdelivr](https://cdn.jsdelivr.net/) default has 7 days cache for `tag`, so we need to purge it to reflect new version number.\n\n- Check current tag version number\n\n - [Click to check Alpha](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@alpha/)\n - [Click to check Beta](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@beta/)\n - [Click to check Production](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n- Purge cache\n - [Click to purge Alpha](https://purge.jsdelivr.net/npm/@vouchfor/uikit@alpha/)\n - [Click to purge Beta](https://purge.jsdelivr.net/npm/@vouchfor/uikit@beta/)\n - **_Danger_** [Click to purge Production](https://purge.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n### Purge specific bundle.js\n\nOur embed code snippet `src` attribute currently refers to a specific embed bundle js , for example\n\n```html\n\n
\n```\n\nIn this case, you will need to purge the bundle file specifically by providing absolute path\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/embed/{filename}.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/components/{filename}.bundle.js\n```\n\nfor example,\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@alpha/embed/vouch-embed-inline-player.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@beta/embed/vouch-embed-inline-player.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/embed/vouch-embed-inline-player.bundle.js\n```\n\n## Unit test\n\n```bash\nyarn test\n```\n\nupdate snapshot\n\n```bash\nyarn test -u\n```\n\n# Update `vouch-app`\n\n`@vouchfor/uikit` is a dependency of `vouch-app` for embeds and UI components, follow the below steps to publish NPM package and update `package.json` dependency in `vouch-app`.\n\n> Each PR should bump the minor version in `package.json` in order to push new version to NPM. e.g. `\"version\": \"3.9.0\"` in `main` branch, you should bump to `\"version\": \"3.10.0\"` in your branch.\n\n> The major version should only be used for releasing breaking changes. e.g. `3.0.0`, `4.0.0`\n\n## Development (`dev.vouchfor.com`)\n\nAssuming your branch bumped version in `package.json` to\n\n```json\n\"version\": \"3.10.0\"\n```\n\n### Bump patch version number\n\nEnsure your patch version number isn't used, e.g. if `3.10.0` was published before, bump to `3.10.1`.\n\n### Build and publish\n\n```sh\nyarn package:alpha\ncd package\nnpm publish --access public --tag alpha\n```\n\nMake sure you purge NPM CDN cache for package, see [Purge npm cached tags](#purge-npm-cached-tags)\n\n### Update dependency in `vouch-app`\n\nEnsure you already cloned [vouch-app](https://github.com/VouchAU/vouch-app.git) locally then switch to the folder.\n\n```sh\ncd vouch-app\ngit checkout development\ngit pull\ngit merge feature/VCH-111 # Optional, only when you have code change dependency in vouch-app as well\nyarn upgrade @vouchfor/uikit@alpha\n```\n\nAfter upgrade, you should see version updates in both `package.json` and `yarn.lock`, but due to a known issue of `yarn`, please do these before committing changes\n\n- Manually roll back `package.json` (should always `\"@vouchfor/uikit\": \"alpha\"` for `development`).\n- run `yarn` again to update `yarn.lock`\n\n```sh\ngit commit -m \"Bumped uikit version\"\ngit push\n```\n\n## Staging (`staging.vouchfor.com`)\n\nUpdate `staging` environment is the same as [Development](#development-devvouchforcom) but remember to change cmd to `staging` specific\n\n```sh\nyarn package:beta\n```\n\n```sh\nnpm publish --access public --tag beta\n```\n\n```sh\ncd vouch-app\ngit checkout staging\ngit pull\ngit merge feature/VCH-111 # Optional, only when you have code change dependency in vouch-app as well\nyarn upgrade @vouchfor/uikit@beta\n```\n\n## Production (`app.vouchfor.com`)\n\nOne thing different when release to production, since `master` branch can only be merged by PRs (after code review), so you will need to run `yarn upgrade @vouchfor/uikit@latest` under you feature branch and commit **before merging the PR**.\n\n```sh\ngit checkout feature/VCH-111\nyarn upgrade upgrade @vouchfor/uikit@latest\ngit commit -m \"Bumped uikit version\"\ngit push\n```\n\n> When you run above cmd, your PR should be ready to merge (reviewed and QA tested)\n","engines":{"node":">=14.17.0"},"exports":{"./package.json":"./package.json","./embed/vouch-embed-all":{"import":"./embed/vouch-embed-all.js","default":"./embed/vouch-embed-all.js","require":"./embed/vouch-embed-all.cjs"},"./embed/vouch-embed-card":{"import":"./embed/vouch-embed-card.js","default":"./embed/vouch-embed-card.js","require":"./embed/vouch-embed-card.cjs"},"./embed/vouch-embed-jumbo":{"import":"./embed/vouch-embed-jumbo.js","default":"./embed/vouch-embed-jumbo.js","require":"./embed/vouch-embed-jumbo.cjs"},"./embed/vouch-embed-all.js":"./embed/vouch-embed-all.js","./embed/vouch-embed-button":{"import":"./embed/vouch-embed-button.js","default":"./embed/vouch-embed-button.js","require":"./embed/vouch-embed-button.cjs"},"./components/vouch-recorder":{"import":"./components/vouch-recorder.js","default":"./components/vouch-recorder.js","require":"./components/vouch-recorder.cjs"},"./embed/vouch-embed-popover":{"import":"./embed/vouch-embed-popover.js","default":"./embed/vouch-embed-popover.js","require":"./embed/vouch-embed-popover.cjs"},"./components/vouch-icon-play":{"import":"./components/vouch-icon-play.js","default":"./components/vouch-icon-play.js","require":"./components/vouch-icon-play.cjs"},"./embed/vouch-embed-dialogue":{"import":"./embed/vouch-embed-dialogue.js","default":"./embed/vouch-embed-dialogue.js","require":"./embed/vouch-embed-dialogue.cjs"},"./components/vouch-brand-logo":{"import":"./components/vouch-brand-logo.js","default":"./components/vouch-brand-logo.js","require":"./components/vouch-brand-logo.cjs"},"./components/vouch-icon-close":{"import":"./components/vouch-icon-close.js","default":"./components/vouch-icon-close.js","require":"./components/vouch-icon-close.cjs"},"./components/vouch-icon-pause":{"import":"./components/vouch-icon-pause.js","default":"./components/vouch-icon-pause.js","require":"./components/vouch-icon-pause.cjs"},"./components/vouch-media-plyr":{"import":"./components/vouch-media-plyr.js","default":"./components/vouch-media-plyr.js","require":"./components/vouch-media-plyr.cjs"},"./components/vouch-water-mark":{"import":"./components/vouch-water-mark.js","default":"./components/vouch-water-mark.js","require":"./components/vouch-water-mark.cjs"},"./embed/VouchEmbedCard.svelte":"./embed/VouchEmbedCard.svelte","./embed/vouch-embed-thumbnail":{"import":"./embed/vouch-embed-thumbnail.js","default":"./embed/vouch-embed-thumbnail.js","require":"./embed/vouch-embed-thumbnail.cjs"},"./embed/vouch-recorder-button":{"import":"./embed/vouch-recorder-button.js","default":"./embed/vouch-recorder-button.js","require":"./embed/vouch-recorder-button.cjs"},"./components/vouch-graphic-svg":{"import":"./components/vouch-graphic-svg.js","default":"./components/vouch-graphic-svg.js","require":"./components/vouch-graphic-svg.cjs"},"./embed/VouchEmbedJumbo.svelte":"./embed/VouchEmbedJumbo.svelte","./embed/vouch-recorder-preview":{"import":"./embed/vouch-recorder-preview.js","default":"./embed/vouch-recorder-preview.js","require":"./embed/vouch-recorder-preview.cjs"},"./embed/VouchEmbedButton.svelte":"./embed/VouchEmbedButton.svelte","./embed/VouchEmbedPopover.svelte":"./embed/VouchEmbedPopover.svelte","./components/VouchIconPlay.svelte":"./components/VouchIconPlay.svelte","./components/VouchRecorder.svelte":"./components/VouchRecorder.svelte","./embed/VouchEmbedDialogue.svelte":"./embed/VouchEmbedDialogue.svelte","./embed/vouch-embed-inline-player":{"import":"./embed/vouch-embed-inline-player.js","default":"./embed/vouch-embed-inline-player.js","require":"./embed/vouch-embed-inline-player.cjs"},"./components/VouchBrandLogo.svelte":"./components/VouchBrandLogo.svelte","./components/VouchIconClose.svelte":"./components/VouchIconClose.svelte","./components/VouchIconPause.svelte":"./components/VouchIconPause.svelte","./components/VouchMediaPlyr.svelte":"./components/VouchMediaPlyr.svelte","./components/VouchWaterMark.svelte":"./components/VouchWaterMark.svelte","./components/vouch-icon-arrow-left":{"import":"./components/vouch-icon-arrow-left.js","default":"./components/vouch-icon-arrow-left.js","require":"./components/vouch-icon-arrow-left.cjs"},"./embed/VouchEmbedThumbnail.svelte":"./embed/VouchEmbedThumbnail.svelte","./embed/VouchRecorderButton.svelte":"./embed/VouchRecorderButton.svelte","./components/VouchGraphicSvg.svelte":"./components/VouchGraphicSvg.svelte","./components/vouch-icon-arrow-right":{"import":"./components/vouch-icon-arrow-right.js","default":"./components/vouch-icon-arrow-right.js","require":"./components/vouch-icon-arrow-right.cjs"},"./embed/VouchRecorderPreview.svelte":"./embed/VouchRecorderPreview.svelte","./components/vouch-overlay-play-icon":{"import":"./components/vouch-overlay-play-icon.js","default":"./components/vouch-overlay-play-icon.js","require":"./components/vouch-overlay-play-icon.cjs"},"./embed/VouchEmbedInlinePlayer.svelte":"./embed/VouchEmbedInlinePlayer.svelte","./components/VouchIconArrowLeft.svelte":"./components/VouchIconArrowLeft.svelte","./components/VouchIconArrowRight.svelte":"./components/VouchIconArrowRight.svelte","./components/VouchOverlayPlayIcon.svelte":"./components/VouchOverlayPlayIcon.svelte"},"_npmUser":{"name":"vouch-tech","email":"brian@vouchfor.com"},"repository":{"url":"git+https://github.com/VouchAU/vouch-uikit.git","type":"git"},"_npmVersion":"6.14.13","description":"Vouch Svelte UIKit","directories":{},"lint-staged":{"*.{js,svelte}":"yarn lint"},"_nodeVersion":"14.17.0","dependencies":{"plyr":"^3.7.2","cookie":"^0.4.1","hls.js":"^1.1.5","core-js":"^3.16.3","postcss":"^7","@vime/core":"^5.3.1","tailwindcss":"npm:@tailwindcss/postcss7-compat","@lukeed/uuid":"^2.0.0","autoprefixer":"^9","whatwg-fetch":"^3.6.2","@fontsource/fira-mono":"^4.2.2"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^27.0.6","path":"^0.12.7","husky":"4","tslib":"^2.0.0","dotenv":"^10.0.0","eslint":"^7.22.0","rollup":"^2.55.1","svelte":"^3.34.0","prettier":"~2.2.1","babel-jest":"^27.0.6","svelte2tsx":"^0.4.3","typescript":"^4.0.0","@babel/core":"^7.14.8","@types/jest":"^26.0.24","lint-staged":"^11.1.1","svelte-check":"^2.0.0","@sveltejs/kit":"next","@types/cookie":"^0.4.0","svelte-jester":"^1.8.1","svelte-loader":"^3.1.2","@babel/preset-env":"^7.14.9","@storybook/svelte":"^6.3.6","svelte-preprocess":"^4.0.0","rollup-plugin-copy":"^3.4.0","rollup-plugin-svelte":"^7.1.0","rollup-plugin-terser":"^7.0.2","eslint-plugin-svelte3":"^3.2.0","@babel/runtime-corejs3":"^7.14.9","@rollup/plugin-replace":"^3.0.0","@storybook/addon-links":"^6.3.6","eslint-config-prettier":"^8.1.0","prettier-plugin-svelte":"^2.2.0","@rollup/plugin-commonjs":"^22.0.0","@testing-library/svelte":"^3.0.3","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@typescript-eslint/parser":"^4.19.0","@rollup/plugin-node-resolve":"^13.0.4","@storybook/addon-essentials":"^6.3.6","@typescript-eslint/eslint-plugin":"^4.19.0"},"_npmOperationalInternal":{"tmp":"tmp/uikit_5.7.1_1658295367062_0.869786308517905","host":"s3://npm-registry-packages"}},"5.7.2":{"name":"@vouchfor/uikit","version":"5.7.2","keywords":["embed","design system","vouch-uikit","svelte","uikit"],"author":{"url":"https://vouchau.github.io/vouch-uikit","name":"Vouch Dev Team","email":"hello@vouchfor.com"},"license":"MIT","_id":"@vouchfor/uikit@5.7.2","maintainers":[{"name":"vouch-tech","email":"brian@vouchfor.com"}],"homepage":"https://vouchau.github.io/vouch-uikit","bugs":{"url":"https://github.com/VouchAU/vouch-uikit/issues"},"dist":{"shasum":"2f6fa302936ff5fd3e5932f4f9dce159675787c5","tarball":"https://registry.npmjs.org/@vouchfor/uikit/-/uikit-5.7.2.tgz","fileCount":220,"integrity":"sha512-ppGXpNiBxGGhC8EEpXrXTxmmlw1ZxnEBxxpWxcQqHUwDevplc47afSrL5jkDeuTUXIfkWe9y/jBL1hvvZaunqg==","signatures":[{"sig":"MEQCIAMcmt8XJCkgTrmyOmDo2kV6eKFCfDpSEtb+dAe552PYAiBxk03L+RayFiw8g4c3faZ72nfPHJT46Lj0tcBJ/IOB5A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":97748895,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi2J7PACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr2lxAAnMyJYw6PHUDr1au3dUGcp/G+cXL0EHuFFlvrSYnwNLy+odwp\r\nXBFUhkj/pe89pkavY0q1yYLuigbS0sVPqwsikv6W6eV2PgqjgENZZnHx6H1I\r\nlacuybgCihrom0z1d76hur1lAz1P1kkOLC9K71Z1eKeSWAT+nZMJ5oIYYE6r\r\n95TUo4wYPKJ4E0hxOfyIZT76d2a2DvXATftlkmvY53IKyLgq8Url9oFltDHC\r\nXlSJbTsU7zXmnXUL/8oCnEYh6uyT2nXAZW27/M0EeI4IFMwqYgLAtZiusTS8\r\ntn/6L5+2MZUPCYgggvbzfTiw1ghMt+3yWlUvFYXv1SrPW76sOOrA2foo7gFG\r\nBrbcTqK+mALec4SG71zAeHLCb7qtpDuqVCumO1uJ8z5VDkUaavHuys0Kbh8U\r\n7gexu+ZS9suBmNGNUOk9aVXp7ynVqzRZV6jNPgxuv4CSrJhhNQbez07hCIm1\r\nApzSUsEXaBUvzg/fnwwgPnRhfwTEYnVm4vdfPsA4r82jdi7B0yPcSSEzIanc\r\ncVwoTgph73UR2J/HtvUt6oOTjuc2wPYDC4FlgDKMJtTT+J317Q9OeWhCyNsL\r\ntSCl/wlls60Jlut3QZVuO3Uj3DZo5iMgERkP7iBVXmbjPJTHUkgc0n5BGICM\r\n8uuYOYP0EzHyj72h39QZ7FxEctow4+2aRf4=\r\n=2Cxh\r\n-----END PGP SIGNATURE-----\r\n"},"type":"module","husky":{"hooks":{"pre-push":"yarn test --silent","pre-commit":"lint-staged"}},"types":"types.d.ts","engines":{"node":">=14.17.0"},"exports":{"./package.json":"./package.json","./embed/vouch-embed-all":{"import":"./embed/vouch-embed-all.js","default":"./embed/vouch-embed-all.js","require":"./embed/vouch-embed-all.cjs"},"./embed/vouch-embed-card":{"import":"./embed/vouch-embed-card.js","default":"./embed/vouch-embed-card.js","require":"./embed/vouch-embed-card.cjs"},"./embed/vouch-embed-jumbo":{"import":"./embed/vouch-embed-jumbo.js","default":"./embed/vouch-embed-jumbo.js","require":"./embed/vouch-embed-jumbo.cjs"},"./embed/vouch-embed-all.js":"./embed/vouch-embed-all.js","./embed/vouch-embed-button":{"import":"./embed/vouch-embed-button.js","default":"./embed/vouch-embed-button.js","require":"./embed/vouch-embed-button.cjs"},"./components/vouch-recorder":{"import":"./components/vouch-recorder.js","default":"./components/vouch-recorder.js","require":"./components/vouch-recorder.cjs"},"./embed/vouch-embed-popover":{"import":"./embed/vouch-embed-popover.js","default":"./embed/vouch-embed-popover.js","require":"./embed/vouch-embed-popover.cjs"},"./components/vouch-icon-play":{"import":"./components/vouch-icon-play.js","default":"./components/vouch-icon-play.js","require":"./components/vouch-icon-play.cjs"},"./embed/vouch-embed-dialogue":{"import":"./embed/vouch-embed-dialogue.js","default":"./embed/vouch-embed-dialogue.js","require":"./embed/vouch-embed-dialogue.cjs"},"./components/vouch-brand-logo":{"import":"./components/vouch-brand-logo.js","default":"./components/vouch-brand-logo.js","require":"./components/vouch-brand-logo.cjs"},"./components/vouch-icon-close":{"import":"./components/vouch-icon-close.js","default":"./components/vouch-icon-close.js","require":"./components/vouch-icon-close.cjs"},"./components/vouch-icon-pause":{"import":"./components/vouch-icon-pause.js","default":"./components/vouch-icon-pause.js","require":"./components/vouch-icon-pause.cjs"},"./components/vouch-media-plyr":{"import":"./components/vouch-media-plyr.js","default":"./components/vouch-media-plyr.js","require":"./components/vouch-media-plyr.cjs"},"./components/vouch-water-mark":{"import":"./components/vouch-water-mark.js","default":"./components/vouch-water-mark.js","require":"./components/vouch-water-mark.cjs"},"./embed/VouchEmbedCard.svelte":"./embed/VouchEmbedCard.svelte","./embed/vouch-embed-thumbnail":{"import":"./embed/vouch-embed-thumbnail.js","default":"./embed/vouch-embed-thumbnail.js","require":"./embed/vouch-embed-thumbnail.cjs"},"./embed/vouch-recorder-button":{"import":"./embed/vouch-recorder-button.js","default":"./embed/vouch-recorder-button.js","require":"./embed/vouch-recorder-button.cjs"},"./components/vouch-graphic-svg":{"import":"./components/vouch-graphic-svg.js","default":"./components/vouch-graphic-svg.js","require":"./components/vouch-graphic-svg.cjs"},"./embed/VouchEmbedJumbo.svelte":"./embed/VouchEmbedJumbo.svelte","./embed/vouch-recorder-preview":{"import":"./embed/vouch-recorder-preview.js","default":"./embed/vouch-recorder-preview.js","require":"./embed/vouch-recorder-preview.cjs"},"./embed/VouchEmbedButton.svelte":"./embed/VouchEmbedButton.svelte","./embed/VouchEmbedPopover.svelte":"./embed/VouchEmbedPopover.svelte","./components/VouchIconPlay.svelte":"./components/VouchIconPlay.svelte","./components/VouchRecorder.svelte":"./components/VouchRecorder.svelte","./embed/VouchEmbedDialogue.svelte":"./embed/VouchEmbedDialogue.svelte","./embed/vouch-embed-inline-player":{"import":"./embed/vouch-embed-inline-player.js","default":"./embed/vouch-embed-inline-player.js","require":"./embed/vouch-embed-inline-player.cjs"},"./components/VouchBrandLogo.svelte":"./components/VouchBrandLogo.svelte","./components/VouchIconClose.svelte":"./components/VouchIconClose.svelte","./components/VouchIconPause.svelte":"./components/VouchIconPause.svelte","./components/VouchMediaPlyr.svelte":"./components/VouchMediaPlyr.svelte","./components/VouchWaterMark.svelte":"./components/VouchWaterMark.svelte","./components/vouch-icon-arrow-left":{"import":"./components/vouch-icon-arrow-left.js","default":"./components/vouch-icon-arrow-left.js","require":"./components/vouch-icon-arrow-left.cjs"},"./embed/VouchEmbedThumbnail.svelte":"./embed/VouchEmbedThumbnail.svelte","./embed/VouchRecorderButton.svelte":"./embed/VouchRecorderButton.svelte","./components/VouchGraphicSvg.svelte":"./components/VouchGraphicSvg.svelte","./components/vouch-icon-arrow-right":{"import":"./components/vouch-icon-arrow-right.js","default":"./components/vouch-icon-arrow-right.js","require":"./components/vouch-icon-arrow-right.cjs"},"./embed/VouchRecorderPreview.svelte":"./embed/VouchRecorderPreview.svelte","./components/vouch-overlay-play-icon":{"import":"./components/vouch-overlay-play-icon.js","default":"./components/vouch-overlay-play-icon.js","require":"./components/vouch-overlay-play-icon.cjs"},"./embed/VouchEmbedInlinePlayer.svelte":"./embed/VouchEmbedInlinePlayer.svelte","./components/VouchIconArrowLeft.svelte":"./components/VouchIconArrowLeft.svelte","./components/VouchIconArrowRight.svelte":"./components/VouchIconArrowRight.svelte","./components/VouchOverlayPlayIcon.svelte":"./components/VouchOverlayPlayIcon.svelte"},"_npmUser":{"name":"vouch-tech","email":"brian@vouchfor.com"},"repository":{"url":"git+https://github.com/VouchAU/vouch-uikit.git","type":"git"},"_npmVersion":"6.14.13","description":"Vouch Svelte UIKit","directories":{},"lint-staged":{"*.{js,svelte}":"yarn lint"},"_nodeVersion":"14.17.0","dependencies":{"plyr":"^3.7.2","cookie":"^0.4.1","hls.js":"^1.1.5","core-js":"^3.16.3","postcss":"^7","@vime/core":"^5.3.1","tailwindcss":"npm:@tailwindcss/postcss7-compat","@lukeed/uuid":"^2.0.0","autoprefixer":"^9","whatwg-fetch":"^3.6.2","@fontsource/fira-mono":"^4.2.2"},"_hasShrinkwrap":false,"devDependencies":{"jest":"^27.0.6","path":"^0.12.7","husky":"4","tslib":"^2.0.0","dotenv":"^10.0.0","eslint":"^7.22.0","rollup":"^2.55.1","svelte":"^3.34.0","prettier":"~2.2.1","babel-jest":"^27.0.6","svelte2tsx":"^0.4.3","typescript":"^4.0.0","@babel/core":"^7.14.8","@types/jest":"^26.0.24","lint-staged":"^11.1.1","svelte-check":"^2.0.0","@sveltejs/kit":"next","@types/cookie":"^0.4.0","svelte-jester":"^1.8.1","svelte-loader":"^3.1.2","@babel/preset-env":"^7.14.9","@storybook/svelte":"^6.3.6","svelte-preprocess":"^4.0.0","rollup-plugin-copy":"^3.4.0","rollup-plugin-svelte":"^7.1.0","rollup-plugin-terser":"^7.0.2","eslint-plugin-svelte3":"^3.2.0","@babel/runtime-corejs3":"^7.14.9","@rollup/plugin-replace":"^3.0.0","@storybook/addon-links":"^6.3.6","eslint-config-prettier":"^8.1.0","prettier-plugin-svelte":"^2.2.0","@rollup/plugin-commonjs":"^22.0.0","@testing-library/svelte":"^3.0.3","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@typescript-eslint/parser":"^4.19.0","@rollup/plugin-node-resolve":"^13.0.4","@storybook/addon-essentials":"^6.3.6","@typescript-eslint/eslint-plugin":"^4.19.0"},"_npmOperationalInternal":{"tmp":"tmp/uikit_5.7.2_1658363598685_0.35026487444244014","host":"s3://npm-registry-packages"}},"5.8.0":{"name":"@vouchfor/uikit","version":"5.8.0","keywords":["embed","design system","vouch-uikit","svelte","uikit"],"author":{"url":"https://vouchau.github.io/vouch-uikit","name":"Vouch Dev Team","email":"hello@vouchfor.com"},"license":"MIT","_id":"@vouchfor/uikit@5.8.0","maintainers":[{"name":"vouch-tech","email":"brian@vouchfor.com"}],"homepage":"https://vouchau.github.io/vouch-uikit","bugs":{"url":"https://github.com/VouchAU/vouch-uikit/issues"},"dist":{"shasum":"cc09dd94e10dc354f79dd228ea7613f4173c681b","tarball":"https://registry.npmjs.org/@vouchfor/uikit/-/uikit-5.8.0.tgz","fileCount":220,"integrity":"sha512-XgmiWSKxjZn8imU598dqGofDOH86ylLIClouYqKGF6xq4FIlXv0bAtINIh0VwyHkXpUjjEh1Q+Re+J7ZuNMS9Q==","signatures":[{"sig":"MEUCIQCawub72KIlsTcNjepB9uTNVS04prGitEA3eiBGX5HC6AIgTfgOFLHVcwfslrMeR0nFpQqfbPvZ1CzFxb2861IqAIA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":97646224,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi2hMeACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqi1g/9HNU68fkTk9wq++ckOJGvx+zHncEiWLHl32T7/AjNU8jL0oXu\r\nQilSf1H4+XkL0qTWDAQ8bTxJn5oE3/DEyr4rTctWY5XAALD/tZkJiRaZaWeU\r\nG4A/1pgKQ/3pFGmYicjJyBvflYneG90wuXU7z1Gm5pZu4e1GpsIpNuTPt6Ax\r\nRBk+1gY5UUTJTeuRcGhCAWTRwXy0imFs3NiUmxF5mSMxkGXvgvS7ELtEtIZG\r\nxtw9FYEAlr5FBB9clksDAPKlH0uUeTrd0imDAkudXm/RW0B6Vq0BzQ5HD0ts\r\nhenE0Lu5NJ0XgpCiD0KmYSa+cyvxOR2OXQVlnPP2wQHsx3ULPHQntlGLqns/\r\nKHFD968Q1hW6W9sHHxhC2uBi5QYPCWjRxudUnyZ5BOqsHikJTy76LlQgPLCL\r\n0dflrQSERanHCrXTCr4e2U9Y/91iiIFpWU23FgrHGwQDHsizNyPiI6k6vtSr\r\nEDUVok49PlJ026iZ7iyWKhC+koRYI5PZWgWFg+oOutb823EXY3zWbrkr3rlq\r\na+KywEI4DhEql4I1kTy1c1+SDpT6MIsV5Um1QvknWSAa7tNbVEvodYkpUmOV\r\nKEduqAnrh9oyp+attzKriLVLXgy87zLVbi6HfWUPLjflhBGxoMIoigW9+o6V\r\nif4XdN+vkIOrRWpg/FD5YLT9vCOg/3wnAe4=\r\n=l/fh\r\n-----END PGP SIGNATURE-----\r\n"},"type":"module","husky":{"hooks":{"pre-push":"yarn test --silent","pre-commit":"lint-staged"}},"types":"types.d.ts","readme":"# Vouch UIKit\n\n- [Get Started](#get-started)\n - [Storybook](#storybook)\n - [Build package](#build-package)\n - [Test package locally with vouch-app](#test-package-locally-with-vouch-app)\n - [Publish to npm](#publish-to-npm)\n - [Purge npm cache](#purge-npm-cached-tags)\n- [Update vouch-app](#update-vouch-app)\n - [development](#development-devvouchforcom)\n - [staging](#staging-stagingvouchforcom)\n - [production](#production-appvouchforcom)\n\n**Vouch UIKit** consists of `2 libraries` and `1 application`\n\n```bash\n└── src\n ├── lib\n │ ├── components # Design System Components (Web Component)\n │ │ ├── VouchBrandLogo.svelte\n │ │ ...\n │ │\n │ └── embed # embed Components (Web Component)\n │ │ ├── VouchEmbedInlinePlayer.svelte\n │ ...\n │\n │\n ├── routes # vouch public embed link (https://embed.vouchfor.com)\n │ ├── __layout.svelte\n │ ├── index.svelte\n │ ├── about.svelte\n │ ...\n │\n ├── app.css\n └── app.html\n```\n\n# Get Started\n\nEnsure you have node `14.17.0` installed on your machine, for example via [nvm](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/TERMINAL.md#install-nvm), run `nvm ls` to check\n\n```bash\nnvm ls 14\n```\n\nyou should see output if you have the version installed\n\n```bash\n-> v14.17.0\n```\n\nensure you have [git ssh](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/GITHUB.md) setup locally before you clone the repo\n\n```bash\ngit clone git@github.com:VouchAU/vouch-uikit.git\n```\n\ninstall dependencies\n\n```bash\ncd vouch-uikit\nyarn\n```\n\n## Storybook\n\nhttps://designsystem.vouchfor.com/\n\nStorybook is hosted on GitHub page `gh-pages` branch (Domain name is configured on **Cloudflare**) and deployed automatically via **GitHub Action** every time changes are merged back to `master`.\n\nLocal dev\n\n```bash\nyarn storybook\n```\n\nbuild storybook\n\n```bash\nyarn build-storybook\n```\n\n## Build package\n\nBuild `src/lib` production/beta/alpha package, make sure you change `version` in `package.json` for three different build tags.\n\n```sh\ncd vouch-uikit\n...\nyarn package:alpha # development\nyarn package:beta # staging\nyarn package # production\n```\n\n## Test package locally with `vouch-app`\n\nOnce you build the `npm` package, you can test locally with `vouch-app` to ensure everything works as expected before publishing to `npm`\n\nAssuming you build a package according [Build package](#build-package), now you can create a symlink to your local package\n\n```sh\ncd package\nyarn link\n```\n\nyou should see this if successfully linked\n\n```sh\nyarn link v1.22.10\nsuccess Registered \"@vouchfor/uikit\".\ninfo You can now run `yarn link \"@vouchfor/uikit\"` in the projects where you want to use this package and it will be used instead.\n✨ Done in 0.04s.\n```\n\ngo to `vouch-app` folder and switch to the branch you want to test against with then link the local package\n\n```sh\ncd vouch-app\ngit checkout VCH-222\nyarn link @vouchfor/uikit\nyarn dev\n```\n\nVoilà, you are testing your feature branch with the local uikit package and don't forget to roll back after testing\n\n```sh\ncd vouch-app\nyarn unlink @vouchfor/uikit\n...\ncd vouch-uikit/package\nyarn unlink\n```\n\n## Publish to `npm`\n\n> Note you will need to log in `vouch-tech` on your terminal before publishing, credential is shared via 1Password.\n\n```bash\nnpm login\n...\n```\n\n```bash\ncd package\n...\nnpm publish --access public --tag alpha # development\nnpm publish --access public --tag beta # staging\nnpm publish --access public # production\n```\n\n## Purge `jsdelivr` cache\n\n`@vouchfor/uikit` is most likely consumed by **tag**, `alpha`, `beta` and `latest`, not version number to ensure clients can always get the latest updates. [jsdelivr](https://cdn.jsdelivr.net/) default has 7 days cache for `tag`, so we need to purge it to reflect new version number.\n\n- Check current tag version number\n\n - [Click to check Alpha](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@alpha/)\n - [Click to check Beta](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@beta/)\n - [Click to check Production](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n- Purge cache\n - [Click to purge Alpha](https://purge.jsdelivr.net/npm/@vouchfor/uikit@alpha/)\n - [Click to purge Beta](https://purge.jsdelivr.net/npm/@vouchfor/uikit@beta/)\n - **_Danger_** [Click to purge Production](https://purge.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n### Purge specific bundle.js\n\nOur embed code snippet `src` attribute currently refers to a specific embed bundle js , for example\n\n```html\n\n
\n```\n\nIn this case, you will need to purge the bundle file specifically by providing absolute path\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/embed/{filename}.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/components/{filename}.bundle.js\n```\n\nfor example,\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@alpha/embed/vouch-embed-inline-player.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@beta/embed/vouch-embed-inline-player.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/embed/vouch-embed-inline-player.bundle.js\n```\n\n## Unit test\n\n```bash\nyarn test\n```\n\nupdate snapshot\n\n```bash\nyarn test -u\n```\n\n# Update `vouch-app`\n\n`@vouchfor/uikit` is a dependency of `vouch-app` for embeds and UI components, follow the below steps to publish NPM package and update `package.json` dependency in `vouch-app`.\n\n> Each PR should bump the minor version in `package.json` in order to push new version to NPM. e.g. `\"version\": \"3.9.0\"` in `main` branch, you should bump to `\"version\": \"3.10.0\"` in your branch.\n\n> The major version should only be used for releasing breaking changes. e.g. `3.0.0`, `4.0.0`\n\n## Development (`dev.vouchfor.com`)\n\nAssuming your branch bumped version in `package.json` to\n\n```json\n\"version\": \"3.10.0\"\n```\n\n### Bump patch version number\n\nEnsure your patch version number isn't used, e.g. if `3.10.0` was published before, bump to `3.10.1`.\n\n### Build and publish\n\n```sh\nyarn package:alpha\ncd package\nnpm publish --access public --tag alpha\n```\n\nMake sure you purge NPM CDN cache for package, see [Purge npm cached tags](#purge-npm-cached-tags)\n\n### Update dependency in `vouch-app`\n\nEnsure you already cloned [vouch-app](https://github.com/VouchAU/vouch-app.git) locally then switch to the folder.\n\n```sh\ncd vouch-app\ngit checkout development\ngit pull\ngit merge feature/VCH-111 # Optional, only when you have code change dependency in vouch-app as well\nyarn upgrade @vouchfor/uikit@alpha\n```\n\nAfter upgrade, you should see version updates in both `package.json` and `yarn.lock`, but due to a known issue of `yarn`, please do these before committing changes\n\n- Manually roll back `package.json` (should always `\"@vouchfor/uikit\": \"alpha\"` for `development`).\n- run `yarn` again to update `yarn.lock`\n\n```sh\ngit commit -m \"Bumped uikit version\"\ngit push\n```\n\n## Staging (`staging.vouchfor.com`)\n\nUpdate `staging` environment is the same as [Development](#development-devvouchforcom) but remember to change cmd to `staging` specific\n\n```sh\nyarn package:beta\n```\n\n```sh\nnpm publish --access public --tag beta\n```\n\n```sh\ncd vouch-app\ngit checkout staging\ngit pull\ngit merge feature/VCH-111 # Optional, only when you have code change dependency in vouch-app as well\nyarn upgrade @vouchfor/uikit@beta\n```\n\n## Production (`app.vouchfor.com`)\n\nOne thing different when release to production, since `master` branch can only be merged by PRs (after code review), so you will need to run `yarn upgrade @vouchfor/uikit@latest` under you feature branch and commit **before merging the PR**.\n\n```sh\ngit checkout feature/VCH-111\nyarn upgrade upgrade @vouchfor/uikit@latest\ngit commit -m \"Bumped uikit version\"\ngit push\n```\n\n> When you run above cmd, your PR should be ready to merge (reviewed and QA tested)\n","engines":{"node":">=14.17.0"},"exports":{"./package.json":"./package.json","./embed/vouch-embed-all":{"import":"./embed/vouch-embed-all.js","default":"./embed/vouch-embed-all.js","require":"./embed/vouch-embed-all.cjs"},"./embed/vouch-embed-card":{"import":"./embed/vouch-embed-card.js","default":"./embed/vouch-embed-card.js","require":"./embed/vouch-embed-card.cjs"},"./embed/vouch-embed-jumbo":{"import":"./embed/vouch-embed-jumbo.js","default":"./embed/vouch-embed-jumbo.js","require":"./embed/vouch-embed-jumbo.cjs"},"./embed/vouch-embed-all.js":"./embed/vouch-embed-all.js","./embed/vouch-embed-button":{"import":"./embed/vouch-embed-button.js","default":"./embed/vouch-embed-button.js","require":"./embed/vouch-embed-button.cjs"},"./components/vouch-recorder":{"import":"./components/vouch-recorder.js","default":"./components/vouch-recorder.js","require":"./components/vouch-recorder.cjs"},"./embed/vouch-embed-popover":{"import":"./embed/vouch-embed-popover.js","default":"./embed/vouch-embed-popover.js","require":"./embed/vouch-embed-popover.cjs"},"./components/vouch-icon-play":{"import":"./components/vouch-icon-play.js","default":"./components/vouch-icon-play.js","require":"./components/vouch-icon-play.cjs"},"./embed/vouch-embed-dialogue":{"import":"./embed/vouch-embed-dialogue.js","default":"./embed/vouch-embed-dialogue.js","require":"./embed/vouch-embed-dialogue.cjs"},"./components/vouch-brand-logo":{"import":"./components/vouch-brand-logo.js","default":"./components/vouch-brand-logo.js","require":"./components/vouch-brand-logo.cjs"},"./components/vouch-icon-close":{"import":"./components/vouch-icon-close.js","default":"./components/vouch-icon-close.js","require":"./components/vouch-icon-close.cjs"},"./components/vouch-icon-pause":{"import":"./components/vouch-icon-pause.js","default":"./components/vouch-icon-pause.js","require":"./components/vouch-icon-pause.cjs"},"./components/vouch-media-plyr":{"import":"./components/vouch-media-plyr.js","default":"./components/vouch-media-plyr.js","require":"./components/vouch-media-plyr.cjs"},"./components/vouch-water-mark":{"import":"./components/vouch-water-mark.js","default":"./components/vouch-water-mark.js","require":"./components/vouch-water-mark.cjs"},"./embed/VouchEmbedCard.svelte":"./embed/VouchEmbedCard.svelte","./embed/vouch-embed-thumbnail":{"import":"./embed/vouch-embed-thumbnail.js","default":"./embed/vouch-embed-thumbnail.js","require":"./embed/vouch-embed-thumbnail.cjs"},"./embed/vouch-recorder-button":{"import":"./embed/vouch-recorder-button.js","default":"./embed/vouch-recorder-button.js","require":"./embed/vouch-recorder-button.cjs"},"./components/vouch-graphic-svg":{"import":"./components/vouch-graphic-svg.js","default":"./components/vouch-graphic-svg.js","require":"./components/vouch-graphic-svg.cjs"},"./embed/VouchEmbedJumbo.svelte":"./embed/VouchEmbedJumbo.svelte","./embed/vouch-recorder-preview":{"import":"./embed/vouch-recorder-preview.js","default":"./embed/vouch-recorder-preview.js","require":"./embed/vouch-recorder-preview.cjs"},"./embed/VouchEmbedButton.svelte":"./embed/VouchEmbedButton.svelte","./embed/VouchEmbedPopover.svelte":"./embed/VouchEmbedPopover.svelte","./components/VouchIconPlay.svelte":"./components/VouchIconPlay.svelte","./components/VouchRecorder.svelte":"./components/VouchRecorder.svelte","./embed/VouchEmbedDialogue.svelte":"./embed/VouchEmbedDialogue.svelte","./embed/vouch-embed-inline-player":{"import":"./embed/vouch-embed-inline-player.js","default":"./embed/vouch-embed-inline-player.js","require":"./embed/vouch-embed-inline-player.cjs"},"./components/VouchBrandLogo.svelte":"./components/VouchBrandLogo.svelte","./components/VouchIconClose.svelte":"./components/VouchIconClose.svelte","./components/VouchIconPause.svelte":"./components/VouchIconPause.svelte","./components/VouchMediaPlyr.svelte":"./components/VouchMediaPlyr.svelte","./components/VouchWaterMark.svelte":"./components/VouchWaterMark.svelte","./components/vouch-icon-arrow-left":{"import":"./components/vouch-icon-arrow-left.js","default":"./components/vouch-icon-arrow-left.js","require":"./components/vouch-icon-arrow-left.cjs"},"./embed/VouchEmbedThumbnail.svelte":"./embed/VouchEmbedThumbnail.svelte","./embed/VouchRecorderButton.svelte":"./embed/VouchRecorderButton.svelte","./components/VouchGraphicSvg.svelte":"./components/VouchGraphicSvg.svelte","./components/vouch-icon-arrow-right":{"import":"./components/vouch-icon-arrow-right.js","default":"./components/vouch-icon-arrow-right.js","require":"./components/vouch-icon-arrow-right.cjs"},"./embed/VouchRecorderPreview.svelte":"./embed/VouchRecorderPreview.svelte","./components/vouch-overlay-play-icon":{"import":"./components/vouch-overlay-play-icon.js","default":"./components/vouch-overlay-play-icon.js","require":"./components/vouch-overlay-play-icon.cjs"},"./embed/VouchEmbedInlinePlayer.svelte":"./embed/VouchEmbedInlinePlayer.svelte","./components/VouchIconArrowLeft.svelte":"./components/VouchIconArrowLeft.svelte","./components/VouchIconArrowRight.svelte":"./components/VouchIconArrowRight.svelte","./components/VouchOverlayPlayIcon.svelte":"./components/VouchOverlayPlayIcon.svelte"},"_npmUser":{"name":"vouch-tech","email":"brian@vouchfor.com"},"repository":{"url":"git+https://github.com/VouchAU/vouch-uikit.git","type":"git"},"_npmVersion":"6.14.13","description":"Vouch Svelte UIKit","directories":{},"lint-staged":{"*.{js,svelte}":"yarn lint"},"_nodeVersion":"14.17.0","dependencies":{"plyr":"^3.7.2","cookie":"^0.4.1","hls.js":"^1.1.5","core-js":"^3.16.3","postcss":"^7","@vime/core":"^5.3.1","tailwindcss":"npm:@tailwindcss/postcss7-compat","@lukeed/uuid":"^2.0.0","autoprefixer":"^9","whatwg-fetch":"^3.6.2","@fontsource/fira-mono":"^4.2.2"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^27.0.6","path":"^0.12.7","husky":"4","tslib":"^2.0.0","dotenv":"^10.0.0","eslint":"^7.22.0","rollup":"^2.55.1","svelte":"^3.34.0","prettier":"~2.2.1","babel-jest":"^27.0.6","svelte2tsx":"^0.4.3","typescript":"^4.0.0","@babel/core":"^7.14.8","@types/jest":"^26.0.24","lint-staged":"^11.1.1","svelte-check":"^2.0.0","@sveltejs/kit":"next","@types/cookie":"^0.4.0","svelte-jester":"^1.8.1","svelte-loader":"^3.1.2","@babel/preset-env":"^7.14.9","@storybook/svelte":"^6.3.6","svelte-preprocess":"^4.0.0","rollup-plugin-copy":"^3.4.0","rollup-plugin-svelte":"^7.1.0","rollup-plugin-terser":"^7.0.2","eslint-plugin-svelte3":"^3.2.0","@babel/runtime-corejs3":"^7.14.9","@rollup/plugin-replace":"^3.0.0","@storybook/addon-links":"^6.3.6","eslint-config-prettier":"^8.1.0","prettier-plugin-svelte":"^2.2.0","@rollup/plugin-commonjs":"^22.0.0","@testing-library/svelte":"^3.0.3","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@typescript-eslint/parser":"^4.19.0","@rollup/plugin-node-resolve":"^13.0.4","@storybook/addon-essentials":"^6.3.6","@typescript-eslint/eslint-plugin":"^4.19.0"},"_npmOperationalInternal":{"tmp":"tmp/uikit_5.8.0_1658458909470_0.006335285859496276","host":"s3://npm-registry-packages"}},"5.8.1":{"name":"@vouchfor/uikit","version":"5.8.1","keywords":["embed","design system","vouch-uikit","svelte","uikit"],"author":{"url":"https://vouchau.github.io/vouch-uikit","name":"Vouch Dev Team","email":"hello@vouchfor.com"},"license":"MIT","_id":"@vouchfor/uikit@5.8.1","maintainers":[{"name":"vouch-tech","email":"brian@vouchfor.com"}],"homepage":"https://vouchau.github.io/vouch-uikit","bugs":{"url":"https://github.com/VouchAU/vouch-uikit/issues"},"dist":{"shasum":"237f87e501d92b62ce32024f653476da43c1b101","tarball":"https://registry.npmjs.org/@vouchfor/uikit/-/uikit-5.8.1.tgz","fileCount":220,"integrity":"sha512-a4OGXxV1zY+1lfW2jf4IaoIb/Tf1S8eB9BJSOKRSL8KSLtl4WBfDvgmIcTJbIAtm8qsoJWs1mmHxp7Vldcf8Vw==","signatures":[{"sig":"MEYCIQCRecBt3PnYOEA0xh4bbFxI/plQ7Im1yInDyDZ64ZzSnwIhAJ1IhiIxAXe0aRCRjHU9VebBCEMkX9udVkIeT3MHcRFL","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":97774414,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi3h66ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrW4A/+KsdXJZYpX332Y6P/ynyxjBaxzY9uR7H9nAjMdgUS1uuZM0vT\r\nZ3c7qiXxHaFJApzQhxGN5xXQLfFXTAp4YaJYj4ZDRpvddlPPrWe0eEB0/LqU\r\nvGQz7tNazq8Ev1OSTLKGPbbO7vYzRu5o5pjh0QscK7XMSNyqlrpFgOSAc355\r\nKd964Y/Eu1jnamWMY8m6oomzqCFiIUgRYpPE2hKPcu6hN39KQ4SSTWEE0sXB\r\n1Al5lviSgT4PjcNiRjA8Wono7zEzTTC0uJBimVV6dDbWzk3FWlp/wU3hDPKJ\r\nUWP+HLHyox/m23SB2ccqmOFKrUDBZhq8TUP6iqKQzsMRLig0vTb/CPHYN3Tq\r\n20o+WU6uoui95szUGWAHKa04nYIOFSTkC1p2/KHjfvyVPDgNok2cntxwOZW9\r\nxxncN5sMb5m3n7sdKaLbHiDGNCQORaA5EXp6KQJ+qM91JC4IZU9fDp7T+d/0\r\n8QftC1ZjqKPP7wxljmEfAPX1SGKHDhea7zIcamjpMbOLGocWlnKrjNHxPYNV\r\ngvL+h7h1xdaW0FmLW93FWrJj5GVZhN9cico7ktU1YZvM360WCducciS2/7Wf\r\nw+rogNBftFsVOs2kj+lMtX4zlRW6XCA3tXk05v90Id3wYCDcNXGfl4bnGKiV\r\n32u8ECXRmtxqBO6Ci57xBjrjvnwStdmDRP8=\r\n=L00A\r\n-----END PGP SIGNATURE-----\r\n"},"type":"module","husky":{"hooks":{"pre-push":"yarn test --silent","pre-commit":"lint-staged"}},"types":"types.d.ts","readme":"# Vouch UIKit\n\n- [Get Started](#get-started)\n - [Storybook](#storybook)\n - [Build package](#build-package)\n - [Test package locally with vouch-app](#test-package-locally-with-vouch-app)\n - [Publish to npm](#publish-to-npm)\n - [Purge npm cache](#purge-npm-cached-tags)\n- [Update vouch-app](#update-vouch-app)\n - [development](#development-devvouchforcom)\n - [staging](#staging-stagingvouchforcom)\n - [production](#production-appvouchforcom)\n\n**Vouch UIKit** consists of `2 libraries` and `1 application`\n\n```bash\n└── src\n ├── lib\n │ ├── components # Design System Components (Web Component)\n │ │ ├── VouchBrandLogo.svelte\n │ │ ...\n │ │\n │ └── embed # embed Components (Web Component)\n │ │ ├── VouchEmbedInlinePlayer.svelte\n │ ...\n │\n │\n ├── routes # vouch public embed link (https://embed.vouchfor.com)\n │ ├── __layout.svelte\n │ ├── index.svelte\n │ ├── about.svelte\n │ ...\n │\n ├── app.css\n └── app.html\n```\n\n# Get Started\n\nEnsure you have node `14.17.0` installed on your machine, for example via [nvm](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/TERMINAL.md#install-nvm), run `nvm ls` to check\n\n```bash\nnvm ls 14\n```\n\nyou should see output if you have the version installed\n\n```bash\n-> v14.17.0\n```\n\nensure you have [git ssh](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/GITHUB.md) setup locally before you clone the repo\n\n```bash\ngit clone git@github.com:VouchAU/vouch-uikit.git\n```\n\ninstall dependencies\n\n```bash\ncd vouch-uikit\nyarn\n```\n\n## Storybook\n\nhttps://designsystem.vouchfor.com/\n\nStorybook is hosted on GitHub page `gh-pages` branch (Domain name is configured on **Cloudflare**) and deployed automatically via **GitHub Action** every time changes are merged back to `master`.\n\nLocal dev\n\n```bash\nyarn storybook\n```\n\nbuild storybook\n\n```bash\nyarn build-storybook\n```\n\n## Build package\n\nBuild `src/lib` production/beta/alpha package, make sure you change `version` in `package.json` for three different build tags.\n\n```sh\ncd vouch-uikit\n...\nyarn package:alpha # development\nyarn package:beta # staging\nyarn package # production\n```\n\n## Test package locally with `vouch-app`\n\nOnce you build the `npm` package, you can test locally with `vouch-app` to ensure everything works as expected before publishing to `npm`\n\nAssuming you build a package according [Build package](#build-package), now you can create a symlink to your local package\n\n```sh\ncd package\nyarn link\n```\n\nyou should see this if successfully linked\n\n```sh\nyarn link v1.22.10\nsuccess Registered \"@vouchfor/uikit\".\ninfo You can now run `yarn link \"@vouchfor/uikit\"` in the projects where you want to use this package and it will be used instead.\n✨ Done in 0.04s.\n```\n\ngo to `vouch-app` folder and switch to the branch you want to test against with then link the local package\n\n```sh\ncd vouch-app\ngit checkout VCH-222\nyarn link @vouchfor/uikit\nyarn dev\n```\n\nVoilà, you are testing your feature branch with the local uikit package and don't forget to roll back after testing\n\n```sh\ncd vouch-app\nyarn unlink @vouchfor/uikit\n...\ncd vouch-uikit/package\nyarn unlink\n```\n\n## Publish to `npm`\n\n> Note you will need to log in `vouch-tech` on your terminal before publishing, credential is shared via 1Password.\n\n```bash\nnpm login\n...\n```\n\n```bash\ncd package\n...\nnpm publish --access public --tag alpha # development\nnpm publish --access public --tag beta # staging\nnpm publish --access public # production\n```\n\n## Purge `jsdelivr` cache\n\n`@vouchfor/uikit` is most likely consumed by **tag**, `alpha`, `beta` and `latest`, not version number to ensure clients can always get the latest updates. [jsdelivr](https://cdn.jsdelivr.net/) default has 7 days cache for `tag`, so we need to purge it to reflect new version number.\n\n- Check current tag version number\n\n - [Click to check Alpha](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@alpha/)\n - [Click to check Beta](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@beta/)\n - [Click to check Production](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n- Purge cache\n - [Click to purge Alpha](https://purge.jsdelivr.net/npm/@vouchfor/uikit@alpha/)\n - [Click to purge Beta](https://purge.jsdelivr.net/npm/@vouchfor/uikit@beta/)\n - **_Danger_** [Click to purge Production](https://purge.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n### Purge specific bundle.js\n\nOur embed code snippet `src` attribute currently refers to a specific embed bundle js , for example\n\n```html\n\n
\n```\n\nIn this case, you will need to purge the bundle file specifically by providing absolute path\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/embed/{filename}.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/components/{filename}.bundle.js\n```\n\nfor example,\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@alpha/embed/vouch-embed-inline-player.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@beta/embed/vouch-embed-inline-player.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/embed/vouch-embed-inline-player.bundle.js\n```\n\n## Unit test\n\n```bash\nyarn test\n```\n\nupdate snapshot\n\n```bash\nyarn test -u\n```\n\n# Update `vouch-app`\n\n`@vouchfor/uikit` is a dependency of `vouch-app` for embeds and UI components, follow the below steps to publish NPM package and update `package.json` dependency in `vouch-app`.\n\n> Each PR should bump the minor version in `package.json` in order to push new version to NPM. e.g. `\"version\": \"3.9.0\"` in `main` branch, you should bump to `\"version\": \"3.10.0\"` in your branch.\n\n> The major version should only be used for releasing breaking changes. e.g. `3.0.0`, `4.0.0`\n\n## Development (`dev.vouchfor.com`)\n\nAssuming your branch bumped version in `package.json` to\n\n```json\n\"version\": \"3.10.0\"\n```\n\n### Bump patch version number\n\nEnsure your patch version number isn't used, e.g. if `3.10.0` was published before, bump to `3.10.1`.\n\n### Build and publish\n\n```sh\nyarn package:alpha\ncd package\nnpm publish --access public --tag alpha\n```\n\nMake sure you purge NPM CDN cache for package, see [Purge npm cached tags](#purge-npm-cached-tags)\n\n### Update dependency in `vouch-app`\n\nEnsure you already cloned [vouch-app](https://github.com/VouchAU/vouch-app.git) locally then switch to the folder.\n\n```sh\ncd vouch-app\ngit checkout development\ngit pull\ngit merge feature/VCH-111 # Optional, only when you have code change dependency in vouch-app as well\nyarn upgrade @vouchfor/uikit@alpha\n```\n\nAfter upgrade, you should see version updates in both `package.json` and `yarn.lock`, but due to a known issue of `yarn`, please do these before committing changes\n\n- Manually roll back `package.json` (should always `\"@vouchfor/uikit\": \"alpha\"` for `development`).\n- run `yarn` again to update `yarn.lock`\n\n```sh\ngit commit -m \"Bumped uikit version\"\ngit push\n```\n\n## Staging (`staging.vouchfor.com`)\n\nUpdate `staging` environment is the same as [Development](#development-devvouchforcom) but remember to change cmd to `staging` specific\n\n```sh\nyarn package:beta\n```\n\n```sh\nnpm publish --access public --tag beta\n```\n\n```sh\ncd vouch-app\ngit checkout staging\ngit pull\ngit merge feature/VCH-111 # Optional, only when you have code change dependency in vouch-app as well\nyarn upgrade @vouchfor/uikit@beta\n```\n\n## Production (`app.vouchfor.com`)\n\nOne thing different when release to production, since `master` branch can only be merged by PRs (after code review), so you will need to run `yarn upgrade @vouchfor/uikit@latest` under you feature branch and commit **before merging the PR**.\n\n```sh\ngit checkout feature/VCH-111\nyarn upgrade upgrade @vouchfor/uikit@latest\ngit commit -m \"Bumped uikit version\"\ngit push\n```\n\n> When you run above cmd, your PR should be ready to merge (reviewed and QA tested)\n","engines":{"node":">=14.17.0"},"exports":{"./package.json":"./package.json","./embed/vouch-embed-all":{"import":"./embed/vouch-embed-all.js","default":"./embed/vouch-embed-all.js","require":"./embed/vouch-embed-all.cjs"},"./embed/vouch-embed-card":{"import":"./embed/vouch-embed-card.js","default":"./embed/vouch-embed-card.js","require":"./embed/vouch-embed-card.cjs"},"./embed/vouch-embed-jumbo":{"import":"./embed/vouch-embed-jumbo.js","default":"./embed/vouch-embed-jumbo.js","require":"./embed/vouch-embed-jumbo.cjs"},"./embed/vouch-embed-all.js":"./embed/vouch-embed-all.js","./embed/vouch-embed-button":{"import":"./embed/vouch-embed-button.js","default":"./embed/vouch-embed-button.js","require":"./embed/vouch-embed-button.cjs"},"./components/vouch-recorder":{"import":"./components/vouch-recorder.js","default":"./components/vouch-recorder.js","require":"./components/vouch-recorder.cjs"},"./embed/vouch-embed-popover":{"import":"./embed/vouch-embed-popover.js","default":"./embed/vouch-embed-popover.js","require":"./embed/vouch-embed-popover.cjs"},"./components/vouch-icon-play":{"import":"./components/vouch-icon-play.js","default":"./components/vouch-icon-play.js","require":"./components/vouch-icon-play.cjs"},"./embed/vouch-embed-dialogue":{"import":"./embed/vouch-embed-dialogue.js","default":"./embed/vouch-embed-dialogue.js","require":"./embed/vouch-embed-dialogue.cjs"},"./components/vouch-brand-logo":{"import":"./components/vouch-brand-logo.js","default":"./components/vouch-brand-logo.js","require":"./components/vouch-brand-logo.cjs"},"./components/vouch-icon-close":{"import":"./components/vouch-icon-close.js","default":"./components/vouch-icon-close.js","require":"./components/vouch-icon-close.cjs"},"./components/vouch-icon-pause":{"import":"./components/vouch-icon-pause.js","default":"./components/vouch-icon-pause.js","require":"./components/vouch-icon-pause.cjs"},"./components/vouch-media-plyr":{"import":"./components/vouch-media-plyr.js","default":"./components/vouch-media-plyr.js","require":"./components/vouch-media-plyr.cjs"},"./components/vouch-water-mark":{"import":"./components/vouch-water-mark.js","default":"./components/vouch-water-mark.js","require":"./components/vouch-water-mark.cjs"},"./embed/VouchEmbedCard.svelte":"./embed/VouchEmbedCard.svelte","./embed/vouch-embed-thumbnail":{"import":"./embed/vouch-embed-thumbnail.js","default":"./embed/vouch-embed-thumbnail.js","require":"./embed/vouch-embed-thumbnail.cjs"},"./embed/vouch-recorder-button":{"import":"./embed/vouch-recorder-button.js","default":"./embed/vouch-recorder-button.js","require":"./embed/vouch-recorder-button.cjs"},"./components/vouch-graphic-svg":{"import":"./components/vouch-graphic-svg.js","default":"./components/vouch-graphic-svg.js","require":"./components/vouch-graphic-svg.cjs"},"./embed/VouchEmbedJumbo.svelte":"./embed/VouchEmbedJumbo.svelte","./embed/vouch-recorder-preview":{"import":"./embed/vouch-recorder-preview.js","default":"./embed/vouch-recorder-preview.js","require":"./embed/vouch-recorder-preview.cjs"},"./embed/VouchEmbedButton.svelte":"./embed/VouchEmbedButton.svelte","./embed/VouchEmbedPopover.svelte":"./embed/VouchEmbedPopover.svelte","./components/VouchIconPlay.svelte":"./components/VouchIconPlay.svelte","./components/VouchRecorder.svelte":"./components/VouchRecorder.svelte","./embed/VouchEmbedDialogue.svelte":"./embed/VouchEmbedDialogue.svelte","./embed/vouch-embed-inline-player":{"import":"./embed/vouch-embed-inline-player.js","default":"./embed/vouch-embed-inline-player.js","require":"./embed/vouch-embed-inline-player.cjs"},"./components/VouchBrandLogo.svelte":"./components/VouchBrandLogo.svelte","./components/VouchIconClose.svelte":"./components/VouchIconClose.svelte","./components/VouchIconPause.svelte":"./components/VouchIconPause.svelte","./components/VouchMediaPlyr.svelte":"./components/VouchMediaPlyr.svelte","./components/VouchWaterMark.svelte":"./components/VouchWaterMark.svelte","./components/vouch-icon-arrow-left":{"import":"./components/vouch-icon-arrow-left.js","default":"./components/vouch-icon-arrow-left.js","require":"./components/vouch-icon-arrow-left.cjs"},"./embed/VouchEmbedThumbnail.svelte":"./embed/VouchEmbedThumbnail.svelte","./embed/VouchRecorderButton.svelte":"./embed/VouchRecorderButton.svelte","./components/VouchGraphicSvg.svelte":"./components/VouchGraphicSvg.svelte","./components/vouch-icon-arrow-right":{"import":"./components/vouch-icon-arrow-right.js","default":"./components/vouch-icon-arrow-right.js","require":"./components/vouch-icon-arrow-right.cjs"},"./embed/VouchRecorderPreview.svelte":"./embed/VouchRecorderPreview.svelte","./components/vouch-overlay-play-icon":{"import":"./components/vouch-overlay-play-icon.js","default":"./components/vouch-overlay-play-icon.js","require":"./components/vouch-overlay-play-icon.cjs"},"./embed/VouchEmbedInlinePlayer.svelte":"./embed/VouchEmbedInlinePlayer.svelte","./components/VouchIconArrowLeft.svelte":"./components/VouchIconArrowLeft.svelte","./components/VouchIconArrowRight.svelte":"./components/VouchIconArrowRight.svelte","./components/VouchOverlayPlayIcon.svelte":"./components/VouchOverlayPlayIcon.svelte"},"_npmUser":{"name":"vouch-tech","email":"brian@vouchfor.com"},"repository":{"url":"git+https://github.com/VouchAU/vouch-uikit.git","type":"git"},"_npmVersion":"6.14.13","description":"Vouch Svelte UIKit","directories":{},"lint-staged":{"*.{js,svelte}":"yarn lint"},"_nodeVersion":"14.17.0","dependencies":{"plyr":"^3.7.2","cookie":"^0.4.1","hls.js":"^1.1.5","core-js":"^3.16.3","postcss":"^7","@vime/core":"^5.3.1","tailwindcss":"npm:@tailwindcss/postcss7-compat","@lukeed/uuid":"^2.0.0","autoprefixer":"^9","whatwg-fetch":"^3.6.2","@fontsource/fira-mono":"^4.2.2"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^27.0.6","path":"^0.12.7","husky":"4","tslib":"^2.0.0","dotenv":"^10.0.0","eslint":"^7.22.0","rollup":"^2.55.1","svelte":"^3.34.0","prettier":"~2.2.1","babel-jest":"^27.0.6","svelte2tsx":"^0.4.3","typescript":"^4.0.0","@babel/core":"^7.14.8","@types/jest":"^26.0.24","lint-staged":"^11.1.1","svelte-check":"^2.0.0","@sveltejs/kit":"next","@types/cookie":"^0.4.0","svelte-jester":"^1.8.1","svelte-loader":"^3.1.2","@babel/preset-env":"^7.14.9","@storybook/svelte":"^6.3.6","svelte-preprocess":"^4.0.0","rollup-plugin-copy":"^3.4.0","rollup-plugin-svelte":"^7.1.0","rollup-plugin-terser":"^7.0.2","eslint-plugin-svelte3":"^3.2.0","@babel/runtime-corejs3":"^7.14.9","@rollup/plugin-replace":"^3.0.0","@storybook/addon-links":"^6.3.6","eslint-config-prettier":"^8.1.0","prettier-plugin-svelte":"^2.2.0","@rollup/plugin-commonjs":"^22.0.0","@testing-library/svelte":"^3.0.3","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@typescript-eslint/parser":"^4.19.0","@rollup/plugin-node-resolve":"^13.0.4","@storybook/addon-essentials":"^6.3.6","@typescript-eslint/eslint-plugin":"^4.19.0"},"_npmOperationalInternal":{"tmp":"tmp/uikit_5.8.1_1658724025941_0.33911408526303477","host":"s3://npm-registry-packages"}},"5.8.2":{"name":"@vouchfor/uikit","version":"5.8.2","keywords":["embed","design system","vouch-uikit","svelte","uikit"],"author":{"url":"https://vouchau.github.io/vouch-uikit","name":"Vouch Dev Team","email":"hello@vouchfor.com"},"license":"MIT","_id":"@vouchfor/uikit@5.8.2","maintainers":[{"name":"vouch-tech","email":"brian@vouchfor.com"}],"homepage":"https://vouchau.github.io/vouch-uikit","bugs":{"url":"https://github.com/VouchAU/vouch-uikit/issues"},"dist":{"shasum":"1b9e50530e614b262fb94e95e5b61f5fdbcc6d2f","tarball":"https://registry.npmjs.org/@vouchfor/uikit/-/uikit-5.8.2.tgz","fileCount":220,"integrity":"sha512-Rc7iWxXjfNzZjBi+161Bl4NIlGTM45JSZstz22Mf69fD1TgScL3HcXLJt+DsLM19dY/BAOPTWf8hiuifGkX0Ug==","signatures":[{"sig":"MEUCIEmYX5PmSAXxQKdLIw74gBlbkEXWMxccPsIYGAaxZiC0AiEA3GRDaaBYXTUVP012xb6CYS2GsUtpyi1RB0QcvhUZAI0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":97773295,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi4dofACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr2lw//XCxKDpJFwpX9ZW0XYqladMC2dr7XAaYYtUrWeC+bXBXQJlzw\r\nKJ43/Gmi7uhmy+MxZYSZo42H0D3uDmxNpgp6sIKr2e8REOa1NBOA6Aecj66o\r\nc8w72YMyO9ULB7Cf6idokSIlnID/XJnVWTXzf19zGGaBiHkS6tvThIHJE83a\r\n2rXNLeDOPaxbl4kN5guvTck//WZB1aE/4hNiD6ncJDbDGVHANqUMs/w7w2nb\r\nacq5G48yNMIASeWlhc9bWWN+NML1h/3va26fB9iZAqB0p7EoEz4TpZ6hW+Lg\r\nQX8t3lhLBJUR5/8JJBCohO4xTn59aPET6gUQC41+0EV/+q4CWS5RxQOeS7JL\r\nD1vkTNefq6n9rkVMnrp+43IMCh6DUp8lBt6RPcPp2mWl+AXETz+vcfI4Sjgk\r\nCO6JpkK0O2hwUfkVEggyvNbClp8LM3Qj+wKmWewyayLNitoqrzOIqaDIkrEv\r\nkrhxjdJg/QhJDXuLVaZH510Xh+MhevKJYVLJDUR5jK8r9naLm9kcSVqQd76r\r\nmGgpn6myPIkd9lHzZdNugicugbqC6nUik9tFK5ifuUgMGEERdphBXFTRvzg3\r\nzKaTcv2vOWF4tMNbDTc2u3+gGnnF6gxrsfv1rQniPMdJq9KAYF8REZgYNMNE\r\nJevnGQ4ft9jKg1J+3Odb5ax92aBLK/wxmBI=\r\n=iGvY\r\n-----END PGP SIGNATURE-----\r\n"},"type":"module","husky":{"hooks":{"pre-push":"yarn test --silent","pre-commit":"lint-staged"}},"types":"types.d.ts","engines":{"node":">=14.17.0"},"exports":{"./package.json":"./package.json","./embed/vouch-embed-all":{"import":"./embed/vouch-embed-all.js","default":"./embed/vouch-embed-all.js","require":"./embed/vouch-embed-all.cjs"},"./embed/vouch-embed-card":{"import":"./embed/vouch-embed-card.js","default":"./embed/vouch-embed-card.js","require":"./embed/vouch-embed-card.cjs"},"./embed/vouch-embed-jumbo":{"import":"./embed/vouch-embed-jumbo.js","default":"./embed/vouch-embed-jumbo.js","require":"./embed/vouch-embed-jumbo.cjs"},"./embed/vouch-embed-all.js":"./embed/vouch-embed-all.js","./embed/vouch-embed-button":{"import":"./embed/vouch-embed-button.js","default":"./embed/vouch-embed-button.js","require":"./embed/vouch-embed-button.cjs"},"./components/vouch-recorder":{"import":"./components/vouch-recorder.js","default":"./components/vouch-recorder.js","require":"./components/vouch-recorder.cjs"},"./embed/vouch-embed-popover":{"import":"./embed/vouch-embed-popover.js","default":"./embed/vouch-embed-popover.js","require":"./embed/vouch-embed-popover.cjs"},"./components/vouch-icon-play":{"import":"./components/vouch-icon-play.js","default":"./components/vouch-icon-play.js","require":"./components/vouch-icon-play.cjs"},"./embed/vouch-embed-dialogue":{"import":"./embed/vouch-embed-dialogue.js","default":"./embed/vouch-embed-dialogue.js","require":"./embed/vouch-embed-dialogue.cjs"},"./components/vouch-brand-logo":{"import":"./components/vouch-brand-logo.js","default":"./components/vouch-brand-logo.js","require":"./components/vouch-brand-logo.cjs"},"./components/vouch-icon-close":{"import":"./components/vouch-icon-close.js","default":"./components/vouch-icon-close.js","require":"./components/vouch-icon-close.cjs"},"./components/vouch-icon-pause":{"import":"./components/vouch-icon-pause.js","default":"./components/vouch-icon-pause.js","require":"./components/vouch-icon-pause.cjs"},"./components/vouch-media-plyr":{"import":"./components/vouch-media-plyr.js","default":"./components/vouch-media-plyr.js","require":"./components/vouch-media-plyr.cjs"},"./components/vouch-water-mark":{"import":"./components/vouch-water-mark.js","default":"./components/vouch-water-mark.js","require":"./components/vouch-water-mark.cjs"},"./embed/VouchEmbedCard.svelte":"./embed/VouchEmbedCard.svelte","./embed/vouch-embed-thumbnail":{"import":"./embed/vouch-embed-thumbnail.js","default":"./embed/vouch-embed-thumbnail.js","require":"./embed/vouch-embed-thumbnail.cjs"},"./embed/vouch-recorder-button":{"import":"./embed/vouch-recorder-button.js","default":"./embed/vouch-recorder-button.js","require":"./embed/vouch-recorder-button.cjs"},"./components/vouch-graphic-svg":{"import":"./components/vouch-graphic-svg.js","default":"./components/vouch-graphic-svg.js","require":"./components/vouch-graphic-svg.cjs"},"./embed/VouchEmbedJumbo.svelte":"./embed/VouchEmbedJumbo.svelte","./embed/vouch-recorder-preview":{"import":"./embed/vouch-recorder-preview.js","default":"./embed/vouch-recorder-preview.js","require":"./embed/vouch-recorder-preview.cjs"},"./embed/VouchEmbedButton.svelte":"./embed/VouchEmbedButton.svelte","./embed/VouchEmbedPopover.svelte":"./embed/VouchEmbedPopover.svelte","./components/VouchIconPlay.svelte":"./components/VouchIconPlay.svelte","./components/VouchRecorder.svelte":"./components/VouchRecorder.svelte","./embed/VouchEmbedDialogue.svelte":"./embed/VouchEmbedDialogue.svelte","./embed/vouch-embed-inline-player":{"import":"./embed/vouch-embed-inline-player.js","default":"./embed/vouch-embed-inline-player.js","require":"./embed/vouch-embed-inline-player.cjs"},"./components/VouchBrandLogo.svelte":"./components/VouchBrandLogo.svelte","./components/VouchIconClose.svelte":"./components/VouchIconClose.svelte","./components/VouchIconPause.svelte":"./components/VouchIconPause.svelte","./components/VouchMediaPlyr.svelte":"./components/VouchMediaPlyr.svelte","./components/VouchWaterMark.svelte":"./components/VouchWaterMark.svelte","./components/vouch-icon-arrow-left":{"import":"./components/vouch-icon-arrow-left.js","default":"./components/vouch-icon-arrow-left.js","require":"./components/vouch-icon-arrow-left.cjs"},"./embed/VouchEmbedThumbnail.svelte":"./embed/VouchEmbedThumbnail.svelte","./embed/VouchRecorderButton.svelte":"./embed/VouchRecorderButton.svelte","./components/VouchGraphicSvg.svelte":"./components/VouchGraphicSvg.svelte","./components/vouch-icon-arrow-right":{"import":"./components/vouch-icon-arrow-right.js","default":"./components/vouch-icon-arrow-right.js","require":"./components/vouch-icon-arrow-right.cjs"},"./embed/VouchRecorderPreview.svelte":"./embed/VouchRecorderPreview.svelte","./components/vouch-overlay-play-icon":{"import":"./components/vouch-overlay-play-icon.js","default":"./components/vouch-overlay-play-icon.js","require":"./components/vouch-overlay-play-icon.cjs"},"./embed/VouchEmbedInlinePlayer.svelte":"./embed/VouchEmbedInlinePlayer.svelte","./components/VouchIconArrowLeft.svelte":"./components/VouchIconArrowLeft.svelte","./components/VouchIconArrowRight.svelte":"./components/VouchIconArrowRight.svelte","./components/VouchOverlayPlayIcon.svelte":"./components/VouchOverlayPlayIcon.svelte"},"_npmUser":{"name":"vouch-tech","email":"brian@vouchfor.com"},"repository":{"url":"git+https://github.com/VouchAU/vouch-uikit.git","type":"git"},"_npmVersion":"6.14.13","description":"Vouch Svelte UIKit","directories":{},"lint-staged":{"*.{js,svelte}":"yarn lint"},"_nodeVersion":"14.17.0","dependencies":{"plyr":"^3.7.2","cookie":"^0.4.1","hls.js":"^1.1.5","core-js":"^3.16.3","postcss":"^7","@vime/core":"^5.3.1","tailwindcss":"npm:@tailwindcss/postcss7-compat","@lukeed/uuid":"^2.0.0","autoprefixer":"^9","whatwg-fetch":"^3.6.2","@fontsource/fira-mono":"^4.2.2"},"_hasShrinkwrap":false,"devDependencies":{"jest":"^27.0.6","path":"^0.12.7","husky":"4","tslib":"^2.0.0","dotenv":"^10.0.0","eslint":"^7.22.0","rollup":"^2.55.1","svelte":"^3.34.0","prettier":"~2.2.1","babel-jest":"^27.0.6","svelte2tsx":"^0.4.3","typescript":"^4.0.0","@babel/core":"^7.14.8","@types/jest":"^26.0.24","lint-staged":"^11.1.1","svelte-check":"^2.0.0","@sveltejs/kit":"next","@types/cookie":"^0.4.0","svelte-jester":"^1.8.1","svelte-loader":"^3.1.2","@babel/preset-env":"^7.14.9","@storybook/svelte":"^6.3.6","svelte-preprocess":"^4.0.0","rollup-plugin-copy":"^3.4.0","rollup-plugin-svelte":"^7.1.0","rollup-plugin-terser":"^7.0.2","eslint-plugin-svelte3":"^3.2.0","@babel/runtime-corejs3":"^7.14.9","@rollup/plugin-replace":"^3.0.0","@storybook/addon-links":"^6.3.6","eslint-config-prettier":"^8.1.0","prettier-plugin-svelte":"^2.2.0","@rollup/plugin-commonjs":"^22.0.0","@testing-library/svelte":"^3.0.3","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@typescript-eslint/parser":"^4.19.0","@rollup/plugin-node-resolve":"^13.0.4","@storybook/addon-essentials":"^6.3.6","@typescript-eslint/eslint-plugin":"^4.19.0"},"_npmOperationalInternal":{"tmp":"tmp/uikit_5.8.2_1658968607062_0.9332962872614854","host":"s3://npm-registry-packages"}},"5.9.0":{"name":"@vouchfor/uikit","version":"5.9.0","keywords":["embed","design system","vouch-uikit","svelte","uikit"],"author":{"url":"https://vouchau.github.io/vouch-uikit","name":"Vouch Dev Team","email":"hello@vouchfor.com"},"license":"MIT","_id":"@vouchfor/uikit@5.9.0","maintainers":[{"name":"vouch-tech","email":"brian@vouchfor.com"}],"homepage":"https://vouchau.github.io/vouch-uikit","bugs":{"url":"https://github.com/VouchAU/vouch-uikit/issues"},"dist":{"shasum":"7eb17c808be6f5c3847a2734275c09ab675fe812","tarball":"https://registry.npmjs.org/@vouchfor/uikit/-/uikit-5.9.0.tgz","fileCount":220,"integrity":"sha512-DG6dlgvF9AJ0gQPcUbMb+COvcP17PCprvxTqeHFc3YNoYXpJmYlRE1zkaaQFrMrgOAAgQ6gvefiwhdWXJXT9Pw==","signatures":[{"sig":"MEYCIQCJbYNCj3QrtbSCC9pNXdgy5wmM1YUykn3k8NcHE0X7ZAIhANcs1YzSl6DMBD3CC1k/zWY5ILXdfkKFdRQN/rPnIiYy","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":97671469,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi8EGSACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrPFA//dpEiQJUn2kUcNxReexe8ulyP8cqJ3JPkvNqHgiC2vaThfUpT\r\nkCZfv82dcGfGfuDFLEZXrMUe4fFI2dLQxZErGFQw0Fy1mXjFOLEK75wiKlbe\r\njaGT3tQHlAElZmKefLp/sQGatlMxOUVjzZgie/rZp6YRxfDr82vqz+7oQqj0\r\nCXmuN78lbUjhq/IiOM0VUvhGMR3emKjtCw6L01eLbLCOCOOtKJkriuALCN2D\r\nSmrx65rhA2M8TjmyN4ZZ1Ur9n5dAbjwMwiHcMYRMPMJZob4YAqbeIYnaQWrF\r\niTit41OaKJyX5607HLBsL+5M1C3J6RKZizx3iAJGOaTjmyYtnAg7awbLqqUJ\r\nvviaToAHgp4rluPuIf/OXwhR2uO7MAaBn6xPvf9ZZlKSEisKU6ftzaKdoH1l\r\n6cXW6rv5j16jgeJTu4iSl7ckxsHwzBduS+xf9hXUP/tVrldkKJ8nIerV7yp5\r\n1Cfvy6lwFsBThwF4h1dtMLjFLh4OVpIEV8KZcUGVD3dSF+cPTi8MzuuGnzTZ\r\n+2603mv+/gAn1FH+87Ment0wozr6nSsfu6zIQpC3BKPzf4/f5xll+LpAZCtd\r\nvd9NXclOIjW5UK3BzDuHRt1bJpM4T6pHSextKqTB9cg2BURdZCNAt4LiVaot\r\nxah0gNdO2hzS4DaZF6nXVMgE56wJs+d3yS0=\r\n=nGya\r\n-----END PGP SIGNATURE-----\r\n"},"type":"module","husky":{"hooks":{"pre-push":"yarn test --silent","pre-commit":"lint-staged"}},"types":"types.d.ts","readme":"# Vouch UIKit\n\n- [Get Started](#get-started)\n - [Storybook](#storybook)\n - [Build package](#build-package)\n - [Test package locally with vouch-app](#test-package-locally-with-vouch-app)\n - [Publish to npm](#publish-to-npm)\n - [Purge npm cache](#purge-npm-cached-tags)\n- [Update vouch-app](#update-vouch-app)\n - [development](#development-devvouchforcom)\n - [staging](#staging-stagingvouchforcom)\n - [production](#production-appvouchforcom)\n\n**Vouch UIKit** consists of `2 libraries` and `1 application`\n\n```bash\n└── src\n ├── lib\n │ ├── components # Design System Components (Web Component)\n │ │ ├── VouchBrandLogo.svelte\n │ │ ...\n │ │\n │ └── embed # embed Components (Web Component)\n │ │ ├── VouchEmbedInlinePlayer.svelte\n │ ...\n │\n │\n ├── routes # vouch public embed link (https://embed.vouchfor.com)\n │ ├── __layout.svelte\n │ ├── index.svelte\n │ ├── about.svelte\n │ ...\n │\n ├── app.css\n └── app.html\n```\n\n# Get Started\n\nEnsure you have node `14.17.0` installed on your machine, for example via [nvm](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/TERMINAL.md#install-nvm), run `nvm ls` to check\n\n```bash\nnvm ls 14\n```\n\nyou should see output if you have the version installed\n\n```bash\n-> v14.17.0\n```\n\nensure you have [git ssh](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/GITHUB.md) setup locally before you clone the repo\n\n```bash\ngit clone git@github.com:VouchAU/vouch-uikit.git\n```\n\ninstall dependencies\n\n```bash\ncd vouch-uikit\nyarn\n```\n\n## Storybook\n\nhttps://designsystem.vouchfor.com/\n\nStorybook is hosted on GitHub page `gh-pages` branch (Domain name is configured on **Cloudflare**) and deployed automatically via **GitHub Action** every time changes are merged back to `master`.\n\nLocal dev\n\n```bash\nyarn storybook\n```\n\nbuild storybook\n\n```bash\nyarn build-storybook\n```\n\n## Build package\n\nBuild `src/lib` production/beta/alpha package, make sure you change `version` in `package.json` for three different build tags.\n\n```sh\ncd vouch-uikit\n...\nyarn package:alpha # development\nyarn package:beta # staging\nyarn package # production\n```\n\n## Test package locally with `vouch-app`\n\nOnce you build the `npm` package, you can test locally with `vouch-app` to ensure everything works as expected before publishing to `npm`\n\nAssuming you build a package according [Build package](#build-package), now you can create a symlink to your local package\n\n```sh\ncd package\nyarn link\n```\n\nyou should see this if successfully linked\n\n```sh\nyarn link v1.22.10\nsuccess Registered \"@vouchfor/uikit\".\ninfo You can now run `yarn link \"@vouchfor/uikit\"` in the projects where you want to use this package and it will be used instead.\n✨ Done in 0.04s.\n```\n\ngo to `vouch-app` folder and switch to the branch you want to test against with then link the local package\n\n```sh\ncd vouch-app\ngit checkout VCH-222\nyarn link @vouchfor/uikit\nyarn dev\n```\n\nVoilà, you are testing your feature branch with the local uikit package and don't forget to roll back after testing\n\n```sh\ncd vouch-app\nyarn unlink @vouchfor/uikit\n...\ncd vouch-uikit/package\nyarn unlink\n```\n\n## Publish to `npm`\n\n> Note you will need to log in `vouch-tech` on your terminal before publishing, credential is shared via 1Password.\n\n```bash\nnpm login\n...\n```\n\n```bash\ncd package\n...\nnpm publish --access public --tag alpha # development\nnpm publish --access public --tag beta # staging\nnpm publish --access public # production\n```\n\n## Purge `jsdelivr` cache\n\n`@vouchfor/uikit` is most likely consumed by **tag**, `alpha`, `beta` and `latest`, not version number to ensure clients can always get the latest updates. [jsdelivr](https://cdn.jsdelivr.net/) default has 7 days cache for `tag`, so we need to purge it to reflect new version number.\n\n- Check current tag version number\n\n - [Click to check Alpha](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@alpha/)\n - [Click to check Beta](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@beta/)\n - [Click to check Production](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n- Purge cache\n - [Click to purge Alpha](https://purge.jsdelivr.net/npm/@vouchfor/uikit@alpha/)\n - [Click to purge Beta](https://purge.jsdelivr.net/npm/@vouchfor/uikit@beta/)\n - **_Danger_** [Click to purge Production](https://purge.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n### Purge specific bundle.js\n\nOur embed code snippet `src` attribute currently refers to a specific embed bundle js , for example\n\n```html\n\n
\n```\n\nIn this case, you will need to purge the bundle file specifically by providing absolute path\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/embed/{filename}.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/components/{filename}.bundle.js\n```\n\nfor example,\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@alpha/embed/vouch-embed-inline-player.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@beta/embed/vouch-embed-inline-player.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/embed/vouch-embed-inline-player.bundle.js\n```\n\n## Unit test\n\n```bash\nyarn test\n```\n\nupdate snapshot\n\n```bash\nyarn test -u\n```\n\n# Update `vouch-app`\n\n`@vouchfor/uikit` is a dependency of `vouch-app` for embeds and UI components, follow the below steps to publish NPM package and update `package.json` dependency in `vouch-app`.\n\n> Each PR should bump the minor version in `package.json` in order to push new version to NPM. e.g. `\"version\": \"3.9.0\"` in `main` branch, you should bump to `\"version\": \"3.10.0\"` in your branch.\n\n> The major version should only be used for releasing breaking changes. e.g. `3.0.0`, `4.0.0`\n\n## Development (`dev.vouchfor.com`)\n\nAssuming your branch bumped version in `package.json` to\n\n```json\n\"version\": \"3.10.0\"\n```\n\n### Bump patch version number\n\nEnsure your patch version number isn't used, e.g. if `3.10.0` was published before, bump to `3.10.1`.\n\n### Build and publish\n\n```sh\nyarn package:alpha\ncd package\nnpm publish --access public --tag alpha\n```\n\nMake sure you purge NPM CDN cache for package, see [Purge npm cached tags](#purge-npm-cached-tags)\n\n### Update dependency in `vouch-app`\n\nEnsure you already cloned [vouch-app](https://github.com/VouchAU/vouch-app.git) locally then switch to the folder.\n\n```sh\ncd vouch-app\ngit checkout development\ngit pull\ngit merge feature/VCH-111 # Optional, only when you have code change dependency in vouch-app as well\nyarn upgrade @vouchfor/uikit@alpha\n```\n\nAfter upgrade, you should see version updates in both `package.json` and `yarn.lock`, but due to a known issue of `yarn`, please do these before committing changes\n\n- Manually roll back `package.json` (should always `\"@vouchfor/uikit\": \"alpha\"` for `development`).\n- run `yarn` again to update `yarn.lock`\n\n```sh\ngit commit -m \"Bumped uikit version\"\ngit push\n```\n\n## Staging (`staging.vouchfor.com`)\n\nUpdate `staging` environment is the same as [Development](#development-devvouchforcom) but remember to change cmd to `staging` specific\n\n```sh\nyarn package:beta\n```\n\n```sh\nnpm publish --access public --tag beta\n```\n\n```sh\ncd vouch-app\ngit checkout staging\ngit pull\ngit merge feature/VCH-111 # Optional, only when you have code change dependency in vouch-app as well\nyarn upgrade @vouchfor/uikit@beta\n```\n\n## Production (`app.vouchfor.com`)\n\nOne thing different when release to production, since `master` branch can only be merged by PRs (after code review), so you will need to run `yarn upgrade @vouchfor/uikit@latest` under you feature branch and commit **before merging the PR**.\n\n```sh\ngit checkout feature/VCH-111\nyarn upgrade upgrade @vouchfor/uikit@latest\ngit commit -m \"Bumped uikit version\"\ngit push\n```\n\n> When you run above cmd, your PR should be ready to merge (reviewed and QA tested)\n","engines":{"node":">=14.17.0"},"exports":{"./package.json":"./package.json","./embed/vouch-embed-all":{"import":"./embed/vouch-embed-all.js","default":"./embed/vouch-embed-all.js","require":"./embed/vouch-embed-all.cjs"},"./embed/vouch-embed-card":{"import":"./embed/vouch-embed-card.js","default":"./embed/vouch-embed-card.js","require":"./embed/vouch-embed-card.cjs"},"./embed/vouch-embed-jumbo":{"import":"./embed/vouch-embed-jumbo.js","default":"./embed/vouch-embed-jumbo.js","require":"./embed/vouch-embed-jumbo.cjs"},"./embed/vouch-embed-all.js":"./embed/vouch-embed-all.js","./embed/vouch-embed-button":{"import":"./embed/vouch-embed-button.js","default":"./embed/vouch-embed-button.js","require":"./embed/vouch-embed-button.cjs"},"./components/vouch-recorder":{"import":"./components/vouch-recorder.js","default":"./components/vouch-recorder.js","require":"./components/vouch-recorder.cjs"},"./embed/vouch-embed-popover":{"import":"./embed/vouch-embed-popover.js","default":"./embed/vouch-embed-popover.js","require":"./embed/vouch-embed-popover.cjs"},"./components/vouch-icon-play":{"import":"./components/vouch-icon-play.js","default":"./components/vouch-icon-play.js","require":"./components/vouch-icon-play.cjs"},"./embed/vouch-embed-dialogue":{"import":"./embed/vouch-embed-dialogue.js","default":"./embed/vouch-embed-dialogue.js","require":"./embed/vouch-embed-dialogue.cjs"},"./components/vouch-brand-logo":{"import":"./components/vouch-brand-logo.js","default":"./components/vouch-brand-logo.js","require":"./components/vouch-brand-logo.cjs"},"./components/vouch-icon-close":{"import":"./components/vouch-icon-close.js","default":"./components/vouch-icon-close.js","require":"./components/vouch-icon-close.cjs"},"./components/vouch-icon-pause":{"import":"./components/vouch-icon-pause.js","default":"./components/vouch-icon-pause.js","require":"./components/vouch-icon-pause.cjs"},"./components/vouch-media-plyr":{"import":"./components/vouch-media-plyr.js","default":"./components/vouch-media-plyr.js","require":"./components/vouch-media-plyr.cjs"},"./components/vouch-water-mark":{"import":"./components/vouch-water-mark.js","default":"./components/vouch-water-mark.js","require":"./components/vouch-water-mark.cjs"},"./embed/VouchEmbedCard.svelte":"./embed/VouchEmbedCard.svelte","./embed/vouch-embed-thumbnail":{"import":"./embed/vouch-embed-thumbnail.js","default":"./embed/vouch-embed-thumbnail.js","require":"./embed/vouch-embed-thumbnail.cjs"},"./embed/vouch-recorder-button":{"import":"./embed/vouch-recorder-button.js","default":"./embed/vouch-recorder-button.js","require":"./embed/vouch-recorder-button.cjs"},"./components/vouch-graphic-svg":{"import":"./components/vouch-graphic-svg.js","default":"./components/vouch-graphic-svg.js","require":"./components/vouch-graphic-svg.cjs"},"./embed/VouchEmbedJumbo.svelte":"./embed/VouchEmbedJumbo.svelte","./embed/vouch-recorder-preview":{"import":"./embed/vouch-recorder-preview.js","default":"./embed/vouch-recorder-preview.js","require":"./embed/vouch-recorder-preview.cjs"},"./embed/VouchEmbedButton.svelte":"./embed/VouchEmbedButton.svelte","./embed/VouchEmbedPopover.svelte":"./embed/VouchEmbedPopover.svelte","./components/VouchIconPlay.svelte":"./components/VouchIconPlay.svelte","./components/VouchRecorder.svelte":"./components/VouchRecorder.svelte","./embed/VouchEmbedDialogue.svelte":"./embed/VouchEmbedDialogue.svelte","./embed/vouch-embed-inline-player":{"import":"./embed/vouch-embed-inline-player.js","default":"./embed/vouch-embed-inline-player.js","require":"./embed/vouch-embed-inline-player.cjs"},"./components/VouchBrandLogo.svelte":"./components/VouchBrandLogo.svelte","./components/VouchIconClose.svelte":"./components/VouchIconClose.svelte","./components/VouchIconPause.svelte":"./components/VouchIconPause.svelte","./components/VouchMediaPlyr.svelte":"./components/VouchMediaPlyr.svelte","./components/VouchWaterMark.svelte":"./components/VouchWaterMark.svelte","./components/vouch-icon-arrow-left":{"import":"./components/vouch-icon-arrow-left.js","default":"./components/vouch-icon-arrow-left.js","require":"./components/vouch-icon-arrow-left.cjs"},"./embed/VouchEmbedThumbnail.svelte":"./embed/VouchEmbedThumbnail.svelte","./embed/VouchRecorderButton.svelte":"./embed/VouchRecorderButton.svelte","./components/VouchGraphicSvg.svelte":"./components/VouchGraphicSvg.svelte","./components/vouch-icon-arrow-right":{"import":"./components/vouch-icon-arrow-right.js","default":"./components/vouch-icon-arrow-right.js","require":"./components/vouch-icon-arrow-right.cjs"},"./embed/VouchRecorderPreview.svelte":"./embed/VouchRecorderPreview.svelte","./components/vouch-overlay-play-icon":{"import":"./components/vouch-overlay-play-icon.js","default":"./components/vouch-overlay-play-icon.js","require":"./components/vouch-overlay-play-icon.cjs"},"./embed/VouchEmbedInlinePlayer.svelte":"./embed/VouchEmbedInlinePlayer.svelte","./components/VouchIconArrowLeft.svelte":"./components/VouchIconArrowLeft.svelte","./components/VouchIconArrowRight.svelte":"./components/VouchIconArrowRight.svelte","./components/VouchOverlayPlayIcon.svelte":"./components/VouchOverlayPlayIcon.svelte"},"_npmUser":{"name":"vouch-tech","email":"brian@vouchfor.com"},"repository":{"url":"git+https://github.com/VouchAU/vouch-uikit.git","type":"git"},"_npmVersion":"6.14.13","description":"Vouch Svelte UIKit","directories":{},"lint-staged":{"*.{js,svelte}":"yarn lint"},"_nodeVersion":"14.17.0","dependencies":{"plyr":"^3.7.2","cookie":"^0.4.1","hls.js":"^1.1.5","core-js":"^3.16.3","postcss":"^7","@vime/core":"^5.3.1","tailwindcss":"npm:@tailwindcss/postcss7-compat","@lukeed/uuid":"^2.0.0","autoprefixer":"^9","whatwg-fetch":"^3.6.2","@fontsource/fira-mono":"^4.2.2"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^27.0.6","path":"^0.12.7","husky":"4","tslib":"^2.0.0","dotenv":"^10.0.0","eslint":"^7.22.0","rollup":"^2.55.1","svelte":"^3.34.0","prettier":"~2.2.1","babel-jest":"^27.0.6","svelte2tsx":"^0.4.3","typescript":"^4.0.0","@babel/core":"^7.14.8","@types/jest":"^26.0.24","lint-staged":"^11.1.1","svelte-check":"^2.0.0","@sveltejs/kit":"next","@types/cookie":"^0.4.0","svelte-jester":"^1.8.1","svelte-loader":"^3.1.2","@babel/preset-env":"^7.14.9","@storybook/svelte":"^6.3.6","svelte-preprocess":"^4.0.0","rollup-plugin-copy":"^3.4.0","rollup-plugin-svelte":"^7.1.0","rollup-plugin-terser":"^7.0.2","eslint-plugin-svelte3":"^3.2.0","@babel/runtime-corejs3":"^7.14.9","@rollup/plugin-replace":"^3.0.0","@storybook/addon-links":"^6.3.6","eslint-config-prettier":"^8.1.0","prettier-plugin-svelte":"^2.2.0","@rollup/plugin-commonjs":"^22.0.0","@testing-library/svelte":"^3.0.3","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@typescript-eslint/parser":"^4.19.0","@rollup/plugin-node-resolve":"^13.0.4","@storybook/addon-essentials":"^6.3.6","@typescript-eslint/eslint-plugin":"^4.19.0"},"_npmOperationalInternal":{"tmp":"tmp/uikit_5.9.0_1659912593614_0.0038971907528320138","host":"s3://npm-registry-packages"}},"5.9.1":{"name":"@vouchfor/uikit","version":"5.9.1","keywords":["embed","design system","vouch-uikit","svelte","uikit"],"author":{"url":"https://vouchau.github.io/vouch-uikit","name":"Vouch Dev Team","email":"hello@vouchfor.com"},"license":"MIT","_id":"@vouchfor/uikit@5.9.1","maintainers":[{"name":"vouch-tech","email":"brian@vouchfor.com"}],"homepage":"https://vouchau.github.io/vouch-uikit","bugs":{"url":"https://github.com/VouchAU/vouch-uikit/issues"},"dist":{"shasum":"6978612f208bd7c188c4b14654a228d89cdb557e","tarball":"https://registry.npmjs.org/@vouchfor/uikit/-/uikit-5.9.1.tgz","fileCount":220,"integrity":"sha512-7OfwmBYeQljQDqZLg1IOB+Kmp9HU3Um+yIHcS6XNL3lF6RmHW2wYbnjJ6CZstB7386/od58NmQixDIv9rg2jzA==","signatures":[{"sig":"MEUCIAQTG7WDSDyX4xo8Fk0JXdh4qBR85wwiFRqazoMhCu6yAiEAn8qzVCbugjWuyfZHyxOXpBHdZsc0qmlepSSEUJg7BiM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":97799659,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi8EJuACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrO1g/+KmmNu0J6U1LGfZBDpSAkXWAfwuE7qoPpLP5zzz05Mjg4gXQe\r\nTfub5NnOdv51WiR1hSMVaVDdYSowz/RG2ZQ7hBnXL+m76x9wNq2flyhNj4G0\r\nH6OAOpHOdounwSqsEaQgeR9otTCbw7bgOPVOF7bhH6lY9kelqezE+HzSapxF\r\nic34Fk7fyg5VwysSeiD6pPXnuMjGffeDTJbyOXzQN5lgXPjH2/UJUaH7JnY2\r\nfkJttQse2+eVVYX/XEXrKgNVusGK6ZC+ihRHtp8OoN9Jh0bVm4zJyeNsgteF\r\n3xnPchsWC8oBsDNuwqRW9YcxpwDDSmVA6LQD1aE5TTWDd9T80tbPUHwjJL8f\r\nEEh82Jb0MtDkUty4ikw/ui4COkWVNVQF2Kq8RhiOMZAGhh2DyKWyiT1lDSoW\r\npUQt9kQI3unaQFwVjrXvvEf0sFwUmx5ft2z4nHjD2+6jUrTepE4dQW6wumef\r\nMXJVfxd20zzAw9iTzR/yVVUWg73C8KXDnU7zi+JUd/uqzY63nUQM/N+gKnWa\r\nCQIfdjSO6nzEDYAx3DkPOKXwV7R5i9ClE8Aw6Sd86SJK1CDzRszz7LoPspax\r\nOfrQrBU1O71SAjkTLVvfVEILydcLkQePIPdPV9OvIatJTEUpzvNQR7dxrluy\r\n/YMqxzclTuif0RiicrjT8bqENftbzHCnlT0=\r\n=vtYm\r\n-----END PGP SIGNATURE-----\r\n"},"type":"module","husky":{"hooks":{"pre-push":"yarn test --silent","pre-commit":"lint-staged"}},"types":"types.d.ts","readme":"# Vouch UIKit\n\n- [Get Started](#get-started)\n - [Storybook](#storybook)\n - [Build package](#build-package)\n - [Test package locally with vouch-app](#test-package-locally-with-vouch-app)\n - [Publish to npm](#publish-to-npm)\n - [Purge npm cache](#purge-npm-cached-tags)\n- [Update vouch-app](#update-vouch-app)\n - [development](#development-devvouchforcom)\n - [staging](#staging-stagingvouchforcom)\n - [production](#production-appvouchforcom)\n\n**Vouch UIKit** consists of `2 libraries` and `1 application`\n\n```bash\n└── src\n ├── lib\n │ ├── components # Design System Components (Web Component)\n │ │ ├── VouchBrandLogo.svelte\n │ │ ...\n │ │\n │ └── embed # embed Components (Web Component)\n │ │ ├── VouchEmbedInlinePlayer.svelte\n │ ...\n │\n │\n ├── routes # vouch public embed link (https://embed.vouchfor.com)\n │ ├── __layout.svelte\n │ ├── index.svelte\n │ ├── about.svelte\n │ ...\n │\n ├── app.css\n └── app.html\n```\n\n# Get Started\n\nEnsure you have node `14.17.0` installed on your machine, for example via [nvm](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/TERMINAL.md#install-nvm), run `nvm ls` to check\n\n```bash\nnvm ls 14\n```\n\nyou should see output if you have the version installed\n\n```bash\n-> v14.17.0\n```\n\nensure you have [git ssh](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/GITHUB.md) setup locally before you clone the repo\n\n```bash\ngit clone git@github.com:VouchAU/vouch-uikit.git\n```\n\ninstall dependencies\n\n```bash\ncd vouch-uikit\nyarn\n```\n\n## Storybook\n\nhttps://designsystem.vouchfor.com/\n\nStorybook is hosted on GitHub page `gh-pages` branch (Domain name is configured on **Cloudflare**) and deployed automatically via **GitHub Action** every time changes are merged back to `master`.\n\nLocal dev\n\n```bash\nyarn storybook\n```\n\nbuild storybook\n\n```bash\nyarn build-storybook\n```\n\n## Build package\n\nBuild `src/lib` production/beta/alpha package, make sure you change `version` in `package.json` for three different build tags.\n\n```sh\ncd vouch-uikit\n...\nyarn package:alpha # development\nyarn package:beta # staging\nyarn package # production\n```\n\n## Test package locally with `vouch-app`\n\nOnce you build the `npm` package, you can test locally with `vouch-app` to ensure everything works as expected before publishing to `npm`\n\nAssuming you build a package according [Build package](#build-package), now you can create a symlink to your local package\n\n```sh\ncd package\nyarn link\n```\n\nyou should see this if successfully linked\n\n```sh\nyarn link v1.22.10\nsuccess Registered \"@vouchfor/uikit\".\ninfo You can now run `yarn link \"@vouchfor/uikit\"` in the projects where you want to use this package and it will be used instead.\n✨ Done in 0.04s.\n```\n\ngo to `vouch-app` folder and switch to the branch you want to test against with then link the local package\n\n```sh\ncd vouch-app\ngit checkout VCH-222\nyarn link @vouchfor/uikit\nyarn dev\n```\n\nVoilà, you are testing your feature branch with the local uikit package and don't forget to roll back after testing\n\n```sh\ncd vouch-app\nyarn unlink @vouchfor/uikit\n...\ncd vouch-uikit/package\nyarn unlink\n```\n\n## Publish to `npm`\n\n> Note you will need to log in `vouch-tech` on your terminal before publishing, credential is shared via 1Password.\n\n```bash\nnpm login\n...\n```\n\n```bash\ncd package\n...\nnpm publish --access public --tag alpha # development\nnpm publish --access public --tag beta # staging\nnpm publish --access public # production\n```\n\n## Purge `jsdelivr` cache\n\n`@vouchfor/uikit` is most likely consumed by **tag**, `alpha`, `beta` and `latest`, not version number to ensure clients can always get the latest updates. [jsdelivr](https://cdn.jsdelivr.net/) default has 7 days cache for `tag`, so we need to purge it to reflect new version number.\n\n- Check current tag version number\n\n - [Click to check Alpha](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@alpha/)\n - [Click to check Beta](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@beta/)\n - [Click to check Production](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n- Purge cache\n - [Click to purge Alpha](https://purge.jsdelivr.net/npm/@vouchfor/uikit@alpha/)\n - [Click to purge Beta](https://purge.jsdelivr.net/npm/@vouchfor/uikit@beta/)\n - **_Danger_** [Click to purge Production](https://purge.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n### Purge specific bundle.js\n\nOur embed code snippet `src` attribute currently refers to a specific embed bundle js , for example\n\n```html\n\n
\n```\n\nIn this case, you will need to purge the bundle file specifically by providing absolute path\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/embed/{filename}.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/components/{filename}.bundle.js\n```\n\nfor example,\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@alpha/embed/vouch-embed-inline-player.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@beta/embed/vouch-embed-inline-player.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/embed/vouch-embed-inline-player.bundle.js\n```\n\n## Unit test\n\n```bash\nyarn test\n```\n\nupdate snapshot\n\n```bash\nyarn test -u\n```\n\n# Update `vouch-app`\n\n`@vouchfor/uikit` is a dependency of `vouch-app` for embeds and UI components, follow the below steps to publish NPM package and update `package.json` dependency in `vouch-app`.\n\n> Each PR should bump the minor version in `package.json` in order to push new version to NPM. e.g. `\"version\": \"3.9.0\"` in `main` branch, you should bump to `\"version\": \"3.10.0\"` in your branch.\n\n> The major version should only be used for releasing breaking changes. e.g. `3.0.0`, `4.0.0`\n\n## Development (`dev.vouchfor.com`)\n\nAssuming your branch bumped version in `package.json` to\n\n```json\n\"version\": \"3.10.0\"\n```\n\n### Bump patch version number\n\nEnsure your patch version number isn't used, e.g. if `3.10.0` was published before, bump to `3.10.1`.\n\n### Build and publish\n\n```sh\nyarn package:alpha\ncd package\nnpm publish --access public --tag alpha\n```\n\nMake sure you purge NPM CDN cache for package, see [Purge npm cached tags](#purge-npm-cached-tags)\n\n### Update dependency in `vouch-app`\n\nEnsure you already cloned [vouch-app](https://github.com/VouchAU/vouch-app.git) locally then switch to the folder.\n\n```sh\ncd vouch-app\ngit checkout development\ngit pull\ngit merge feature/VCH-111 # Optional, only when you have code change dependency in vouch-app as well\nyarn upgrade @vouchfor/uikit@alpha\n```\n\nAfter upgrade, you should see version updates in both `package.json` and `yarn.lock`, but due to a known issue of `yarn`, please do these before committing changes\n\n- Manually roll back `package.json` (should always `\"@vouchfor/uikit\": \"alpha\"` for `development`).\n- run `yarn` again to update `yarn.lock`\n\n```sh\ngit commit -m \"Bumped uikit version\"\ngit push\n```\n\n## Staging (`staging.vouchfor.com`)\n\nUpdate `staging` environment is the same as [Development](#development-devvouchforcom) but remember to change cmd to `staging` specific\n\n```sh\nyarn package:beta\n```\n\n```sh\nnpm publish --access public --tag beta\n```\n\n```sh\ncd vouch-app\ngit checkout staging\ngit pull\ngit merge feature/VCH-111 # Optional, only when you have code change dependency in vouch-app as well\nyarn upgrade @vouchfor/uikit@beta\n```\n\n## Production (`app.vouchfor.com`)\n\nOne thing different when release to production, since `master` branch can only be merged by PRs (after code review), so you will need to run `yarn upgrade @vouchfor/uikit@latest` under you feature branch and commit **before merging the PR**.\n\n```sh\ngit checkout feature/VCH-111\nyarn upgrade upgrade @vouchfor/uikit@latest\ngit commit -m \"Bumped uikit version\"\ngit push\n```\n\n> When you run above cmd, your PR should be ready to merge (reviewed and QA tested)\n","engines":{"node":">=14.17.0"},"exports":{"./package.json":"./package.json","./embed/vouch-embed-all":{"import":"./embed/vouch-embed-all.js","default":"./embed/vouch-embed-all.js","require":"./embed/vouch-embed-all.cjs"},"./embed/vouch-embed-card":{"import":"./embed/vouch-embed-card.js","default":"./embed/vouch-embed-card.js","require":"./embed/vouch-embed-card.cjs"},"./embed/vouch-embed-jumbo":{"import":"./embed/vouch-embed-jumbo.js","default":"./embed/vouch-embed-jumbo.js","require":"./embed/vouch-embed-jumbo.cjs"},"./embed/vouch-embed-all.js":"./embed/vouch-embed-all.js","./embed/vouch-embed-button":{"import":"./embed/vouch-embed-button.js","default":"./embed/vouch-embed-button.js","require":"./embed/vouch-embed-button.cjs"},"./components/vouch-recorder":{"import":"./components/vouch-recorder.js","default":"./components/vouch-recorder.js","require":"./components/vouch-recorder.cjs"},"./embed/vouch-embed-popover":{"import":"./embed/vouch-embed-popover.js","default":"./embed/vouch-embed-popover.js","require":"./embed/vouch-embed-popover.cjs"},"./components/vouch-icon-play":{"import":"./components/vouch-icon-play.js","default":"./components/vouch-icon-play.js","require":"./components/vouch-icon-play.cjs"},"./embed/vouch-embed-dialogue":{"import":"./embed/vouch-embed-dialogue.js","default":"./embed/vouch-embed-dialogue.js","require":"./embed/vouch-embed-dialogue.cjs"},"./components/vouch-brand-logo":{"import":"./components/vouch-brand-logo.js","default":"./components/vouch-brand-logo.js","require":"./components/vouch-brand-logo.cjs"},"./components/vouch-icon-close":{"import":"./components/vouch-icon-close.js","default":"./components/vouch-icon-close.js","require":"./components/vouch-icon-close.cjs"},"./components/vouch-icon-pause":{"import":"./components/vouch-icon-pause.js","default":"./components/vouch-icon-pause.js","require":"./components/vouch-icon-pause.cjs"},"./components/vouch-media-plyr":{"import":"./components/vouch-media-plyr.js","default":"./components/vouch-media-plyr.js","require":"./components/vouch-media-plyr.cjs"},"./components/vouch-water-mark":{"import":"./components/vouch-water-mark.js","default":"./components/vouch-water-mark.js","require":"./components/vouch-water-mark.cjs"},"./embed/VouchEmbedCard.svelte":"./embed/VouchEmbedCard.svelte","./embed/vouch-embed-thumbnail":{"import":"./embed/vouch-embed-thumbnail.js","default":"./embed/vouch-embed-thumbnail.js","require":"./embed/vouch-embed-thumbnail.cjs"},"./embed/vouch-recorder-button":{"import":"./embed/vouch-recorder-button.js","default":"./embed/vouch-recorder-button.js","require":"./embed/vouch-recorder-button.cjs"},"./components/vouch-graphic-svg":{"import":"./components/vouch-graphic-svg.js","default":"./components/vouch-graphic-svg.js","require":"./components/vouch-graphic-svg.cjs"},"./embed/VouchEmbedJumbo.svelte":"./embed/VouchEmbedJumbo.svelte","./embed/vouch-recorder-preview":{"import":"./embed/vouch-recorder-preview.js","default":"./embed/vouch-recorder-preview.js","require":"./embed/vouch-recorder-preview.cjs"},"./embed/VouchEmbedButton.svelte":"./embed/VouchEmbedButton.svelte","./embed/VouchEmbedPopover.svelte":"./embed/VouchEmbedPopover.svelte","./components/VouchIconPlay.svelte":"./components/VouchIconPlay.svelte","./components/VouchRecorder.svelte":"./components/VouchRecorder.svelte","./embed/VouchEmbedDialogue.svelte":"./embed/VouchEmbedDialogue.svelte","./embed/vouch-embed-inline-player":{"import":"./embed/vouch-embed-inline-player.js","default":"./embed/vouch-embed-inline-player.js","require":"./embed/vouch-embed-inline-player.cjs"},"./components/VouchBrandLogo.svelte":"./components/VouchBrandLogo.svelte","./components/VouchIconClose.svelte":"./components/VouchIconClose.svelte","./components/VouchIconPause.svelte":"./components/VouchIconPause.svelte","./components/VouchMediaPlyr.svelte":"./components/VouchMediaPlyr.svelte","./components/VouchWaterMark.svelte":"./components/VouchWaterMark.svelte","./components/vouch-icon-arrow-left":{"import":"./components/vouch-icon-arrow-left.js","default":"./components/vouch-icon-arrow-left.js","require":"./components/vouch-icon-arrow-left.cjs"},"./embed/VouchEmbedThumbnail.svelte":"./embed/VouchEmbedThumbnail.svelte","./embed/VouchRecorderButton.svelte":"./embed/VouchRecorderButton.svelte","./components/VouchGraphicSvg.svelte":"./components/VouchGraphicSvg.svelte","./components/vouch-icon-arrow-right":{"import":"./components/vouch-icon-arrow-right.js","default":"./components/vouch-icon-arrow-right.js","require":"./components/vouch-icon-arrow-right.cjs"},"./embed/VouchRecorderPreview.svelte":"./embed/VouchRecorderPreview.svelte","./components/vouch-overlay-play-icon":{"import":"./components/vouch-overlay-play-icon.js","default":"./components/vouch-overlay-play-icon.js","require":"./components/vouch-overlay-play-icon.cjs"},"./embed/VouchEmbedInlinePlayer.svelte":"./embed/VouchEmbedInlinePlayer.svelte","./components/VouchIconArrowLeft.svelte":"./components/VouchIconArrowLeft.svelte","./components/VouchIconArrowRight.svelte":"./components/VouchIconArrowRight.svelte","./components/VouchOverlayPlayIcon.svelte":"./components/VouchOverlayPlayIcon.svelte"},"_npmUser":{"name":"vouch-tech","email":"brian@vouchfor.com"},"repository":{"url":"git+https://github.com/VouchAU/vouch-uikit.git","type":"git"},"_npmVersion":"6.14.13","description":"Vouch Svelte UIKit","directories":{},"lint-staged":{"*.{js,svelte}":"yarn lint"},"_nodeVersion":"14.17.0","dependencies":{"plyr":"^3.7.2","cookie":"^0.4.1","hls.js":"^1.1.5","core-js":"^3.16.3","postcss":"^7","@vime/core":"^5.3.1","tailwindcss":"npm:@tailwindcss/postcss7-compat","@lukeed/uuid":"^2.0.0","autoprefixer":"^9","whatwg-fetch":"^3.6.2","@fontsource/fira-mono":"^4.2.2"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^27.0.6","path":"^0.12.7","husky":"4","tslib":"^2.0.0","dotenv":"^10.0.0","eslint":"^7.22.0","rollup":"^2.55.1","svelte":"^3.34.0","prettier":"~2.2.1","babel-jest":"^27.0.6","svelte2tsx":"^0.4.3","typescript":"^4.0.0","@babel/core":"^7.14.8","@types/jest":"^26.0.24","lint-staged":"^11.1.1","svelte-check":"^2.0.0","@sveltejs/kit":"next","@types/cookie":"^0.4.0","svelte-jester":"^1.8.1","svelte-loader":"^3.1.2","@babel/preset-env":"^7.14.9","@storybook/svelte":"^6.3.6","svelte-preprocess":"^4.0.0","rollup-plugin-copy":"^3.4.0","rollup-plugin-svelte":"^7.1.0","rollup-plugin-terser":"^7.0.2","eslint-plugin-svelte3":"^3.2.0","@babel/runtime-corejs3":"^7.14.9","@rollup/plugin-replace":"^3.0.0","@storybook/addon-links":"^6.3.6","eslint-config-prettier":"^8.1.0","prettier-plugin-svelte":"^2.2.0","@rollup/plugin-commonjs":"^22.0.0","@testing-library/svelte":"^3.0.3","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@typescript-eslint/parser":"^4.19.0","@rollup/plugin-node-resolve":"^13.0.4","@storybook/addon-essentials":"^6.3.6","@typescript-eslint/eslint-plugin":"^4.19.0"},"_npmOperationalInternal":{"tmp":"tmp/uikit_5.9.1_1659912814160_0.3905438729516808","host":"s3://npm-registry-packages"}},"5.9.2":{"name":"@vouchfor/uikit","version":"5.9.2","keywords":["embed","design system","vouch-uikit","svelte","uikit"],"author":{"url":"https://vouchau.github.io/vouch-uikit","name":"Vouch Dev Team","email":"hello@vouchfor.com"},"license":"MIT","_id":"@vouchfor/uikit@5.9.2","maintainers":[{"name":"vouch-tech","email":"brian@vouchfor.com"}],"homepage":"https://vouchau.github.io/vouch-uikit","bugs":{"url":"https://github.com/VouchAU/vouch-uikit/issues"},"dist":{"shasum":"96442defca7175eeb263e159adb7591ce551b4e3","tarball":"https://registry.npmjs.org/@vouchfor/uikit/-/uikit-5.9.2.tgz","fileCount":220,"integrity":"sha512-20Q71R7LDwF1rb/bBaXf65cyUP9j6kqFfBstG6WxFudrq1jVcX5ePcbQ/paoyYCc35JMl73U4pKv+3vKDGg69Q==","signatures":[{"sig":"MEQCIA6pc8998J4a6KTTGzdRZQv1y6bMvX+/x1OBk5EItuIjAiBElX4eLJeuxF3S/H0LxHqyz1kJm/+igNvEPv0EEa3v0g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":97798540,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi8dHNACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpbWQ//TTWpeBz7jaMh0ixhXmiWfe+cWsEU9RbLGQcu43WAYnBSyQtA\r\n1XlEXX3JZ54aKg4A4SJ4VzQvTzS2cSAQZFg8RsT4rx/10LqvO5oCkygwJosc\r\njECr1FR6TQRq5BMPgNqpDHTeZYlclzcSXExiJRp82uEKnLSqTMVwSgvz2KgS\r\nD5UnlQWThD/lrpISz+EAgMOGoQi9c9E9Bnhgh0Y2iWB7zieACQ6tox5PBPxg\r\nJAa8vA3RpY5v72FuUGCNZeKgYg9/uldMU90SApYkHsZHUdF8OFBDiT7uoPON\r\n439VjB15ZnMbWlIhEuJuxhIrtv5VlYg7mTzR07MrvvZZV7LU70PKYn+b20kJ\r\n1AOV7m3MHrWUlTfxT8KnW6k/739wtdejEZ8/pqaFN3Mlxh1BXpC1T9XSooVt\r\nOwmnPdO6wXp+6616gNaH7VBJZB6c42zvbA+sGMNzG5zKVDs/VQdVYoqpdNIf\r\n3m/qhJXqUhJO8G6z1plLUEBSK8QvLe2pWG4mJUU8+EPygdHYCAZE9NtOG6AG\r\n9RaHY2Emwj8DshFGpkX9BjNX9VOlCkjLCSrTRr4Rb5/vjztdy1h9hn4pNFji\r\nWP6IHSiDu8Zh04mQtCX4ZPjwwlnBiftkgbxYa3Fzoe7lIf5ukno1h3D5IHeW\r\n3PEqUfRj2iGm5Mz+gutbJ5aPBA6HHn8bshc=\r\n=r9/P\r\n-----END PGP SIGNATURE-----\r\n"},"type":"module","husky":{"hooks":{"pre-push":"yarn test --silent","pre-commit":"lint-staged"}},"types":"types.d.ts","engines":{"node":">=14.17.0"},"exports":{"./package.json":"./package.json","./embed/vouch-embed-all":{"import":"./embed/vouch-embed-all.js","default":"./embed/vouch-embed-all.js","require":"./embed/vouch-embed-all.cjs"},"./embed/vouch-embed-card":{"import":"./embed/vouch-embed-card.js","default":"./embed/vouch-embed-card.js","require":"./embed/vouch-embed-card.cjs"},"./embed/vouch-embed-jumbo":{"import":"./embed/vouch-embed-jumbo.js","default":"./embed/vouch-embed-jumbo.js","require":"./embed/vouch-embed-jumbo.cjs"},"./embed/vouch-embed-all.js":"./embed/vouch-embed-all.js","./embed/vouch-embed-button":{"import":"./embed/vouch-embed-button.js","default":"./embed/vouch-embed-button.js","require":"./embed/vouch-embed-button.cjs"},"./components/vouch-recorder":{"import":"./components/vouch-recorder.js","default":"./components/vouch-recorder.js","require":"./components/vouch-recorder.cjs"},"./embed/vouch-embed-popover":{"import":"./embed/vouch-embed-popover.js","default":"./embed/vouch-embed-popover.js","require":"./embed/vouch-embed-popover.cjs"},"./components/vouch-icon-play":{"import":"./components/vouch-icon-play.js","default":"./components/vouch-icon-play.js","require":"./components/vouch-icon-play.cjs"},"./embed/vouch-embed-dialogue":{"import":"./embed/vouch-embed-dialogue.js","default":"./embed/vouch-embed-dialogue.js","require":"./embed/vouch-embed-dialogue.cjs"},"./components/vouch-brand-logo":{"import":"./components/vouch-brand-logo.js","default":"./components/vouch-brand-logo.js","require":"./components/vouch-brand-logo.cjs"},"./components/vouch-icon-close":{"import":"./components/vouch-icon-close.js","default":"./components/vouch-icon-close.js","require":"./components/vouch-icon-close.cjs"},"./components/vouch-icon-pause":{"import":"./components/vouch-icon-pause.js","default":"./components/vouch-icon-pause.js","require":"./components/vouch-icon-pause.cjs"},"./components/vouch-media-plyr":{"import":"./components/vouch-media-plyr.js","default":"./components/vouch-media-plyr.js","require":"./components/vouch-media-plyr.cjs"},"./components/vouch-water-mark":{"import":"./components/vouch-water-mark.js","default":"./components/vouch-water-mark.js","require":"./components/vouch-water-mark.cjs"},"./embed/VouchEmbedCard.svelte":"./embed/VouchEmbedCard.svelte","./embed/vouch-embed-thumbnail":{"import":"./embed/vouch-embed-thumbnail.js","default":"./embed/vouch-embed-thumbnail.js","require":"./embed/vouch-embed-thumbnail.cjs"},"./embed/vouch-recorder-button":{"import":"./embed/vouch-recorder-button.js","default":"./embed/vouch-recorder-button.js","require":"./embed/vouch-recorder-button.cjs"},"./components/vouch-graphic-svg":{"import":"./components/vouch-graphic-svg.js","default":"./components/vouch-graphic-svg.js","require":"./components/vouch-graphic-svg.cjs"},"./embed/VouchEmbedJumbo.svelte":"./embed/VouchEmbedJumbo.svelte","./embed/vouch-recorder-preview":{"import":"./embed/vouch-recorder-preview.js","default":"./embed/vouch-recorder-preview.js","require":"./embed/vouch-recorder-preview.cjs"},"./embed/VouchEmbedButton.svelte":"./embed/VouchEmbedButton.svelte","./embed/VouchEmbedPopover.svelte":"./embed/VouchEmbedPopover.svelte","./components/VouchIconPlay.svelte":"./components/VouchIconPlay.svelte","./components/VouchRecorder.svelte":"./components/VouchRecorder.svelte","./embed/VouchEmbedDialogue.svelte":"./embed/VouchEmbedDialogue.svelte","./embed/vouch-embed-inline-player":{"import":"./embed/vouch-embed-inline-player.js","default":"./embed/vouch-embed-inline-player.js","require":"./embed/vouch-embed-inline-player.cjs"},"./components/VouchBrandLogo.svelte":"./components/VouchBrandLogo.svelte","./components/VouchIconClose.svelte":"./components/VouchIconClose.svelte","./components/VouchIconPause.svelte":"./components/VouchIconPause.svelte","./components/VouchMediaPlyr.svelte":"./components/VouchMediaPlyr.svelte","./components/VouchWaterMark.svelte":"./components/VouchWaterMark.svelte","./components/vouch-icon-arrow-left":{"import":"./components/vouch-icon-arrow-left.js","default":"./components/vouch-icon-arrow-left.js","require":"./components/vouch-icon-arrow-left.cjs"},"./embed/VouchEmbedThumbnail.svelte":"./embed/VouchEmbedThumbnail.svelte","./embed/VouchRecorderButton.svelte":"./embed/VouchRecorderButton.svelte","./components/VouchGraphicSvg.svelte":"./components/VouchGraphicSvg.svelte","./components/vouch-icon-arrow-right":{"import":"./components/vouch-icon-arrow-right.js","default":"./components/vouch-icon-arrow-right.js","require":"./components/vouch-icon-arrow-right.cjs"},"./embed/VouchRecorderPreview.svelte":"./embed/VouchRecorderPreview.svelte","./components/vouch-overlay-play-icon":{"import":"./components/vouch-overlay-play-icon.js","default":"./components/vouch-overlay-play-icon.js","require":"./components/vouch-overlay-play-icon.cjs"},"./embed/VouchEmbedInlinePlayer.svelte":"./embed/VouchEmbedInlinePlayer.svelte","./components/VouchIconArrowLeft.svelte":"./components/VouchIconArrowLeft.svelte","./components/VouchIconArrowRight.svelte":"./components/VouchIconArrowRight.svelte","./components/VouchOverlayPlayIcon.svelte":"./components/VouchOverlayPlayIcon.svelte"},"_npmUser":{"name":"vouch-tech","email":"brian@vouchfor.com"},"repository":{"url":"git+https://github.com/VouchAU/vouch-uikit.git","type":"git"},"_npmVersion":"6.14.13","description":"Vouch Svelte UIKit","directories":{},"lint-staged":{"*.{js,svelte}":"yarn lint"},"_nodeVersion":"14.17.0","dependencies":{"plyr":"^3.7.2","cookie":"^0.4.1","hls.js":"^1.1.5","core-js":"^3.16.3","postcss":"^7","@vime/core":"^5.3.1","tailwindcss":"npm:@tailwindcss/postcss7-compat","@lukeed/uuid":"^2.0.0","autoprefixer":"^9","whatwg-fetch":"^3.6.2","@fontsource/fira-mono":"^4.2.2"},"_hasShrinkwrap":false,"devDependencies":{"jest":"^27.0.6","path":"^0.12.7","husky":"4","tslib":"^2.0.0","dotenv":"^10.0.0","eslint":"^7.22.0","rollup":"^2.55.1","svelte":"^3.34.0","prettier":"~2.2.1","babel-jest":"^27.0.6","svelte2tsx":"^0.4.3","typescript":"^4.0.0","@babel/core":"^7.14.8","@types/jest":"^26.0.24","lint-staged":"^11.1.1","svelte-check":"^2.0.0","@sveltejs/kit":"next","@types/cookie":"^0.4.0","svelte-jester":"^1.8.1","svelte-loader":"^3.1.2","@babel/preset-env":"^7.14.9","@storybook/svelte":"^6.3.6","svelte-preprocess":"^4.0.0","rollup-plugin-copy":"^3.4.0","rollup-plugin-svelte":"^7.1.0","rollup-plugin-terser":"^7.0.2","eslint-plugin-svelte3":"^3.2.0","@babel/runtime-corejs3":"^7.14.9","@rollup/plugin-replace":"^3.0.0","@storybook/addon-links":"^6.3.6","eslint-config-prettier":"^8.1.0","prettier-plugin-svelte":"^2.2.0","@rollup/plugin-commonjs":"^22.0.0","@testing-library/svelte":"^3.0.3","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@typescript-eslint/parser":"^4.19.0","@rollup/plugin-node-resolve":"^13.0.4","@storybook/addon-essentials":"^6.3.6","@typescript-eslint/eslint-plugin":"^4.19.0"},"_npmOperationalInternal":{"tmp":"tmp/uikit_5.9.2_1660015052901_0.565438747981551","host":"s3://npm-registry-packages"}},"5.9.3":{"name":"@vouchfor/uikit","version":"5.9.3","keywords":["embed","design system","vouch-uikit","svelte","uikit"],"author":{"url":"https://vouchau.github.io/vouch-uikit","name":"Vouch Dev Team","email":"hello@vouchfor.com"},"license":"MIT","_id":"@vouchfor/uikit@5.9.3","maintainers":[{"name":"vouch-tech","email":"brian@vouchfor.com"}],"homepage":"https://vouchau.github.io/vouch-uikit","bugs":{"url":"https://github.com/VouchAU/vouch-uikit/issues"},"dist":{"shasum":"f90f67cb6ffff50c0e9790a7ef6731590efbaf4a","tarball":"https://registry.npmjs.org/@vouchfor/uikit/-/uikit-5.9.3.tgz","fileCount":220,"integrity":"sha512-/xMjHPpMPKItr+EGtBpCD4Hy1B0KoZsPyDLo7FmOEIDK1ih9uLJh4EA8G5kBUPvh5H0XNpEk+Xa2RApqMganAg==","signatures":[{"sig":"MEUCIBVdQZiOvcQBjk9mMlEM482upkfAPQgTCE6yCRxY1ByAAiEAnlaf62kmjNhM3iYt0ZsiRJUdkIh5UowGCwEI2GTRm1g=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":97671469,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi/EYXACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrgiQ//X64mlRo+kCL1moM2DHK5fFdUdahbL6UDI7VxFQiKFPmI7A8C\r\nXIa6hESM6zNxm5o7OxJtrxjDJ7NiJ34lCbbYobjotGw94Q0Ofc1IYJUpnQKn\r\naz5VL0yOWORsEmn1PZ+r0F1kG0Lduabqjzv7lZ7aJf29V/3h7cvTB70iZ1Em\r\npCewAk8PQ+w6Gzw2wHLnaXzEvveFivfrgOY42/xImBPiWfEuK4wTqTTmLduu\r\nWVk0MRqph1ICMCO35hFVaMxeB+9X4qDVj/mPPuq8IjLVnJLtjdx/eMZ1VE9E\r\nHhwOEl46yuUVS3lNcOSLswD0zHcdL6BnAx6ixNRPH5Mj42b4q0pozExjzzy7\r\nE3JAGiWeEeOD9SdW/EfzowKpAJSUfCkdums6RCHG743SzhA1ld+zrBPaUsW+\r\neLMw90Qzw5mcU+Ovh6oOEOrLhMFV3QKxkWZ3CwfafRBX6JG0gffq9q4gyESS\r\niTETRttvyvmhsvf9gN+VZVwIcWS9jN3qb5Lv9Uy6YLDl6sk1eRU5bNfLD3bU\r\nFKeLWIYtOws8NzN/tZq1NbOdjlSj2s+fY/RZSdVw4/13EbNjeDw7Q2oVww09\r\n0XYncwqP5mJyNv2i8sAm3frXeiiLWZVhDH5YqwxZTAjceNSqpCoeTIDWRE5z\r\n1JLb8X5j+Nzhjf5+wZPhJV6aahY3M4/D7cU=\r\n=RR/4\r\n-----END PGP SIGNATURE-----\r\n"},"type":"module","husky":{"hooks":{"pre-push":"yarn test --silent","pre-commit":"lint-staged"}},"types":"types.d.ts","readme":"# Vouch UIKit\n\n- [Get Started](#get-started)\n - [Storybook](#storybook)\n - [Build package](#build-package)\n - [Test package locally with vouch-app](#test-package-locally-with-vouch-app)\n - [Publish to npm](#publish-to-npm)\n - [Purge npm cache](#purge-npm-cached-tags)\n- [Update vouch-app](#update-vouch-app)\n - [development](#development-devvouchforcom)\n - [staging](#staging-stagingvouchforcom)\n - [production](#production-appvouchforcom)\n\n**Vouch UIKit** consists of `2 libraries` and `1 application`\n\n```bash\n└── src\n ├── lib\n │ ├── components # Design System Components (Web Component)\n │ │ ├── VouchBrandLogo.svelte\n │ │ ...\n │ │\n │ └── embed # embed Components (Web Component)\n │ │ ├── VouchEmbedInlinePlayer.svelte\n │ ...\n │\n │\n ├── routes # vouch public embed link (https://embed.vouchfor.com)\n │ ├── __layout.svelte\n │ ├── index.svelte\n │ ├── about.svelte\n │ ...\n │\n ├── app.css\n └── app.html\n```\n\n# Get Started\n\nEnsure you have node `14.17.0` installed on your machine, for example via [nvm](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/TERMINAL.md#install-nvm), run `nvm ls` to check\n\n```bash\nnvm ls 14\n```\n\nyou should see output if you have the version installed\n\n```bash\n-> v14.17.0\n```\n\nensure you have [git ssh](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/GITHUB.md) setup locally before you clone the repo\n\n```bash\ngit clone git@github.com:VouchAU/vouch-uikit.git\n```\n\ninstall dependencies\n\n```bash\ncd vouch-uikit\nyarn\n```\n\n## Storybook\n\nhttps://designsystem.vouchfor.com/\n\nStorybook is hosted on GitHub page `gh-pages` branch (Domain name is configured on **Cloudflare**) and deployed automatically via **GitHub Action** every time changes are merged back to `master`.\n\nLocal dev\n\n```bash\nyarn storybook\n```\n\nbuild storybook\n\n```bash\nyarn build-storybook\n```\n\n## Build package\n\nBuild `src/lib` production/beta/alpha package, make sure you change `version` in `package.json` for three different build tags.\n\n```sh\ncd vouch-uikit\n...\nyarn package:alpha # development\nyarn package:beta # staging\nyarn package # production\n```\n\n## Test package locally with `vouch-app`\n\nOnce you build the `npm` package, you can test locally with `vouch-app` to ensure everything works as expected before publishing to `npm`\n\nAssuming you build a package according [Build package](#build-package), now you can create a symlink to your local package\n\n```sh\ncd package\nyarn link\n```\n\nyou should see this if successfully linked\n\n```sh\nyarn link v1.22.10\nsuccess Registered \"@vouchfor/uikit\".\ninfo You can now run `yarn link \"@vouchfor/uikit\"` in the projects where you want to use this package and it will be used instead.\n✨ Done in 0.04s.\n```\n\ngo to `vouch-app` folder and switch to the branch you want to test against with then link the local package\n\n```sh\ncd vouch-app\ngit checkout VCH-222\nyarn link @vouchfor/uikit\nyarn dev\n```\n\nVoilà, you are testing your feature branch with the local uikit package and don't forget to roll back after testing\n\n```sh\ncd vouch-app\nyarn unlink @vouchfor/uikit\n...\ncd vouch-uikit/package\nyarn unlink\n```\n\n## Publish to `npm`\n\n> Note you will need to log in `vouch-tech` on your terminal before publishing, credential is shared via 1Password.\n\n```bash\nnpm login\n...\n```\n\n```bash\ncd package\n...\nnpm publish --access public --tag alpha # development\nnpm publish --access public --tag beta # staging\nnpm publish --access public # production\n```\n\n## Purge `jsdelivr` cache\n\n`@vouchfor/uikit` is most likely consumed by **tag**, `alpha`, `beta` and `latest`, not version number to ensure clients can always get the latest updates. [jsdelivr](https://cdn.jsdelivr.net/) default has 7 days cache for `tag`, so we need to purge it to reflect new version number.\n\n- Check current tag version number\n\n - [Click to check Alpha](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@alpha/)\n - [Click to check Beta](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@beta/)\n - [Click to check Production](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n- Purge cache\n - [Click to purge Alpha](https://purge.jsdelivr.net/npm/@vouchfor/uikit@alpha/)\n - [Click to purge Beta](https://purge.jsdelivr.net/npm/@vouchfor/uikit@beta/)\n - **_Danger_** [Click to purge Production](https://purge.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n### Purge specific bundle.js\n\nOur embed code snippet `src` attribute currently refers to a specific embed bundle js , for example\n\n```html\n\n
\n```\n\nIn this case, you will need to purge the bundle file specifically by providing absolute path\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/embed/{filename}.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/components/{filename}.bundle.js\n```\n\nfor example,\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@alpha/embed/vouch-embed-inline-player.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@beta/embed/vouch-embed-inline-player.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/embed/vouch-embed-inline-player.bundle.js\n```\n\n## Unit test\n\n```bash\nyarn test\n```\n\nupdate snapshot\n\n```bash\nyarn test -u\n```\n\n# Update `vouch-app`\n\n`@vouchfor/uikit` is a dependency of `vouch-app` for embeds and UI components, follow the below steps to publish NPM package and update `package.json` dependency in `vouch-app`.\n\n> Each PR should bump the minor version in `package.json` in order to push new version to NPM. e.g. `\"version\": \"3.9.0\"` in `main` branch, you should bump to `\"version\": \"3.10.0\"` in your branch.\n\n> The major version should only be used for releasing breaking changes. e.g. `3.0.0`, `4.0.0`\n\n## Development (`dev.vouchfor.com`)\n\nAssuming your branch bumped version in `package.json` to\n\n```json\n\"version\": \"3.10.0\"\n```\n\n### Bump patch version number\n\nEnsure your patch version number isn't used, e.g. if `3.10.0` was published before, bump to `3.10.1`.\n\n### Build and publish\n\n```sh\nyarn package:alpha\ncd package\nnpm publish --access public --tag alpha\n```\n\nMake sure you purge NPM CDN cache for package, see [Purge npm cached tags](#purge-npm-cached-tags)\n\n### Update dependency in `vouch-app`\n\nEnsure you already cloned [vouch-app](https://github.com/VouchAU/vouch-app.git) locally then switch to the folder.\n\n```sh\ncd vouch-app\ngit checkout development\ngit pull\ngit merge feature/VCH-111 # Optional, only when you have code change dependency in vouch-app as well\nyarn upgrade @vouchfor/uikit@alpha\n```\n\nAfter upgrade, you should see version updates in both `package.json` and `yarn.lock`, but due to a known issue of `yarn`, please do these before committing changes\n\n- Manually roll back `package.json` (should always `\"@vouchfor/uikit\": \"alpha\"` for `development`).\n- run `yarn` again to update `yarn.lock`\n\n```sh\ngit commit -m \"Bumped uikit version\"\ngit push\n```\n\n## Staging (`staging.vouchfor.com`)\n\nUpdate `staging` environment is the same as [Development](#development-devvouchforcom) but remember to change cmd to `staging` specific\n\n```sh\nyarn package:beta\n```\n\n```sh\nnpm publish --access public --tag beta\n```\n\n```sh\ncd vouch-app\ngit checkout staging\ngit pull\ngit merge feature/VCH-111 # Optional, only when you have code change dependency in vouch-app as well\nyarn upgrade @vouchfor/uikit@beta\n```\n\n## Production (`app.vouchfor.com`)\n\nOne thing different when release to production, since `master` branch can only be merged by PRs (after code review), so you will need to run `yarn upgrade @vouchfor/uikit@latest` under you feature branch and commit **before merging the PR**.\n\n```sh\ngit checkout feature/VCH-111\nyarn upgrade upgrade @vouchfor/uikit@latest\ngit commit -m \"Bumped uikit version\"\ngit push\n```\n\n> When you run above cmd, your PR should be ready to merge (reviewed and QA tested)\n","engines":{"node":">=14.17.0"},"exports":{"./package.json":"./package.json","./embed/vouch-embed-all":{"import":"./embed/vouch-embed-all.js","default":"./embed/vouch-embed-all.js","require":"./embed/vouch-embed-all.cjs"},"./embed/vouch-embed-card":{"import":"./embed/vouch-embed-card.js","default":"./embed/vouch-embed-card.js","require":"./embed/vouch-embed-card.cjs"},"./embed/vouch-embed-jumbo":{"import":"./embed/vouch-embed-jumbo.js","default":"./embed/vouch-embed-jumbo.js","require":"./embed/vouch-embed-jumbo.cjs"},"./embed/vouch-embed-all.js":"./embed/vouch-embed-all.js","./embed/vouch-embed-button":{"import":"./embed/vouch-embed-button.js","default":"./embed/vouch-embed-button.js","require":"./embed/vouch-embed-button.cjs"},"./components/vouch-recorder":{"import":"./components/vouch-recorder.js","default":"./components/vouch-recorder.js","require":"./components/vouch-recorder.cjs"},"./embed/vouch-embed-popover":{"import":"./embed/vouch-embed-popover.js","default":"./embed/vouch-embed-popover.js","require":"./embed/vouch-embed-popover.cjs"},"./components/vouch-icon-play":{"import":"./components/vouch-icon-play.js","default":"./components/vouch-icon-play.js","require":"./components/vouch-icon-play.cjs"},"./embed/vouch-embed-dialogue":{"import":"./embed/vouch-embed-dialogue.js","default":"./embed/vouch-embed-dialogue.js","require":"./embed/vouch-embed-dialogue.cjs"},"./components/vouch-brand-logo":{"import":"./components/vouch-brand-logo.js","default":"./components/vouch-brand-logo.js","require":"./components/vouch-brand-logo.cjs"},"./components/vouch-icon-close":{"import":"./components/vouch-icon-close.js","default":"./components/vouch-icon-close.js","require":"./components/vouch-icon-close.cjs"},"./components/vouch-icon-pause":{"import":"./components/vouch-icon-pause.js","default":"./components/vouch-icon-pause.js","require":"./components/vouch-icon-pause.cjs"},"./components/vouch-media-plyr":{"import":"./components/vouch-media-plyr.js","default":"./components/vouch-media-plyr.js","require":"./components/vouch-media-plyr.cjs"},"./components/vouch-water-mark":{"import":"./components/vouch-water-mark.js","default":"./components/vouch-water-mark.js","require":"./components/vouch-water-mark.cjs"},"./embed/VouchEmbedCard.svelte":"./embed/VouchEmbedCard.svelte","./embed/vouch-embed-thumbnail":{"import":"./embed/vouch-embed-thumbnail.js","default":"./embed/vouch-embed-thumbnail.js","require":"./embed/vouch-embed-thumbnail.cjs"},"./embed/vouch-recorder-button":{"import":"./embed/vouch-recorder-button.js","default":"./embed/vouch-recorder-button.js","require":"./embed/vouch-recorder-button.cjs"},"./components/vouch-graphic-svg":{"import":"./components/vouch-graphic-svg.js","default":"./components/vouch-graphic-svg.js","require":"./components/vouch-graphic-svg.cjs"},"./embed/VouchEmbedJumbo.svelte":"./embed/VouchEmbedJumbo.svelte","./embed/vouch-recorder-preview":{"import":"./embed/vouch-recorder-preview.js","default":"./embed/vouch-recorder-preview.js","require":"./embed/vouch-recorder-preview.cjs"},"./embed/VouchEmbedButton.svelte":"./embed/VouchEmbedButton.svelte","./embed/VouchEmbedPopover.svelte":"./embed/VouchEmbedPopover.svelte","./components/VouchIconPlay.svelte":"./components/VouchIconPlay.svelte","./components/VouchRecorder.svelte":"./components/VouchRecorder.svelte","./embed/VouchEmbedDialogue.svelte":"./embed/VouchEmbedDialogue.svelte","./embed/vouch-embed-inline-player":{"import":"./embed/vouch-embed-inline-player.js","default":"./embed/vouch-embed-inline-player.js","require":"./embed/vouch-embed-inline-player.cjs"},"./components/VouchBrandLogo.svelte":"./components/VouchBrandLogo.svelte","./components/VouchIconClose.svelte":"./components/VouchIconClose.svelte","./components/VouchIconPause.svelte":"./components/VouchIconPause.svelte","./components/VouchMediaPlyr.svelte":"./components/VouchMediaPlyr.svelte","./components/VouchWaterMark.svelte":"./components/VouchWaterMark.svelte","./components/vouch-icon-arrow-left":{"import":"./components/vouch-icon-arrow-left.js","default":"./components/vouch-icon-arrow-left.js","require":"./components/vouch-icon-arrow-left.cjs"},"./embed/VouchEmbedThumbnail.svelte":"./embed/VouchEmbedThumbnail.svelte","./embed/VouchRecorderButton.svelte":"./embed/VouchRecorderButton.svelte","./components/VouchGraphicSvg.svelte":"./components/VouchGraphicSvg.svelte","./components/vouch-icon-arrow-right":{"import":"./components/vouch-icon-arrow-right.js","default":"./components/vouch-icon-arrow-right.js","require":"./components/vouch-icon-arrow-right.cjs"},"./embed/VouchRecorderPreview.svelte":"./embed/VouchRecorderPreview.svelte","./components/vouch-overlay-play-icon":{"import":"./components/vouch-overlay-play-icon.js","default":"./components/vouch-overlay-play-icon.js","require":"./components/vouch-overlay-play-icon.cjs"},"./embed/VouchEmbedInlinePlayer.svelte":"./embed/VouchEmbedInlinePlayer.svelte","./components/VouchIconArrowLeft.svelte":"./components/VouchIconArrowLeft.svelte","./components/VouchIconArrowRight.svelte":"./components/VouchIconArrowRight.svelte","./components/VouchOverlayPlayIcon.svelte":"./components/VouchOverlayPlayIcon.svelte"},"_npmUser":{"name":"vouch-tech","email":"brian@vouchfor.com"},"repository":{"url":"git+https://github.com/VouchAU/vouch-uikit.git","type":"git"},"_npmVersion":"6.14.13","description":"Vouch Svelte UIKit","directories":{},"lint-staged":{"*.{js,svelte}":"yarn lint"},"_nodeVersion":"14.17.0","dependencies":{"plyr":"^3.7.2","cookie":"^0.4.1","hls.js":"^1.1.5","core-js":"^3.16.3","postcss":"^7","@vime/core":"^5.3.1","tailwindcss":"npm:@tailwindcss/postcss7-compat","@lukeed/uuid":"^2.0.0","autoprefixer":"^9","whatwg-fetch":"^3.6.2","@fontsource/fira-mono":"^4.2.2"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^27.0.6","path":"^0.12.7","husky":"4","tslib":"^2.0.0","dotenv":"^10.0.0","eslint":"^7.22.0","rollup":"^2.55.1","svelte":"^3.34.0","prettier":"~2.2.1","babel-jest":"^27.0.6","svelte2tsx":"^0.4.3","typescript":"^4.0.0","@babel/core":"^7.14.8","@types/jest":"^26.0.24","lint-staged":"^11.1.1","svelte-check":"^2.0.0","@sveltejs/kit":"next","@types/cookie":"^0.4.0","svelte-jester":"^1.8.1","svelte-loader":"^3.1.2","@babel/preset-env":"^7.14.9","@storybook/svelte":"^6.3.6","svelte-preprocess":"^4.0.0","rollup-plugin-copy":"^3.4.0","rollup-plugin-svelte":"^7.1.0","rollup-plugin-terser":"^7.0.2","eslint-plugin-svelte3":"^3.2.0","@babel/runtime-corejs3":"^7.14.9","@rollup/plugin-replace":"^3.0.0","@storybook/addon-links":"^6.3.6","eslint-config-prettier":"^8.1.0","prettier-plugin-svelte":"^2.2.0","@rollup/plugin-commonjs":"^22.0.0","@testing-library/svelte":"^3.0.3","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@typescript-eslint/parser":"^4.19.0","@rollup/plugin-node-resolve":"^13.0.4","@storybook/addon-essentials":"^6.3.6","@typescript-eslint/eslint-plugin":"^4.19.0"},"_npmOperationalInternal":{"tmp":"tmp/uikit_5.9.3_1660700183057_0.5792197926428047","host":"s3://npm-registry-packages"}},"5.9.4":{"name":"@vouchfor/uikit","version":"5.9.4","keywords":["embed","design system","vouch-uikit","svelte","uikit"],"author":{"url":"https://vouchau.github.io/vouch-uikit","name":"Vouch Dev Team","email":"hello@vouchfor.com"},"license":"MIT","_id":"@vouchfor/uikit@5.9.4","maintainers":[{"name":"vouch-tech","email":"brian@vouchfor.com"}],"homepage":"https://vouchau.github.io/vouch-uikit","bugs":{"url":"https://github.com/VouchAU/vouch-uikit/issues"},"dist":{"shasum":"6446ea32bb7d61e8be9b68e51b0f4720b1ba731c","tarball":"https://registry.npmjs.org/@vouchfor/uikit/-/uikit-5.9.4.tgz","fileCount":220,"integrity":"sha512-Fsm1YV/ApELdJJSkhOjk7ROE7z0XH4VIfv6HpaMiKi3AtXkTYXnoq3nxt+Erap2Flg3lc//oE/d3Oq8bfMW+KQ==","signatures":[{"sig":"MEUCIG3Z3UHxL1EcdhMWOvl27iTCpsxIFo5iG6fGTtzELoGAAiEAjgr9sy0Wr+ehw6JsIzLrHXw8EvwaJjNQY2Ik9CAryzY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":97799659,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi/EeUACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqQwQ//TR8Fq1RpjbVUNaPtaPaVoNB44zJH2oUUEFEH2vb/vsvJ5nxw\r\nz3XJV9TMvBJyNSuNuXVBsA7lOmRQ5uAr2JzvghMg2VjLfmn0UdYmy38hurT5\r\nhbKOCdqCVRYojLb8XTxSqJJVTQEuUHbx2fFUpd702lZunnei3N741K9ZtXB+\r\n0NpKeT3m5vDiyKscwAz1ruBmRZPp/W0DYJ4U15Dq8sEa/SZc2tN+Lawd19o0\r\n/sR9S84mALbogZEOR8sLSTZULj1wYTamxBKxw8BnW3B6CYKKPF0Kn5liHx8J\r\n+WW+PY+7n/alD6zrwnvulwEPqEHfF2HtTfRHJ8g6dNKPJp07wOyM6WtByIzz\r\njV1cs9kDX9HxI2531oxDsKCFeRsIug8b5vpCXNkvvDQM0O8NIY/9xHUCr/P1\r\nMcMOwmwCAZRew1yxSglkGOreQFGjicNCs1hpS8nKbMs4zn3qBpVACkwzQwgn\r\nO3xJYNbwb7dq2qF93/lgdGlyBPYAaNwG5i3k9+E9dRtqD4J0qxQCY55D/SEq\r\n5BewaB10AiLj+VxRcnHhXq9IIRj+aTFdHTK3b/hmZmRWtxPfQBwqwbtq+LDm\r\n1TiWG3VPz1a1n9x1Ll2AvNwxHbYMI46M0JH42V6pHigeYAPMRKN4mIcqOrXl\r\nLrsOijZDRTZ1ZjZPSXi1mntmDCbwafpuzIU=\r\n=o36+\r\n-----END PGP SIGNATURE-----\r\n"},"type":"module","husky":{"hooks":{"pre-push":"yarn test --silent","pre-commit":"lint-staged"}},"types":"types.d.ts","readme":"# Vouch UIKit\n\n- [Get Started](#get-started)\n - [Storybook](#storybook)\n - [Build package](#build-package)\n - [Test package locally with vouch-app](#test-package-locally-with-vouch-app)\n - [Publish to npm](#publish-to-npm)\n - [Purge npm cache](#purge-npm-cached-tags)\n- [Update vouch-app](#update-vouch-app)\n - [development](#development-devvouchforcom)\n - [staging](#staging-stagingvouchforcom)\n - [production](#production-appvouchforcom)\n\n**Vouch UIKit** consists of `2 libraries` and `1 application`\n\n```bash\n└── src\n ├── lib\n │ ├── components # Design System Components (Web Component)\n │ │ ├── VouchBrandLogo.svelte\n │ │ ...\n │ │\n │ └── embed # embed Components (Web Component)\n │ │ ├── VouchEmbedInlinePlayer.svelte\n │ ...\n │\n │\n ├── routes # vouch public embed link (https://embed.vouchfor.com)\n │ ├── __layout.svelte\n │ ├── index.svelte\n │ ├── about.svelte\n │ ...\n │\n ├── app.css\n └── app.html\n```\n\n# Get Started\n\nEnsure you have node `14.17.0` installed on your machine, for example via [nvm](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/TERMINAL.md#install-nvm), run `nvm ls` to check\n\n```bash\nnvm ls 14\n```\n\nyou should see output if you have the version installed\n\n```bash\n-> v14.17.0\n```\n\nensure you have [git ssh](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/GITHUB.md) setup locally before you clone the repo\n\n```bash\ngit clone git@github.com:VouchAU/vouch-uikit.git\n```\n\ninstall dependencies\n\n```bash\ncd vouch-uikit\nyarn\n```\n\n## Storybook\n\nhttps://designsystem.vouchfor.com/\n\nStorybook is hosted on GitHub page `gh-pages` branch (Domain name is configured on **Cloudflare**) and deployed automatically via **GitHub Action** every time changes are merged back to `master`.\n\nLocal dev\n\n```bash\nyarn storybook\n```\n\nbuild storybook\n\n```bash\nyarn build-storybook\n```\n\n## Build package\n\nBuild `src/lib` production/beta/alpha package, make sure you change `version` in `package.json` for three different build tags.\n\n```sh\ncd vouch-uikit\n...\nyarn package:alpha # development\nyarn package:beta # staging\nyarn package # production\n```\n\n## Test package locally with `vouch-app`\n\nOnce you build the `npm` package, you can test locally with `vouch-app` to ensure everything works as expected before publishing to `npm`\n\nAssuming you build a package according [Build package](#build-package), now you can create a symlink to your local package\n\n```sh\ncd package\nyarn link\n```\n\nyou should see this if successfully linked\n\n```sh\nyarn link v1.22.10\nsuccess Registered \"@vouchfor/uikit\".\ninfo You can now run `yarn link \"@vouchfor/uikit\"` in the projects where you want to use this package and it will be used instead.\n✨ Done in 0.04s.\n```\n\ngo to `vouch-app` folder and switch to the branch you want to test against with then link the local package\n\n```sh\ncd vouch-app\ngit checkout VCH-222\nyarn link @vouchfor/uikit\nyarn dev\n```\n\nVoilà, you are testing your feature branch with the local uikit package and don't forget to roll back after testing\n\n```sh\ncd vouch-app\nyarn unlink @vouchfor/uikit\n...\ncd vouch-uikit/package\nyarn unlink\n```\n\n## Publish to `npm`\n\n> Note you will need to log in `vouch-tech` on your terminal before publishing, credential is shared via 1Password.\n\n```bash\nnpm login\n...\n```\n\n```bash\ncd package\n...\nnpm publish --access public --tag alpha # development\nnpm publish --access public --tag beta # staging\nnpm publish --access public # production\n```\n\n## Purge `jsdelivr` cache\n\n`@vouchfor/uikit` is most likely consumed by **tag**, `alpha`, `beta` and `latest`, not version number to ensure clients can always get the latest updates. [jsdelivr](https://cdn.jsdelivr.net/) default has 7 days cache for `tag`, so we need to purge it to reflect new version number.\n\n- Check current tag version number\n\n - [Click to check Alpha](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@alpha/)\n - [Click to check Beta](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@beta/)\n - [Click to check Production](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n- Purge cache\n - [Click to purge Alpha](https://purge.jsdelivr.net/npm/@vouchfor/uikit@alpha/)\n - [Click to purge Beta](https://purge.jsdelivr.net/npm/@vouchfor/uikit@beta/)\n - **_Danger_** [Click to purge Production](https://purge.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n### Purge specific bundle.js\n\nOur embed code snippet `src` attribute currently refers to a specific embed bundle js , for example\n\n```html\n\n
\n```\n\nIn this case, you will need to purge the bundle file specifically by providing absolute path\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/embed/{filename}.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/components/{filename}.bundle.js\n```\n\nfor example,\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@alpha/embed/vouch-embed-inline-player.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@beta/embed/vouch-embed-inline-player.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/embed/vouch-embed-inline-player.bundle.js\n```\n\n## Unit test\n\n```bash\nyarn test\n```\n\nupdate snapshot\n\n```bash\nyarn test -u\n```\n\n# Update `vouch-app`\n\n`@vouchfor/uikit` is a dependency of `vouch-app` for embeds and UI components, follow the below steps to publish NPM package and update `package.json` dependency in `vouch-app`.\n\n> Each PR should bump the minor version in `package.json` in order to push new version to NPM. e.g. `\"version\": \"3.9.0\"` in `main` branch, you should bump to `\"version\": \"3.10.0\"` in your branch.\n\n> The major version should only be used for releasing breaking changes. e.g. `3.0.0`, `4.0.0`\n\n## Development (`dev.vouchfor.com`)\n\nAssuming your branch bumped version in `package.json` to\n\n```json\n\"version\": \"3.10.0\"\n```\n\n### Bump patch version number\n\nEnsure your patch version number isn't used, e.g. if `3.10.0` was published before, bump to `3.10.1`.\n\n### Build and publish\n\n```sh\nyarn package:alpha\ncd package\nnpm publish --access public --tag alpha\n```\n\nMake sure you purge NPM CDN cache for package, see [Purge npm cached tags](#purge-npm-cached-tags)\n\n### Update dependency in `vouch-app`\n\nEnsure you already cloned [vouch-app](https://github.com/VouchAU/vouch-app.git) locally then switch to the folder.\n\n```sh\ncd vouch-app\ngit checkout development\ngit pull\ngit merge feature/VCH-111 # Optional, only when you have code change dependency in vouch-app as well\nyarn upgrade @vouchfor/uikit@alpha\n```\n\nAfter upgrade, you should see version updates in both `package.json` and `yarn.lock`, but due to a known issue of `yarn`, please do these before committing changes\n\n- Manually roll back `package.json` (should always `\"@vouchfor/uikit\": \"alpha\"` for `development`).\n- run `yarn` again to update `yarn.lock`\n\n```sh\ngit commit -m \"Bumped uikit version\"\ngit push\n```\n\n## Staging (`staging.vouchfor.com`)\n\nUpdate `staging` environment is the same as [Development](#development-devvouchforcom) but remember to change cmd to `staging` specific\n\n```sh\nyarn package:beta\n```\n\n```sh\nnpm publish --access public --tag beta\n```\n\n```sh\ncd vouch-app\ngit checkout staging\ngit pull\ngit merge feature/VCH-111 # Optional, only when you have code change dependency in vouch-app as well\nyarn upgrade @vouchfor/uikit@beta\n```\n\n## Production (`app.vouchfor.com`)\n\nOne thing different when release to production, since `master` branch can only be merged by PRs (after code review), so you will need to run `yarn upgrade @vouchfor/uikit@latest` under you feature branch and commit **before merging the PR**.\n\n```sh\ngit checkout feature/VCH-111\nyarn upgrade upgrade @vouchfor/uikit@latest\ngit commit -m \"Bumped uikit version\"\ngit push\n```\n\n> When you run above cmd, your PR should be ready to merge (reviewed and QA tested)\n","engines":{"node":">=14.17.0"},"exports":{"./package.json":"./package.json","./embed/vouch-embed-all":{"import":"./embed/vouch-embed-all.js","default":"./embed/vouch-embed-all.js","require":"./embed/vouch-embed-all.cjs"},"./embed/vouch-embed-card":{"import":"./embed/vouch-embed-card.js","default":"./embed/vouch-embed-card.js","require":"./embed/vouch-embed-card.cjs"},"./embed/vouch-embed-jumbo":{"import":"./embed/vouch-embed-jumbo.js","default":"./embed/vouch-embed-jumbo.js","require":"./embed/vouch-embed-jumbo.cjs"},"./embed/vouch-embed-all.js":"./embed/vouch-embed-all.js","./embed/vouch-embed-button":{"import":"./embed/vouch-embed-button.js","default":"./embed/vouch-embed-button.js","require":"./embed/vouch-embed-button.cjs"},"./components/vouch-recorder":{"import":"./components/vouch-recorder.js","default":"./components/vouch-recorder.js","require":"./components/vouch-recorder.cjs"},"./embed/vouch-embed-popover":{"import":"./embed/vouch-embed-popover.js","default":"./embed/vouch-embed-popover.js","require":"./embed/vouch-embed-popover.cjs"},"./components/vouch-icon-play":{"import":"./components/vouch-icon-play.js","default":"./components/vouch-icon-play.js","require":"./components/vouch-icon-play.cjs"},"./embed/vouch-embed-dialogue":{"import":"./embed/vouch-embed-dialogue.js","default":"./embed/vouch-embed-dialogue.js","require":"./embed/vouch-embed-dialogue.cjs"},"./components/vouch-brand-logo":{"import":"./components/vouch-brand-logo.js","default":"./components/vouch-brand-logo.js","require":"./components/vouch-brand-logo.cjs"},"./components/vouch-icon-close":{"import":"./components/vouch-icon-close.js","default":"./components/vouch-icon-close.js","require":"./components/vouch-icon-close.cjs"},"./components/vouch-icon-pause":{"import":"./components/vouch-icon-pause.js","default":"./components/vouch-icon-pause.js","require":"./components/vouch-icon-pause.cjs"},"./components/vouch-media-plyr":{"import":"./components/vouch-media-plyr.js","default":"./components/vouch-media-plyr.js","require":"./components/vouch-media-plyr.cjs"},"./components/vouch-water-mark":{"import":"./components/vouch-water-mark.js","default":"./components/vouch-water-mark.js","require":"./components/vouch-water-mark.cjs"},"./embed/VouchEmbedCard.svelte":"./embed/VouchEmbedCard.svelte","./embed/vouch-embed-thumbnail":{"import":"./embed/vouch-embed-thumbnail.js","default":"./embed/vouch-embed-thumbnail.js","require":"./embed/vouch-embed-thumbnail.cjs"},"./embed/vouch-recorder-button":{"import":"./embed/vouch-recorder-button.js","default":"./embed/vouch-recorder-button.js","require":"./embed/vouch-recorder-button.cjs"},"./components/vouch-graphic-svg":{"import":"./components/vouch-graphic-svg.js","default":"./components/vouch-graphic-svg.js","require":"./components/vouch-graphic-svg.cjs"},"./embed/VouchEmbedJumbo.svelte":"./embed/VouchEmbedJumbo.svelte","./embed/vouch-recorder-preview":{"import":"./embed/vouch-recorder-preview.js","default":"./embed/vouch-recorder-preview.js","require":"./embed/vouch-recorder-preview.cjs"},"./embed/VouchEmbedButton.svelte":"./embed/VouchEmbedButton.svelte","./embed/VouchEmbedPopover.svelte":"./embed/VouchEmbedPopover.svelte","./components/VouchIconPlay.svelte":"./components/VouchIconPlay.svelte","./components/VouchRecorder.svelte":"./components/VouchRecorder.svelte","./embed/VouchEmbedDialogue.svelte":"./embed/VouchEmbedDialogue.svelte","./embed/vouch-embed-inline-player":{"import":"./embed/vouch-embed-inline-player.js","default":"./embed/vouch-embed-inline-player.js","require":"./embed/vouch-embed-inline-player.cjs"},"./components/VouchBrandLogo.svelte":"./components/VouchBrandLogo.svelte","./components/VouchIconClose.svelte":"./components/VouchIconClose.svelte","./components/VouchIconPause.svelte":"./components/VouchIconPause.svelte","./components/VouchMediaPlyr.svelte":"./components/VouchMediaPlyr.svelte","./components/VouchWaterMark.svelte":"./components/VouchWaterMark.svelte","./components/vouch-icon-arrow-left":{"import":"./components/vouch-icon-arrow-left.js","default":"./components/vouch-icon-arrow-left.js","require":"./components/vouch-icon-arrow-left.cjs"},"./embed/VouchEmbedThumbnail.svelte":"./embed/VouchEmbedThumbnail.svelte","./embed/VouchRecorderButton.svelte":"./embed/VouchRecorderButton.svelte","./components/VouchGraphicSvg.svelte":"./components/VouchGraphicSvg.svelte","./components/vouch-icon-arrow-right":{"import":"./components/vouch-icon-arrow-right.js","default":"./components/vouch-icon-arrow-right.js","require":"./components/vouch-icon-arrow-right.cjs"},"./embed/VouchRecorderPreview.svelte":"./embed/VouchRecorderPreview.svelte","./components/vouch-overlay-play-icon":{"import":"./components/vouch-overlay-play-icon.js","default":"./components/vouch-overlay-play-icon.js","require":"./components/vouch-overlay-play-icon.cjs"},"./embed/VouchEmbedInlinePlayer.svelte":"./embed/VouchEmbedInlinePlayer.svelte","./components/VouchIconArrowLeft.svelte":"./components/VouchIconArrowLeft.svelte","./components/VouchIconArrowRight.svelte":"./components/VouchIconArrowRight.svelte","./components/VouchOverlayPlayIcon.svelte":"./components/VouchOverlayPlayIcon.svelte"},"_npmUser":{"name":"vouch-tech","email":"brian@vouchfor.com"},"repository":{"url":"git+https://github.com/VouchAU/vouch-uikit.git","type":"git"},"_npmVersion":"6.14.13","description":"Vouch Svelte UIKit","directories":{},"lint-staged":{"*.{js,svelte}":"yarn lint"},"_nodeVersion":"14.17.0","dependencies":{"plyr":"^3.7.2","cookie":"^0.4.1","hls.js":"^1.1.5","core-js":"^3.16.3","postcss":"^7","@vime/core":"^5.3.1","tailwindcss":"npm:@tailwindcss/postcss7-compat","@lukeed/uuid":"^2.0.0","autoprefixer":"^9","whatwg-fetch":"^3.6.2","@fontsource/fira-mono":"^4.2.2"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^27.0.6","path":"^0.12.7","husky":"4","tslib":"^2.0.0","dotenv":"^10.0.0","eslint":"^7.22.0","rollup":"^2.55.1","svelte":"^3.34.0","prettier":"~2.2.1","babel-jest":"^27.0.6","svelte2tsx":"^0.4.3","typescript":"^4.0.0","@babel/core":"^7.14.8","@types/jest":"^26.0.24","lint-staged":"^11.1.1","svelte-check":"^2.0.0","@sveltejs/kit":"next","@types/cookie":"^0.4.0","svelte-jester":"^1.8.1","svelte-loader":"^3.1.2","@babel/preset-env":"^7.14.9","@storybook/svelte":"^6.3.6","svelte-preprocess":"^4.0.0","rollup-plugin-copy":"^3.4.0","rollup-plugin-svelte":"^7.1.0","rollup-plugin-terser":"^7.0.2","eslint-plugin-svelte3":"^3.2.0","@babel/runtime-corejs3":"^7.14.9","@rollup/plugin-replace":"^3.0.0","@storybook/addon-links":"^6.3.6","eslint-config-prettier":"^8.1.0","prettier-plugin-svelte":"^2.2.0","@rollup/plugin-commonjs":"^22.0.0","@testing-library/svelte":"^3.0.3","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@typescript-eslint/parser":"^4.19.0","@rollup/plugin-node-resolve":"^13.0.4","@storybook/addon-essentials":"^6.3.6","@typescript-eslint/eslint-plugin":"^4.19.0"},"_npmOperationalInternal":{"tmp":"tmp/uikit_5.9.4_1660700563490_0.8743043183422967","host":"s3://npm-registry-packages"}},"5.9.5":{"name":"@vouchfor/uikit","version":"5.9.5","keywords":["embed","design system","vouch-uikit","svelte","uikit"],"author":{"url":"https://vouchau.github.io/vouch-uikit","name":"Vouch Dev Team","email":"hello@vouchfor.com"},"license":"MIT","_id":"@vouchfor/uikit@5.9.5","maintainers":[{"name":"vouch-tech","email":"brian@vouchfor.com"}],"homepage":"https://vouchau.github.io/vouch-uikit","bugs":{"url":"https://github.com/VouchAU/vouch-uikit/issues"},"dist":{"shasum":"bd1f4159bffa28635c7d937ae1544b2aede63444","tarball":"https://registry.npmjs.org/@vouchfor/uikit/-/uikit-5.9.5.tgz","fileCount":220,"integrity":"sha512-zB5B61z77Lk0U+OqJTfkDhq+itCZ6S1m8mX0mMMkr1BSYEUAQaUWgse+78/PmOSHrd6wGpdSNiCP5jNnYwJYtg==","signatures":[{"sig":"MEYCIQCI04cAbVUInjWAlt4d30WT1KHoZH3vbJ/Mwl/Ecd/3vwIhANu1N04KzJ9yMnukT2MZRxrwlg6krYyOM6B3UU/n7Cf1","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":97798540,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi/Ef6ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqjiA//cD3VFoKDoYaS4Nuh5UW0loAisTPZROXHKooJs0DJ72lVHFBn\r\n01OeatoGFrIRjyHXw8U0j0SvfFcHJh8PMUCkjBm0sScPyibPlkOZ9D1v0BEx\r\n+6/tyRbflnwJOnR1CewbJGU13ztABtAT8G5bpa0K8rcpDElawBgoP+a6oif2\r\nRyDICQ9oRvuN2UK5GLyGAZ47H17uG8VIOaQEr6dMesTK1NgABgyqzZ514Hcq\r\nsEAg04DIXzZO9oT80dbFImQKb7b7vUWbiI7Yu94a3iei1GO9O5BKi6P+uxqI\r\nB2pN6JfpzyAWn9nE3/uELi3cpKbLivMX4nYrNoasrO8Ao+QVtKzKxbEmZbr1\r\nDlf1K4Svd9MnoFhfaIZUWesQ5Z4Hz2v2VDB2I29hMIcBsRXWUupDOUw/JN0L\r\nYqhUge8rc2kwxbiJBshwPlzTdRaXLBSsLYijsZWKpeaP2tAsYanuae4ji3Bk\r\nXeWADVfc9Ihmw0y04LWud2ZRXipEIf3hU32JVOfhBErds0ePKrWUaXNQBTn0\r\nemoF0sqIjoI0FvPHL7PEt/7esDvDWKlOzP6SWjeVn1kwjqtBaPRgxmWCzgik\r\nRFjG8dpKnGLXWELwieEbeLKIlcPVMUyhCRvUj9vteOxCs46BwnDOSdw3FlRK\r\nJ9IdnQ7vRAqAp2Yqe01+1NOlxJgU/ny46Q0=\r\n=Nb4h\r\n-----END PGP SIGNATURE-----\r\n"},"type":"module","husky":{"hooks":{"pre-push":"yarn test --silent","pre-commit":"lint-staged"}},"types":"types.d.ts","engines":{"node":">=14.17.0"},"exports":{"./package.json":"./package.json","./embed/vouch-embed-all":{"import":"./embed/vouch-embed-all.js","default":"./embed/vouch-embed-all.js","require":"./embed/vouch-embed-all.cjs"},"./embed/vouch-embed-card":{"import":"./embed/vouch-embed-card.js","default":"./embed/vouch-embed-card.js","require":"./embed/vouch-embed-card.cjs"},"./embed/vouch-embed-jumbo":{"import":"./embed/vouch-embed-jumbo.js","default":"./embed/vouch-embed-jumbo.js","require":"./embed/vouch-embed-jumbo.cjs"},"./embed/vouch-embed-all.js":"./embed/vouch-embed-all.js","./embed/vouch-embed-button":{"import":"./embed/vouch-embed-button.js","default":"./embed/vouch-embed-button.js","require":"./embed/vouch-embed-button.cjs"},"./components/vouch-recorder":{"import":"./components/vouch-recorder.js","default":"./components/vouch-recorder.js","require":"./components/vouch-recorder.cjs"},"./embed/vouch-embed-popover":{"import":"./embed/vouch-embed-popover.js","default":"./embed/vouch-embed-popover.js","require":"./embed/vouch-embed-popover.cjs"},"./components/vouch-icon-play":{"import":"./components/vouch-icon-play.js","default":"./components/vouch-icon-play.js","require":"./components/vouch-icon-play.cjs"},"./embed/vouch-embed-dialogue":{"import":"./embed/vouch-embed-dialogue.js","default":"./embed/vouch-embed-dialogue.js","require":"./embed/vouch-embed-dialogue.cjs"},"./components/vouch-brand-logo":{"import":"./components/vouch-brand-logo.js","default":"./components/vouch-brand-logo.js","require":"./components/vouch-brand-logo.cjs"},"./components/vouch-icon-close":{"import":"./components/vouch-icon-close.js","default":"./components/vouch-icon-close.js","require":"./components/vouch-icon-close.cjs"},"./components/vouch-icon-pause":{"import":"./components/vouch-icon-pause.js","default":"./components/vouch-icon-pause.js","require":"./components/vouch-icon-pause.cjs"},"./components/vouch-media-plyr":{"import":"./components/vouch-media-plyr.js","default":"./components/vouch-media-plyr.js","require":"./components/vouch-media-plyr.cjs"},"./components/vouch-water-mark":{"import":"./components/vouch-water-mark.js","default":"./components/vouch-water-mark.js","require":"./components/vouch-water-mark.cjs"},"./embed/VouchEmbedCard.svelte":"./embed/VouchEmbedCard.svelte","./embed/vouch-embed-thumbnail":{"import":"./embed/vouch-embed-thumbnail.js","default":"./embed/vouch-embed-thumbnail.js","require":"./embed/vouch-embed-thumbnail.cjs"},"./embed/vouch-recorder-button":{"import":"./embed/vouch-recorder-button.js","default":"./embed/vouch-recorder-button.js","require":"./embed/vouch-recorder-button.cjs"},"./components/vouch-graphic-svg":{"import":"./components/vouch-graphic-svg.js","default":"./components/vouch-graphic-svg.js","require":"./components/vouch-graphic-svg.cjs"},"./embed/VouchEmbedJumbo.svelte":"./embed/VouchEmbedJumbo.svelte","./embed/vouch-recorder-preview":{"import":"./embed/vouch-recorder-preview.js","default":"./embed/vouch-recorder-preview.js","require":"./embed/vouch-recorder-preview.cjs"},"./embed/VouchEmbedButton.svelte":"./embed/VouchEmbedButton.svelte","./embed/VouchEmbedPopover.svelte":"./embed/VouchEmbedPopover.svelte","./components/VouchIconPlay.svelte":"./components/VouchIconPlay.svelte","./components/VouchRecorder.svelte":"./components/VouchRecorder.svelte","./embed/VouchEmbedDialogue.svelte":"./embed/VouchEmbedDialogue.svelte","./embed/vouch-embed-inline-player":{"import":"./embed/vouch-embed-inline-player.js","default":"./embed/vouch-embed-inline-player.js","require":"./embed/vouch-embed-inline-player.cjs"},"./components/VouchBrandLogo.svelte":"./components/VouchBrandLogo.svelte","./components/VouchIconClose.svelte":"./components/VouchIconClose.svelte","./components/VouchIconPause.svelte":"./components/VouchIconPause.svelte","./components/VouchMediaPlyr.svelte":"./components/VouchMediaPlyr.svelte","./components/VouchWaterMark.svelte":"./components/VouchWaterMark.svelte","./components/vouch-icon-arrow-left":{"import":"./components/vouch-icon-arrow-left.js","default":"./components/vouch-icon-arrow-left.js","require":"./components/vouch-icon-arrow-left.cjs"},"./embed/VouchEmbedThumbnail.svelte":"./embed/VouchEmbedThumbnail.svelte","./embed/VouchRecorderButton.svelte":"./embed/VouchRecorderButton.svelte","./components/VouchGraphicSvg.svelte":"./components/VouchGraphicSvg.svelte","./components/vouch-icon-arrow-right":{"import":"./components/vouch-icon-arrow-right.js","default":"./components/vouch-icon-arrow-right.js","require":"./components/vouch-icon-arrow-right.cjs"},"./embed/VouchRecorderPreview.svelte":"./embed/VouchRecorderPreview.svelte","./components/vouch-overlay-play-icon":{"import":"./components/vouch-overlay-play-icon.js","default":"./components/vouch-overlay-play-icon.js","require":"./components/vouch-overlay-play-icon.cjs"},"./embed/VouchEmbedInlinePlayer.svelte":"./embed/VouchEmbedInlinePlayer.svelte","./components/VouchIconArrowLeft.svelte":"./components/VouchIconArrowLeft.svelte","./components/VouchIconArrowRight.svelte":"./components/VouchIconArrowRight.svelte","./components/VouchOverlayPlayIcon.svelte":"./components/VouchOverlayPlayIcon.svelte"},"_npmUser":{"name":"vouch-tech","email":"brian@vouchfor.com"},"repository":{"url":"git+https://github.com/VouchAU/vouch-uikit.git","type":"git"},"_npmVersion":"6.14.13","description":"Vouch Svelte UIKit","directories":{},"lint-staged":{"*.{js,svelte}":"yarn lint"},"_nodeVersion":"14.17.0","dependencies":{"plyr":"^3.7.2","cookie":"^0.4.1","hls.js":"^1.1.5","core-js":"^3.16.3","postcss":"^7","@vime/core":"^5.3.1","tailwindcss":"npm:@tailwindcss/postcss7-compat","@lukeed/uuid":"^2.0.0","autoprefixer":"^9","whatwg-fetch":"^3.6.2","@fontsource/fira-mono":"^4.2.2"},"_hasShrinkwrap":false,"devDependencies":{"jest":"^27.0.6","path":"^0.12.7","husky":"4","tslib":"^2.0.0","dotenv":"^10.0.0","eslint":"^7.22.0","rollup":"^2.55.1","svelte":"^3.34.0","prettier":"~2.2.1","babel-jest":"^27.0.6","svelte2tsx":"^0.4.3","typescript":"^4.0.0","@babel/core":"^7.14.8","@types/jest":"^26.0.24","lint-staged":"^11.1.1","svelte-check":"^2.0.0","@sveltejs/kit":"next","@types/cookie":"^0.4.0","svelte-jester":"^1.8.1","svelte-loader":"^3.1.2","@babel/preset-env":"^7.14.9","@storybook/svelte":"^6.3.6","svelte-preprocess":"^4.0.0","rollup-plugin-copy":"^3.4.0","rollup-plugin-svelte":"^7.1.0","rollup-plugin-terser":"^7.0.2","eslint-plugin-svelte3":"^3.2.0","@babel/runtime-corejs3":"^7.14.9","@rollup/plugin-replace":"^3.0.0","@storybook/addon-links":"^6.3.6","eslint-config-prettier":"^8.1.0","prettier-plugin-svelte":"^2.2.0","@rollup/plugin-commonjs":"^22.0.0","@testing-library/svelte":"^3.0.3","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@typescript-eslint/parser":"^4.19.0","@rollup/plugin-node-resolve":"^13.0.4","@storybook/addon-essentials":"^6.3.6","@typescript-eslint/eslint-plugin":"^4.19.0"},"_npmOperationalInternal":{"tmp":"tmp/uikit_5.9.5_1660700666146_0.6002717516186276","host":"s3://npm-registry-packages"}},"5.10.0":{"name":"@vouchfor/uikit","version":"5.10.0","keywords":["embed","design system","vouch-uikit","svelte","uikit"],"author":{"url":"https://vouchau.github.io/vouch-uikit","name":"Vouch Dev Team","email":"hello@vouchfor.com"},"license":"MIT","_id":"@vouchfor/uikit@5.10.0","maintainers":[{"name":"vouch-tech","email":"brian@vouchfor.com"}],"homepage":"https://vouchau.github.io/vouch-uikit","bugs":{"url":"https://github.com/VouchAU/vouch-uikit/issues"},"dist":{"shasum":"13127e7433438d1557fd957531fc3426166c50fa","tarball":"https://registry.npmjs.org/@vouchfor/uikit/-/uikit-5.10.0.tgz","fileCount":220,"integrity":"sha512-BIDEdoGSZWNizSUyyYuzpK8PkWevbx89jqg+7VDJnf//RzLzWH/S+RuFk1VQs28KMH6YE+GBfR6x0Qe66XteAg==","signatures":[{"sig":"MEYCIQDfjV8JaE4KTvhVcTffIMu95uMLPEMxRCl2Yd38/cWiLQIhAOD+tH+nVmZjJ6J8GPlNDTiRw9F8VOnQZaIE7cZqqauc","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":97873566,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjJ8dPACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpOuhAAg2shGQpW0RGG+9BWAKYFrpFrcAf/P36KgnmFkpmzQzd+rlfS\r\n9/kyIO6pbpcIm/VCip1P1xyC+3By7TuoP/Vch4hGgff6eBHL7XfBKwXMJcdf\r\nzZWM3gGpl3b4tass2tfuiXl4ag6nHkLN3jPLOHGrZCucuKMjn1eCrDhOx9ub\r\n18qap/d5XNX0bMk3N0szKOpNgNY3UOfNF1z6FXAGpz92Letchb7ybNvcT+Is\r\nmx8tVI5yt+EY7Je53/vY1DCxFSnFy7M5XhL1DJs7uFiFdC7Fij8OWO72LqRn\r\ndnn12KzotuI0s0QmmSr2NGzemp363E6etRyZXHG17d3fjv5K3FKdb3e6DoWz\r\nnp2Opa7n68gzlCQf6no4xladjYD5VFQbEd7fsLMMfwDHdHHORYRQ/slPLWls\r\n5f3ltI1ilg8juG937/IxlGsmz2Lq5G3GcGC2yrMmsJWb5L3p3K/OlIzYl2Hd\r\nUjAQPHj4Y62StpfRN7vp8MUBs2xxQZteNr9ZO1zhZooO7WYGeBjqUrjgfTrm\r\n3Pmf+q8ysb3egNS+qUrs11DKVlG40KTDiGHGtFsuPLUr5vw3M2pN8y0TAe3g\r\njOY6/yQrm778iG0VtMJkZnhJ44tPrsoDY8TTKxvw1PRKaQ4YFN7NQehCORYY\r\nMFhC/Sgd8JIoTi5eEVWndLiQWI3iNJK4bOA=\r\n=Zrf6\r\n-----END PGP SIGNATURE-----\r\n"},"type":"module","husky":{"hooks":{"pre-push":"yarn test --silent","pre-commit":"lint-staged"}},"types":"types.d.ts","readme":"# Vouch UIKit\n\n- [Get Started](#get-started)\n - [Storybook](#storybook)\n - [Build package](#build-package)\n - [Test package locally with vouch-app](#test-package-locally-with-vouch-app)\n - [Publish to npm](#publish-to-npm)\n - [Purge npm cache](#purge-npm-cached-tags)\n- [Update vouch-app](#update-vouch-app)\n - [development](#development-devvouchforcom)\n - [staging](#staging-stagingvouchforcom)\n - [production](#production-appvouchforcom)\n\n**Vouch UIKit** consists of `2 libraries` and `1 application`\n\n```bash\n└── src\n ├── lib\n │ ├── components # Design System Components (Web Component)\n │ │ ├── VouchBrandLogo.svelte\n │ │ ...\n │ │\n │ └── embed # embed Components (Web Component)\n │ │ ├── VouchEmbedInlinePlayer.svelte\n │ ...\n │\n │\n ├── routes # vouch public embed link (https://embed.vouchfor.com)\n │ ├── __layout.svelte\n │ ├── index.svelte\n │ ├── about.svelte\n │ ...\n │\n ├── app.css\n └── app.html\n```\n\n# Get Started\n\nEnsure you have node `14.17.0` installed on your machine, for example via [nvm](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/TERMINAL.md#install-nvm), run `nvm ls` to check\n\n```bash\nnvm ls 14\n```\n\nyou should see output if you have the version installed\n\n```bash\n-> v14.17.0\n```\n\nensure you have [git ssh](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/GITHUB.md) setup locally before you clone the repo\n\n```bash\ngit clone git@github.com:VouchAU/vouch-uikit.git\n```\n\ninstall dependencies\n\n```bash\ncd vouch-uikit\nyarn\n```\n\n## Storybook\n\nhttps://designsystem.vouchfor.com/\n\nStorybook is hosted on GitHub page `gh-pages` branch (Domain name is configured on **Cloudflare**) and deployed automatically via **GitHub Action** every time changes are merged back to `master`.\n\nLocal dev\n\n```bash\nyarn storybook\n```\n\nbuild storybook\n\n```bash\nyarn build-storybook\n```\n\n## Build package\n\nBuild `src/lib` production/beta/alpha package, make sure you change `version` in `package.json` for three different build tags.\n\n```sh\ncd vouch-uikit\n...\nyarn package:alpha # development\nyarn package:beta # staging\nyarn package # production\n```\n\n## Test package locally with `vouch-app`\n\nOnce you build the `npm` package, you can test locally with `vouch-app` to ensure everything works as expected before publishing to `npm`\n\nAssuming you build a package according [Build package](#build-package), now you can create a symlink to your local package\n\n```sh\ncd package\nyarn link\n```\n\nyou should see this if successfully linked\n\n```sh\nyarn link v1.22.10\nsuccess Registered \"@vouchfor/uikit\".\ninfo You can now run `yarn link \"@vouchfor/uikit\"` in the projects where you want to use this package and it will be used instead.\n✨ Done in 0.04s.\n```\n\ngo to `vouch-app` folder and switch to the branch you want to test against with then link the local package\n\n```sh\ncd vouch-app\ngit checkout VCH-222\nyarn link @vouchfor/uikit\nyarn dev\n```\n\nVoilà, you are testing your feature branch with the local uikit package and don't forget to roll back after testing\n\n```sh\ncd vouch-app\nyarn unlink @vouchfor/uikit\n...\ncd vouch-uikit/package\nyarn unlink\n```\n\n## Publish to `npm`\n\n> Note you will need to log in `vouch-tech` on your terminal before publishing, credential is shared via 1Password.\n\n```bash\nnpm login\n...\n```\n\n```bash\ncd package\n...\nnpm publish --access public --tag alpha # development\nnpm publish --access public --tag beta # staging\nnpm publish --access public # production\n```\n\n## Purge `jsdelivr` cache\n\n`@vouchfor/uikit` is most likely consumed by **tag**, `alpha`, `beta` and `latest`, not version number to ensure clients can always get the latest updates. [jsdelivr](https://cdn.jsdelivr.net/) default has 7 days cache for `tag`, so we need to purge it to reflect new version number.\n\n- Check current tag version number\n\n - [Click to check Alpha](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@alpha/)\n - [Click to check Beta](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@beta/)\n - [Click to check Production](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n- Purge cache\n - [Click to purge Alpha](https://purge.jsdelivr.net/npm/@vouchfor/uikit@alpha/)\n - [Click to purge Beta](https://purge.jsdelivr.net/npm/@vouchfor/uikit@beta/)\n - **_Danger_** [Click to purge Production](https://purge.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n### Purge specific bundle.js\n\nOur embed code snippet `src` attribute currently refers to a specific embed bundle js , for example\n\n```html\n\n
\n```\n\nIn this case, you will need to purge the bundle file specifically by providing absolute path\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/embed/{filename}.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/components/{filename}.bundle.js\n```\n\nfor example,\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@alpha/embed/vouch-embed-inline-player.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@beta/embed/vouch-embed-inline-player.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/embed/vouch-embed-inline-player.bundle.js\n```\n\n## Unit test\n\n```bash\nyarn test\n```\n\nupdate snapshot\n\n```bash\nyarn test -u\n```\n\n# Update `vouch-app`\n\n`@vouchfor/uikit` is a dependency of `vouch-app` for embeds and UI components, follow the below steps to publish NPM package and update `package.json` dependency in `vouch-app`.\n\n> Each PR should bump the minor version in `package.json` in order to push new version to NPM. e.g. `\"version\": \"3.9.0\"` in `main` branch, you should bump to `\"version\": \"3.10.0\"` in your branch.\n\n> The major version should only be used for releasing breaking changes. e.g. `3.0.0`, `4.0.0`\n\n## Development (`dev.vouchfor.com`)\n\nAssuming your branch bumped version in `package.json` to\n\n```json\n\"version\": \"3.10.0\"\n```\n\n### Bump patch version number\n\nEnsure your patch version number isn't used, e.g. if `3.10.0` was published before, bump to `3.10.1`.\n\n### Build and publish\n\n```sh\nyarn package:alpha\ncd package\nnpm publish --access public --tag alpha\n```\n\nMake sure you purge NPM CDN cache for package, see [Purge npm cached tags](#purge-npm-cached-tags)\n\n### Update dependency in `vouch-app`\n\nEnsure you already cloned [vouch-app](https://github.com/VouchAU/vouch-app.git) locally then switch to the folder.\n\n```sh\ncd vouch-app\ngit checkout development\ngit pull\ngit merge feature/VCH-111 # Optional, only when you have code change dependency in vouch-app as well\nyarn upgrade @vouchfor/uikit@alpha\n```\n\nAfter upgrade, you should see version updates in both `package.json` and `yarn.lock`, but due to a known issue of `yarn`, please do these before committing changes\n\n- Manually roll back `package.json` (should always `\"@vouchfor/uikit\": \"alpha\"` for `development`).\n- run `yarn` again to update `yarn.lock`\n\n```sh\ngit commit -m \"Bumped uikit version\"\ngit push\n```\n\n## Staging (`staging.vouchfor.com`)\n\nUpdate `staging` environment is the same as [Development](#development-devvouchforcom) but remember to change cmd to `staging` specific\n\n```sh\nyarn package:beta\n```\n\n```sh\nnpm publish --access public --tag beta\n```\n\n```sh\ncd vouch-app\ngit checkout staging\ngit pull\ngit merge feature/VCH-111 # Optional, only when you have code change dependency in vouch-app as well\nyarn upgrade @vouchfor/uikit@beta\n```\n\n## Production (`app.vouchfor.com`)\n\nOne thing different when release to production, since `master` branch can only be merged by PRs (after code review), so you will need to run `yarn upgrade @vouchfor/uikit@latest` under you feature branch and commit **before merging the PR**.\n\n```sh\ngit checkout feature/VCH-111\nyarn upgrade upgrade @vouchfor/uikit@latest\ngit commit -m \"Bumped uikit version\"\ngit push\n```\n\n> When you run above cmd, your PR should be ready to merge (reviewed and QA tested)\n","engines":{"node":">=14.17.0"},"exports":{"./package.json":"./package.json","./embed/vouch-embed-all":{"import":"./embed/vouch-embed-all.js","default":"./embed/vouch-embed-all.js","require":"./embed/vouch-embed-all.cjs"},"./embed/vouch-embed-card":{"import":"./embed/vouch-embed-card.js","default":"./embed/vouch-embed-card.js","require":"./embed/vouch-embed-card.cjs"},"./embed/vouch-embed-jumbo":{"import":"./embed/vouch-embed-jumbo.js","default":"./embed/vouch-embed-jumbo.js","require":"./embed/vouch-embed-jumbo.cjs"},"./embed/vouch-embed-all.js":"./embed/vouch-embed-all.js","./embed/vouch-embed-button":{"import":"./embed/vouch-embed-button.js","default":"./embed/vouch-embed-button.js","require":"./embed/vouch-embed-button.cjs"},"./components/vouch-recorder":{"import":"./components/vouch-recorder.js","default":"./components/vouch-recorder.js","require":"./components/vouch-recorder.cjs"},"./embed/vouch-embed-popover":{"import":"./embed/vouch-embed-popover.js","default":"./embed/vouch-embed-popover.js","require":"./embed/vouch-embed-popover.cjs"},"./components/vouch-icon-play":{"import":"./components/vouch-icon-play.js","default":"./components/vouch-icon-play.js","require":"./components/vouch-icon-play.cjs"},"./embed/vouch-embed-dialogue":{"import":"./embed/vouch-embed-dialogue.js","default":"./embed/vouch-embed-dialogue.js","require":"./embed/vouch-embed-dialogue.cjs"},"./components/vouch-brand-logo":{"import":"./components/vouch-brand-logo.js","default":"./components/vouch-brand-logo.js","require":"./components/vouch-brand-logo.cjs"},"./components/vouch-icon-close":{"import":"./components/vouch-icon-close.js","default":"./components/vouch-icon-close.js","require":"./components/vouch-icon-close.cjs"},"./components/vouch-icon-pause":{"import":"./components/vouch-icon-pause.js","default":"./components/vouch-icon-pause.js","require":"./components/vouch-icon-pause.cjs"},"./components/vouch-media-plyr":{"import":"./components/vouch-media-plyr.js","default":"./components/vouch-media-plyr.js","require":"./components/vouch-media-plyr.cjs"},"./components/vouch-water-mark":{"import":"./components/vouch-water-mark.js","default":"./components/vouch-water-mark.js","require":"./components/vouch-water-mark.cjs"},"./embed/VouchEmbedCard.svelte":"./embed/VouchEmbedCard.svelte","./embed/vouch-embed-thumbnail":{"import":"./embed/vouch-embed-thumbnail.js","default":"./embed/vouch-embed-thumbnail.js","require":"./embed/vouch-embed-thumbnail.cjs"},"./embed/vouch-recorder-button":{"import":"./embed/vouch-recorder-button.js","default":"./embed/vouch-recorder-button.js","require":"./embed/vouch-recorder-button.cjs"},"./components/vouch-graphic-svg":{"import":"./components/vouch-graphic-svg.js","default":"./components/vouch-graphic-svg.js","require":"./components/vouch-graphic-svg.cjs"},"./embed/VouchEmbedJumbo.svelte":"./embed/VouchEmbedJumbo.svelte","./embed/vouch-recorder-preview":{"import":"./embed/vouch-recorder-preview.js","default":"./embed/vouch-recorder-preview.js","require":"./embed/vouch-recorder-preview.cjs"},"./embed/VouchEmbedButton.svelte":"./embed/VouchEmbedButton.svelte","./embed/VouchEmbedPopover.svelte":"./embed/VouchEmbedPopover.svelte","./components/VouchIconPlay.svelte":"./components/VouchIconPlay.svelte","./components/VouchRecorder.svelte":"./components/VouchRecorder.svelte","./embed/VouchEmbedDialogue.svelte":"./embed/VouchEmbedDialogue.svelte","./embed/vouch-embed-inline-player":{"import":"./embed/vouch-embed-inline-player.js","default":"./embed/vouch-embed-inline-player.js","require":"./embed/vouch-embed-inline-player.cjs"},"./components/VouchBrandLogo.svelte":"./components/VouchBrandLogo.svelte","./components/VouchIconClose.svelte":"./components/VouchIconClose.svelte","./components/VouchIconPause.svelte":"./components/VouchIconPause.svelte","./components/VouchMediaPlyr.svelte":"./components/VouchMediaPlyr.svelte","./components/VouchWaterMark.svelte":"./components/VouchWaterMark.svelte","./components/vouch-icon-arrow-left":{"import":"./components/vouch-icon-arrow-left.js","default":"./components/vouch-icon-arrow-left.js","require":"./components/vouch-icon-arrow-left.cjs"},"./embed/VouchEmbedThumbnail.svelte":"./embed/VouchEmbedThumbnail.svelte","./embed/VouchRecorderButton.svelte":"./embed/VouchRecorderButton.svelte","./components/VouchGraphicSvg.svelte":"./components/VouchGraphicSvg.svelte","./components/vouch-icon-arrow-right":{"import":"./components/vouch-icon-arrow-right.js","default":"./components/vouch-icon-arrow-right.js","require":"./components/vouch-icon-arrow-right.cjs"},"./embed/VouchRecorderPreview.svelte":"./embed/VouchRecorderPreview.svelte","./components/vouch-overlay-play-icon":{"import":"./components/vouch-overlay-play-icon.js","default":"./components/vouch-overlay-play-icon.js","require":"./components/vouch-overlay-play-icon.cjs"},"./embed/VouchEmbedInlinePlayer.svelte":"./embed/VouchEmbedInlinePlayer.svelte","./components/VouchIconArrowLeft.svelte":"./components/VouchIconArrowLeft.svelte","./components/VouchIconArrowRight.svelte":"./components/VouchIconArrowRight.svelte","./components/VouchOverlayPlayIcon.svelte":"./components/VouchOverlayPlayIcon.svelte"},"_npmUser":{"name":"vouch-tech","email":"brian@vouchfor.com"},"repository":{"url":"git+https://github.com/VouchAU/vouch-uikit.git","type":"git"},"_npmVersion":"6.14.13","description":"Vouch Svelte UIKit","directories":{},"lint-staged":{"*.{js,svelte}":"yarn lint"},"_nodeVersion":"14.17.0","dependencies":{"plyr":"^3.7.2","cookie":"^0.4.1","hls.js":"^1.1.5","core-js":"^3.16.3","postcss":"^7","@vime/core":"^5.3.1","tailwindcss":"npm:@tailwindcss/postcss7-compat","@lukeed/uuid":"^2.0.0","autoprefixer":"^9","whatwg-fetch":"^3.6.2","@fontsource/fira-mono":"^4.2.2"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^27.0.6","path":"^0.12.7","husky":"4","tslib":"^2.0.0","dotenv":"^10.0.0","eslint":"^7.22.0","rollup":"^2.55.1","svelte":"^3.34.0","prettier":"~2.2.1","babel-jest":"^27.0.6","svelte2tsx":"^0.4.3","typescript":"^4.0.0","@babel/core":"^7.14.8","@types/jest":"^26.0.24","lint-staged":"^11.1.1","svelte-check":"^2.0.0","@sveltejs/kit":"next","@types/cookie":"^0.4.0","svelte-jester":"^1.8.1","svelte-loader":"^3.1.2","@babel/preset-env":"^7.14.9","@storybook/svelte":"^6.3.6","svelte-preprocess":"^4.0.0","rollup-plugin-copy":"^3.4.0","rollup-plugin-svelte":"^7.1.0","rollup-plugin-terser":"^7.0.2","eslint-plugin-svelte3":"^3.2.0","@babel/runtime-corejs3":"^7.14.9","@rollup/plugin-replace":"^3.0.0","@storybook/addon-links":"^6.3.6","eslint-config-prettier":"^8.1.0","prettier-plugin-svelte":"^2.2.0","@rollup/plugin-commonjs":"^22.0.0","@testing-library/svelte":"^3.0.3","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@typescript-eslint/parser":"^4.19.0","@rollup/plugin-node-resolve":"^13.0.4","@storybook/addon-essentials":"^6.3.6","@typescript-eslint/eslint-plugin":"^4.19.0"},"_npmOperationalInternal":{"tmp":"tmp/uikit_5.10.0_1663551311003_0.7872795723868564","host":"s3://npm-registry-packages"}},"5.10.1":{"name":"@vouchfor/uikit","version":"5.10.1","keywords":["embed","design system","vouch-uikit","svelte","uikit"],"author":{"url":"https://vouchau.github.io/vouch-uikit","name":"Vouch Dev Team","email":"hello@vouchfor.com"},"license":"MIT","_id":"@vouchfor/uikit@5.10.1","maintainers":[{"name":"vouch-tech","email":"brian@vouchfor.com"}],"homepage":"https://vouchau.github.io/vouch-uikit","bugs":{"url":"https://github.com/VouchAU/vouch-uikit/issues"},"dist":{"shasum":"0bc008cf1a225b60efaced6a43c56bfa645ff10f","tarball":"https://registry.npmjs.org/@vouchfor/uikit/-/uikit-5.10.1.tgz","fileCount":220,"integrity":"sha512-JH28Z8lpS/YAhu4nfVSG+RBWauelz9l13cZhWZxuNpPBulB5efPTr4XLts39ofZRObPcxcUapYDvzBO9hzXZEg==","signatures":[{"sig":"MEQCID1lYGWU+Iqvmr+AMKPGOwO4JNbvnPJNkSjVGRLTtwYjAiBcndNtt7r34/pKB1pJ7/MRwUSczP76ITGC2Yv1y5c0MQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":98003565,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjJ8esACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoDbBAAlAHVg06Ll3eg5Ilozs7b1PEHDw3xLMv8bdpfKF2EbvMGytwa\r\nI9D/nH/C1rkrXwJWsGvUL6r1HQlz4FmnmgWVgTM3PgddC5yXc2XNX59cn5HE\r\nqys/R9bhRlLgDAA3L4sDcBgEBwE/HOJnEcvug+eoB4Ce4QVFefk9+Bviwkre\r\ng8tlu5NmbzBqfHVD5g6iqxowOieIgJukUjUGkaJLQGH649xEuG+zV+Dhkdru\r\n6MPhXEco4Wa8U8p6k/DSsC8jfW/PNEM6txVDu3c9wsTauZKj51IoblgCuNxt\r\n6D/RAhTORPWwDVzGzeJsN5HDUi66ZFNuPqJRaF63E3K8jY1sJZ4310o3i++v\r\nWxm7InfZfK+H1+HD5zWsJvxXcZclORbFFcBhYP9goZBSVPtPunplxSVjq8/6\r\nK/1Vbv8iUzhC7vnLe9qrwnToQIZYokIi7kZXDtsnP0KyMcT/fsAMaAiacVnO\r\nXh5y3eIoY56Op5zOaGFsPrII2w8nIsm73TbDfuECEJTxIohNoQtJDEvBdlb1\r\nXhtkRxYqVcTISqiAj4BHtyv/sF0gviDzhgRBNZe5LnOIP3LbFjT72r2huDcm\r\nPd+5wOfYlb7v2whFeK0sVkiil2EjA3u77paHvhIcVump0T0gpnRISrkqqoxL\r\nFG47yNKYKYvK7XNo8mV0nIaZuQV9qJhHdoo=\r\n=EtWB\r\n-----END PGP SIGNATURE-----\r\n"},"type":"module","husky":{"hooks":{"pre-push":"yarn test --silent","pre-commit":"lint-staged"}},"types":"types.d.ts","readme":"# Vouch UIKit\n\n- [Get Started](#get-started)\n - [Storybook](#storybook)\n - [Build package](#build-package)\n - [Test package locally with vouch-app](#test-package-locally-with-vouch-app)\n - [Publish to npm](#publish-to-npm)\n - [Purge npm cache](#purge-npm-cached-tags)\n- [Update vouch-app](#update-vouch-app)\n - [development](#development-devvouchforcom)\n - [staging](#staging-stagingvouchforcom)\n - [production](#production-appvouchforcom)\n\n**Vouch UIKit** consists of `2 libraries` and `1 application`\n\n```bash\n└── src\n ├── lib\n │ ├── components # Design System Components (Web Component)\n │ │ ├── VouchBrandLogo.svelte\n │ │ ...\n │ │\n │ └── embed # embed Components (Web Component)\n │ │ ├── VouchEmbedInlinePlayer.svelte\n │ ...\n │\n │\n ├── routes # vouch public embed link (https://embed.vouchfor.com)\n │ ├── __layout.svelte\n │ ├── index.svelte\n │ ├── about.svelte\n │ ...\n │\n ├── app.css\n └── app.html\n```\n\n# Get Started\n\nEnsure you have node `14.17.0` installed on your machine, for example via [nvm](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/TERMINAL.md#install-nvm), run `nvm ls` to check\n\n```bash\nnvm ls 14\n```\n\nyou should see output if you have the version installed\n\n```bash\n-> v14.17.0\n```\n\nensure you have [git ssh](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/GITHUB.md) setup locally before you clone the repo\n\n```bash\ngit clone git@github.com:VouchAU/vouch-uikit.git\n```\n\ninstall dependencies\n\n```bash\ncd vouch-uikit\nyarn\n```\n\n## Storybook\n\nhttps://designsystem.vouchfor.com/\n\nStorybook is hosted on GitHub page `gh-pages` branch (Domain name is configured on **Cloudflare**) and deployed automatically via **GitHub Action** every time changes are merged back to `master`.\n\nLocal dev\n\n```bash\nyarn storybook\n```\n\nbuild storybook\n\n```bash\nyarn build-storybook\n```\n\n## Build package\n\nBuild `src/lib` production/beta/alpha package, make sure you change `version` in `package.json` for three different build tags.\n\n```sh\ncd vouch-uikit\n...\nyarn package:alpha # development\nyarn package:beta # staging\nyarn package # production\n```\n\n## Test package locally with `vouch-app`\n\nOnce you build the `npm` package, you can test locally with `vouch-app` to ensure everything works as expected before publishing to `npm`\n\nAssuming you build a package according [Build package](#build-package), now you can create a symlink to your local package\n\n```sh\ncd package\nyarn link\n```\n\nyou should see this if successfully linked\n\n```sh\nyarn link v1.22.10\nsuccess Registered \"@vouchfor/uikit\".\ninfo You can now run `yarn link \"@vouchfor/uikit\"` in the projects where you want to use this package and it will be used instead.\n✨ Done in 0.04s.\n```\n\ngo to `vouch-app` folder and switch to the branch you want to test against with then link the local package\n\n```sh\ncd vouch-app\ngit checkout VCH-222\nyarn link @vouchfor/uikit\nyarn dev\n```\n\nVoilà, you are testing your feature branch with the local uikit package and don't forget to roll back after testing\n\n```sh\ncd vouch-app\nyarn unlink @vouchfor/uikit\n...\ncd vouch-uikit/package\nyarn unlink\n```\n\n## Publish to `npm`\n\n> Note you will need to log in `vouch-tech` on your terminal before publishing, credential is shared via 1Password.\n\n```bash\nnpm login\n...\n```\n\n```bash\ncd package\n...\nnpm publish --access public --tag alpha # development\nnpm publish --access public --tag beta # staging\nnpm publish --access public # production\n```\n\n## Purge `jsdelivr` cache\n\n`@vouchfor/uikit` is most likely consumed by **tag**, `alpha`, `beta` and `latest`, not version number to ensure clients can always get the latest updates. [jsdelivr](https://cdn.jsdelivr.net/) default has 7 days cache for `tag`, so we need to purge it to reflect new version number.\n\n- Check current tag version number\n\n - [Click to check Alpha](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@alpha/)\n - [Click to check Beta](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@beta/)\n - [Click to check Production](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n- Purge cache\n - [Click to purge Alpha](https://purge.jsdelivr.net/npm/@vouchfor/uikit@alpha/)\n - [Click to purge Beta](https://purge.jsdelivr.net/npm/@vouchfor/uikit@beta/)\n - **_Danger_** [Click to purge Production](https://purge.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n### Purge specific bundle.js\n\nOur embed code snippet `src` attribute currently refers to a specific embed bundle js , for example\n\n```html\n\n
\n```\n\nIn this case, you will need to purge the bundle file specifically by providing absolute path\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/embed/{filename}.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/components/{filename}.bundle.js\n```\n\nfor example,\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@alpha/embed/vouch-embed-inline-player.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@beta/embed/vouch-embed-inline-player.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/embed/vouch-embed-inline-player.bundle.js\n```\n\n## Unit test\n\n```bash\nyarn test\n```\n\nupdate snapshot\n\n```bash\nyarn test -u\n```\n\n# Update `vouch-app`\n\n`@vouchfor/uikit` is a dependency of `vouch-app` for embeds and UI components, follow the below steps to publish NPM package and update `package.json` dependency in `vouch-app`.\n\n> Each PR should bump the minor version in `package.json` in order to push new version to NPM. e.g. `\"version\": \"3.9.0\"` in `main` branch, you should bump to `\"version\": \"3.10.0\"` in your branch.\n\n> The major version should only be used for releasing breaking changes. e.g. `3.0.0`, `4.0.0`\n\n## Development (`dev.vouchfor.com`)\n\nAssuming your branch bumped version in `package.json` to\n\n```json\n\"version\": \"3.10.0\"\n```\n\n### Bump patch version number\n\nEnsure your patch version number isn't used, e.g. if `3.10.0` was published before, bump to `3.10.1`.\n\n### Build and publish\n\n```sh\nyarn package:alpha\ncd package\nnpm publish --access public --tag alpha\n```\n\nMake sure you purge NPM CDN cache for package, see [Purge npm cached tags](#purge-npm-cached-tags)\n\n### Update dependency in `vouch-app`\n\nEnsure you already cloned [vouch-app](https://github.com/VouchAU/vouch-app.git) locally then switch to the folder.\n\n```sh\ncd vouch-app\ngit checkout development\ngit pull\ngit merge feature/VCH-111 # Optional, only when you have code change dependency in vouch-app as well\nyarn upgrade @vouchfor/uikit@alpha\n```\n\nAfter upgrade, you should see version updates in both `package.json` and `yarn.lock`, but due to a known issue of `yarn`, please do these before committing changes\n\n- Manually roll back `package.json` (should always `\"@vouchfor/uikit\": \"alpha\"` for `development`).\n- run `yarn` again to update `yarn.lock`\n\n```sh\ngit commit -m \"Bumped uikit version\"\ngit push\n```\n\n## Staging (`staging.vouchfor.com`)\n\nUpdate `staging` environment is the same as [Development](#development-devvouchforcom) but remember to change cmd to `staging` specific\n\n```sh\nyarn package:beta\n```\n\n```sh\nnpm publish --access public --tag beta\n```\n\n```sh\ncd vouch-app\ngit checkout staging\ngit pull\ngit merge feature/VCH-111 # Optional, only when you have code change dependency in vouch-app as well\nyarn upgrade @vouchfor/uikit@beta\n```\n\n## Production (`app.vouchfor.com`)\n\nOne thing different when release to production, since `master` branch can only be merged by PRs (after code review), so you will need to run `yarn upgrade @vouchfor/uikit@latest` under you feature branch and commit **before merging the PR**.\n\n```sh\ngit checkout feature/VCH-111\nyarn upgrade upgrade @vouchfor/uikit@latest\ngit commit -m \"Bumped uikit version\"\ngit push\n```\n\n> When you run above cmd, your PR should be ready to merge (reviewed and QA tested)\n","engines":{"node":">=14.17.0"},"exports":{"./package.json":"./package.json","./embed/vouch-embed-all":{"import":"./embed/vouch-embed-all.js","default":"./embed/vouch-embed-all.js","require":"./embed/vouch-embed-all.cjs"},"./embed/vouch-embed-card":{"import":"./embed/vouch-embed-card.js","default":"./embed/vouch-embed-card.js","require":"./embed/vouch-embed-card.cjs"},"./embed/vouch-embed-jumbo":{"import":"./embed/vouch-embed-jumbo.js","default":"./embed/vouch-embed-jumbo.js","require":"./embed/vouch-embed-jumbo.cjs"},"./embed/vouch-embed-all.js":"./embed/vouch-embed-all.js","./embed/vouch-embed-button":{"import":"./embed/vouch-embed-button.js","default":"./embed/vouch-embed-button.js","require":"./embed/vouch-embed-button.cjs"},"./components/vouch-recorder":{"import":"./components/vouch-recorder.js","default":"./components/vouch-recorder.js","require":"./components/vouch-recorder.cjs"},"./embed/vouch-embed-popover":{"import":"./embed/vouch-embed-popover.js","default":"./embed/vouch-embed-popover.js","require":"./embed/vouch-embed-popover.cjs"},"./components/vouch-icon-play":{"import":"./components/vouch-icon-play.js","default":"./components/vouch-icon-play.js","require":"./components/vouch-icon-play.cjs"},"./embed/vouch-embed-dialogue":{"import":"./embed/vouch-embed-dialogue.js","default":"./embed/vouch-embed-dialogue.js","require":"./embed/vouch-embed-dialogue.cjs"},"./components/vouch-brand-logo":{"import":"./components/vouch-brand-logo.js","default":"./components/vouch-brand-logo.js","require":"./components/vouch-brand-logo.cjs"},"./components/vouch-icon-close":{"import":"./components/vouch-icon-close.js","default":"./components/vouch-icon-close.js","require":"./components/vouch-icon-close.cjs"},"./components/vouch-icon-pause":{"import":"./components/vouch-icon-pause.js","default":"./components/vouch-icon-pause.js","require":"./components/vouch-icon-pause.cjs"},"./components/vouch-media-plyr":{"import":"./components/vouch-media-plyr.js","default":"./components/vouch-media-plyr.js","require":"./components/vouch-media-plyr.cjs"},"./components/vouch-water-mark":{"import":"./components/vouch-water-mark.js","default":"./components/vouch-water-mark.js","require":"./components/vouch-water-mark.cjs"},"./embed/VouchEmbedCard.svelte":"./embed/VouchEmbedCard.svelte","./embed/vouch-embed-thumbnail":{"import":"./embed/vouch-embed-thumbnail.js","default":"./embed/vouch-embed-thumbnail.js","require":"./embed/vouch-embed-thumbnail.cjs"},"./embed/vouch-recorder-button":{"import":"./embed/vouch-recorder-button.js","default":"./embed/vouch-recorder-button.js","require":"./embed/vouch-recorder-button.cjs"},"./components/vouch-graphic-svg":{"import":"./components/vouch-graphic-svg.js","default":"./components/vouch-graphic-svg.js","require":"./components/vouch-graphic-svg.cjs"},"./embed/VouchEmbedJumbo.svelte":"./embed/VouchEmbedJumbo.svelte","./embed/vouch-recorder-preview":{"import":"./embed/vouch-recorder-preview.js","default":"./embed/vouch-recorder-preview.js","require":"./embed/vouch-recorder-preview.cjs"},"./embed/VouchEmbedButton.svelte":"./embed/VouchEmbedButton.svelte","./embed/VouchEmbedPopover.svelte":"./embed/VouchEmbedPopover.svelte","./components/VouchIconPlay.svelte":"./components/VouchIconPlay.svelte","./components/VouchRecorder.svelte":"./components/VouchRecorder.svelte","./embed/VouchEmbedDialogue.svelte":"./embed/VouchEmbedDialogue.svelte","./embed/vouch-embed-inline-player":{"import":"./embed/vouch-embed-inline-player.js","default":"./embed/vouch-embed-inline-player.js","require":"./embed/vouch-embed-inline-player.cjs"},"./components/VouchBrandLogo.svelte":"./components/VouchBrandLogo.svelte","./components/VouchIconClose.svelte":"./components/VouchIconClose.svelte","./components/VouchIconPause.svelte":"./components/VouchIconPause.svelte","./components/VouchMediaPlyr.svelte":"./components/VouchMediaPlyr.svelte","./components/VouchWaterMark.svelte":"./components/VouchWaterMark.svelte","./components/vouch-icon-arrow-left":{"import":"./components/vouch-icon-arrow-left.js","default":"./components/vouch-icon-arrow-left.js","require":"./components/vouch-icon-arrow-left.cjs"},"./embed/VouchEmbedThumbnail.svelte":"./embed/VouchEmbedThumbnail.svelte","./embed/VouchRecorderButton.svelte":"./embed/VouchRecorderButton.svelte","./components/VouchGraphicSvg.svelte":"./components/VouchGraphicSvg.svelte","./components/vouch-icon-arrow-right":{"import":"./components/vouch-icon-arrow-right.js","default":"./components/vouch-icon-arrow-right.js","require":"./components/vouch-icon-arrow-right.cjs"},"./embed/VouchRecorderPreview.svelte":"./embed/VouchRecorderPreview.svelte","./components/vouch-overlay-play-icon":{"import":"./components/vouch-overlay-play-icon.js","default":"./components/vouch-overlay-play-icon.js","require":"./components/vouch-overlay-play-icon.cjs"},"./embed/VouchEmbedInlinePlayer.svelte":"./embed/VouchEmbedInlinePlayer.svelte","./components/VouchIconArrowLeft.svelte":"./components/VouchIconArrowLeft.svelte","./components/VouchIconArrowRight.svelte":"./components/VouchIconArrowRight.svelte","./components/VouchOverlayPlayIcon.svelte":"./components/VouchOverlayPlayIcon.svelte"},"_npmUser":{"name":"vouch-tech","email":"brian@vouchfor.com"},"repository":{"url":"git+https://github.com/VouchAU/vouch-uikit.git","type":"git"},"_npmVersion":"6.14.13","description":"Vouch Svelte UIKit","directories":{},"lint-staged":{"*.{js,svelte}":"yarn lint"},"_nodeVersion":"14.17.0","dependencies":{"plyr":"^3.7.2","cookie":"^0.4.1","hls.js":"^1.1.5","core-js":"^3.16.3","postcss":"^7","@vime/core":"^5.3.1","tailwindcss":"npm:@tailwindcss/postcss7-compat","@lukeed/uuid":"^2.0.0","autoprefixer":"^9","whatwg-fetch":"^3.6.2","@fontsource/fira-mono":"^4.2.2"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^27.0.6","path":"^0.12.7","husky":"4","tslib":"^2.0.0","dotenv":"^10.0.0","eslint":"^7.22.0","rollup":"^2.55.1","svelte":"^3.34.0","prettier":"~2.2.1","babel-jest":"^27.0.6","svelte2tsx":"^0.4.3","typescript":"^4.0.0","@babel/core":"^7.14.8","@types/jest":"^26.0.24","lint-staged":"^11.1.1","svelte-check":"^2.0.0","@sveltejs/kit":"next","@types/cookie":"^0.4.0","svelte-jester":"^1.8.1","svelte-loader":"^3.1.2","@babel/preset-env":"^7.14.9","@storybook/svelte":"^6.3.6","svelte-preprocess":"^4.0.0","rollup-plugin-copy":"^3.4.0","rollup-plugin-svelte":"^7.1.0","rollup-plugin-terser":"^7.0.2","eslint-plugin-svelte3":"^3.2.0","@babel/runtime-corejs3":"^7.14.9","@rollup/plugin-replace":"^3.0.0","@storybook/addon-links":"^6.3.6","eslint-config-prettier":"^8.1.0","prettier-plugin-svelte":"^2.2.0","@rollup/plugin-commonjs":"^22.0.0","@testing-library/svelte":"^3.0.3","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@typescript-eslint/parser":"^4.19.0","@rollup/plugin-node-resolve":"^13.0.4","@storybook/addon-essentials":"^6.3.6","@typescript-eslint/eslint-plugin":"^4.19.0"},"_npmOperationalInternal":{"tmp":"tmp/uikit_5.10.1_1663551404254_0.8055571562296724","host":"s3://npm-registry-packages"}},"5.10.2":{"name":"@vouchfor/uikit","version":"5.10.2","keywords":["embed","design system","vouch-uikit","svelte","uikit"],"author":{"url":"https://vouchau.github.io/vouch-uikit","name":"Vouch Dev Team","email":"hello@vouchfor.com"},"license":"MIT","_id":"@vouchfor/uikit@5.10.2","maintainers":[{"name":"vouch-tech","email":"brian@vouchfor.com"}],"homepage":"https://vouchau.github.io/vouch-uikit","bugs":{"url":"https://github.com/VouchAU/vouch-uikit/issues"},"dist":{"shasum":"1c138d07d60605c62d7fbc88eb7d838e43d449d2","tarball":"https://registry.npmjs.org/@vouchfor/uikit/-/uikit-5.10.2.tgz","fileCount":220,"integrity":"sha512-GtC3npYtWqU+TIED0R2pQIpTTuzwPlzs5p8F8RsohkCCp5yOOY2UABrxfD4cQFvX7avkyP6yDP89hqNBVx+eLg==","signatures":[{"sig":"MEYCIQCuf+cpd0RCubwwSqjR37ZN9xHKt6F331zY/30v67CsIwIhANTdUwl7ul1OdPCAlN6fMTqn9beai61p85fHwIh+n+ZY","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":98002017,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjKoC2ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrWhRAAh52pqagIlBukgr1l1ipMcg6+HC7y4UcQmwFw1rHKhxy3e3Br\r\nZMsUJjWrjmUzsXEKtrrOntUr6gSRzogC9Ls5l7we6J/YhzvVU+ejVYURsznU\r\nh6Wh2YSeLNY1iCzo3cqwDIjrIqQxaSMILTzsotQPLAN5R4Qn3cuOUiC4KWpI\r\n2UnWXctNn3rAhpyOVmW+XMwHCo2M7XzbPEdxXpxim85YrHR+I6T6zBtE/9ws\r\n/iaIZKF1BvUpQN6pDe0DpARAVnA1q6Hv4r62Zu+bVMqT9x0G9JsWGCC01L9L\r\nZM3vOnCBPjU4xhdV7DatkkYjiIWCaCLMse37a5+1tCA4m4/ZwQ4zbwRghbu2\r\n4XD8v4gI2JfI+QYYmNZHwYNZJkVlxEXnWh1/Y6dCqTk9NXbrlwWTO18ap9JS\r\nPwjibDIpbx3F5DdaLWCq/ttgjn7aHUA0sE19n+7nOq2WnwASonJ/M6QKZJsa\r\nhVsX5+qGwqfirw6U+OsIP49NXV+UoS6H3LljbRNji7Q6KCAYLz+0URBKUmY/\r\nF2nw9PzGQhrMe/gQCDcVf2zPrZQaPHeJoxdHoGWy0/amAsH7HKMoNE5ZjG6e\r\ncufYTZC2zupijhX922h2DJWB39+tMCOtbrr7sx1zS5c3pbIwB9xk7sgGEkYD\r\ngOdAgvjud59bGp+aPfSJS4mawE1r9GFHIeU=\r\n=CaB8\r\n-----END PGP SIGNATURE-----\r\n"},"type":"module","husky":{"hooks":{"pre-push":"yarn test --silent","pre-commit":"lint-staged"}},"types":"types.d.ts","engines":{"node":">=14.17.0"},"exports":{"./package.json":"./package.json","./embed/vouch-embed-all":{"import":"./embed/vouch-embed-all.js","default":"./embed/vouch-embed-all.js","require":"./embed/vouch-embed-all.cjs"},"./embed/vouch-embed-card":{"import":"./embed/vouch-embed-card.js","default":"./embed/vouch-embed-card.js","require":"./embed/vouch-embed-card.cjs"},"./embed/vouch-embed-jumbo":{"import":"./embed/vouch-embed-jumbo.js","default":"./embed/vouch-embed-jumbo.js","require":"./embed/vouch-embed-jumbo.cjs"},"./embed/vouch-embed-all.js":"./embed/vouch-embed-all.js","./embed/vouch-embed-button":{"import":"./embed/vouch-embed-button.js","default":"./embed/vouch-embed-button.js","require":"./embed/vouch-embed-button.cjs"},"./components/vouch-recorder":{"import":"./components/vouch-recorder.js","default":"./components/vouch-recorder.js","require":"./components/vouch-recorder.cjs"},"./embed/vouch-embed-popover":{"import":"./embed/vouch-embed-popover.js","default":"./embed/vouch-embed-popover.js","require":"./embed/vouch-embed-popover.cjs"},"./components/vouch-icon-play":{"import":"./components/vouch-icon-play.js","default":"./components/vouch-icon-play.js","require":"./components/vouch-icon-play.cjs"},"./embed/vouch-embed-dialogue":{"import":"./embed/vouch-embed-dialogue.js","default":"./embed/vouch-embed-dialogue.js","require":"./embed/vouch-embed-dialogue.cjs"},"./components/vouch-brand-logo":{"import":"./components/vouch-brand-logo.js","default":"./components/vouch-brand-logo.js","require":"./components/vouch-brand-logo.cjs"},"./components/vouch-icon-close":{"import":"./components/vouch-icon-close.js","default":"./components/vouch-icon-close.js","require":"./components/vouch-icon-close.cjs"},"./components/vouch-icon-pause":{"import":"./components/vouch-icon-pause.js","default":"./components/vouch-icon-pause.js","require":"./components/vouch-icon-pause.cjs"},"./components/vouch-media-plyr":{"import":"./components/vouch-media-plyr.js","default":"./components/vouch-media-plyr.js","require":"./components/vouch-media-plyr.cjs"},"./components/vouch-water-mark":{"import":"./components/vouch-water-mark.js","default":"./components/vouch-water-mark.js","require":"./components/vouch-water-mark.cjs"},"./embed/VouchEmbedCard.svelte":"./embed/VouchEmbedCard.svelte","./embed/vouch-embed-thumbnail":{"import":"./embed/vouch-embed-thumbnail.js","default":"./embed/vouch-embed-thumbnail.js","require":"./embed/vouch-embed-thumbnail.cjs"},"./embed/vouch-recorder-button":{"import":"./embed/vouch-recorder-button.js","default":"./embed/vouch-recorder-button.js","require":"./embed/vouch-recorder-button.cjs"},"./components/vouch-graphic-svg":{"import":"./components/vouch-graphic-svg.js","default":"./components/vouch-graphic-svg.js","require":"./components/vouch-graphic-svg.cjs"},"./embed/VouchEmbedJumbo.svelte":"./embed/VouchEmbedJumbo.svelte","./embed/vouch-recorder-preview":{"import":"./embed/vouch-recorder-preview.js","default":"./embed/vouch-recorder-preview.js","require":"./embed/vouch-recorder-preview.cjs"},"./embed/VouchEmbedButton.svelte":"./embed/VouchEmbedButton.svelte","./embed/VouchEmbedPopover.svelte":"./embed/VouchEmbedPopover.svelte","./components/VouchIconPlay.svelte":"./components/VouchIconPlay.svelte","./components/VouchRecorder.svelte":"./components/VouchRecorder.svelte","./embed/VouchEmbedDialogue.svelte":"./embed/VouchEmbedDialogue.svelte","./embed/vouch-embed-inline-player":{"import":"./embed/vouch-embed-inline-player.js","default":"./embed/vouch-embed-inline-player.js","require":"./embed/vouch-embed-inline-player.cjs"},"./components/VouchBrandLogo.svelte":"./components/VouchBrandLogo.svelte","./components/VouchIconClose.svelte":"./components/VouchIconClose.svelte","./components/VouchIconPause.svelte":"./components/VouchIconPause.svelte","./components/VouchMediaPlyr.svelte":"./components/VouchMediaPlyr.svelte","./components/VouchWaterMark.svelte":"./components/VouchWaterMark.svelte","./components/vouch-icon-arrow-left":{"import":"./components/vouch-icon-arrow-left.js","default":"./components/vouch-icon-arrow-left.js","require":"./components/vouch-icon-arrow-left.cjs"},"./embed/VouchEmbedThumbnail.svelte":"./embed/VouchEmbedThumbnail.svelte","./embed/VouchRecorderButton.svelte":"./embed/VouchRecorderButton.svelte","./components/VouchGraphicSvg.svelte":"./components/VouchGraphicSvg.svelte","./components/vouch-icon-arrow-right":{"import":"./components/vouch-icon-arrow-right.js","default":"./components/vouch-icon-arrow-right.js","require":"./components/vouch-icon-arrow-right.cjs"},"./embed/VouchRecorderPreview.svelte":"./embed/VouchRecorderPreview.svelte","./components/vouch-overlay-play-icon":{"import":"./components/vouch-overlay-play-icon.js","default":"./components/vouch-overlay-play-icon.js","require":"./components/vouch-overlay-play-icon.cjs"},"./embed/VouchEmbedInlinePlayer.svelte":"./embed/VouchEmbedInlinePlayer.svelte","./components/VouchIconArrowLeft.svelte":"./components/VouchIconArrowLeft.svelte","./components/VouchIconArrowRight.svelte":"./components/VouchIconArrowRight.svelte","./components/VouchOverlayPlayIcon.svelte":"./components/VouchOverlayPlayIcon.svelte"},"_npmUser":{"name":"vouch-tech","email":"brian@vouchfor.com"},"repository":{"url":"git+https://github.com/VouchAU/vouch-uikit.git","type":"git"},"_npmVersion":"6.14.13","description":"Vouch Svelte UIKit","directories":{},"lint-staged":{"*.{js,svelte}":"yarn lint"},"_nodeVersion":"14.17.0","dependencies":{"plyr":"^3.7.2","cookie":"^0.4.1","hls.js":"^1.1.5","core-js":"^3.16.3","postcss":"^7","@vime/core":"^5.3.1","tailwindcss":"npm:@tailwindcss/postcss7-compat","@lukeed/uuid":"^2.0.0","autoprefixer":"^9","whatwg-fetch":"^3.6.2","@fontsource/fira-mono":"^4.2.2"},"_hasShrinkwrap":false,"devDependencies":{"jest":"^27.0.6","path":"^0.12.7","husky":"4","tslib":"^2.0.0","dotenv":"^10.0.0","eslint":"^7.22.0","rollup":"^2.55.1","svelte":"^3.34.0","prettier":"~2.2.1","babel-jest":"^27.0.6","svelte2tsx":"^0.4.3","typescript":"^4.0.0","@babel/core":"^7.14.8","@types/jest":"^26.0.24","lint-staged":"^11.1.1","svelte-check":"^2.0.0","@sveltejs/kit":"next","@types/cookie":"^0.4.0","svelte-jester":"^1.8.1","svelte-loader":"^3.1.2","@babel/preset-env":"^7.14.9","@storybook/svelte":"^6.3.6","svelte-preprocess":"^4.0.0","rollup-plugin-copy":"^3.4.0","rollup-plugin-svelte":"^7.1.0","rollup-plugin-terser":"^7.0.2","eslint-plugin-svelte3":"^3.2.0","@babel/runtime-corejs3":"^7.14.9","@rollup/plugin-replace":"^3.0.0","@storybook/addon-links":"^6.3.6","eslint-config-prettier":"^8.1.0","prettier-plugin-svelte":"^2.2.0","@rollup/plugin-commonjs":"^22.0.0","@testing-library/svelte":"^3.0.3","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@typescript-eslint/parser":"^4.19.0","@rollup/plugin-node-resolve":"^13.0.4","@storybook/addon-essentials":"^6.3.6","@typescript-eslint/eslint-plugin":"^4.19.0"},"_npmOperationalInternal":{"tmp":"tmp/uikit_5.10.2_1663729845989_0.3730613888976313","host":"s3://npm-registry-packages"}},"5.11.0":{"name":"@vouchfor/uikit","version":"5.11.0","keywords":["embed","design system","vouch-uikit","svelte","uikit"],"author":{"url":"https://vouchau.github.io/vouch-uikit","name":"Vouch Dev Team","email":"hello@vouchfor.com"},"license":"MIT","_id":"@vouchfor/uikit@5.11.0","maintainers":[{"name":"vouch-tech","email":"brian@vouchfor.com"}],"homepage":"https://vouchau.github.io/vouch-uikit","bugs":{"url":"https://github.com/VouchAU/vouch-uikit/issues"},"dist":{"shasum":"3a3d88252fdab42bcb8b95bd56ecb0ec8a9c15a6","tarball":"https://registry.npmjs.org/@vouchfor/uikit/-/uikit-5.11.0.tgz","fileCount":220,"integrity":"sha512-/K7CMd6cd1O5Uc7KFEGs0P/kHby+wvYz8rWkc595KnAiPxKviYGLsi9py9oXx46OOxrLmKC6fmtszFYNY7Iggg==","signatures":[{"sig":"MEUCIAXlj0tEIRzREBaIDJWqhV6o0PVG1i76nsmNmygnoEHeAiEAhKJYwKFr/vK7H3ptf+31ErJ/HsTdJp4O5+Nt7aT8Ur8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":97911070,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjKqN3ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmorbhAAk56XhJCHtGNgt6KtY5TJNqqIkIJyUQ+iR6I9fm1ne+KNlBZK\r\nhWOmEdOT2DJfqj6pvb3dMBIhzHAqSL72ucBD5SkR0gXozmD3a4hspSq28Lq0\r\nrTbn5XwAWFIC2WlMFUK8x4ERH5yIu28wWHgGZtmgr+91mP60AGbIFkIjUOD8\r\n0ydMi+M3sI0c9Wx0vG3ylYvu3ShgSeQM+5IBfzBDDPE8nf4nEhZxIoBFVwLR\r\nrjHvWTajFbngAwb1HHnddaK5EcUXiGaaw273wYzwigAow4n5Yfznoneb7Yix\r\nhInf9rribn337d8cpoAnTdF/RWRgW9GDc0PB1u7nZS0WVVgsBAbWKUJrTlah\r\nQXnrCcho6j40zOUQWOfBmnYinEod/gf/TMhTtN+o7/jW6z3k/fcPI7pu/Srf\r\nvzw3sszeG340v0BLYUwNY4+MePvDcma4zFi+xoNH1vD4dOWBz1quCebuc7RO\r\n5CBls7DSM6MByMtYglkVcbJ/Fph1kbZbJKSljLWakVQ+WgpYBiTQMx1c4gwE\r\nmq4DR8FjGioVkbrPIf+fNrQR5i7zc8XeL6qoVnRkTrjLOXLpJhPFV+1X9gsf\r\nT4Be4vWwl+1Ldj3aj17bdLnmKT5BzsbhS64gONOktidIjwD0WtrTni2ZMK9L\r\nN1pXhMYRPEqQEkY3drzQEHyOQWtukMdMUc0=\r\n=rizv\r\n-----END PGP SIGNATURE-----\r\n"},"type":"module","husky":{"hooks":{"pre-push":"yarn test --silent","pre-commit":"lint-staged"}},"types":"types.d.ts","readme":"# Vouch UIKit\n\n- [Get Started](#get-started)\n - [Storybook](#storybook)\n - [Build package](#build-package)\n - [Test package locally with vouch-app](#test-package-locally-with-vouch-app)\n - [Publish to npm](#publish-to-npm)\n - [Purge npm cache](#purge-npm-cached-tags)\n- [Update vouch-app](#update-vouch-app)\n - [development](#development-devvouchforcom)\n - [staging](#staging-stagingvouchforcom)\n - [production](#production-appvouchforcom)\n\n**Vouch UIKit** consists of `2 libraries` and `1 application`\n\n```bash\n└── src\n ├── lib\n │ ├── components # Design System Components (Web Component)\n │ │ ├── VouchBrandLogo.svelte\n │ │ ...\n │ │\n │ └── embed # embed Components (Web Component)\n │ │ ├── VouchEmbedInlinePlayer.svelte\n │ ...\n │\n │\n ├── routes # vouch public embed link (https://embed.vouchfor.com)\n │ ├── __layout.svelte\n │ ├── index.svelte\n │ ├── about.svelte\n │ ...\n │\n ├── app.css\n └── app.html\n```\n\n# Get Started\n\nEnsure you have node `14.17.0` installed on your machine, for example via [nvm](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/TERMINAL.md#install-nvm), run `nvm ls` to check\n\n```bash\nnvm ls 14\n```\n\nyou should see output if you have the version installed\n\n```bash\n-> v14.17.0\n```\n\nensure you have [git ssh](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/GITHUB.md) setup locally before you clone the repo\n\n```bash\ngit clone git@github.com:VouchAU/vouch-uikit.git\n```\n\ninstall dependencies\n\n```bash\ncd vouch-uikit\nyarn\n```\n\n## Storybook\n\nhttps://designsystem.vouchfor.com/\n\nStorybook is hosted on GitHub page `gh-pages` branch (Domain name is configured on **Cloudflare**) and deployed automatically via **GitHub Action** every time changes are merged back to `master`.\n\nLocal dev\n\n```bash\nyarn storybook\n```\n\nbuild storybook\n\n```bash\nyarn build-storybook\n```\n\n## Build package\n\nBuild `src/lib` production/beta/alpha package, make sure you change `version` in `package.json` for three different build tags.\n\n```sh\ncd vouch-uikit\n...\nyarn package:alpha # development\nyarn package:beta # staging\nyarn package # production\n```\n\n## Test package locally with `vouch-app`\n\nOnce you build the `npm` package, you can test locally with `vouch-app` to ensure everything works as expected before publishing to `npm`\n\nAssuming you build a package according [Build package](#build-package), now you can create a symlink to your local package\n\n```sh\ncd package\nyarn link\n```\n\nyou should see this if successfully linked\n\n```sh\nyarn link v1.22.10\nsuccess Registered \"@vouchfor/uikit\".\ninfo You can now run `yarn link \"@vouchfor/uikit\"` in the projects where you want to use this package and it will be used instead.\n✨ Done in 0.04s.\n```\n\ngo to `vouch-app` folder and switch to the branch you want to test against with then link the local package\n\n```sh\ncd vouch-app\ngit checkout VCH-222\nyarn link @vouchfor/uikit\nyarn dev\n```\n\nVoilà, you are testing your feature branch with the local uikit package and don't forget to roll back after testing\n\n```sh\ncd vouch-app\nyarn unlink @vouchfor/uikit\n...\ncd vouch-uikit/package\nyarn unlink\n```\n\n## Publish to `npm`\n\n> Note you will need to log in `vouch-tech` on your terminal before publishing, credential is shared via 1Password.\n\n```bash\nnpm login\n...\n```\n\n```bash\ncd package\n...\nnpm publish --access public --tag alpha # development\nnpm publish --access public --tag beta # staging\nnpm publish --access public # production\n```\n\n## Purge `jsdelivr` cache\n\n`@vouchfor/uikit` is most likely consumed by **tag**, `alpha`, `beta` and `latest`, not version number to ensure clients can always get the latest updates. [jsdelivr](https://cdn.jsdelivr.net/) default has 7 days cache for `tag`, so we need to purge it to reflect new version number.\n\n- Check current tag version number\n\n - [Click to check Alpha](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@alpha/)\n - [Click to check Beta](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@beta/)\n - [Click to check Production](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n- Purge cache\n - [Click to purge Alpha](https://purge.jsdelivr.net/npm/@vouchfor/uikit@alpha/)\n - [Click to purge Beta](https://purge.jsdelivr.net/npm/@vouchfor/uikit@beta/)\n - **_Danger_** [Click to purge Production](https://purge.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n### Purge specific bundle.js\n\nOur embed code snippet `src` attribute currently refers to a specific embed bundle js , for example\n\n```html\n\n
\n```\n\nIn this case, you will need to purge the bundle file specifically by providing absolute path\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/embed/{filename}.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/components/{filename}.bundle.js\n```\n\nfor example,\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@alpha/embed/vouch-embed-inline-player.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@beta/embed/vouch-embed-inline-player.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/embed/vouch-embed-inline-player.bundle.js\n```\n\n## Unit test\n\n```bash\nyarn test\n```\n\nupdate snapshot\n\n```bash\nyarn test -u\n```\n\n# Update `vouch-app`\n\n`@vouchfor/uikit` is a dependency of `vouch-app` for embeds and UI components, follow the below steps to publish NPM package and update `package.json` dependency in `vouch-app`.\n\n> Each PR should bump the minor version in `package.json` in order to push new version to NPM. e.g. `\"version\": \"3.9.0\"` in `main` branch, you should bump to `\"version\": \"3.10.0\"` in your branch.\n\n> The major version should only be used for releasing breaking changes. e.g. `3.0.0`, `4.0.0`\n\n## Development (`dev.vouchfor.com`)\n\nAssuming your branch bumped version in `package.json` to\n\n```json\n\"version\": \"3.10.0\"\n```\n\n### Bump patch version number\n\nEnsure your patch version number isn't used, e.g. if `3.10.0` was published before, bump to `3.10.1`.\n\n### Build and publish\n\n```sh\nyarn package:alpha\ncd package\nnpm publish --access public --tag alpha\n```\n\nMake sure you purge NPM CDN cache for package, see [Purge npm cached tags](#purge-npm-cached-tags)\n\n### Update dependency in `vouch-app`\n\nEnsure you already cloned [vouch-app](https://github.com/VouchAU/vouch-app.git) locally then switch to the folder.\n\n```sh\ncd vouch-app\ngit checkout development\ngit pull\ngit merge feature/VCH-111 # Optional, only when you have code change dependency in vouch-app as well\nyarn upgrade @vouchfor/uikit@alpha\n```\n\nAfter upgrade, you should see version updates in both `package.json` and `yarn.lock`, but due to a known issue of `yarn`, please do these before committing changes\n\n- Manually roll back `package.json` (should always `\"@vouchfor/uikit\": \"alpha\"` for `development`).\n- run `yarn` again to update `yarn.lock`\n\n```sh\ngit commit -m \"Bumped uikit version\"\ngit push\n```\n\n## Staging (`staging.vouchfor.com`)\n\nUpdate `staging` environment is the same as [Development](#development-devvouchforcom) but remember to change cmd to `staging` specific\n\n```sh\nyarn package:beta\n```\n\n```sh\nnpm publish --access public --tag beta\n```\n\n```sh\ncd vouch-app\ngit checkout staging\ngit pull\ngit merge feature/VCH-111 # Optional, only when you have code change dependency in vouch-app as well\nyarn upgrade @vouchfor/uikit@beta\n```\n\n## Production (`app.vouchfor.com`)\n\nOne thing different when release to production, since `master` branch can only be merged by PRs (after code review), so you will need to run `yarn upgrade @vouchfor/uikit@latest` under you feature branch and commit **before merging the PR**.\n\n```sh\ngit checkout feature/VCH-111\nyarn upgrade upgrade @vouchfor/uikit@latest\ngit commit -m \"Bumped uikit version\"\ngit push\n```\n\n> When you run above cmd, your PR should be ready to merge (reviewed and QA tested)\n","engines":{"node":">=14.17.0"},"exports":{"./package.json":"./package.json","./embed/vouch-embed-all":{"import":"./embed/vouch-embed-all.js","default":"./embed/vouch-embed-all.js","require":"./embed/vouch-embed-all.cjs"},"./embed/vouch-embed-card":{"import":"./embed/vouch-embed-card.js","default":"./embed/vouch-embed-card.js","require":"./embed/vouch-embed-card.cjs"},"./embed/vouch-embed-jumbo":{"import":"./embed/vouch-embed-jumbo.js","default":"./embed/vouch-embed-jumbo.js","require":"./embed/vouch-embed-jumbo.cjs"},"./embed/vouch-embed-all.js":"./embed/vouch-embed-all.js","./embed/vouch-embed-button":{"import":"./embed/vouch-embed-button.js","default":"./embed/vouch-embed-button.js","require":"./embed/vouch-embed-button.cjs"},"./components/vouch-recorder":{"import":"./components/vouch-recorder.js","default":"./components/vouch-recorder.js","require":"./components/vouch-recorder.cjs"},"./embed/vouch-embed-popover":{"import":"./embed/vouch-embed-popover.js","default":"./embed/vouch-embed-popover.js","require":"./embed/vouch-embed-popover.cjs"},"./components/vouch-icon-play":{"import":"./components/vouch-icon-play.js","default":"./components/vouch-icon-play.js","require":"./components/vouch-icon-play.cjs"},"./embed/vouch-embed-dialogue":{"import":"./embed/vouch-embed-dialogue.js","default":"./embed/vouch-embed-dialogue.js","require":"./embed/vouch-embed-dialogue.cjs"},"./components/vouch-brand-logo":{"import":"./components/vouch-brand-logo.js","default":"./components/vouch-brand-logo.js","require":"./components/vouch-brand-logo.cjs"},"./components/vouch-icon-close":{"import":"./components/vouch-icon-close.js","default":"./components/vouch-icon-close.js","require":"./components/vouch-icon-close.cjs"},"./components/vouch-icon-pause":{"import":"./components/vouch-icon-pause.js","default":"./components/vouch-icon-pause.js","require":"./components/vouch-icon-pause.cjs"},"./components/vouch-media-plyr":{"import":"./components/vouch-media-plyr.js","default":"./components/vouch-media-plyr.js","require":"./components/vouch-media-plyr.cjs"},"./components/vouch-water-mark":{"import":"./components/vouch-water-mark.js","default":"./components/vouch-water-mark.js","require":"./components/vouch-water-mark.cjs"},"./embed/VouchEmbedCard.svelte":"./embed/VouchEmbedCard.svelte","./embed/vouch-embed-thumbnail":{"import":"./embed/vouch-embed-thumbnail.js","default":"./embed/vouch-embed-thumbnail.js","require":"./embed/vouch-embed-thumbnail.cjs"},"./embed/vouch-recorder-button":{"import":"./embed/vouch-recorder-button.js","default":"./embed/vouch-recorder-button.js","require":"./embed/vouch-recorder-button.cjs"},"./components/vouch-graphic-svg":{"import":"./components/vouch-graphic-svg.js","default":"./components/vouch-graphic-svg.js","require":"./components/vouch-graphic-svg.cjs"},"./embed/VouchEmbedJumbo.svelte":"./embed/VouchEmbedJumbo.svelte","./embed/vouch-recorder-preview":{"import":"./embed/vouch-recorder-preview.js","default":"./embed/vouch-recorder-preview.js","require":"./embed/vouch-recorder-preview.cjs"},"./embed/VouchEmbedButton.svelte":"./embed/VouchEmbedButton.svelte","./embed/VouchEmbedPopover.svelte":"./embed/VouchEmbedPopover.svelte","./components/VouchIconPlay.svelte":"./components/VouchIconPlay.svelte","./components/VouchRecorder.svelte":"./components/VouchRecorder.svelte","./embed/VouchEmbedDialogue.svelte":"./embed/VouchEmbedDialogue.svelte","./embed/vouch-embed-inline-player":{"import":"./embed/vouch-embed-inline-player.js","default":"./embed/vouch-embed-inline-player.js","require":"./embed/vouch-embed-inline-player.cjs"},"./components/VouchBrandLogo.svelte":"./components/VouchBrandLogo.svelte","./components/VouchIconClose.svelte":"./components/VouchIconClose.svelte","./components/VouchIconPause.svelte":"./components/VouchIconPause.svelte","./components/VouchMediaPlyr.svelte":"./components/VouchMediaPlyr.svelte","./components/VouchWaterMark.svelte":"./components/VouchWaterMark.svelte","./components/vouch-icon-arrow-left":{"import":"./components/vouch-icon-arrow-left.js","default":"./components/vouch-icon-arrow-left.js","require":"./components/vouch-icon-arrow-left.cjs"},"./embed/VouchEmbedThumbnail.svelte":"./embed/VouchEmbedThumbnail.svelte","./embed/VouchRecorderButton.svelte":"./embed/VouchRecorderButton.svelte","./components/VouchGraphicSvg.svelte":"./components/VouchGraphicSvg.svelte","./components/vouch-icon-arrow-right":{"import":"./components/vouch-icon-arrow-right.js","default":"./components/vouch-icon-arrow-right.js","require":"./components/vouch-icon-arrow-right.cjs"},"./embed/VouchRecorderPreview.svelte":"./embed/VouchRecorderPreview.svelte","./components/vouch-overlay-play-icon":{"import":"./components/vouch-overlay-play-icon.js","default":"./components/vouch-overlay-play-icon.js","require":"./components/vouch-overlay-play-icon.cjs"},"./embed/VouchEmbedInlinePlayer.svelte":"./embed/VouchEmbedInlinePlayer.svelte","./components/VouchIconArrowLeft.svelte":"./components/VouchIconArrowLeft.svelte","./components/VouchIconArrowRight.svelte":"./components/VouchIconArrowRight.svelte","./components/VouchOverlayPlayIcon.svelte":"./components/VouchOverlayPlayIcon.svelte"},"_npmUser":{"name":"vouch-tech","email":"brian@vouchfor.com"},"repository":{"url":"git+https://github.com/VouchAU/vouch-uikit.git","type":"git"},"_npmVersion":"6.14.13","description":"Vouch Svelte UIKit","directories":{},"lint-staged":{"*.{js,svelte}":"yarn lint"},"_nodeVersion":"14.17.0","dependencies":{"plyr":"^3.7.2","cookie":"^0.4.1","hls.js":"^1.1.5","core-js":"^3.16.3","postcss":"^7","@vime/core":"^5.3.1","tailwindcss":"npm:@tailwindcss/postcss7-compat","@lukeed/uuid":"^2.0.0","autoprefixer":"^9","whatwg-fetch":"^3.6.2","@fontsource/fira-mono":"^4.2.2"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^27.0.6","path":"^0.12.7","husky":"4","tslib":"^2.0.0","dotenv":"^10.0.0","eslint":"^7.22.0","rollup":"^2.55.1","svelte":"^3.34.0","prettier":"~2.2.1","babel-jest":"^27.0.6","svelte2tsx":"^0.4.3","typescript":"^4.0.0","@babel/core":"^7.14.8","@types/jest":"^26.0.24","lint-staged":"^11.1.1","svelte-check":"^2.0.0","@sveltejs/kit":"next","@types/cookie":"^0.4.0","svelte-jester":"^1.8.1","svelte-loader":"^3.1.2","@babel/preset-env":"^7.14.9","@storybook/svelte":"^6.3.6","svelte-preprocess":"^4.0.0","rollup-plugin-copy":"^3.4.0","rollup-plugin-svelte":"^7.1.0","rollup-plugin-terser":"^7.0.2","eslint-plugin-svelte3":"^3.2.0","@babel/runtime-corejs3":"^7.14.9","@rollup/plugin-replace":"^3.0.0","@storybook/addon-links":"^6.3.6","eslint-config-prettier":"^8.1.0","prettier-plugin-svelte":"^2.2.0","@rollup/plugin-commonjs":"^22.0.0","@testing-library/svelte":"^3.0.3","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@typescript-eslint/parser":"^4.19.0","@rollup/plugin-node-resolve":"^13.0.4","@storybook/addon-essentials":"^6.3.6","@typescript-eslint/eslint-plugin":"^4.19.0"},"_npmOperationalInternal":{"tmp":"tmp/uikit_5.11.0_1663738742439_0.06535126926156942","host":"s3://npm-registry-packages"}},"5.11.1":{"name":"@vouchfor/uikit","version":"5.11.1","keywords":["embed","design system","vouch-uikit","svelte","uikit"],"author":{"url":"https://vouchau.github.io/vouch-uikit","name":"Vouch Dev Team","email":"hello@vouchfor.com"},"license":"MIT","_id":"@vouchfor/uikit@5.11.1","maintainers":[{"name":"vouch-tech","email":"brian@vouchfor.com"}],"homepage":"https://vouchau.github.io/vouch-uikit","bugs":{"url":"https://github.com/VouchAU/vouch-uikit/issues"},"dist":{"shasum":"65ce44d1e0ca7cf703863e166958065ec4f5eb23","tarball":"https://registry.npmjs.org/@vouchfor/uikit/-/uikit-5.11.1.tgz","fileCount":220,"integrity":"sha512-CDFIb29zUhMAdPNKfqW3Xubt+9fm0nlYUBp4jBljzikeaTxAvcLdbo9avmmbigFwjX8AmDkCrX9iOT1A/7QSEw==","signatures":[{"sig":"MEQCIAMd4EJ0wtUP+OFe5W4Y78EjDkexXjs49UxOu8OjkHTcAiA9ge5df1vglMWOH0fFRANjmQKqmp5hF1LZSKhCfJSP8A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":98041069,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjMPbbACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoAjBAAgW4tVC5XPEUw+tAo9xax/N8m+jFLRnBBhaf7X7r58Beg3wGy\r\nWZH1fOY57RIUQdESMGEyPVc+Ft2wjQkNtKqHSGCZqnvZLT6ub5pcAd1tax3D\r\nL7elRmzpg2Xesk8LWMM64lSVtZ2xF0IFPFr4cYMB5dS/tf7vZ1dzZDFWSWlb\r\nOQknKcr6VrEznm+Ai4CyBo18s+mgUV4fdaF5sPzFQF5iLHPYvO6ULV/jk9qa\r\n6tVyP2YQadbv6+kBUnfruGf3nZ0e4juaQDWoeVMN4Zhsa5Us6UsirggmBbYr\r\nqY6PypRrT7XPUM+/OrKYHSsDtPpvCrSU3KltT1nMWHc3DoF5mMlc/tjBjglS\r\nWTZHhyeSsyR+bx9MxksWTskaB3Wm55zqC0rLlhcoiG+RUtDXkA0zn751xtCq\r\nJi4wvlVXGfAr5Q0n+b0VwnUMj5UETRWwddtORpUUuAJNXbvkkb1qfQ8ozsPy\r\nGHaKZh9HX5q5smciGbqxYshr3kHfpSsp6SgdYM7lyZ5krp3jTBm/+SaxXrqa\r\nvIlhdqM6n2N4Bj4L1Zbp3Q7BZxLiM4rg1lltifVBmNHzFeQHzFzeZ2dEeGOB\r\naPR9pbhuU4e3u5yJ7mNg6BYtLkiIIibdYSb0U+q9XAbRZ4olH540gKlF3pVz\r\npCYlDlZlSytINVq6Qf1wqcdbFqK/QqBQl7M=\r\n=1etV\r\n-----END PGP SIGNATURE-----\r\n"},"type":"module","husky":{"hooks":{"pre-push":"yarn test --silent","pre-commit":"lint-staged"}},"types":"types.d.ts","readme":"# Vouch UIKit\n\n- [Get Started](#get-started)\n - [Storybook](#storybook)\n - [Build package](#build-package)\n - [Test package locally with vouch-app](#test-package-locally-with-vouch-app)\n - [Publish to npm](#publish-to-npm)\n - [Purge npm cache](#purge-npm-cached-tags)\n- [Update vouch-app](#update-vouch-app)\n - [development](#development-devvouchforcom)\n - [staging](#staging-stagingvouchforcom)\n - [production](#production-appvouchforcom)\n\n**Vouch UIKit** consists of `2 libraries` and `1 application`\n\n```bash\n└── src\n ├── lib\n │ ├── components # Design System Components (Web Component)\n │ │ ├── VouchBrandLogo.svelte\n │ │ ...\n │ │\n │ └── embed # embed Components (Web Component)\n │ │ ├── VouchEmbedInlinePlayer.svelte\n │ ...\n │\n │\n ├── routes # vouch public embed link (https://embed.vouchfor.com)\n │ ├── __layout.svelte\n │ ├── index.svelte\n │ ├── about.svelte\n │ ...\n │\n ├── app.css\n └── app.html\n```\n\n# Get Started\n\nEnsure you have node `14.17.0` installed on your machine, for example via [nvm](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/TERMINAL.md#install-nvm), run `nvm ls` to check\n\n```bash\nnvm ls 14\n```\n\nyou should see output if you have the version installed\n\n```bash\n-> v14.17.0\n```\n\nensure you have [git ssh](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/GITHUB.md) setup locally before you clone the repo\n\n```bash\ngit clone git@github.com:VouchAU/vouch-uikit.git\n```\n\ninstall dependencies\n\n```bash\ncd vouch-uikit\nyarn\n```\n\n## Storybook\n\nhttps://designsystem.vouchfor.com/\n\nStorybook is hosted on GitHub page `gh-pages` branch (Domain name is configured on **Cloudflare**) and deployed automatically via **GitHub Action** every time changes are merged back to `master`.\n\nLocal dev\n\n```bash\nyarn storybook\n```\n\nbuild storybook\n\n```bash\nyarn build-storybook\n```\n\n## Build package\n\nBuild `src/lib` production/beta/alpha package, make sure you change `version` in `package.json` for three different build tags.\n\n```sh\ncd vouch-uikit\n...\nyarn package:alpha # development\nyarn package:beta # staging\nyarn package # production\n```\n\n## Test package locally with `vouch-app`\n\nOnce you build the `npm` package, you can test locally with `vouch-app` to ensure everything works as expected before publishing to `npm`\n\nAssuming you build a package according [Build package](#build-package), now you can create a symlink to your local package\n\n```sh\ncd package\nyarn link\n```\n\nyou should see this if successfully linked\n\n```sh\nyarn link v1.22.10\nsuccess Registered \"@vouchfor/uikit\".\ninfo You can now run `yarn link \"@vouchfor/uikit\"` in the projects where you want to use this package and it will be used instead.\n✨ Done in 0.04s.\n```\n\ngo to `vouch-app` folder and switch to the branch you want to test against with then link the local package\n\n```sh\ncd vouch-app\ngit checkout VCH-222\nyarn link @vouchfor/uikit\nyarn dev\n```\n\nVoilà, you are testing your feature branch with the local uikit package and don't forget to roll back after testing\n\n```sh\ncd vouch-app\nyarn unlink @vouchfor/uikit\n...\ncd vouch-uikit/package\nyarn unlink\n```\n\n## Publish to `npm`\n\n> Note you will need to log in `vouch-tech` on your terminal before publishing, credential is shared via 1Password.\n\n```bash\nnpm login\n...\n```\n\n```bash\ncd package\n...\nnpm publish --access public --tag alpha # development\nnpm publish --access public --tag beta # staging\nnpm publish --access public # production\n```\n\n## Purge `jsdelivr` cache\n\n`@vouchfor/uikit` is most likely consumed by **tag**, `alpha`, `beta` and `latest`, not version number to ensure clients can always get the latest updates. [jsdelivr](https://cdn.jsdelivr.net/) default has 7 days cache for `tag`, so we need to purge it to reflect new version number.\n\n- Check current tag version number\n\n - [Click to check Alpha](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@alpha/)\n - [Click to check Beta](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@beta/)\n - [Click to check Production](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n- Purge cache\n - [Click to purge Alpha](https://purge.jsdelivr.net/npm/@vouchfor/uikit@alpha/)\n - [Click to purge Beta](https://purge.jsdelivr.net/npm/@vouchfor/uikit@beta/)\n - **_Danger_** [Click to purge Production](https://purge.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n### Purge specific bundle.js\n\nOur embed code snippet `src` attribute currently refers to a specific embed bundle js , for example\n\n```html\n\n
\n```\n\nIn this case, you will need to purge the bundle file specifically by providing absolute path\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/embed/{filename}.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/components/{filename}.bundle.js\n```\n\nfor example,\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@alpha/embed/vouch-embed-inline-player.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@beta/embed/vouch-embed-inline-player.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/embed/vouch-embed-inline-player.bundle.js\n```\n\n## Unit test\n\n```bash\nyarn test\n```\n\nupdate snapshot\n\n```bash\nyarn test -u\n```\n\n# Update `vouch-app`\n\n`@vouchfor/uikit` is a dependency of `vouch-app` for embeds and UI components, follow the below steps to publish NPM package and update `package.json` dependency in `vouch-app`.\n\n> Each PR should bump the minor version in `package.json` in order to push new version to NPM. e.g. `\"version\": \"3.9.0\"` in `main` branch, you should bump to `\"version\": \"3.10.0\"` in your branch.\n\n> The major version should only be used for releasing breaking changes. e.g. `3.0.0`, `4.0.0`\n\n## Development (`dev.vouchfor.com`)\n\nAssuming your branch bumped version in `package.json` to\n\n```json\n\"version\": \"3.10.0\"\n```\n\n### Bump patch version number\n\nEnsure your patch version number isn't used, e.g. if `3.10.0` was published before, bump to `3.10.1`.\n\n### Build and publish\n\n```sh\nyarn package:alpha\ncd package\nnpm publish --access public --tag alpha\n```\n\nMake sure you purge NPM CDN cache for package, see [Purge npm cached tags](#purge-npm-cached-tags)\n\n### Update dependency in `vouch-app`\n\nEnsure you already cloned [vouch-app](https://github.com/VouchAU/vouch-app.git) locally then switch to the folder.\n\n```sh\ncd vouch-app\ngit checkout development\ngit pull\ngit merge feature/VCH-111 # Optional, only when you have code change dependency in vouch-app as well\nyarn upgrade @vouchfor/uikit@alpha\n```\n\nAfter upgrade, you should see version updates in both `package.json` and `yarn.lock`, but due to a known issue of `yarn`, please do these before committing changes\n\n- Manually roll back `package.json` (should always `\"@vouchfor/uikit\": \"alpha\"` for `development`).\n- run `yarn` again to update `yarn.lock`\n\n```sh\ngit commit -m \"Bumped uikit version\"\ngit push\n```\n\n## Staging (`staging.vouchfor.com`)\n\nUpdate `staging` environment is the same as [Development](#development-devvouchforcom) but remember to change cmd to `staging` specific\n\n```sh\nyarn package:beta\n```\n\n```sh\nnpm publish --access public --tag beta\n```\n\n```sh\ncd vouch-app\ngit checkout staging\ngit pull\ngit merge feature/VCH-111 # Optional, only when you have code change dependency in vouch-app as well\nyarn upgrade @vouchfor/uikit@beta\n```\n\n## Production (`app.vouchfor.com`)\n\nOne thing different when release to production, since `master` branch can only be merged by PRs (after code review), so you will need to run `yarn upgrade @vouchfor/uikit@latest` under you feature branch and commit **before merging the PR**.\n\n```sh\ngit checkout feature/VCH-111\nyarn upgrade upgrade @vouchfor/uikit@latest\ngit commit -m \"Bumped uikit version\"\ngit push\n```\n\n> When you run above cmd, your PR should be ready to merge (reviewed and QA tested)\n","engines":{"node":">=14.17.0"},"exports":{"./package.json":"./package.json","./embed/vouch-embed-all":{"import":"./embed/vouch-embed-all.js","default":"./embed/vouch-embed-all.js","require":"./embed/vouch-embed-all.cjs"},"./embed/vouch-embed-card":{"import":"./embed/vouch-embed-card.js","default":"./embed/vouch-embed-card.js","require":"./embed/vouch-embed-card.cjs"},"./embed/vouch-embed-jumbo":{"import":"./embed/vouch-embed-jumbo.js","default":"./embed/vouch-embed-jumbo.js","require":"./embed/vouch-embed-jumbo.cjs"},"./embed/vouch-embed-all.js":"./embed/vouch-embed-all.js","./embed/vouch-embed-button":{"import":"./embed/vouch-embed-button.js","default":"./embed/vouch-embed-button.js","require":"./embed/vouch-embed-button.cjs"},"./components/vouch-recorder":{"import":"./components/vouch-recorder.js","default":"./components/vouch-recorder.js","require":"./components/vouch-recorder.cjs"},"./embed/vouch-embed-popover":{"import":"./embed/vouch-embed-popover.js","default":"./embed/vouch-embed-popover.js","require":"./embed/vouch-embed-popover.cjs"},"./components/vouch-icon-play":{"import":"./components/vouch-icon-play.js","default":"./components/vouch-icon-play.js","require":"./components/vouch-icon-play.cjs"},"./embed/vouch-embed-dialogue":{"import":"./embed/vouch-embed-dialogue.js","default":"./embed/vouch-embed-dialogue.js","require":"./embed/vouch-embed-dialogue.cjs"},"./components/vouch-brand-logo":{"import":"./components/vouch-brand-logo.js","default":"./components/vouch-brand-logo.js","require":"./components/vouch-brand-logo.cjs"},"./components/vouch-icon-close":{"import":"./components/vouch-icon-close.js","default":"./components/vouch-icon-close.js","require":"./components/vouch-icon-close.cjs"},"./components/vouch-icon-pause":{"import":"./components/vouch-icon-pause.js","default":"./components/vouch-icon-pause.js","require":"./components/vouch-icon-pause.cjs"},"./components/vouch-media-plyr":{"import":"./components/vouch-media-plyr.js","default":"./components/vouch-media-plyr.js","require":"./components/vouch-media-plyr.cjs"},"./components/vouch-water-mark":{"import":"./components/vouch-water-mark.js","default":"./components/vouch-water-mark.js","require":"./components/vouch-water-mark.cjs"},"./embed/VouchEmbedCard.svelte":"./embed/VouchEmbedCard.svelte","./embed/vouch-embed-thumbnail":{"import":"./embed/vouch-embed-thumbnail.js","default":"./embed/vouch-embed-thumbnail.js","require":"./embed/vouch-embed-thumbnail.cjs"},"./embed/vouch-recorder-button":{"import":"./embed/vouch-recorder-button.js","default":"./embed/vouch-recorder-button.js","require":"./embed/vouch-recorder-button.cjs"},"./components/vouch-graphic-svg":{"import":"./components/vouch-graphic-svg.js","default":"./components/vouch-graphic-svg.js","require":"./components/vouch-graphic-svg.cjs"},"./embed/VouchEmbedJumbo.svelte":"./embed/VouchEmbedJumbo.svelte","./embed/vouch-recorder-preview":{"import":"./embed/vouch-recorder-preview.js","default":"./embed/vouch-recorder-preview.js","require":"./embed/vouch-recorder-preview.cjs"},"./embed/VouchEmbedButton.svelte":"./embed/VouchEmbedButton.svelte","./embed/VouchEmbedPopover.svelte":"./embed/VouchEmbedPopover.svelte","./components/VouchIconPlay.svelte":"./components/VouchIconPlay.svelte","./components/VouchRecorder.svelte":"./components/VouchRecorder.svelte","./embed/VouchEmbedDialogue.svelte":"./embed/VouchEmbedDialogue.svelte","./embed/vouch-embed-inline-player":{"import":"./embed/vouch-embed-inline-player.js","default":"./embed/vouch-embed-inline-player.js","require":"./embed/vouch-embed-inline-player.cjs"},"./components/VouchBrandLogo.svelte":"./components/VouchBrandLogo.svelte","./components/VouchIconClose.svelte":"./components/VouchIconClose.svelte","./components/VouchIconPause.svelte":"./components/VouchIconPause.svelte","./components/VouchMediaPlyr.svelte":"./components/VouchMediaPlyr.svelte","./components/VouchWaterMark.svelte":"./components/VouchWaterMark.svelte","./components/vouch-icon-arrow-left":{"import":"./components/vouch-icon-arrow-left.js","default":"./components/vouch-icon-arrow-left.js","require":"./components/vouch-icon-arrow-left.cjs"},"./embed/VouchEmbedThumbnail.svelte":"./embed/VouchEmbedThumbnail.svelte","./embed/VouchRecorderButton.svelte":"./embed/VouchRecorderButton.svelte","./components/VouchGraphicSvg.svelte":"./components/VouchGraphicSvg.svelte","./components/vouch-icon-arrow-right":{"import":"./components/vouch-icon-arrow-right.js","default":"./components/vouch-icon-arrow-right.js","require":"./components/vouch-icon-arrow-right.cjs"},"./embed/VouchRecorderPreview.svelte":"./embed/VouchRecorderPreview.svelte","./components/vouch-overlay-play-icon":{"import":"./components/vouch-overlay-play-icon.js","default":"./components/vouch-overlay-play-icon.js","require":"./components/vouch-overlay-play-icon.cjs"},"./embed/VouchEmbedInlinePlayer.svelte":"./embed/VouchEmbedInlinePlayer.svelte","./components/VouchIconArrowLeft.svelte":"./components/VouchIconArrowLeft.svelte","./components/VouchIconArrowRight.svelte":"./components/VouchIconArrowRight.svelte","./components/VouchOverlayPlayIcon.svelte":"./components/VouchOverlayPlayIcon.svelte"},"_npmUser":{"name":"vouch-tech","email":"brian@vouchfor.com"},"repository":{"url":"git+https://github.com/VouchAU/vouch-uikit.git","type":"git"},"_npmVersion":"6.14.13","description":"Vouch Svelte UIKit","directories":{},"lint-staged":{"*.{js,svelte}":"yarn lint"},"_nodeVersion":"14.17.0","dependencies":{"plyr":"^3.7.2","cookie":"^0.4.1","hls.js":"^1.1.5","core-js":"^3.16.3","postcss":"^7","@vime/core":"^5.3.1","tailwindcss":"npm:@tailwindcss/postcss7-compat","@lukeed/uuid":"^2.0.0","autoprefixer":"^9","whatwg-fetch":"^3.6.2","@fontsource/fira-mono":"^4.2.2"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^27.0.6","path":"^0.12.7","husky":"4","tslib":"^2.0.0","dotenv":"^10.0.0","eslint":"^7.22.0","rollup":"^2.55.1","svelte":"^3.34.0","prettier":"~2.2.1","babel-jest":"^27.0.6","svelte2tsx":"^0.4.3","typescript":"^4.0.0","@babel/core":"^7.14.8","@types/jest":"^26.0.24","lint-staged":"^11.1.1","svelte-check":"^2.0.0","@sveltejs/kit":"next","@types/cookie":"^0.4.0","svelte-jester":"^1.8.1","svelte-loader":"^3.1.2","@babel/preset-env":"^7.14.9","@storybook/svelte":"^6.3.6","svelte-preprocess":"^4.0.0","rollup-plugin-copy":"^3.4.0","rollup-plugin-svelte":"^7.1.0","rollup-plugin-terser":"^7.0.2","eslint-plugin-svelte3":"^3.2.0","@babel/runtime-corejs3":"^7.14.9","@rollup/plugin-replace":"^3.0.0","@storybook/addon-links":"^6.3.6","eslint-config-prettier":"^8.1.0","prettier-plugin-svelte":"^2.2.0","@rollup/plugin-commonjs":"^22.0.0","@testing-library/svelte":"^3.0.3","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@typescript-eslint/parser":"^4.19.0","@rollup/plugin-node-resolve":"^13.0.4","@storybook/addon-essentials":"^6.3.6","@typescript-eslint/eslint-plugin":"^4.19.0"},"_npmOperationalInternal":{"tmp":"tmp/uikit_5.11.1_1664153306508_0.015096156067351263","host":"s3://npm-registry-packages"}},"5.11.2":{"name":"@vouchfor/uikit","version":"5.11.2","keywords":["embed","design system","vouch-uikit","svelte","uikit"],"author":{"url":"https://vouchau.github.io/vouch-uikit","name":"Vouch Dev Team","email":"hello@vouchfor.com"},"license":"MIT","_id":"@vouchfor/uikit@5.11.2","maintainers":[{"name":"vouch-tech","email":"brian@vouchfor.com"}],"homepage":"https://vouchau.github.io/vouch-uikit","bugs":{"url":"https://github.com/VouchAU/vouch-uikit/issues"},"dist":{"shasum":"319048e448ef3fcf6051a4bd402d53aff3bce206","tarball":"https://registry.npmjs.org/@vouchfor/uikit/-/uikit-5.11.2.tgz","fileCount":220,"integrity":"sha512-62kmeoy7Va8lNRTeCsf54MkkBT9KQteJjJo+c9vxaTu4Kh0yPFo5dijhKCAX1KesUvXXJqNp2tlk4pReJ4V0pQ==","signatures":[{"sig":"MEUCIQCdVbiT/7YCfX/tvkBZtv/j1FJKD534LG/xTMLPa9JjFQIgWclOS+A+nl4FwEoK+20RbkkoYY5jqJGIspL7JVe+/mI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":98039521,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjMPddACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpDsA//Rd0dWBw0R6MSJnIfnWd7LFNfTURZ67CAINAfgAOmd9r/r2vF\r\n5NEha2y4d6dd0T1Tb85+ZYhN7lVcdwEV7SndnAHxLh/MYf5Wi+W9PvfWtrzi\r\ndTxy6GMDLmvLKbJhZl5Ga2jZuHuTQRINzcpf9P7sDKxynrPZvR7Z4l9mz7Uk\r\n6iDma6EiOVFF1Hjr5p7N+e3w6Myu+CrW6J9v+6H7nUdcMMlwMVltf16oztTy\r\n2Q9gvcIuXqLEFFE3xo/JxwE5xHh9acxRIAESvAspaVYPNb/INK7uW3dSeXCZ\r\nTcIKkKocrbDjUQQnBZKQS0gPsgT7Y5yjRYGVeBGA0p2hL1pHO4frCL7DD/dz\r\n+VDEeNz04PsepUUGxN02rSKv+bk3uiyXa66cCLXy7Gp0qtiUNS/sczJQsppq\r\nLqSP9JupSnpaocXXXEDRNAv5b0bME6KOp4QcwEzGMfhT+aL+3QnL1MzcmtTU\r\nKTDbnWN9aIiXmWCytJel4wOIXL5Gv9LYHeqLsbX5lLlBaIA/C/F15ZZqWRbf\r\nYb10b+OpCFyJTyRsZVGUQGr2wR6sJh54xD6SdD8ZaNpp7r5b2wFwcgoRJZ9O\r\nPijCxizBsLL9OI3BspLwDOQqFfARXIvuH5QQS7o1/IQipjmFqEkIvrWpl2F+\r\nUtVaDfFGoNCp5Fq0mOY0weqY4srqwUzmEaU=\r\n=Gamm\r\n-----END PGP SIGNATURE-----\r\n"},"type":"module","husky":{"hooks":{"pre-push":"yarn test --silent","pre-commit":"lint-staged"}},"types":"types.d.ts","engines":{"node":">=14.17.0"},"exports":{"./package.json":"./package.json","./embed/vouch-embed-all":{"import":"./embed/vouch-embed-all.js","default":"./embed/vouch-embed-all.js","require":"./embed/vouch-embed-all.cjs"},"./embed/vouch-embed-card":{"import":"./embed/vouch-embed-card.js","default":"./embed/vouch-embed-card.js","require":"./embed/vouch-embed-card.cjs"},"./embed/vouch-embed-jumbo":{"import":"./embed/vouch-embed-jumbo.js","default":"./embed/vouch-embed-jumbo.js","require":"./embed/vouch-embed-jumbo.cjs"},"./embed/vouch-embed-all.js":"./embed/vouch-embed-all.js","./embed/vouch-embed-button":{"import":"./embed/vouch-embed-button.js","default":"./embed/vouch-embed-button.js","require":"./embed/vouch-embed-button.cjs"},"./components/vouch-recorder":{"import":"./components/vouch-recorder.js","default":"./components/vouch-recorder.js","require":"./components/vouch-recorder.cjs"},"./embed/vouch-embed-popover":{"import":"./embed/vouch-embed-popover.js","default":"./embed/vouch-embed-popover.js","require":"./embed/vouch-embed-popover.cjs"},"./components/vouch-icon-play":{"import":"./components/vouch-icon-play.js","default":"./components/vouch-icon-play.js","require":"./components/vouch-icon-play.cjs"},"./embed/vouch-embed-dialogue":{"import":"./embed/vouch-embed-dialogue.js","default":"./embed/vouch-embed-dialogue.js","require":"./embed/vouch-embed-dialogue.cjs"},"./components/vouch-brand-logo":{"import":"./components/vouch-brand-logo.js","default":"./components/vouch-brand-logo.js","require":"./components/vouch-brand-logo.cjs"},"./components/vouch-icon-close":{"import":"./components/vouch-icon-close.js","default":"./components/vouch-icon-close.js","require":"./components/vouch-icon-close.cjs"},"./components/vouch-icon-pause":{"import":"./components/vouch-icon-pause.js","default":"./components/vouch-icon-pause.js","require":"./components/vouch-icon-pause.cjs"},"./components/vouch-media-plyr":{"import":"./components/vouch-media-plyr.js","default":"./components/vouch-media-plyr.js","require":"./components/vouch-media-plyr.cjs"},"./components/vouch-water-mark":{"import":"./components/vouch-water-mark.js","default":"./components/vouch-water-mark.js","require":"./components/vouch-water-mark.cjs"},"./embed/VouchEmbedCard.svelte":"./embed/VouchEmbedCard.svelte","./embed/vouch-embed-thumbnail":{"import":"./embed/vouch-embed-thumbnail.js","default":"./embed/vouch-embed-thumbnail.js","require":"./embed/vouch-embed-thumbnail.cjs"},"./embed/vouch-recorder-button":{"import":"./embed/vouch-recorder-button.js","default":"./embed/vouch-recorder-button.js","require":"./embed/vouch-recorder-button.cjs"},"./components/vouch-graphic-svg":{"import":"./components/vouch-graphic-svg.js","default":"./components/vouch-graphic-svg.js","require":"./components/vouch-graphic-svg.cjs"},"./embed/VouchEmbedJumbo.svelte":"./embed/VouchEmbedJumbo.svelte","./embed/vouch-recorder-preview":{"import":"./embed/vouch-recorder-preview.js","default":"./embed/vouch-recorder-preview.js","require":"./embed/vouch-recorder-preview.cjs"},"./embed/VouchEmbedButton.svelte":"./embed/VouchEmbedButton.svelte","./embed/VouchEmbedPopover.svelte":"./embed/VouchEmbedPopover.svelte","./components/VouchIconPlay.svelte":"./components/VouchIconPlay.svelte","./components/VouchRecorder.svelte":"./components/VouchRecorder.svelte","./embed/VouchEmbedDialogue.svelte":"./embed/VouchEmbedDialogue.svelte","./embed/vouch-embed-inline-player":{"import":"./embed/vouch-embed-inline-player.js","default":"./embed/vouch-embed-inline-player.js","require":"./embed/vouch-embed-inline-player.cjs"},"./components/VouchBrandLogo.svelte":"./components/VouchBrandLogo.svelte","./components/VouchIconClose.svelte":"./components/VouchIconClose.svelte","./components/VouchIconPause.svelte":"./components/VouchIconPause.svelte","./components/VouchMediaPlyr.svelte":"./components/VouchMediaPlyr.svelte","./components/VouchWaterMark.svelte":"./components/VouchWaterMark.svelte","./components/vouch-icon-arrow-left":{"import":"./components/vouch-icon-arrow-left.js","default":"./components/vouch-icon-arrow-left.js","require":"./components/vouch-icon-arrow-left.cjs"},"./embed/VouchEmbedThumbnail.svelte":"./embed/VouchEmbedThumbnail.svelte","./embed/VouchRecorderButton.svelte":"./embed/VouchRecorderButton.svelte","./components/VouchGraphicSvg.svelte":"./components/VouchGraphicSvg.svelte","./components/vouch-icon-arrow-right":{"import":"./components/vouch-icon-arrow-right.js","default":"./components/vouch-icon-arrow-right.js","require":"./components/vouch-icon-arrow-right.cjs"},"./embed/VouchRecorderPreview.svelte":"./embed/VouchRecorderPreview.svelte","./components/vouch-overlay-play-icon":{"import":"./components/vouch-overlay-play-icon.js","default":"./components/vouch-overlay-play-icon.js","require":"./components/vouch-overlay-play-icon.cjs"},"./embed/VouchEmbedInlinePlayer.svelte":"./embed/VouchEmbedInlinePlayer.svelte","./components/VouchIconArrowLeft.svelte":"./components/VouchIconArrowLeft.svelte","./components/VouchIconArrowRight.svelte":"./components/VouchIconArrowRight.svelte","./components/VouchOverlayPlayIcon.svelte":"./components/VouchOverlayPlayIcon.svelte"},"_npmUser":{"name":"vouch-tech","email":"brian@vouchfor.com"},"repository":{"url":"git+https://github.com/VouchAU/vouch-uikit.git","type":"git"},"_npmVersion":"6.14.13","description":"Vouch Svelte UIKit","directories":{},"lint-staged":{"*.{js,svelte}":"yarn lint"},"_nodeVersion":"14.17.0","dependencies":{"plyr":"^3.7.2","cookie":"^0.4.1","hls.js":"^1.1.5","core-js":"^3.16.3","postcss":"^7","@vime/core":"^5.3.1","tailwindcss":"npm:@tailwindcss/postcss7-compat","@lukeed/uuid":"^2.0.0","autoprefixer":"^9","whatwg-fetch":"^3.6.2","@fontsource/fira-mono":"^4.2.2"},"_hasShrinkwrap":false,"devDependencies":{"jest":"^27.0.6","path":"^0.12.7","husky":"4","tslib":"^2.0.0","dotenv":"^10.0.0","eslint":"^7.22.0","rollup":"^2.55.1","svelte":"^3.34.0","prettier":"~2.2.1","babel-jest":"^27.0.6","svelte2tsx":"^0.4.3","typescript":"^4.0.0","@babel/core":"^7.14.8","@types/jest":"^26.0.24","lint-staged":"^11.1.1","svelte-check":"^2.0.0","@sveltejs/kit":"next","@types/cookie":"^0.4.0","svelte-jester":"^1.8.1","svelte-loader":"^3.1.2","@babel/preset-env":"^7.14.9","@storybook/svelte":"^6.3.6","svelte-preprocess":"^4.0.0","rollup-plugin-copy":"^3.4.0","rollup-plugin-svelte":"^7.1.0","rollup-plugin-terser":"^7.0.2","eslint-plugin-svelte3":"^3.2.0","@babel/runtime-corejs3":"^7.14.9","@rollup/plugin-replace":"^3.0.0","@storybook/addon-links":"^6.3.6","eslint-config-prettier":"^8.1.0","prettier-plugin-svelte":"^2.2.0","@rollup/plugin-commonjs":"^22.0.0","@testing-library/svelte":"^3.0.3","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@typescript-eslint/parser":"^4.19.0","@rollup/plugin-node-resolve":"^13.0.4","@storybook/addon-essentials":"^6.3.6","@typescript-eslint/eslint-plugin":"^4.19.0"},"_npmOperationalInternal":{"tmp":"tmp/uikit_5.11.2_1664153436687_0.8671946373546429","host":"s3://npm-registry-packages"}},"5.12.0":{"name":"@vouchfor/uikit","version":"5.12.0","keywords":["embed","design system","vouch-uikit","svelte","uikit"],"author":{"url":"https://vouchau.github.io/vouch-uikit","name":"Vouch Dev Team","email":"hello@vouchfor.com"},"license":"MIT","_id":"@vouchfor/uikit@5.12.0","maintainers":[{"name":"vouch-tech","email":"brian@vouchfor.com"}],"homepage":"https://vouchau.github.io/vouch-uikit","bugs":{"url":"https://github.com/VouchAU/vouch-uikit/issues"},"dist":{"shasum":"2d2640b207c678f4b624a28f65bb90e113aa5505","tarball":"https://registry.npmjs.org/@vouchfor/uikit/-/uikit-5.12.0.tgz","fileCount":220,"integrity":"sha512-EkLe9gNgewFxFmFhzZq2x8ZmZ9V0hhpy1NtwRMxTX1cPPaA5C1Ib6xvcBzZZ8BTX6aoAgbOaznWapOy53FTqzw==","signatures":[{"sig":"MEYCIQCV6/QSuO9+BkSavWoObo0/F4XKqgDw8aAzEMA0LuQdZgIhAMrCjqNwyWJvjs2ZmmNlfcpQhQgU7qvsvIm/hFuQAdkS","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":98055022,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjNO16ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoGow//deLFmlRpfeI8eDyY5NAIpT3pXCIda7IPlHRXWXS8zIUwQApB\r\nhaDTsg74eMiPrvWNhDNGTxDz46sec6ri3Chn4jm+gcEjNxzxgMlklsRQHpgy\r\n12LQoC0uF6ivIdlIZ6rN7CuYACS2kGxe+zb5uL1qzbdRCyYvDF+gePwRyopq\r\n9cXFMOWPwQvlRddrB4iomBMmQXdL1Kyfki3T9XTZeWpoboFdsnXx7B+Uo5RO\r\nc9HBz1pdWYKx7wZpg9gKokLS6jj7Rv836eDvl+fbPuOakwjRvPix/GveT8OA\r\n6eTaQzvjJj2OaXhWz4KXt+dY+u6dJDoXOiBrK8CyUtU6WzXiIDFgYXcv4Ju0\r\nZc99TehQYJfwm1RI8Si8B7kmT06NIebn7r2to+1jNTD13jueazHLPbwkbOIS\r\nBVa87pZ78bVTgyoSiNRydwe6A/BBqzYNdr2/iFoN3vVmI5pv4wR1g9QlNIdt\r\nasfijUfkA6r0uhaHGqv24Q0FAyfY70ID11Y9dZOMTzBdDtUYKBT7GS7jVz9Z\r\nguSFpBZM8AyZtsPWQc45YetR7bUTQcy83/xcSVsaOa5j3BjZUqajGUjExEIW\r\nbYl/mJv37WUr8cF/jN7IruORYBdB995DxiOooaWhiOHBMeAp8GB3LR0axNT4\r\n0efH2zEDYZ8DVGWE7kkgKel8hLVhnEdkTd8=\r\n=ubyg\r\n-----END PGP SIGNATURE-----\r\n"},"type":"module","husky":{"hooks":{"pre-push":"yarn test --silent","pre-commit":"lint-staged"}},"types":"types.d.ts","engines":{"node":">=14.17.0"},"exports":{"./package.json":"./package.json","./embed/vouch-embed-all":{"import":"./embed/vouch-embed-all.js","default":"./embed/vouch-embed-all.js","require":"./embed/vouch-embed-all.cjs"},"./embed/vouch-embed-card":{"import":"./embed/vouch-embed-card.js","default":"./embed/vouch-embed-card.js","require":"./embed/vouch-embed-card.cjs"},"./embed/vouch-embed-jumbo":{"import":"./embed/vouch-embed-jumbo.js","default":"./embed/vouch-embed-jumbo.js","require":"./embed/vouch-embed-jumbo.cjs"},"./embed/vouch-embed-all.js":"./embed/vouch-embed-all.js","./embed/vouch-embed-button":{"import":"./embed/vouch-embed-button.js","default":"./embed/vouch-embed-button.js","require":"./embed/vouch-embed-button.cjs"},"./components/vouch-recorder":{"import":"./components/vouch-recorder.js","default":"./components/vouch-recorder.js","require":"./components/vouch-recorder.cjs"},"./embed/vouch-embed-popover":{"import":"./embed/vouch-embed-popover.js","default":"./embed/vouch-embed-popover.js","require":"./embed/vouch-embed-popover.cjs"},"./components/vouch-icon-play":{"import":"./components/vouch-icon-play.js","default":"./components/vouch-icon-play.js","require":"./components/vouch-icon-play.cjs"},"./embed/vouch-embed-dialogue":{"import":"./embed/vouch-embed-dialogue.js","default":"./embed/vouch-embed-dialogue.js","require":"./embed/vouch-embed-dialogue.cjs"},"./components/vouch-brand-logo":{"import":"./components/vouch-brand-logo.js","default":"./components/vouch-brand-logo.js","require":"./components/vouch-brand-logo.cjs"},"./components/vouch-icon-close":{"import":"./components/vouch-icon-close.js","default":"./components/vouch-icon-close.js","require":"./components/vouch-icon-close.cjs"},"./components/vouch-icon-pause":{"import":"./components/vouch-icon-pause.js","default":"./components/vouch-icon-pause.js","require":"./components/vouch-icon-pause.cjs"},"./components/vouch-media-plyr":{"import":"./components/vouch-media-plyr.js","default":"./components/vouch-media-plyr.js","require":"./components/vouch-media-plyr.cjs"},"./components/vouch-water-mark":{"import":"./components/vouch-water-mark.js","default":"./components/vouch-water-mark.js","require":"./components/vouch-water-mark.cjs"},"./embed/VouchEmbedCard.svelte":"./embed/VouchEmbedCard.svelte","./embed/vouch-embed-thumbnail":{"import":"./embed/vouch-embed-thumbnail.js","default":"./embed/vouch-embed-thumbnail.js","require":"./embed/vouch-embed-thumbnail.cjs"},"./embed/vouch-recorder-button":{"import":"./embed/vouch-recorder-button.js","default":"./embed/vouch-recorder-button.js","require":"./embed/vouch-recorder-button.cjs"},"./components/vouch-graphic-svg":{"import":"./components/vouch-graphic-svg.js","default":"./components/vouch-graphic-svg.js","require":"./components/vouch-graphic-svg.cjs"},"./embed/VouchEmbedJumbo.svelte":"./embed/VouchEmbedJumbo.svelte","./embed/vouch-recorder-preview":{"import":"./embed/vouch-recorder-preview.js","default":"./embed/vouch-recorder-preview.js","require":"./embed/vouch-recorder-preview.cjs"},"./embed/VouchEmbedButton.svelte":"./embed/VouchEmbedButton.svelte","./embed/VouchEmbedPopover.svelte":"./embed/VouchEmbedPopover.svelte","./components/VouchIconPlay.svelte":"./components/VouchIconPlay.svelte","./components/VouchRecorder.svelte":"./components/VouchRecorder.svelte","./embed/VouchEmbedDialogue.svelte":"./embed/VouchEmbedDialogue.svelte","./embed/vouch-embed-inline-player":{"import":"./embed/vouch-embed-inline-player.js","default":"./embed/vouch-embed-inline-player.js","require":"./embed/vouch-embed-inline-player.cjs"},"./components/VouchBrandLogo.svelte":"./components/VouchBrandLogo.svelte","./components/VouchIconClose.svelte":"./components/VouchIconClose.svelte","./components/VouchIconPause.svelte":"./components/VouchIconPause.svelte","./components/VouchMediaPlyr.svelte":"./components/VouchMediaPlyr.svelte","./components/VouchWaterMark.svelte":"./components/VouchWaterMark.svelte","./components/vouch-icon-arrow-left":{"import":"./components/vouch-icon-arrow-left.js","default":"./components/vouch-icon-arrow-left.js","require":"./components/vouch-icon-arrow-left.cjs"},"./embed/VouchEmbedThumbnail.svelte":"./embed/VouchEmbedThumbnail.svelte","./embed/VouchRecorderButton.svelte":"./embed/VouchRecorderButton.svelte","./components/VouchGraphicSvg.svelte":"./components/VouchGraphicSvg.svelte","./components/vouch-icon-arrow-right":{"import":"./components/vouch-icon-arrow-right.js","default":"./components/vouch-icon-arrow-right.js","require":"./components/vouch-icon-arrow-right.cjs"},"./embed/VouchRecorderPreview.svelte":"./embed/VouchRecorderPreview.svelte","./components/vouch-overlay-play-icon":{"import":"./components/vouch-overlay-play-icon.js","default":"./components/vouch-overlay-play-icon.js","require":"./components/vouch-overlay-play-icon.cjs"},"./embed/VouchEmbedInlinePlayer.svelte":"./embed/VouchEmbedInlinePlayer.svelte","./components/VouchIconArrowLeft.svelte":"./components/VouchIconArrowLeft.svelte","./components/VouchIconArrowRight.svelte":"./components/VouchIconArrowRight.svelte","./components/VouchOverlayPlayIcon.svelte":"./components/VouchOverlayPlayIcon.svelte"},"_npmUser":{"name":"vouch-tech","email":"brian@vouchfor.com"},"repository":{"url":"git+https://github.com/VouchAU/vouch-uikit.git","type":"git"},"_npmVersion":"6.14.13","description":"Vouch Svelte UIKit","directories":{},"lint-staged":{"*.{js,svelte}":"yarn lint"},"_nodeVersion":"14.17.0","dependencies":{"plyr":"^3.7.2","cookie":"^0.4.1","hls.js":"^1.1.5","core-js":"^3.16.3","postcss":"^7","@vime/core":"^5.3.1","tailwindcss":"npm:@tailwindcss/postcss7-compat","@lukeed/uuid":"^2.0.0","autoprefixer":"^9","whatwg-fetch":"^3.6.2","@fontsource/fira-mono":"^4.2.2"},"_hasShrinkwrap":false,"devDependencies":{"jest":"^27.0.6","path":"^0.12.7","husky":"4","tslib":"^2.0.0","dotenv":"^10.0.0","eslint":"^7.22.0","rollup":"^2.55.1","svelte":"^3.34.0","prettier":"~2.2.1","babel-jest":"^27.0.6","svelte2tsx":"^0.4.3","typescript":"^4.0.0","@babel/core":"^7.14.8","@types/jest":"^26.0.24","lint-staged":"^11.1.1","svelte-check":"^2.0.0","@sveltejs/kit":"next","@types/cookie":"^0.4.0","svelte-jester":"^1.8.1","svelte-loader":"^3.1.2","@babel/preset-env":"^7.14.9","@storybook/svelte":"^6.3.6","svelte-preprocess":"^4.0.0","rollup-plugin-copy":"^3.4.0","rollup-plugin-svelte":"^7.1.0","rollup-plugin-terser":"^7.0.2","eslint-plugin-svelte3":"^3.2.0","@babel/runtime-corejs3":"^7.14.9","@rollup/plugin-replace":"^3.0.0","@storybook/addon-links":"^6.3.6","eslint-config-prettier":"^8.1.0","prettier-plugin-svelte":"^2.2.0","@rollup/plugin-commonjs":"^22.0.0","@testing-library/svelte":"^3.0.3","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@typescript-eslint/parser":"^4.19.0","@rollup/plugin-node-resolve":"^13.0.4","@storybook/addon-essentials":"^6.3.6","@typescript-eslint/eslint-plugin":"^4.19.0"},"_npmOperationalInternal":{"tmp":"tmp/uikit_5.12.0_1664413049663_0.8213904828474874","host":"s3://npm-registry-packages"}},"5.12.1":{"name":"@vouchfor/uikit","version":"5.12.1","keywords":["embed","design system","vouch-uikit","svelte","uikit"],"author":{"url":"https://vouchau.github.io/vouch-uikit","name":"Vouch Dev Team","email":"hello@vouchfor.com"},"license":"MIT","_id":"@vouchfor/uikit@5.12.1","maintainers":[{"name":"vouch-tech","email":"brian@vouchfor.com"}],"homepage":"https://vouchau.github.io/vouch-uikit","bugs":{"url":"https://github.com/VouchAU/vouch-uikit/issues"},"dist":{"shasum":"476be59c25c8e4af98ed6839c888b5e100a0f223","tarball":"https://registry.npmjs.org/@vouchfor/uikit/-/uikit-5.12.1.tgz","fileCount":220,"integrity":"sha512-2uRHRMr0t6lYO1VfD+Ig2fJ1EySDpwji4Om9QKafC/2rO8OMS6dPl2Rr/DMuWVU5hONG6Go4UwxuHkqS7LFesg==","signatures":[{"sig":"MEUCIDJesdlRSFfJcVnkyhtgmu3ORyMPL4Bob2hxVxpdQ6gIAiEAudjBU/MLGf8MzCYmjQPsifAN+Ej0htR9WoU5Psoxawc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":98098147,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjNPWcACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr8MA//ZzktgRPkgPtWne5XJ8cVicMnvTeXfgqBrLtXyhIu5kwI4/J9\r\nQdgwLC2G1kDtnE+Qxf1MBBto8M7/8zV6XhtdWFvMRx5HMZMCb9K4+M6qRZ+9\r\nXGxhlEmfL3L3k4doDSNURT3i3v6pOaMkXI0bU9Rt9ncI57nkqIhBt6JUg4+J\r\n84IQeQsdSq1JcSMF2/shUFBgafDKlwHoxVVhmu/X4Mb+X6iq61XPvzVsbfJB\r\n6HKyrWwz00GtBJPNAyX/g8Gp4/bp0vYLvC2FN8hbvNrGhrpSIAz2gJNw1yvi\r\np/zizprKDiqGsll04/OXUsPpueCl7e6OsKsnNL+76G6/dY5F59ay+yNOlyOX\r\n7vxQ50KaOL6zHy2IRb0VZQsibWQm4zU7+4g6P1VxRYO6e/9E94SdAKv97A6x\r\n0hbfGiZzP4SonAKqR6g9piNuGSw67iEnBJEDBBkSG5a8p1v0aG6OGO+D3StT\r\n/P5efMohg9t77Tt6xGRVz/f9vMHN9mBno37SFTu11x9DNKcqQdBjgqIvVGWb\r\nXPWhcZHvDbSJ/1zh3o/I2R79nkqWZG2rd6L4L9OXxgQ7NExK13ysQQUKWvV/\r\nOMKxsalmTFEvQ0l8HJ4A+h/QH+2EPFhlTC3YGF6KUChr+RrXwHxAvbl+ZnSI\r\nLIH774FA4ahRz+uB1L2Clh8Os48jGE8tgUo=\r\n=leC3\r\n-----END PGP SIGNATURE-----\r\n"},"type":"module","husky":{"hooks":{"pre-push":"yarn test --silent","pre-commit":"lint-staged"}},"types":"types.d.ts","engines":{"node":">=14.17.0"},"exports":{"./package.json":"./package.json","./embed/vouch-embed-all":{"import":"./embed/vouch-embed-all.js","default":"./embed/vouch-embed-all.js","require":"./embed/vouch-embed-all.cjs"},"./embed/vouch-embed-card":{"import":"./embed/vouch-embed-card.js","default":"./embed/vouch-embed-card.js","require":"./embed/vouch-embed-card.cjs"},"./embed/vouch-embed-jumbo":{"import":"./embed/vouch-embed-jumbo.js","default":"./embed/vouch-embed-jumbo.js","require":"./embed/vouch-embed-jumbo.cjs"},"./embed/vouch-embed-all.js":"./embed/vouch-embed-all.js","./embed/vouch-embed-button":{"import":"./embed/vouch-embed-button.js","default":"./embed/vouch-embed-button.js","require":"./embed/vouch-embed-button.cjs"},"./components/vouch-recorder":{"import":"./components/vouch-recorder.js","default":"./components/vouch-recorder.js","require":"./components/vouch-recorder.cjs"},"./embed/vouch-embed-popover":{"import":"./embed/vouch-embed-popover.js","default":"./embed/vouch-embed-popover.js","require":"./embed/vouch-embed-popover.cjs"},"./components/vouch-icon-play":{"import":"./components/vouch-icon-play.js","default":"./components/vouch-icon-play.js","require":"./components/vouch-icon-play.cjs"},"./embed/vouch-embed-dialogue":{"import":"./embed/vouch-embed-dialogue.js","default":"./embed/vouch-embed-dialogue.js","require":"./embed/vouch-embed-dialogue.cjs"},"./components/vouch-brand-logo":{"import":"./components/vouch-brand-logo.js","default":"./components/vouch-brand-logo.js","require":"./components/vouch-brand-logo.cjs"},"./components/vouch-icon-close":{"import":"./components/vouch-icon-close.js","default":"./components/vouch-icon-close.js","require":"./components/vouch-icon-close.cjs"},"./components/vouch-icon-pause":{"import":"./components/vouch-icon-pause.js","default":"./components/vouch-icon-pause.js","require":"./components/vouch-icon-pause.cjs"},"./components/vouch-media-plyr":{"import":"./components/vouch-media-plyr.js","default":"./components/vouch-media-plyr.js","require":"./components/vouch-media-plyr.cjs"},"./components/vouch-water-mark":{"import":"./components/vouch-water-mark.js","default":"./components/vouch-water-mark.js","require":"./components/vouch-water-mark.cjs"},"./embed/VouchEmbedCard.svelte":"./embed/VouchEmbedCard.svelte","./embed/vouch-embed-thumbnail":{"import":"./embed/vouch-embed-thumbnail.js","default":"./embed/vouch-embed-thumbnail.js","require":"./embed/vouch-embed-thumbnail.cjs"},"./embed/vouch-recorder-button":{"import":"./embed/vouch-recorder-button.js","default":"./embed/vouch-recorder-button.js","require":"./embed/vouch-recorder-button.cjs"},"./components/vouch-graphic-svg":{"import":"./components/vouch-graphic-svg.js","default":"./components/vouch-graphic-svg.js","require":"./components/vouch-graphic-svg.cjs"},"./embed/VouchEmbedJumbo.svelte":"./embed/VouchEmbedJumbo.svelte","./embed/vouch-recorder-preview":{"import":"./embed/vouch-recorder-preview.js","default":"./embed/vouch-recorder-preview.js","require":"./embed/vouch-recorder-preview.cjs"},"./embed/VouchEmbedButton.svelte":"./embed/VouchEmbedButton.svelte","./embed/VouchEmbedPopover.svelte":"./embed/VouchEmbedPopover.svelte","./components/VouchIconPlay.svelte":"./components/VouchIconPlay.svelte","./components/VouchRecorder.svelte":"./components/VouchRecorder.svelte","./embed/VouchEmbedDialogue.svelte":"./embed/VouchEmbedDialogue.svelte","./embed/vouch-embed-inline-player":{"import":"./embed/vouch-embed-inline-player.js","default":"./embed/vouch-embed-inline-player.js","require":"./embed/vouch-embed-inline-player.cjs"},"./components/VouchBrandLogo.svelte":"./components/VouchBrandLogo.svelte","./components/VouchIconClose.svelte":"./components/VouchIconClose.svelte","./components/VouchIconPause.svelte":"./components/VouchIconPause.svelte","./components/VouchMediaPlyr.svelte":"./components/VouchMediaPlyr.svelte","./components/VouchWaterMark.svelte":"./components/VouchWaterMark.svelte","./components/vouch-icon-arrow-left":{"import":"./components/vouch-icon-arrow-left.js","default":"./components/vouch-icon-arrow-left.js","require":"./components/vouch-icon-arrow-left.cjs"},"./embed/VouchEmbedThumbnail.svelte":"./embed/VouchEmbedThumbnail.svelte","./embed/VouchRecorderButton.svelte":"./embed/VouchRecorderButton.svelte","./components/VouchGraphicSvg.svelte":"./components/VouchGraphicSvg.svelte","./components/vouch-icon-arrow-right":{"import":"./components/vouch-icon-arrow-right.js","default":"./components/vouch-icon-arrow-right.js","require":"./components/vouch-icon-arrow-right.cjs"},"./embed/VouchRecorderPreview.svelte":"./embed/VouchRecorderPreview.svelte","./components/vouch-overlay-play-icon":{"import":"./components/vouch-overlay-play-icon.js","default":"./components/vouch-overlay-play-icon.js","require":"./components/vouch-overlay-play-icon.cjs"},"./embed/VouchEmbedInlinePlayer.svelte":"./embed/VouchEmbedInlinePlayer.svelte","./components/VouchIconArrowLeft.svelte":"./components/VouchIconArrowLeft.svelte","./components/VouchIconArrowRight.svelte":"./components/VouchIconArrowRight.svelte","./components/VouchOverlayPlayIcon.svelte":"./components/VouchOverlayPlayIcon.svelte"},"_npmUser":{"name":"vouch-tech","email":"brian@vouchfor.com"},"repository":{"url":"git+https://github.com/VouchAU/vouch-uikit.git","type":"git"},"_npmVersion":"6.14.13","description":"Vouch Svelte UIKit","directories":{},"lint-staged":{"*.{js,svelte}":"yarn lint"},"_nodeVersion":"14.17.0","dependencies":{"plyr":"^3.7.2","cookie":"^0.4.1","hls.js":"^1.1.5","core-js":"^3.16.3","postcss":"^7","@vime/core":"^5.3.1","tailwindcss":"npm:@tailwindcss/postcss7-compat","@lukeed/uuid":"^2.0.0","autoprefixer":"^9","whatwg-fetch":"^3.6.2","@fontsource/fira-mono":"^4.2.2"},"_hasShrinkwrap":false,"devDependencies":{"jest":"^27.0.6","path":"^0.12.7","husky":"4","tslib":"^2.0.0","dotenv":"^10.0.0","eslint":"^7.22.0","rollup":"^2.55.1","svelte":"^3.34.0","prettier":"~2.2.1","babel-jest":"^27.0.6","svelte2tsx":"^0.4.3","typescript":"^4.0.0","@babel/core":"^7.14.8","@types/jest":"^26.0.24","lint-staged":"^11.1.1","svelte-check":"^2.0.0","@sveltejs/kit":"next","@types/cookie":"^0.4.0","svelte-jester":"^1.8.1","svelte-loader":"^3.1.2","@babel/preset-env":"^7.14.9","@storybook/svelte":"^6.3.6","svelte-preprocess":"^4.0.0","rollup-plugin-copy":"^3.4.0","rollup-plugin-svelte":"^7.1.0","rollup-plugin-terser":"^7.0.2","eslint-plugin-svelte3":"^3.2.0","@babel/runtime-corejs3":"^7.14.9","@rollup/plugin-replace":"^3.0.0","@storybook/addon-links":"^6.3.6","eslint-config-prettier":"^8.1.0","prettier-plugin-svelte":"^2.2.0","@rollup/plugin-commonjs":"^22.0.0","@testing-library/svelte":"^3.0.3","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@typescript-eslint/parser":"^4.19.0","@rollup/plugin-node-resolve":"^13.0.4","@storybook/addon-essentials":"^6.3.6","@typescript-eslint/eslint-plugin":"^4.19.0"},"_npmOperationalInternal":{"tmp":"tmp/uikit_5.12.1_1664415132416_0.7095523363679768","host":"s3://npm-registry-packages"}},"5.12.2":{"name":"@vouchfor/uikit","version":"5.12.2","keywords":["embed","design system","vouch-uikit","svelte","uikit"],"author":{"url":"https://vouchau.github.io/vouch-uikit","name":"Vouch Dev Team","email":"hello@vouchfor.com"},"license":"MIT","_id":"@vouchfor/uikit@5.12.2","maintainers":[{"name":"vouch-tech","email":"brian@vouchfor.com"}],"homepage":"https://vouchau.github.io/vouch-uikit","bugs":{"url":"https://github.com/VouchAU/vouch-uikit/issues"},"dist":{"shasum":"fd2f61cbacfd3b7fa9198ee7d036695c7e720653","tarball":"https://registry.npmjs.org/@vouchfor/uikit/-/uikit-5.12.2.tgz","fileCount":220,"integrity":"sha512-LogxfgM3iAI0MUtN9tu1+xKk0VYtPSeqrrLDIYZOQT+viNTa+0UzHNyGIacljp3aZDtQnbAFr3pqaK6USOqJDg==","signatures":[{"sig":"MEUCIQC4Tnobj5B0IvgaZg4ZJ2tzxXLMcttto/tKgSpUeWLKeAIgYYRsDsUKOZkabhK//TVVBpjXPC9r/KKyPd91EtEkjw8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":97967995,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjNPtjACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoOHg//WlsjjHzDKbZtyrwxaUxI/oxmvxxy8Aq85j/XBKG4sBhFEwe8\r\nkLDyMOAaaCS/b5w8yIOP2Z0KOkFfP4BPoFLdkmvJvWLpWIHQ6mvlFbdnhxi6\r\nRIPunXZoZmJUVuMZvxtjfM3+wXs89V5MZwwP8e+Z+lUSe8gTb3bRC0VAvZna\r\nwWsQ2WkEmE70RahOu5CyIRpRUPshSO0FYzslbdoSGEaJhYIYWcOvSozDTDNS\r\nHhE65xGwe7BUTiJKBNnnjqPVpvYLUkMnHTmiTMqySv4AocWmGG98RDSSQf50\r\n2P2pRmOJLdD2SKIS6I9Ounlv0aFiXejIdGHrVo21uXWu2Yf12DbTcgn9VGFo\r\nXWsEY/sN2p3ntH2BPY+oDxY9SPVG4Ds87pBMbWECLU1JvO858/KUc8XNBWJR\r\noJK4i7r+I0TsHNWbXPmmKNETg2zGfwmTNlS1XADxRBOiYFmi+kTlpmd7K+xo\r\nW+JJl42vme5hdHBDhi27YEAA7U+Da/EXnTpqCoBNVlpfGCj4aZ7Xx6aQoeeU\r\nnWuI9x0YTIH9/wNWNlzPCrcRUkzFgpc6xsRXszSq+PL6HVIpSlb5zpluC6lc\r\nYgd4zI891xszHD94eF+Gi09Ul4WloPY70iOcMft/V+uhK1LZ3HJ39VxK3W/M\r\ncTeJNx6QwO8FtNWh55LUvcrMGqIMLefqc0U=\r\n=zYLy\r\n-----END PGP SIGNATURE-----\r\n"},"type":"module","husky":{"hooks":{"pre-push":"yarn test --silent","pre-commit":"lint-staged"}},"types":"types.d.ts","readme":"# Vouch UIKit\n\n- [Get Started](#get-started)\n - [Storybook](#storybook)\n - [Build package](#build-package)\n - [Test package locally with vouch-app](#test-package-locally-with-vouch-app)\n - [Publish to npm](#publish-to-npm)\n - [Purge npm cache](#purge-npm-cached-tags)\n- [Update vouch-app](#update-vouch-app)\n - [development](#development-devvouchforcom)\n - [staging](#staging-stagingvouchforcom)\n - [production](#production-appvouchforcom)\n\n**Vouch UIKit** consists of `2 libraries` and `1 application`\n\n```bash\n└── src\n ├── lib\n │ ├── components # Design System Components (Web Component)\n │ │ ├── VouchBrandLogo.svelte\n │ │ ...\n │ │\n │ └── embed # embed Components (Web Component)\n │ │ ├── VouchEmbedInlinePlayer.svelte\n │ ...\n │\n │\n ├── routes # vouch public embed link (https://embed.vouchfor.com)\n │ ├── __layout.svelte\n │ ├── index.svelte\n │ ├── about.svelte\n │ ...\n │\n ├── app.css\n └── app.html\n```\n\n# Get Started\n\nEnsure you have node `14.17.0` installed on your machine, for example via [nvm](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/TERMINAL.md#install-nvm), run `nvm ls` to check\n\n```bash\nnvm ls 14\n```\n\nyou should see output if you have the version installed\n\n```bash\n-> v14.17.0\n```\n\nensure you have [git ssh](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/GITHUB.md) setup locally before you clone the repo\n\n```bash\ngit clone git@github.com:VouchAU/vouch-uikit.git\n```\n\ninstall dependencies\n\n```bash\ncd vouch-uikit\nyarn\n```\n\n## Storybook\n\nhttps://designsystem.vouchfor.com/\n\nStorybook is hosted on GitHub page `gh-pages` branch (Domain name is configured on **Cloudflare**) and deployed automatically via **GitHub Action** every time changes are merged back to `master`.\n\nLocal dev\n\n```bash\nyarn storybook\n```\n\nbuild storybook\n\n```bash\nyarn build-storybook\n```\n\n## Build package\n\nBuild `src/lib` production/beta/alpha package, make sure you change `version` in `package.json` for three different build tags.\n\n```sh\ncd vouch-uikit\n...\nyarn package:alpha # development\nyarn package:beta # staging\nyarn package # production\n```\n\n## Test package locally with `vouch-app`\n\nOnce you build the `npm` package, you can test locally with `vouch-app` to ensure everything works as expected before publishing to `npm`\n\nAssuming you build a package according [Build package](#build-package), now you can create a symlink to your local package\n\n```sh\ncd package\nyarn link\n```\n\nyou should see this if successfully linked\n\n```sh\nyarn link v1.22.10\nsuccess Registered \"@vouchfor/uikit\".\ninfo You can now run `yarn link \"@vouchfor/uikit\"` in the projects where you want to use this package and it will be used instead.\n✨ Done in 0.04s.\n```\n\ngo to `vouch-app` folder and switch to the branch you want to test against with then link the local package\n\n```sh\ncd vouch-app\ngit checkout VCH-222\nyarn link @vouchfor/uikit\nyarn dev\n```\n\nVoilà, you are testing your feature branch with the local uikit package and don't forget to roll back after testing\n\n```sh\ncd vouch-app\nyarn unlink @vouchfor/uikit\n...\ncd vouch-uikit/package\nyarn unlink\n```\n\n## Publish to `npm`\n\n> Note you will need to log in `vouch-tech` on your terminal before publishing, credential is shared via 1Password.\n\n```bash\nnpm login\n...\n```\n\n```bash\ncd package\n...\nnpm publish --access public --tag alpha # development\nnpm publish --access public --tag beta # staging\nnpm publish --access public # production\n```\n\n## Purge `jsdelivr` cache\n\n`@vouchfor/uikit` is most likely consumed by **tag**, `alpha`, `beta` and `latest`, not version number to ensure clients can always get the latest updates. [jsdelivr](https://cdn.jsdelivr.net/) default has 7 days cache for `tag`, so we need to purge it to reflect new version number.\n\n- Check current tag version number\n\n - [Click to check Alpha](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@alpha/)\n - [Click to check Beta](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@beta/)\n - [Click to check Production](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n- Purge cache\n - [Click to purge Alpha](https://purge.jsdelivr.net/npm/@vouchfor/uikit@alpha/)\n - [Click to purge Beta](https://purge.jsdelivr.net/npm/@vouchfor/uikit@beta/)\n - **_Danger_** [Click to purge Production](https://purge.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n### Purge specific bundle.js\n\nOur embed code snippet `src` attribute currently refers to a specific embed bundle js , for example\n\n```html\n\n
\n```\n\nIn this case, you will need to purge the bundle file specifically by providing absolute path\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/embed/{filename}.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/components/{filename}.bundle.js\n```\n\nfor example,\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@alpha/embed/vouch-embed-inline-player.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@beta/embed/vouch-embed-inline-player.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/embed/vouch-embed-inline-player.bundle.js\n```\n\n## Unit test\n\n```bash\nyarn test\n```\n\nupdate snapshot\n\n```bash\nyarn test -u\n```\n\n# Update `vouch-app`\n\n`@vouchfor/uikit` is a dependency of `vouch-app` for embeds and UI components, follow the below steps to publish NPM package and update `package.json` dependency in `vouch-app`.\n\n> Each PR should bump the minor version in `package.json` in order to push new version to NPM. e.g. `\"version\": \"3.9.0\"` in `main` branch, you should bump to `\"version\": \"3.10.0\"` in your branch.\n\n> The major version should only be used for releasing breaking changes. e.g. `3.0.0`, `4.0.0`\n\n## Development (`dev.vouchfor.com`)\n\nAssuming your branch bumped version in `package.json` to\n\n```json\n\"version\": \"3.10.0\"\n```\n\n### Bump patch version number\n\nEnsure your patch version number isn't used, e.g. if `3.10.0` was published before, bump to `3.10.1`.\n\n### Build and publish\n\n```sh\nyarn package:alpha\ncd package\nnpm publish --access public --tag alpha\n```\n\nMake sure you purge NPM CDN cache for package, see [Purge npm cached tags](#purge-npm-cached-tags)\n\n### Update dependency in `vouch-app`\n\nEnsure you already cloned [vouch-app](https://github.com/VouchAU/vouch-app.git) locally then switch to the folder.\n\n```sh\ncd vouch-app\ngit checkout development\ngit pull\ngit merge feature/VCH-111 # Optional, only when you have code change dependency in vouch-app as well\nyarn upgrade @vouchfor/uikit@alpha\n```\n\nAfter upgrade, you should see version updates in both `package.json` and `yarn.lock`, but due to a known issue of `yarn`, please do these before committing changes\n\n- Manually roll back `package.json` (should always `\"@vouchfor/uikit\": \"alpha\"` for `development`).\n- run `yarn` again to update `yarn.lock`\n\n```sh\ngit commit -m \"Bumped uikit version\"\ngit push\n```\n\n## Staging (`staging.vouchfor.com`)\n\nUpdate `staging` environment is the same as [Development](#development-devvouchforcom) but remember to change cmd to `staging` specific\n\n```sh\nyarn package:beta\n```\n\n```sh\nnpm publish --access public --tag beta\n```\n\n```sh\ncd vouch-app\ngit checkout staging\ngit pull\ngit merge feature/VCH-111 # Optional, only when you have code change dependency in vouch-app as well\nyarn upgrade @vouchfor/uikit@beta\n```\n\n## Production (`app.vouchfor.com`)\n\nOne thing different when release to production, since `master` branch can only be merged by PRs (after code review), so you will need to run `yarn upgrade @vouchfor/uikit@latest` under you feature branch and commit **before merging the PR**.\n\n```sh\ngit checkout feature/VCH-111\nyarn upgrade upgrade @vouchfor/uikit@latest\ngit commit -m \"Bumped uikit version\"\ngit push\n```\n\n> When you run above cmd, your PR should be ready to merge (reviewed and QA tested)\n","engines":{"node":">=14.17.0"},"exports":{"./package.json":"./package.json","./embed/vouch-embed-all":{"import":"./embed/vouch-embed-all.js","default":"./embed/vouch-embed-all.js","require":"./embed/vouch-embed-all.cjs"},"./embed/vouch-embed-card":{"import":"./embed/vouch-embed-card.js","default":"./embed/vouch-embed-card.js","require":"./embed/vouch-embed-card.cjs"},"./embed/vouch-embed-jumbo":{"import":"./embed/vouch-embed-jumbo.js","default":"./embed/vouch-embed-jumbo.js","require":"./embed/vouch-embed-jumbo.cjs"},"./embed/vouch-embed-all.js":"./embed/vouch-embed-all.js","./embed/vouch-embed-button":{"import":"./embed/vouch-embed-button.js","default":"./embed/vouch-embed-button.js","require":"./embed/vouch-embed-button.cjs"},"./components/vouch-recorder":{"import":"./components/vouch-recorder.js","default":"./components/vouch-recorder.js","require":"./components/vouch-recorder.cjs"},"./embed/vouch-embed-popover":{"import":"./embed/vouch-embed-popover.js","default":"./embed/vouch-embed-popover.js","require":"./embed/vouch-embed-popover.cjs"},"./components/vouch-icon-play":{"import":"./components/vouch-icon-play.js","default":"./components/vouch-icon-play.js","require":"./components/vouch-icon-play.cjs"},"./embed/vouch-embed-dialogue":{"import":"./embed/vouch-embed-dialogue.js","default":"./embed/vouch-embed-dialogue.js","require":"./embed/vouch-embed-dialogue.cjs"},"./components/vouch-brand-logo":{"import":"./components/vouch-brand-logo.js","default":"./components/vouch-brand-logo.js","require":"./components/vouch-brand-logo.cjs"},"./components/vouch-icon-close":{"import":"./components/vouch-icon-close.js","default":"./components/vouch-icon-close.js","require":"./components/vouch-icon-close.cjs"},"./components/vouch-icon-pause":{"import":"./components/vouch-icon-pause.js","default":"./components/vouch-icon-pause.js","require":"./components/vouch-icon-pause.cjs"},"./components/vouch-media-plyr":{"import":"./components/vouch-media-plyr.js","default":"./components/vouch-media-plyr.js","require":"./components/vouch-media-plyr.cjs"},"./components/vouch-water-mark":{"import":"./components/vouch-water-mark.js","default":"./components/vouch-water-mark.js","require":"./components/vouch-water-mark.cjs"},"./embed/VouchEmbedCard.svelte":"./embed/VouchEmbedCard.svelte","./embed/vouch-embed-thumbnail":{"import":"./embed/vouch-embed-thumbnail.js","default":"./embed/vouch-embed-thumbnail.js","require":"./embed/vouch-embed-thumbnail.cjs"},"./embed/vouch-recorder-button":{"import":"./embed/vouch-recorder-button.js","default":"./embed/vouch-recorder-button.js","require":"./embed/vouch-recorder-button.cjs"},"./components/vouch-graphic-svg":{"import":"./components/vouch-graphic-svg.js","default":"./components/vouch-graphic-svg.js","require":"./components/vouch-graphic-svg.cjs"},"./embed/VouchEmbedJumbo.svelte":"./embed/VouchEmbedJumbo.svelte","./embed/vouch-recorder-preview":{"import":"./embed/vouch-recorder-preview.js","default":"./embed/vouch-recorder-preview.js","require":"./embed/vouch-recorder-preview.cjs"},"./embed/VouchEmbedButton.svelte":"./embed/VouchEmbedButton.svelte","./embed/VouchEmbedPopover.svelte":"./embed/VouchEmbedPopover.svelte","./components/VouchIconPlay.svelte":"./components/VouchIconPlay.svelte","./components/VouchRecorder.svelte":"./components/VouchRecorder.svelte","./embed/VouchEmbedDialogue.svelte":"./embed/VouchEmbedDialogue.svelte","./embed/vouch-embed-inline-player":{"import":"./embed/vouch-embed-inline-player.js","default":"./embed/vouch-embed-inline-player.js","require":"./embed/vouch-embed-inline-player.cjs"},"./components/VouchBrandLogo.svelte":"./components/VouchBrandLogo.svelte","./components/VouchIconClose.svelte":"./components/VouchIconClose.svelte","./components/VouchIconPause.svelte":"./components/VouchIconPause.svelte","./components/VouchMediaPlyr.svelte":"./components/VouchMediaPlyr.svelte","./components/VouchWaterMark.svelte":"./components/VouchWaterMark.svelte","./components/vouch-icon-arrow-left":{"import":"./components/vouch-icon-arrow-left.js","default":"./components/vouch-icon-arrow-left.js","require":"./components/vouch-icon-arrow-left.cjs"},"./embed/VouchEmbedThumbnail.svelte":"./embed/VouchEmbedThumbnail.svelte","./embed/VouchRecorderButton.svelte":"./embed/VouchRecorderButton.svelte","./components/VouchGraphicSvg.svelte":"./components/VouchGraphicSvg.svelte","./components/vouch-icon-arrow-right":{"import":"./components/vouch-icon-arrow-right.js","default":"./components/vouch-icon-arrow-right.js","require":"./components/vouch-icon-arrow-right.cjs"},"./embed/VouchRecorderPreview.svelte":"./embed/VouchRecorderPreview.svelte","./components/vouch-overlay-play-icon":{"import":"./components/vouch-overlay-play-icon.js","default":"./components/vouch-overlay-play-icon.js","require":"./components/vouch-overlay-play-icon.cjs"},"./embed/VouchEmbedInlinePlayer.svelte":"./embed/VouchEmbedInlinePlayer.svelte","./components/VouchIconArrowLeft.svelte":"./components/VouchIconArrowLeft.svelte","./components/VouchIconArrowRight.svelte":"./components/VouchIconArrowRight.svelte","./components/VouchOverlayPlayIcon.svelte":"./components/VouchOverlayPlayIcon.svelte"},"_npmUser":{"name":"vouch-tech","email":"brian@vouchfor.com"},"repository":{"url":"git+https://github.com/VouchAU/vouch-uikit.git","type":"git"},"_npmVersion":"6.14.13","description":"Vouch Svelte UIKit","directories":{},"lint-staged":{"*.{js,svelte}":"yarn lint"},"_nodeVersion":"14.17.0","dependencies":{"plyr":"^3.7.2","cookie":"^0.4.1","hls.js":"^1.1.5","core-js":"^3.16.3","postcss":"^7","@vime/core":"^5.3.1","tailwindcss":"npm:@tailwindcss/postcss7-compat","@lukeed/uuid":"^2.0.0","autoprefixer":"^9","whatwg-fetch":"^3.6.2","@fontsource/fira-mono":"^4.2.2"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^27.0.6","path":"^0.12.7","husky":"4","tslib":"^2.0.0","dotenv":"^10.0.0","eslint":"^7.22.0","rollup":"^2.55.1","svelte":"^3.34.0","prettier":"~2.2.1","babel-jest":"^27.0.6","svelte2tsx":"^0.4.3","typescript":"^4.0.0","@babel/core":"^7.14.8","@types/jest":"^26.0.24","lint-staged":"^11.1.1","svelte-check":"^2.0.0","@sveltejs/kit":"next","@types/cookie":"^0.4.0","svelte-jester":"^1.8.1","svelte-loader":"^3.1.2","@babel/preset-env":"^7.14.9","@storybook/svelte":"^6.3.6","svelte-preprocess":"^4.0.0","rollup-plugin-copy":"^3.4.0","rollup-plugin-svelte":"^7.1.0","rollup-plugin-terser":"^7.0.2","eslint-plugin-svelte3":"^3.2.0","@babel/runtime-corejs3":"^7.14.9","@rollup/plugin-replace":"^3.0.0","@storybook/addon-links":"^6.3.6","eslint-config-prettier":"^8.1.0","prettier-plugin-svelte":"^2.2.0","@rollup/plugin-commonjs":"^22.0.0","@testing-library/svelte":"^3.0.3","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@typescript-eslint/parser":"^4.19.0","@rollup/plugin-node-resolve":"^13.0.4","@storybook/addon-essentials":"^6.3.6","@typescript-eslint/eslint-plugin":"^4.19.0"},"_npmOperationalInternal":{"tmp":"tmp/uikit_5.12.2_1664416611271_0.07873191163566462","host":"s3://npm-registry-packages"}},"5.12.3":{"name":"@vouchfor/uikit","version":"5.12.3","keywords":["embed","design system","vouch-uikit","svelte","uikit"],"author":{"url":"https://vouchau.github.io/vouch-uikit","name":"Vouch Dev Team","email":"hello@vouchfor.com"},"license":"MIT","_id":"@vouchfor/uikit@5.12.3","maintainers":[{"name":"vouch-tech","email":"brian@vouchfor.com"}],"homepage":"https://vouchau.github.io/vouch-uikit","bugs":{"url":"https://github.com/VouchAU/vouch-uikit/issues"},"dist":{"shasum":"01c17c624de6004882b4f2efea1e17948c4f70f9","tarball":"https://registry.npmjs.org/@vouchfor/uikit/-/uikit-5.12.3.tgz","fileCount":220,"integrity":"sha512-O23Tz6+IrINtX3Imk/qFnPySJjermOtU05kfku4VPhYkmaN5uskEClO3/mi7fYMHp8Z+cMATnFXO5NClWnbrZw==","signatures":[{"sig":"MEUCIQCEYqgArIoSQUVLnvVgQe1Ne1PZyXz8bZkedNq9zwttowIgQNObX5BE3PHaPyxLXkagS9m+WNO7W0VaZLdqFiLSx/c=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":98097994,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjNPvYACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq2fg//ScuZWCooy/kesj5susyKN/KZR5mVXydu7dJlX+d+4RJxyi0N\r\nUL7ReFjdKjypjwvu2QTgYFB45vNdDcduv7esEFOJONPUamRrMtE6JfQiEfEH\r\nlpjSIiP33O7cQR0UgsQP+XK1Cuue8tdJwDAFYcvRdMlsCrpi2VoiyW95sh7Y\r\nShN568TP6fgyYSJe3DIqboVNQ0dLx7Tb0bahZVHBUgcw7Z8jq8NLaKJqZxpj\r\nzaqPFa50R6ByFbr8YOR9ZW17MxG77kMQbaKNeqjDBjki97m4Hkue8YKjSTm6\r\n/ogPn7ARCybfIB2OuXyXoMFetds6sG4JMdKgtjX+TvSfCx+MFr/SH7CGI+2I\r\nhSikP6bjSr8AXPvgra86YW2Cce9gL6XM+n+h8Va1qAjLzEHgFNS3Y2ORCQ41\r\nnbs4nJj/NDYyvIuyF9TExRSvyotZ2G5As+qM75s1Fl5Drg1rJ5pZFw7RFDC+\r\ngz2oJS1ENu8rgqNAkKhLaYU1b3JIYwWEdocqHNUYiqYkBhfs27mdgGjRGJ/z\r\nPlIe+uvlb8s7HX1Gkb3IiKqEGox8MI7kFKALNki3cNpMRmNK6nXtjKvKtyXH\r\nJWxp7XgqSKkLkZPsmzzK6pktBW8THBTiKcCHThAmRjglZRc11p9ZG+txDuoN\r\nvoFKo8fAg6kkN+84kFs2p91D3Aax388WwBY=\r\n=+i5a\r\n-----END PGP SIGNATURE-----\r\n"},"type":"module","husky":{"hooks":{"pre-push":"yarn test --silent","pre-commit":"lint-staged"}},"types":"types.d.ts","readme":"# Vouch UIKit\n\n- [Get Started](#get-started)\n - [Storybook](#storybook)\n - [Build package](#build-package)\n - [Test package locally with vouch-app](#test-package-locally-with-vouch-app)\n - [Publish to npm](#publish-to-npm)\n - [Purge npm cache](#purge-npm-cached-tags)\n- [Update vouch-app](#update-vouch-app)\n - [development](#development-devvouchforcom)\n - [staging](#staging-stagingvouchforcom)\n - [production](#production-appvouchforcom)\n\n**Vouch UIKit** consists of `2 libraries` and `1 application`\n\n```bash\n└── src\n ├── lib\n │ ├── components # Design System Components (Web Component)\n │ │ ├── VouchBrandLogo.svelte\n │ │ ...\n │ │\n │ └── embed # embed Components (Web Component)\n │ │ ├── VouchEmbedInlinePlayer.svelte\n │ ...\n │\n │\n ├── routes # vouch public embed link (https://embed.vouchfor.com)\n │ ├── __layout.svelte\n │ ├── index.svelte\n │ ├── about.svelte\n │ ...\n │\n ├── app.css\n └── app.html\n```\n\n# Get Started\n\nEnsure you have node `14.17.0` installed on your machine, for example via [nvm](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/TERMINAL.md#install-nvm), run `nvm ls` to check\n\n```bash\nnvm ls 14\n```\n\nyou should see output if you have the version installed\n\n```bash\n-> v14.17.0\n```\n\nensure you have [git ssh](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/GITHUB.md) setup locally before you clone the repo\n\n```bash\ngit clone git@github.com:VouchAU/vouch-uikit.git\n```\n\ninstall dependencies\n\n```bash\ncd vouch-uikit\nyarn\n```\n\n## Storybook\n\nhttps://designsystem.vouchfor.com/\n\nStorybook is hosted on GitHub page `gh-pages` branch (Domain name is configured on **Cloudflare**) and deployed automatically via **GitHub Action** every time changes are merged back to `master`.\n\nLocal dev\n\n```bash\nyarn storybook\n```\n\nbuild storybook\n\n```bash\nyarn build-storybook\n```\n\n## Build package\n\nBuild `src/lib` production/beta/alpha package, make sure you change `version` in `package.json` for three different build tags.\n\n```sh\ncd vouch-uikit\n...\nyarn package:alpha # development\nyarn package:beta # staging\nyarn package # production\n```\n\n## Test package locally with `vouch-app`\n\nOnce you build the `npm` package, you can test locally with `vouch-app` to ensure everything works as expected before publishing to `npm`\n\nAssuming you build a package according [Build package](#build-package), now you can create a symlink to your local package\n\n```sh\ncd package\nyarn link\n```\n\nyou should see this if successfully linked\n\n```sh\nyarn link v1.22.10\nsuccess Registered \"@vouchfor/uikit\".\ninfo You can now run `yarn link \"@vouchfor/uikit\"` in the projects where you want to use this package and it will be used instead.\n✨ Done in 0.04s.\n```\n\ngo to `vouch-app` folder and switch to the branch you want to test against with then link the local package\n\n```sh\ncd vouch-app\ngit checkout VCH-222\nyarn link @vouchfor/uikit\nyarn dev\n```\n\nVoilà, you are testing your feature branch with the local uikit package and don't forget to roll back after testing\n\n```sh\ncd vouch-app\nyarn unlink @vouchfor/uikit\n...\ncd vouch-uikit/package\nyarn unlink\n```\n\n## Publish to `npm`\n\n> Note you will need to log in `vouch-tech` on your terminal before publishing, credential is shared via 1Password.\n\n```bash\nnpm login\n...\n```\n\n```bash\ncd package\n...\nnpm publish --access public --tag alpha # development\nnpm publish --access public --tag beta # staging\nnpm publish --access public # production\n```\n\n## Purge `jsdelivr` cache\n\n`@vouchfor/uikit` is most likely consumed by **tag**, `alpha`, `beta` and `latest`, not version number to ensure clients can always get the latest updates. [jsdelivr](https://cdn.jsdelivr.net/) default has 7 days cache for `tag`, so we need to purge it to reflect new version number.\n\n- Check current tag version number\n\n - [Click to check Alpha](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@alpha/)\n - [Click to check Beta](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@beta/)\n - [Click to check Production](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n- Purge cache\n - [Click to purge Alpha](https://purge.jsdelivr.net/npm/@vouchfor/uikit@alpha/)\n - [Click to purge Beta](https://purge.jsdelivr.net/npm/@vouchfor/uikit@beta/)\n - **_Danger_** [Click to purge Production](https://purge.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n### Purge specific bundle.js\n\nOur embed code snippet `src` attribute currently refers to a specific embed bundle js , for example\n\n```html\n\n
\n```\n\nIn this case, you will need to purge the bundle file specifically by providing absolute path\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/embed/{filename}.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/components/{filename}.bundle.js\n```\n\nfor example,\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@alpha/embed/vouch-embed-inline-player.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@beta/embed/vouch-embed-inline-player.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/embed/vouch-embed-inline-player.bundle.js\n```\n\n## Unit test\n\n```bash\nyarn test\n```\n\nupdate snapshot\n\n```bash\nyarn test -u\n```\n\n# Update `vouch-app`\n\n`@vouchfor/uikit` is a dependency of `vouch-app` for embeds and UI components, follow the below steps to publish NPM package and update `package.json` dependency in `vouch-app`.\n\n> Each PR should bump the minor version in `package.json` in order to push new version to NPM. e.g. `\"version\": \"3.9.0\"` in `main` branch, you should bump to `\"version\": \"3.10.0\"` in your branch.\n\n> The major version should only be used for releasing breaking changes. e.g. `3.0.0`, `4.0.0`\n\n## Development (`dev.vouchfor.com`)\n\nAssuming your branch bumped version in `package.json` to\n\n```json\n\"version\": \"3.10.0\"\n```\n\n### Bump patch version number\n\nEnsure your patch version number isn't used, e.g. if `3.10.0` was published before, bump to `3.10.1`.\n\n### Build and publish\n\n```sh\nyarn package:alpha\ncd package\nnpm publish --access public --tag alpha\n```\n\nMake sure you purge NPM CDN cache for package, see [Purge npm cached tags](#purge-npm-cached-tags)\n\n### Update dependency in `vouch-app`\n\nEnsure you already cloned [vouch-app](https://github.com/VouchAU/vouch-app.git) locally then switch to the folder.\n\n```sh\ncd vouch-app\ngit checkout development\ngit pull\ngit merge feature/VCH-111 # Optional, only when you have code change dependency in vouch-app as well\nyarn upgrade @vouchfor/uikit@alpha\n```\n\nAfter upgrade, you should see version updates in both `package.json` and `yarn.lock`, but due to a known issue of `yarn`, please do these before committing changes\n\n- Manually roll back `package.json` (should always `\"@vouchfor/uikit\": \"alpha\"` for `development`).\n- run `yarn` again to update `yarn.lock`\n\n```sh\ngit commit -m \"Bumped uikit version\"\ngit push\n```\n\n## Staging (`staging.vouchfor.com`)\n\nUpdate `staging` environment is the same as [Development](#development-devvouchforcom) but remember to change cmd to `staging` specific\n\n```sh\nyarn package:beta\n```\n\n```sh\nnpm publish --access public --tag beta\n```\n\n```sh\ncd vouch-app\ngit checkout staging\ngit pull\ngit merge feature/VCH-111 # Optional, only when you have code change dependency in vouch-app as well\nyarn upgrade @vouchfor/uikit@beta\n```\n\n## Production (`app.vouchfor.com`)\n\nOne thing different when release to production, since `master` branch can only be merged by PRs (after code review), so you will need to run `yarn upgrade @vouchfor/uikit@latest` under you feature branch and commit **before merging the PR**.\n\n```sh\ngit checkout feature/VCH-111\nyarn upgrade upgrade @vouchfor/uikit@latest\ngit commit -m \"Bumped uikit version\"\ngit push\n```\n\n> When you run above cmd, your PR should be ready to merge (reviewed and QA tested)\n","engines":{"node":">=14.17.0"},"exports":{"./package.json":"./package.json","./embed/vouch-embed-all":{"import":"./embed/vouch-embed-all.js","default":"./embed/vouch-embed-all.js","require":"./embed/vouch-embed-all.cjs"},"./embed/vouch-embed-card":{"import":"./embed/vouch-embed-card.js","default":"./embed/vouch-embed-card.js","require":"./embed/vouch-embed-card.cjs"},"./embed/vouch-embed-jumbo":{"import":"./embed/vouch-embed-jumbo.js","default":"./embed/vouch-embed-jumbo.js","require":"./embed/vouch-embed-jumbo.cjs"},"./embed/vouch-embed-all.js":"./embed/vouch-embed-all.js","./embed/vouch-embed-button":{"import":"./embed/vouch-embed-button.js","default":"./embed/vouch-embed-button.js","require":"./embed/vouch-embed-button.cjs"},"./components/vouch-recorder":{"import":"./components/vouch-recorder.js","default":"./components/vouch-recorder.js","require":"./components/vouch-recorder.cjs"},"./embed/vouch-embed-popover":{"import":"./embed/vouch-embed-popover.js","default":"./embed/vouch-embed-popover.js","require":"./embed/vouch-embed-popover.cjs"},"./components/vouch-icon-play":{"import":"./components/vouch-icon-play.js","default":"./components/vouch-icon-play.js","require":"./components/vouch-icon-play.cjs"},"./embed/vouch-embed-dialogue":{"import":"./embed/vouch-embed-dialogue.js","default":"./embed/vouch-embed-dialogue.js","require":"./embed/vouch-embed-dialogue.cjs"},"./components/vouch-brand-logo":{"import":"./components/vouch-brand-logo.js","default":"./components/vouch-brand-logo.js","require":"./components/vouch-brand-logo.cjs"},"./components/vouch-icon-close":{"import":"./components/vouch-icon-close.js","default":"./components/vouch-icon-close.js","require":"./components/vouch-icon-close.cjs"},"./components/vouch-icon-pause":{"import":"./components/vouch-icon-pause.js","default":"./components/vouch-icon-pause.js","require":"./components/vouch-icon-pause.cjs"},"./components/vouch-media-plyr":{"import":"./components/vouch-media-plyr.js","default":"./components/vouch-media-plyr.js","require":"./components/vouch-media-plyr.cjs"},"./components/vouch-water-mark":{"import":"./components/vouch-water-mark.js","default":"./components/vouch-water-mark.js","require":"./components/vouch-water-mark.cjs"},"./embed/VouchEmbedCard.svelte":"./embed/VouchEmbedCard.svelte","./embed/vouch-embed-thumbnail":{"import":"./embed/vouch-embed-thumbnail.js","default":"./embed/vouch-embed-thumbnail.js","require":"./embed/vouch-embed-thumbnail.cjs"},"./embed/vouch-recorder-button":{"import":"./embed/vouch-recorder-button.js","default":"./embed/vouch-recorder-button.js","require":"./embed/vouch-recorder-button.cjs"},"./components/vouch-graphic-svg":{"import":"./components/vouch-graphic-svg.js","default":"./components/vouch-graphic-svg.js","require":"./components/vouch-graphic-svg.cjs"},"./embed/VouchEmbedJumbo.svelte":"./embed/VouchEmbedJumbo.svelte","./embed/vouch-recorder-preview":{"import":"./embed/vouch-recorder-preview.js","default":"./embed/vouch-recorder-preview.js","require":"./embed/vouch-recorder-preview.cjs"},"./embed/VouchEmbedButton.svelte":"./embed/VouchEmbedButton.svelte","./embed/VouchEmbedPopover.svelte":"./embed/VouchEmbedPopover.svelte","./components/VouchIconPlay.svelte":"./components/VouchIconPlay.svelte","./components/VouchRecorder.svelte":"./components/VouchRecorder.svelte","./embed/VouchEmbedDialogue.svelte":"./embed/VouchEmbedDialogue.svelte","./embed/vouch-embed-inline-player":{"import":"./embed/vouch-embed-inline-player.js","default":"./embed/vouch-embed-inline-player.js","require":"./embed/vouch-embed-inline-player.cjs"},"./components/VouchBrandLogo.svelte":"./components/VouchBrandLogo.svelte","./components/VouchIconClose.svelte":"./components/VouchIconClose.svelte","./components/VouchIconPause.svelte":"./components/VouchIconPause.svelte","./components/VouchMediaPlyr.svelte":"./components/VouchMediaPlyr.svelte","./components/VouchWaterMark.svelte":"./components/VouchWaterMark.svelte","./components/vouch-icon-arrow-left":{"import":"./components/vouch-icon-arrow-left.js","default":"./components/vouch-icon-arrow-left.js","require":"./components/vouch-icon-arrow-left.cjs"},"./embed/VouchEmbedThumbnail.svelte":"./embed/VouchEmbedThumbnail.svelte","./embed/VouchRecorderButton.svelte":"./embed/VouchRecorderButton.svelte","./components/VouchGraphicSvg.svelte":"./components/VouchGraphicSvg.svelte","./components/vouch-icon-arrow-right":{"import":"./components/vouch-icon-arrow-right.js","default":"./components/vouch-icon-arrow-right.js","require":"./components/vouch-icon-arrow-right.cjs"},"./embed/VouchRecorderPreview.svelte":"./embed/VouchRecorderPreview.svelte","./components/vouch-overlay-play-icon":{"import":"./components/vouch-overlay-play-icon.js","default":"./components/vouch-overlay-play-icon.js","require":"./components/vouch-overlay-play-icon.cjs"},"./embed/VouchEmbedInlinePlayer.svelte":"./embed/VouchEmbedInlinePlayer.svelte","./components/VouchIconArrowLeft.svelte":"./components/VouchIconArrowLeft.svelte","./components/VouchIconArrowRight.svelte":"./components/VouchIconArrowRight.svelte","./components/VouchOverlayPlayIcon.svelte":"./components/VouchOverlayPlayIcon.svelte"},"_npmUser":{"name":"vouch-tech","email":"brian@vouchfor.com"},"repository":{"url":"git+https://github.com/VouchAU/vouch-uikit.git","type":"git"},"_npmVersion":"6.14.13","description":"Vouch Svelte UIKit","directories":{},"lint-staged":{"*.{js,svelte}":"yarn lint"},"_nodeVersion":"14.17.0","dependencies":{"plyr":"^3.7.2","cookie":"^0.4.1","hls.js":"^1.1.5","core-js":"^3.16.3","postcss":"^7","@vime/core":"^5.3.1","tailwindcss":"npm:@tailwindcss/postcss7-compat","@lukeed/uuid":"^2.0.0","autoprefixer":"^9","whatwg-fetch":"^3.6.2","@fontsource/fira-mono":"^4.2.2"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^27.0.6","path":"^0.12.7","husky":"4","tslib":"^2.0.0","dotenv":"^10.0.0","eslint":"^7.22.0","rollup":"^2.55.1","svelte":"^3.34.0","prettier":"~2.2.1","babel-jest":"^27.0.6","svelte2tsx":"^0.4.3","typescript":"^4.0.0","@babel/core":"^7.14.8","@types/jest":"^26.0.24","lint-staged":"^11.1.1","svelte-check":"^2.0.0","@sveltejs/kit":"next","@types/cookie":"^0.4.0","svelte-jester":"^1.8.1","svelte-loader":"^3.1.2","@babel/preset-env":"^7.14.9","@storybook/svelte":"^6.3.6","svelte-preprocess":"^4.0.0","rollup-plugin-copy":"^3.4.0","rollup-plugin-svelte":"^7.1.0","rollup-plugin-terser":"^7.0.2","eslint-plugin-svelte3":"^3.2.0","@babel/runtime-corejs3":"^7.14.9","@rollup/plugin-replace":"^3.0.0","@storybook/addon-links":"^6.3.6","eslint-config-prettier":"^8.1.0","prettier-plugin-svelte":"^2.2.0","@rollup/plugin-commonjs":"^22.0.0","@testing-library/svelte":"^3.0.3","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@typescript-eslint/parser":"^4.19.0","@rollup/plugin-node-resolve":"^13.0.4","@storybook/addon-essentials":"^6.3.6","@typescript-eslint/eslint-plugin":"^4.19.0"},"_npmOperationalInternal":{"tmp":"tmp/uikit_5.12.3_1664416727490_0.586457444015497","host":"s3://npm-registry-packages"}},"5.12.4":{"name":"@vouchfor/uikit","version":"5.12.4","keywords":["embed","design system","vouch-uikit","svelte","uikit"],"author":{"url":"https://vouchau.github.io/vouch-uikit","name":"Vouch Dev Team","email":"hello@vouchfor.com"},"license":"MIT","_id":"@vouchfor/uikit@5.12.4","maintainers":[{"name":"vouch-tech","email":"brian@vouchfor.com"}],"homepage":"https://vouchau.github.io/vouch-uikit","bugs":{"url":"https://github.com/VouchAU/vouch-uikit/issues"},"dist":{"shasum":"8f8590cc6edba194bccbf0ebc0821ac3b57011b0","tarball":"https://registry.npmjs.org/@vouchfor/uikit/-/uikit-5.12.4.tgz","fileCount":220,"integrity":"sha512-qW3MTOUUMEq2/DGC0xEOSu1mi+UcUI16tG/8de+kVXFC5/H4oimOMF3tt9JM94/HgKOnEVdOl+1k7m5WlfYelQ==","signatures":[{"sig":"MEUCIEZF831Q/YgpvLneFJCywtJ3NJr2S+vAvyNtxNdfnT+TAiEA3xeYD/kQvQY4A07lTewIOEriJ8Y1wUorQYndCi0WRbg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":98096446,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjNPxHACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmok9g/+IjQis6oJQ7wzOgT6C+4gmmTzD6uMFn8t3FMp9+4ND1BMey/C\r\nGZQ4LjVdXHh1ZKaUj160fhW0xW9b35MX5D6B2y7ETOroVy5pPzcXRRfbgjiD\r\n6JELbqudsB8IAsXL3v9w2cTHN3Uqc2BzBjndEKVaUuR57ZW67tdsV4LEjFHY\r\nSATHy40edciGiUho5+aS5Ijc7PlFIT76L1y9Isp6U9BZjALLo2ui7O1Dt0zP\r\niscq4S5umsakN2Csen8NB0/H+REVR3T+5O6GgFn1I+a4C+CzeVoFOh+WGGVB\r\nHVESwJoBi1zlPMpK2GLCWtXEDTGDB6Xt17vUO4DfCE3CtmJxIZLlTQXaoir8\r\nDaeNcQ/6wHKSIi534x5YEecT6Lem0gPw/K07ZMLRUM45RmUfOBQEOuWU5FWo\r\nzprZYKbra2N5jul1mBXQfoVWHLfd+nQDrLI7sMelDFGamSY5p6bWwppfQnQy\r\n3OHQ1Enlc3lr7HmZ2sUNoGfGHZrpJdS6OWFc56g1Wl+h+WrUNtMH7HYcEIDL\r\nLsYRQrIrhv05LnIhuEfNSb1ikpCnaRoD+TD38qNqKb7M+BNaS4Dh2RfD9eUc\r\nazAWtT41pdYllAARw1RS4cCD11jRelL1XJvxCpkzff+J9yLBoZxr6EWcNbtD\r\nRk+ThF+KgsQBhi32A2OG7HQNs8Mr1PQE5sw=\r\n=E2h4\r\n-----END PGP SIGNATURE-----\r\n"},"type":"module","husky":{"hooks":{"pre-push":"yarn test --silent","pre-commit":"lint-staged"}},"types":"types.d.ts","engines":{"node":">=14.17.0"},"exports":{"./package.json":"./package.json","./embed/vouch-embed-all":{"import":"./embed/vouch-embed-all.js","default":"./embed/vouch-embed-all.js","require":"./embed/vouch-embed-all.cjs"},"./embed/vouch-embed-card":{"import":"./embed/vouch-embed-card.js","default":"./embed/vouch-embed-card.js","require":"./embed/vouch-embed-card.cjs"},"./embed/vouch-embed-jumbo":{"import":"./embed/vouch-embed-jumbo.js","default":"./embed/vouch-embed-jumbo.js","require":"./embed/vouch-embed-jumbo.cjs"},"./embed/vouch-embed-all.js":"./embed/vouch-embed-all.js","./embed/vouch-embed-button":{"import":"./embed/vouch-embed-button.js","default":"./embed/vouch-embed-button.js","require":"./embed/vouch-embed-button.cjs"},"./components/vouch-recorder":{"import":"./components/vouch-recorder.js","default":"./components/vouch-recorder.js","require":"./components/vouch-recorder.cjs"},"./embed/vouch-embed-popover":{"import":"./embed/vouch-embed-popover.js","default":"./embed/vouch-embed-popover.js","require":"./embed/vouch-embed-popover.cjs"},"./components/vouch-icon-play":{"import":"./components/vouch-icon-play.js","default":"./components/vouch-icon-play.js","require":"./components/vouch-icon-play.cjs"},"./embed/vouch-embed-dialogue":{"import":"./embed/vouch-embed-dialogue.js","default":"./embed/vouch-embed-dialogue.js","require":"./embed/vouch-embed-dialogue.cjs"},"./components/vouch-brand-logo":{"import":"./components/vouch-brand-logo.js","default":"./components/vouch-brand-logo.js","require":"./components/vouch-brand-logo.cjs"},"./components/vouch-icon-close":{"import":"./components/vouch-icon-close.js","default":"./components/vouch-icon-close.js","require":"./components/vouch-icon-close.cjs"},"./components/vouch-icon-pause":{"import":"./components/vouch-icon-pause.js","default":"./components/vouch-icon-pause.js","require":"./components/vouch-icon-pause.cjs"},"./components/vouch-media-plyr":{"import":"./components/vouch-media-plyr.js","default":"./components/vouch-media-plyr.js","require":"./components/vouch-media-plyr.cjs"},"./components/vouch-water-mark":{"import":"./components/vouch-water-mark.js","default":"./components/vouch-water-mark.js","require":"./components/vouch-water-mark.cjs"},"./embed/VouchEmbedCard.svelte":"./embed/VouchEmbedCard.svelte","./embed/vouch-embed-thumbnail":{"import":"./embed/vouch-embed-thumbnail.js","default":"./embed/vouch-embed-thumbnail.js","require":"./embed/vouch-embed-thumbnail.cjs"},"./embed/vouch-recorder-button":{"import":"./embed/vouch-recorder-button.js","default":"./embed/vouch-recorder-button.js","require":"./embed/vouch-recorder-button.cjs"},"./components/vouch-graphic-svg":{"import":"./components/vouch-graphic-svg.js","default":"./components/vouch-graphic-svg.js","require":"./components/vouch-graphic-svg.cjs"},"./embed/VouchEmbedJumbo.svelte":"./embed/VouchEmbedJumbo.svelte","./embed/vouch-recorder-preview":{"import":"./embed/vouch-recorder-preview.js","default":"./embed/vouch-recorder-preview.js","require":"./embed/vouch-recorder-preview.cjs"},"./embed/VouchEmbedButton.svelte":"./embed/VouchEmbedButton.svelte","./embed/VouchEmbedPopover.svelte":"./embed/VouchEmbedPopover.svelte","./components/VouchIconPlay.svelte":"./components/VouchIconPlay.svelte","./components/VouchRecorder.svelte":"./components/VouchRecorder.svelte","./embed/VouchEmbedDialogue.svelte":"./embed/VouchEmbedDialogue.svelte","./embed/vouch-embed-inline-player":{"import":"./embed/vouch-embed-inline-player.js","default":"./embed/vouch-embed-inline-player.js","require":"./embed/vouch-embed-inline-player.cjs"},"./components/VouchBrandLogo.svelte":"./components/VouchBrandLogo.svelte","./components/VouchIconClose.svelte":"./components/VouchIconClose.svelte","./components/VouchIconPause.svelte":"./components/VouchIconPause.svelte","./components/VouchMediaPlyr.svelte":"./components/VouchMediaPlyr.svelte","./components/VouchWaterMark.svelte":"./components/VouchWaterMark.svelte","./components/vouch-icon-arrow-left":{"import":"./components/vouch-icon-arrow-left.js","default":"./components/vouch-icon-arrow-left.js","require":"./components/vouch-icon-arrow-left.cjs"},"./embed/VouchEmbedThumbnail.svelte":"./embed/VouchEmbedThumbnail.svelte","./embed/VouchRecorderButton.svelte":"./embed/VouchRecorderButton.svelte","./components/VouchGraphicSvg.svelte":"./components/VouchGraphicSvg.svelte","./components/vouch-icon-arrow-right":{"import":"./components/vouch-icon-arrow-right.js","default":"./components/vouch-icon-arrow-right.js","require":"./components/vouch-icon-arrow-right.cjs"},"./embed/VouchRecorderPreview.svelte":"./embed/VouchRecorderPreview.svelte","./components/vouch-overlay-play-icon":{"import":"./components/vouch-overlay-play-icon.js","default":"./components/vouch-overlay-play-icon.js","require":"./components/vouch-overlay-play-icon.cjs"},"./embed/VouchEmbedInlinePlayer.svelte":"./embed/VouchEmbedInlinePlayer.svelte","./components/VouchIconArrowLeft.svelte":"./components/VouchIconArrowLeft.svelte","./components/VouchIconArrowRight.svelte":"./components/VouchIconArrowRight.svelte","./components/VouchOverlayPlayIcon.svelte":"./components/VouchOverlayPlayIcon.svelte"},"_npmUser":{"name":"vouch-tech","email":"brian@vouchfor.com"},"repository":{"url":"git+https://github.com/VouchAU/vouch-uikit.git","type":"git"},"_npmVersion":"6.14.13","description":"Vouch Svelte UIKit","directories":{},"lint-staged":{"*.{js,svelte}":"yarn lint"},"_nodeVersion":"14.17.0","dependencies":{"plyr":"^3.7.2","cookie":"^0.4.1","hls.js":"^1.1.5","core-js":"^3.16.3","postcss":"^7","@vime/core":"^5.3.1","tailwindcss":"npm:@tailwindcss/postcss7-compat","@lukeed/uuid":"^2.0.0","autoprefixer":"^9","whatwg-fetch":"^3.6.2","@fontsource/fira-mono":"^4.2.2"},"_hasShrinkwrap":false,"devDependencies":{"jest":"^27.0.6","path":"^0.12.7","husky":"4","tslib":"^2.0.0","dotenv":"^10.0.0","eslint":"^7.22.0","rollup":"^2.55.1","svelte":"^3.34.0","prettier":"~2.2.1","babel-jest":"^27.0.6","svelte2tsx":"^0.4.3","typescript":"^4.0.0","@babel/core":"^7.14.8","@types/jest":"^26.0.24","lint-staged":"^11.1.1","svelte-check":"^2.0.0","@sveltejs/kit":"next","@types/cookie":"^0.4.0","svelte-jester":"^1.8.1","svelte-loader":"^3.1.2","@babel/preset-env":"^7.14.9","@storybook/svelte":"^6.3.6","svelte-preprocess":"^4.0.0","rollup-plugin-copy":"^3.4.0","rollup-plugin-svelte":"^7.1.0","rollup-plugin-terser":"^7.0.2","eslint-plugin-svelte3":"^3.2.0","@babel/runtime-corejs3":"^7.14.9","@rollup/plugin-replace":"^3.0.0","@storybook/addon-links":"^6.3.6","eslint-config-prettier":"^8.1.0","prettier-plugin-svelte":"^2.2.0","@rollup/plugin-commonjs":"^22.0.0","@testing-library/svelte":"^3.0.3","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@typescript-eslint/parser":"^4.19.0","@rollup/plugin-node-resolve":"^13.0.4","@storybook/addon-essentials":"^6.3.6","@typescript-eslint/eslint-plugin":"^4.19.0"},"_npmOperationalInternal":{"tmp":"tmp/uikit_5.12.4_1664416838546_0.7903832081394799","host":"s3://npm-registry-packages"}},"5.13.0":{"name":"@vouchfor/uikit","version":"5.13.0","keywords":["embed","design system","vouch-uikit","svelte","uikit"],"author":{"url":"https://vouchau.github.io/vouch-uikit","name":"Vouch Dev Team","email":"hello@vouchfor.com"},"license":"MIT","_id":"@vouchfor/uikit@5.13.0","maintainers":[{"name":"vouch-tech","email":"brian@vouchfor.com"}],"homepage":"https://vouchau.github.io/vouch-uikit","bugs":{"url":"https://github.com/VouchAU/vouch-uikit/issues"},"dist":{"shasum":"c2cae37b1987fbdee109c363b4b7126015908fb1","tarball":"https://registry.npmjs.org/@vouchfor/uikit/-/uikit-5.13.0.tgz","fileCount":229,"integrity":"sha512-xW2b3En1rdoQk74znI0fsB6wmRDxOfGwPSM4OHxSu6ciyLlzSLK2v/ADG/OYgnYsJgTZBmRQjdwMaLoRWVva3g==","signatures":[{"sig":"MEUCIQDPN/iO2+I8p5PR75z06Y9jDrQUo4OIinPbjhqy/lAhYQIgNeUomc47XjC1+aX4VP/S8XP8oGh1TAWj9Ga9b+ilbgI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":98075804,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjae6rACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrvVxAAkpcQYYEjWXne+Rnyr+34lV8pAWWHRFnaqIkP6Z6Zm6ki4gO+\r\nBn5/U26inL4XyCTo2KwnQekH1wLUAz/Z2ZywHASyDZMyAYMabCxHTsdNnq6+\r\nn10XPeXx4xVCTqZGl6dczStldEA8BoTAK2piI5ZYEbTTPxaP23fJh1490Im7\r\n1+VwAJquzCmp5e6IRIHBuB6vOgbWs2xaoVmuFzuUJqkNOwXvtj9zqXyYXMrq\r\nr7K4Gp8F8Lbv/LFWomL9wSe51wcMyThHIfCeA3cYiWBdAF1Q+f4zXsHZb5Cm\r\njpNNDYYxqZBahW8xz3WJv7ShV3kTd19XPTVwCp9jSg5SYtdEppLLno9zOSA3\r\n1KxQvFtwS/wMFLgA/8xvpv8qB+N+sMpqKVQQ8oGyZ6M6WxsI8xWpRNdrWaBO\r\nkka4VF2tal5PBc1HgHczUET4vv+XTL1jHDDyjLsnxOIYgz/cmOszZqREcPv8\r\nBVNcEj7jo2SDrKEXXzEPoipTvl8yXjc6qxiR/p8SLLia0DEv6RFg1KwpAIXE\r\neV64TnegzIe99rHRravkFc0s4lz/r5NFSUmUiBatpMrmHwWLO/b8dk1L7FVE\r\nf/JB+J3IwE/YKYyyU4ewVqJZNNJMzoHUDBpk7PvioOgNKGz3AcEQZMBzS/N9\r\nJM/Vr9MaqxM03PCnDtHURjF1FwmTc1Gk5Po=\r\n=8qkR\r\n-----END PGP SIGNATURE-----\r\n"},"type":"module","husky":{"hooks":{"pre-push":"yarn test --silent","pre-commit":"lint-staged"}},"types":"types.d.ts","readme":"# Vouch UIKit\n\n- [Get Started](#get-started)\n - [Storybook](#storybook)\n - [Build package](#build-package)\n - [Test package locally with vouch-app](#test-package-locally-with-vouch-app)\n - [Publish to npm](#publish-to-npm)\n - [Purge npm cache](#purge-npm-cached-tags)\n- [Update vouch-app](#update-vouch-app)\n - [development](#development-devvouchforcom)\n - [staging](#staging-stagingvouchforcom)\n - [production](#production-appvouchforcom)\n\n**Vouch UIKit** consists of `2 libraries` and `1 application`\n\n```bash\n└── src\n ├── lib\n │ ├── components # Design System Components (Web Component)\n │ │ ├── VouchBrandLogo.svelte\n │ │ ...\n │ │\n │ └── embed # embed Components (Web Component)\n │ │ ├── VouchEmbedInlinePlayer.svelte\n │ ...\n │\n │\n ├── routes # vouch public embed link (https://embed.vouchfor.com)\n │ ├── __layout.svelte\n │ ├── index.svelte\n │ ├── about.svelte\n │ ...\n │\n ├── app.css\n └── app.html\n```\n\n# Get Started\n\nEnsure you have node `14.17.0` installed on your machine, for example via [nvm](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/TERMINAL.md#install-nvm), run `nvm ls` to check\n\n```bash\nnvm ls 14\n```\n\nyou should see output if you have the version installed\n\n```bash\n-> v14.17.0\n```\n\nensure you have [git ssh](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/GITHUB.md) setup locally before you clone the repo\n\n```bash\ngit clone git@github.com:VouchAU/vouch-uikit.git\n```\n\ninstall dependencies\n\n```bash\ncd vouch-uikit\nyarn\n```\n\n## Storybook\n\nhttps://designsystem.vouchfor.com/\n\nStorybook is hosted on GitHub page `gh-pages` branch (Domain name is configured on **Cloudflare**) and deployed automatically via **GitHub Action** every time changes are merged back to `master`.\n\nLocal dev\n\n```bash\nyarn storybook\n```\n\nbuild storybook\n\n```bash\nyarn build-storybook\n```\n\n## Build package\n\nBuild `src/lib` production/beta/alpha package, make sure you change `version` in `package.json` for three different build tags.\n\n```sh\ncd vouch-uikit\n...\nyarn package:alpha # development\nyarn package:beta # staging\nyarn package # production\n```\n\n## Test package locally with `vouch-app`\n\nOnce you build the `npm` package, you can test locally with `vouch-app` to ensure everything works as expected before publishing to `npm`\n\nAssuming you build a package according [Build package](#build-package), now you can create a symlink to your local package\n\n```sh\ncd package\nyarn link\n```\n\nyou should see this if successfully linked\n\n```sh\nyarn link v1.22.10\nsuccess Registered \"@vouchfor/uikit\".\ninfo You can now run `yarn link \"@vouchfor/uikit\"` in the projects where you want to use this package and it will be used instead.\n✨ Done in 0.04s.\n```\n\ngo to `vouch-app` folder and switch to the branch you want to test against with then link the local package\n\n```sh\ncd vouch-app\ngit checkout VCH-222\nyarn link @vouchfor/uikit\nyarn dev\n```\n\nVoilà, you are testing your feature branch with the local uikit package and don't forget to roll back after testing\n\n```sh\ncd vouch-app\nyarn unlink @vouchfor/uikit\n...\ncd vouch-uikit/package\nyarn unlink\n```\n\n## Publish to `npm`\n\n> Note you will need to log in `vouch-tech` on your terminal before publishing, credential is shared via 1Password.\n\n```bash\nnpm login\n...\n```\n\n```bash\ncd package\n...\nnpm publish --access public --tag alpha # development\nnpm publish --access public --tag beta # staging\nnpm publish --access public # production\n```\n\n## Purge `jsdelivr` cache\n\n`@vouchfor/uikit` is most likely consumed by **tag**, `alpha`, `beta` and `latest`, not version number to ensure clients can always get the latest updates. [jsdelivr](https://cdn.jsdelivr.net/) default has 7 days cache for `tag`, so we need to purge it to reflect new version number.\n\n- Check current tag version number\n\n - [Click to check Alpha](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@alpha/)\n - [Click to check Beta](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@beta/)\n - [Click to check Production](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n- Purge cache\n - [Click to purge Alpha](https://purge.jsdelivr.net/npm/@vouchfor/uikit@alpha/)\n - [Click to purge Beta](https://purge.jsdelivr.net/npm/@vouchfor/uikit@beta/)\n - **_Danger_** [Click to purge Production](https://purge.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n### Purge specific bundle.js\n\nOur embed code snippet `src` attribute currently refers to a specific embed bundle js , for example\n\n```html\n\n
\n```\n\nIn this case, you will need to purge the bundle file specifically by providing absolute path\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/embed/{filename}.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/components/{filename}.bundle.js\n```\n\nfor example,\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@alpha/embed/vouch-embed-inline-player.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@beta/embed/vouch-embed-inline-player.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/embed/vouch-embed-inline-player.bundle.js\n```\n\n## Unit test\n\n```bash\nyarn test\n```\n\nupdate snapshot\n\n```bash\nyarn test -u\n```\n\n# Update `vouch-app`\n\n`@vouchfor/uikit` is a dependency of `vouch-app` for embeds and UI components, follow the below steps to publish NPM package and update `package.json` dependency in `vouch-app`.\n\n> Each PR should bump the minor version in `package.json` in order to push new version to NPM. e.g. `\"version\": \"3.9.0\"` in `main` branch, you should bump to `\"version\": \"3.10.0\"` in your branch.\n\n> The major version should only be used for releasing breaking changes. e.g. `3.0.0`, `4.0.0`\n\n## Development (`dev.vouchfor.com`)\n\nAssuming your branch bumped version in `package.json` to\n\n```json\n\"version\": \"3.10.0\"\n```\n\n### Bump patch version number\n\nEnsure your patch version number isn't used, e.g. if `3.10.0` was published before, bump to `3.10.1`.\n\n### Build and publish\n\n```sh\nyarn package:alpha\ncd package\nnpm publish --access public --tag alpha\n```\n\nMake sure you purge NPM CDN cache for package, see [Purge npm cached tags](#purge-npm-cached-tags)\n\n### Update dependency in `vouch-app`\n\nEnsure you already cloned [vouch-app](https://github.com/VouchAU/vouch-app.git) locally then switch to the folder.\n\n```sh\ncd vouch-app\ngit checkout development\ngit pull\ngit merge feature/VCH-111 # Optional, only when you have code change dependency in vouch-app as well\nyarn upgrade @vouchfor/uikit@alpha\n```\n\nAfter upgrade, you should see version updates in both `package.json` and `yarn.lock`, but due to a known issue of `yarn`, please do these before committing changes\n\n- Manually roll back `package.json` (should always `\"@vouchfor/uikit\": \"alpha\"` for `development`).\n- run `yarn` again to update `yarn.lock`\n\n```sh\ngit commit -m \"Bumped uikit version\"\ngit push\n```\n\n## Staging (`staging.vouchfor.com`)\n\nUpdate `staging` environment is the same as [Development](#development-devvouchforcom) but remember to change cmd to `staging` specific\n\n```sh\nyarn package:beta\n```\n\n```sh\nnpm publish --access public --tag beta\n```\n\n```sh\ncd vouch-app\ngit checkout staging\ngit pull\ngit merge feature/VCH-111 # Optional, only when you have code change dependency in vouch-app as well\nyarn upgrade @vouchfor/uikit@beta\n```\n\n## Production (`app.vouchfor.com`)\n\nOne thing different when release to production, since `master` branch can only be merged by PRs (after code review), so you will need to run `yarn upgrade @vouchfor/uikit@latest` under you feature branch and commit **before merging the PR**.\n\n```sh\ngit checkout feature/VCH-111\nyarn upgrade upgrade @vouchfor/uikit@latest\ngit commit -m \"Bumped uikit version\"\ngit push\n```\n\n> When you run above cmd, your PR should be ready to merge (reviewed and QA tested)\n","engines":{"node":">=14.17.0"},"exports":{"./embed/events":{"import":"./embed/events.js","default":"./embed/events.js","require":"./embed/events.cjs"},"./package.json":"./package.json","./embed/events.js":"./embed/events.js","./embed/vouch-embed-all":{"import":"./embed/vouch-embed-all.js","default":"./embed/vouch-embed-all.js","require":"./embed/vouch-embed-all.cjs"},"./embed/vouch-embed-card":{"import":"./embed/vouch-embed-card.js","default":"./embed/vouch-embed-card.js","require":"./embed/vouch-embed-card.cjs"},"./embed/vouch-embed-jumbo":{"import":"./embed/vouch-embed-jumbo.js","default":"./embed/vouch-embed-jumbo.js","require":"./embed/vouch-embed-jumbo.cjs"},"./embed/vouch-embed-all.js":"./embed/vouch-embed-all.js","./embed/vouch-embed-button":{"import":"./embed/vouch-embed-button.js","default":"./embed/vouch-embed-button.js","require":"./embed/vouch-embed-button.cjs"},"./components/vouch-recorder":{"import":"./components/vouch-recorder.js","default":"./components/vouch-recorder.js","require":"./components/vouch-recorder.cjs"},"./embed/vouch-embed-popover":{"import":"./embed/vouch-embed-popover.js","default":"./embed/vouch-embed-popover.js","require":"./embed/vouch-embed-popover.cjs"},"./components/vouch-icon-play":{"import":"./components/vouch-icon-play.js","default":"./components/vouch-icon-play.js","require":"./components/vouch-icon-play.cjs"},"./embed/vouch-embed-dialogue":{"import":"./embed/vouch-embed-dialogue.js","default":"./embed/vouch-embed-dialogue.js","require":"./embed/vouch-embed-dialogue.cjs"},"./components/vouch-brand-logo":{"import":"./components/vouch-brand-logo.js","default":"./components/vouch-brand-logo.js","require":"./components/vouch-brand-logo.cjs"},"./components/vouch-icon-close":{"import":"./components/vouch-icon-close.js","default":"./components/vouch-icon-close.js","require":"./components/vouch-icon-close.cjs"},"./components/vouch-icon-pause":{"import":"./components/vouch-icon-pause.js","default":"./components/vouch-icon-pause.js","require":"./components/vouch-icon-pause.cjs"},"./components/vouch-media-plyr":{"import":"./components/vouch-media-plyr.js","default":"./components/vouch-media-plyr.js","require":"./components/vouch-media-plyr.cjs"},"./components/vouch-water-mark":{"import":"./components/vouch-water-mark.js","default":"./components/vouch-water-mark.js","require":"./components/vouch-water-mark.cjs"},"./embed/VouchEmbedCard.svelte":"./embed/VouchEmbedCard.svelte","./embed/vouch-embed-thumbnail":{"import":"./embed/vouch-embed-thumbnail.js","default":"./embed/vouch-embed-thumbnail.js","require":"./embed/vouch-embed-thumbnail.cjs"},"./embed/vouch-recorder-button":{"import":"./embed/vouch-recorder-button.js","default":"./embed/vouch-recorder-button.js","require":"./embed/vouch-recorder-button.cjs"},"./components/vouch-graphic-svg":{"import":"./components/vouch-graphic-svg.js","default":"./components/vouch-graphic-svg.js","require":"./components/vouch-graphic-svg.cjs"},"./embed/VouchEmbedJumbo.svelte":"./embed/VouchEmbedJumbo.svelte","./embed/vouch-recorder-preview":{"import":"./embed/vouch-recorder-preview.js","default":"./embed/vouch-recorder-preview.js","require":"./embed/vouch-recorder-preview.cjs"},"./embed/VouchEmbedButton.svelte":"./embed/VouchEmbedButton.svelte","./embed/VouchEmbedPopover.svelte":"./embed/VouchEmbedPopover.svelte","./components/VouchIconPlay.svelte":"./components/VouchIconPlay.svelte","./components/VouchRecorder.svelte":"./components/VouchRecorder.svelte","./embed/VouchEmbedDialogue.svelte":"./embed/VouchEmbedDialogue.svelte","./embed/vouch-embed-inline-player":{"import":"./embed/vouch-embed-inline-player.js","default":"./embed/vouch-embed-inline-player.js","require":"./embed/vouch-embed-inline-player.cjs"},"./components/VouchBrandLogo.svelte":"./components/VouchBrandLogo.svelte","./components/VouchIconClose.svelte":"./components/VouchIconClose.svelte","./components/VouchIconPause.svelte":"./components/VouchIconPause.svelte","./components/VouchMediaPlyr.svelte":"./components/VouchMediaPlyr.svelte","./components/VouchWaterMark.svelte":"./components/VouchWaterMark.svelte","./components/vouch-icon-arrow-left":{"import":"./components/vouch-icon-arrow-left.js","default":"./components/vouch-icon-arrow-left.js","require":"./components/vouch-icon-arrow-left.cjs"},"./embed/VouchEmbedThumbnail.svelte":"./embed/VouchEmbedThumbnail.svelte","./embed/VouchRecorderButton.svelte":"./embed/VouchRecorderButton.svelte","./components/VouchGraphicSvg.svelte":"./components/VouchGraphicSvg.svelte","./components/vouch-icon-arrow-right":{"import":"./components/vouch-icon-arrow-right.js","default":"./components/vouch-icon-arrow-right.js","require":"./components/vouch-icon-arrow-right.cjs"},"./embed/VouchRecorderPreview.svelte":"./embed/VouchRecorderPreview.svelte","./components/vouch-overlay-play-icon":{"import":"./components/vouch-overlay-play-icon.js","default":"./components/vouch-overlay-play-icon.js","require":"./components/vouch-overlay-play-icon.cjs"},"./embed/VouchEmbedInlinePlayer.svelte":"./embed/VouchEmbedInlinePlayer.svelte","./components/VouchIconArrowLeft.svelte":"./components/VouchIconArrowLeft.svelte","./components/VouchIconArrowRight.svelte":"./components/VouchIconArrowRight.svelte","./components/VouchOverlayPlayIcon.svelte":"./components/VouchOverlayPlayIcon.svelte"},"_npmUser":{"name":"vouch-tech","email":"brian@vouchfor.com"},"repository":{"url":"git+https://github.com/VouchAU/vouch-uikit.git","type":"git"},"_npmVersion":"6.14.13","description":"Vouch Svelte UIKit","directories":{},"lint-staged":{"*.{js,svelte}":"yarn lint"},"_nodeVersion":"14.17.0","dependencies":{"plyr":"^3.7.2","cookie":"^0.4.1","hls.js":"^1.1.5","core-js":"^3.16.3","postcss":"^7","@vime/core":"^5.3.1","tailwindcss":"npm:@tailwindcss/postcss7-compat","@lukeed/uuid":"^2.0.0","autoprefixer":"^9","whatwg-fetch":"^3.6.2","@fontsource/fira-mono":"^4.2.2"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^27.0.6","path":"^0.12.7","husky":"4","tslib":"^2.0.0","dotenv":"^10.0.0","eslint":"^7.22.0","rollup":"^2.55.1","svelte":"^3.34.0","prettier":"~2.2.1","babel-jest":"^27.0.6","svelte2tsx":"^0.4.3","typescript":"^4.0.0","@babel/core":"^7.14.8","@types/jest":"^26.0.24","lint-staged":"^11.1.1","svelte-check":"^2.0.0","@sveltejs/kit":"next","@types/cookie":"^0.4.0","svelte-jester":"^1.8.1","svelte-loader":"^3.1.2","@babel/preset-env":"^7.14.9","@storybook/svelte":"^6.3.6","svelte-preprocess":"^4.0.0","rollup-plugin-copy":"^3.4.0","rollup-plugin-svelte":"^7.1.0","rollup-plugin-terser":"^7.0.2","eslint-plugin-svelte3":"^3.2.0","@babel/runtime-corejs3":"^7.14.9","@rollup/plugin-replace":"^3.0.0","@storybook/addon-links":"^6.3.6","eslint-config-prettier":"^8.1.0","prettier-plugin-svelte":"^2.2.0","@rollup/plugin-commonjs":"^22.0.0","@testing-library/svelte":"^3.0.3","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@typescript-eslint/parser":"^4.19.0","@rollup/plugin-node-resolve":"^13.0.4","@storybook/addon-essentials":"^6.3.6","@typescript-eslint/eslint-plugin":"^4.19.0"},"_npmOperationalInternal":{"tmp":"tmp/uikit_5.13.0_1667886762977_0.6843768618810337","host":"s3://npm-registry-packages"}},"5.13.1":{"name":"@vouchfor/uikit","version":"5.13.1","keywords":["embed","design system","vouch-uikit","svelte","uikit"],"author":{"url":"https://vouchau.github.io/vouch-uikit","name":"Vouch Dev Team","email":"hello@vouchfor.com"},"license":"MIT","_id":"@vouchfor/uikit@5.13.1","maintainers":[{"name":"vouch-tech","email":"brian@vouchfor.com"}],"homepage":"https://vouchau.github.io/vouch-uikit","bugs":{"url":"https://github.com/VouchAU/vouch-uikit/issues"},"dist":{"shasum":"40ad2b3c4104b8e652a4fab0e17a781f60d0ba71","tarball":"https://registry.npmjs.org/@vouchfor/uikit/-/uikit-5.13.1.tgz","fileCount":229,"integrity":"sha512-hF+CqjUKaf+INJO0B9svXp8ta0UZ+U9XMHB0OCKdxzQgZUCYcMefRmH0H0u6WS49YerOGh5f8NCXK2Q7nhd3ng==","signatures":[{"sig":"MEUCIF5aCaTPaUhKkv391d9l8KaJLruLt4gfHf8WiuEMJxiBAiEAto9Agtuu1PRlamJO+S/0b08tC61rE/l6StXtbPizHpk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":98062881,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjawULACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp4hA/8DUz9vG8NiJXe1wUQowox07fAgA2RW3UiCKoyu/6G1kbuBgYe\r\nSEcs3QU7O2/u9uPFqCWfy4Ms6f/ekkg4babR0vx+xd3To+ExOjOuHskNUBEC\r\nrfvtI4BQkszZxDMPV3tuU/79YeRSZVW/UPd1cHqgb+6NJ+7IvMw9402g6v+A\r\nopNm036DDt+WWG5UWKfmDoZCQ39mSxBlkRE/RKx1kWVG5/OibAkzBWW0oKYV\r\nY6//9BdvmC/uXnbXjODvig7jmwqFPJwDnlqZ9/+picXehR3zsbonZcor7vse\r\nf6YsSx4WzVmdgCF2LyAO9gSBqcnaM72LftRJmXgL+EFhMAzBpAWM0CrvDYBx\r\nbPb2lPVNzjEo7zvBJYSqMvBCN4yZwROcUWWBUxXHdaO0iM/c404Qk4Oc/RDq\r\nPry9DZYaVoFuv7ZtfaI3HMcC+evm98GkCjJxLc3cNnZa0mFGUqbPvFwyQXDe\r\n961Ttm+qoGNJSJ7kd9/AZ5DP73jOVBX/e7qJB8r6fqHJGvZREOaa+l/3mSwb\r\niN2JhSqIgYpieJSTvgFS9OLPRXuVjzQhPtA/2Q+EaHoozvXylhI/vTpUargM\r\ngAtuCh3MWg2yYJzqtIUsKRCjb1qnI1lt+I3Kgph/wbwjDCs1AhO4B31DOFFn\r\n/lTcHJijkb/a6dJ46pDKlxKEtqzn6tjUoKc=\r\n=D9bn\r\n-----END PGP SIGNATURE-----\r\n"},"type":"module","husky":{"hooks":{"pre-push":"yarn test --silent","pre-commit":"lint-staged"}},"types":"types.d.ts","readme":"# Vouch UIKit\n\n- [Get Started](#get-started)\n - [Storybook](#storybook)\n - [Build package](#build-package)\n - [Test package locally with vouch-app](#test-package-locally-with-vouch-app)\n - [Publish to npm](#publish-to-npm)\n - [Purge npm cache](#purge-npm-cached-tags)\n- [Update vouch-app](#update-vouch-app)\n - [development](#development-devvouchforcom)\n - [staging](#staging-stagingvouchforcom)\n - [production](#production-appvouchforcom)\n\n**Vouch UIKit** consists of `2 libraries` and `1 application`\n\n```bash\n└── src\n ├── lib\n │ ├── components # Design System Components (Web Component)\n │ │ ├── VouchBrandLogo.svelte\n │ │ ...\n │ │\n │ └── embed # embed Components (Web Component)\n │ │ ├── VouchEmbedInlinePlayer.svelte\n │ ...\n │\n │\n ├── routes # vouch public embed link (https://embed.vouchfor.com)\n │ ├── __layout.svelte\n │ ├── index.svelte\n │ ├── about.svelte\n │ ...\n │\n ├── app.css\n └── app.html\n```\n\n# Get Started\n\nEnsure you have node `14.17.0` installed on your machine, for example via [nvm](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/TERMINAL.md#install-nvm), run `nvm ls` to check\n\n```bash\nnvm ls 14\n```\n\nyou should see output if you have the version installed\n\n```bash\n-> v14.17.0\n```\n\nensure you have [git ssh](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/GITHUB.md) setup locally before you clone the repo\n\n```bash\ngit clone git@github.com:VouchAU/vouch-uikit.git\n```\n\ninstall dependencies\n\n```bash\ncd vouch-uikit\nyarn\n```\n\n## Storybook\n\nhttps://designsystem.vouchfor.com/\n\nStorybook is hosted on GitHub page `gh-pages` branch (Domain name is configured on **Cloudflare**) and deployed automatically via **GitHub Action** every time changes are merged back to `master`.\n\nLocal dev\n\n```bash\nyarn storybook\n```\n\nbuild storybook\n\n```bash\nyarn build-storybook\n```\n\n## Build package\n\nBuild `src/lib` production/beta/alpha package, make sure you change `version` in `package.json` for three different build tags.\n\n```sh\ncd vouch-uikit\n...\nyarn package:alpha # development\nyarn package:beta # staging\nyarn package # production\n```\n\n## Test package locally with `vouch-app`\n\nOnce you build the `npm` package, you can test locally with `vouch-app` to ensure everything works as expected before publishing to `npm`\n\nAssuming you build a package according [Build package](#build-package), now you can create a symlink to your local package\n\n```sh\ncd package\nyarn link\n```\n\nyou should see this if successfully linked\n\n```sh\nyarn link v1.22.10\nsuccess Registered \"@vouchfor/uikit\".\ninfo You can now run `yarn link \"@vouchfor/uikit\"` in the projects where you want to use this package and it will be used instead.\n✨ Done in 0.04s.\n```\n\ngo to `vouch-app` folder and switch to the branch you want to test against with then link the local package\n\n```sh\ncd vouch-app\ngit checkout VCH-222\nyarn link @vouchfor/uikit\nyarn dev\n```\n\nVoilà, you are testing your feature branch with the local uikit package and don't forget to roll back after testing\n\n```sh\ncd vouch-app\nyarn unlink @vouchfor/uikit\n...\ncd vouch-uikit/package\nyarn unlink\n```\n\n## Publish to `npm`\n\n> Note you will need to log in `vouch-tech` on your terminal before publishing, credential is shared via 1Password.\n\n```bash\nnpm login\n...\n```\n\n```bash\ncd package\n...\nnpm publish --access public --tag alpha # development\nnpm publish --access public --tag beta # staging\nnpm publish --access public # production\n```\n\n## Purge `jsdelivr` cache\n\n`@vouchfor/uikit` is most likely consumed by **tag**, `alpha`, `beta` and `latest`, not version number to ensure clients can always get the latest updates. [jsdelivr](https://cdn.jsdelivr.net/) default has 7 days cache for `tag`, so we need to purge it to reflect new version number.\n\n- Check current tag version number\n\n - [Click to check Alpha](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@alpha/)\n - [Click to check Beta](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@beta/)\n - [Click to check Production](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n- Purge cache\n - [Click to purge Alpha](https://purge.jsdelivr.net/npm/@vouchfor/uikit@alpha/)\n - [Click to purge Beta](https://purge.jsdelivr.net/npm/@vouchfor/uikit@beta/)\n - **_Danger_** [Click to purge Production](https://purge.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n### Purge specific bundle.js\n\nOur embed code snippet `src` attribute currently refers to a specific embed bundle js , for example\n\n```html\n\n
\n```\n\nIn this case, you will need to purge the bundle file specifically by providing absolute path\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/embed/{filename}.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/components/{filename}.bundle.js\n```\n\nfor example,\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@alpha/embed/vouch-embed-inline-player.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@beta/embed/vouch-embed-inline-player.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/embed/vouch-embed-inline-player.bundle.js\n```\n\n## Unit test\n\n```bash\nyarn test\n```\n\nupdate snapshot\n\n```bash\nyarn test -u\n```\n\n# Update `vouch-app`\n\n`@vouchfor/uikit` is a dependency of `vouch-app` for embeds and UI components, follow the below steps to publish NPM package and update `package.json` dependency in `vouch-app`.\n\n> Each PR should bump the minor version in `package.json` in order to push new version to NPM. e.g. `\"version\": \"3.9.0\"` in `main` branch, you should bump to `\"version\": \"3.10.0\"` in your branch.\n\n> The major version should only be used for releasing breaking changes. e.g. `3.0.0`, `4.0.0`\n\n## Development (`dev.vouchfor.com`)\n\nAssuming your branch bumped version in `package.json` to\n\n```json\n\"version\": \"3.10.0\"\n```\n\n### Bump patch version number\n\nEnsure your patch version number isn't used, e.g. if `3.10.0` was published before, bump to `3.10.1`.\n\n### Build and publish\n\n```sh\nyarn package:alpha\ncd package\nnpm publish --access public --tag alpha\n```\n\nMake sure you purge NPM CDN cache for package, see [Purge npm cached tags](#purge-npm-cached-tags)\n\n### Update dependency in `vouch-app`\n\nEnsure you already cloned [vouch-app](https://github.com/VouchAU/vouch-app.git) locally then switch to the folder.\n\n```sh\ncd vouch-app\ngit checkout development\ngit pull\ngit merge feature/VCH-111 # Optional, only when you have code change dependency in vouch-app as well\nyarn upgrade @vouchfor/uikit@alpha\n```\n\nAfter upgrade, you should see version updates in both `package.json` and `yarn.lock`, but due to a known issue of `yarn`, please do these before committing changes\n\n- Manually roll back `package.json` (should always `\"@vouchfor/uikit\": \"alpha\"` for `development`).\n- run `yarn` again to update `yarn.lock`\n\n```sh\ngit commit -m \"Bumped uikit version\"\ngit push\n```\n\n## Staging (`staging.vouchfor.com`)\n\nUpdate `staging` environment is the same as [Development](#development-devvouchforcom) but remember to change cmd to `staging` specific\n\n```sh\nyarn package:beta\n```\n\n```sh\nnpm publish --access public --tag beta\n```\n\n```sh\ncd vouch-app\ngit checkout staging\ngit pull\ngit merge feature/VCH-111 # Optional, only when you have code change dependency in vouch-app as well\nyarn upgrade @vouchfor/uikit@beta\n```\n\n## Production (`app.vouchfor.com`)\n\nOne thing different when release to production, since `master` branch can only be merged by PRs (after code review), so you will need to run `yarn upgrade @vouchfor/uikit@latest` under you feature branch and commit **before merging the PR**.\n\n```sh\ngit checkout feature/VCH-111\nyarn upgrade upgrade @vouchfor/uikit@latest\ngit commit -m \"Bumped uikit version\"\ngit push\n```\n\n> When you run above cmd, your PR should be ready to merge (reviewed and QA tested)\n","engines":{"node":">=14.17.0"},"exports":{"./embed/events":{"import":"./embed/events.js","default":"./embed/events.js","require":"./embed/events.cjs"},"./package.json":"./package.json","./embed/events.js":"./embed/events.js","./embed/vouch-embed-all":{"import":"./embed/vouch-embed-all.js","default":"./embed/vouch-embed-all.js","require":"./embed/vouch-embed-all.cjs"},"./embed/vouch-embed-card":{"import":"./embed/vouch-embed-card.js","default":"./embed/vouch-embed-card.js","require":"./embed/vouch-embed-card.cjs"},"./embed/vouch-embed-jumbo":{"import":"./embed/vouch-embed-jumbo.js","default":"./embed/vouch-embed-jumbo.js","require":"./embed/vouch-embed-jumbo.cjs"},"./embed/vouch-embed-all.js":"./embed/vouch-embed-all.js","./embed/vouch-embed-button":{"import":"./embed/vouch-embed-button.js","default":"./embed/vouch-embed-button.js","require":"./embed/vouch-embed-button.cjs"},"./components/vouch-recorder":{"import":"./components/vouch-recorder.js","default":"./components/vouch-recorder.js","require":"./components/vouch-recorder.cjs"},"./embed/vouch-embed-popover":{"import":"./embed/vouch-embed-popover.js","default":"./embed/vouch-embed-popover.js","require":"./embed/vouch-embed-popover.cjs"},"./components/vouch-icon-play":{"import":"./components/vouch-icon-play.js","default":"./components/vouch-icon-play.js","require":"./components/vouch-icon-play.cjs"},"./embed/vouch-embed-dialogue":{"import":"./embed/vouch-embed-dialogue.js","default":"./embed/vouch-embed-dialogue.js","require":"./embed/vouch-embed-dialogue.cjs"},"./components/vouch-brand-logo":{"import":"./components/vouch-brand-logo.js","default":"./components/vouch-brand-logo.js","require":"./components/vouch-brand-logo.cjs"},"./components/vouch-icon-close":{"import":"./components/vouch-icon-close.js","default":"./components/vouch-icon-close.js","require":"./components/vouch-icon-close.cjs"},"./components/vouch-icon-pause":{"import":"./components/vouch-icon-pause.js","default":"./components/vouch-icon-pause.js","require":"./components/vouch-icon-pause.cjs"},"./components/vouch-media-plyr":{"import":"./components/vouch-media-plyr.js","default":"./components/vouch-media-plyr.js","require":"./components/vouch-media-plyr.cjs"},"./components/vouch-water-mark":{"import":"./components/vouch-water-mark.js","default":"./components/vouch-water-mark.js","require":"./components/vouch-water-mark.cjs"},"./embed/VouchEmbedCard.svelte":"./embed/VouchEmbedCard.svelte","./embed/vouch-embed-thumbnail":{"import":"./embed/vouch-embed-thumbnail.js","default":"./embed/vouch-embed-thumbnail.js","require":"./embed/vouch-embed-thumbnail.cjs"},"./embed/vouch-recorder-button":{"import":"./embed/vouch-recorder-button.js","default":"./embed/vouch-recorder-button.js","require":"./embed/vouch-recorder-button.cjs"},"./components/vouch-graphic-svg":{"import":"./components/vouch-graphic-svg.js","default":"./components/vouch-graphic-svg.js","require":"./components/vouch-graphic-svg.cjs"},"./embed/VouchEmbedJumbo.svelte":"./embed/VouchEmbedJumbo.svelte","./embed/vouch-recorder-preview":{"import":"./embed/vouch-recorder-preview.js","default":"./embed/vouch-recorder-preview.js","require":"./embed/vouch-recorder-preview.cjs"},"./embed/VouchEmbedButton.svelte":"./embed/VouchEmbedButton.svelte","./embed/VouchEmbedPopover.svelte":"./embed/VouchEmbedPopover.svelte","./components/VouchIconPlay.svelte":"./components/VouchIconPlay.svelte","./components/VouchRecorder.svelte":"./components/VouchRecorder.svelte","./embed/VouchEmbedDialogue.svelte":"./embed/VouchEmbedDialogue.svelte","./embed/vouch-embed-inline-player":{"import":"./embed/vouch-embed-inline-player.js","default":"./embed/vouch-embed-inline-player.js","require":"./embed/vouch-embed-inline-player.cjs"},"./components/VouchBrandLogo.svelte":"./components/VouchBrandLogo.svelte","./components/VouchIconClose.svelte":"./components/VouchIconClose.svelte","./components/VouchIconPause.svelte":"./components/VouchIconPause.svelte","./components/VouchMediaPlyr.svelte":"./components/VouchMediaPlyr.svelte","./components/VouchWaterMark.svelte":"./components/VouchWaterMark.svelte","./components/vouch-icon-arrow-left":{"import":"./components/vouch-icon-arrow-left.js","default":"./components/vouch-icon-arrow-left.js","require":"./components/vouch-icon-arrow-left.cjs"},"./embed/VouchEmbedThumbnail.svelte":"./embed/VouchEmbedThumbnail.svelte","./embed/VouchRecorderButton.svelte":"./embed/VouchRecorderButton.svelte","./components/VouchGraphicSvg.svelte":"./components/VouchGraphicSvg.svelte","./components/vouch-icon-arrow-right":{"import":"./components/vouch-icon-arrow-right.js","default":"./components/vouch-icon-arrow-right.js","require":"./components/vouch-icon-arrow-right.cjs"},"./embed/VouchRecorderPreview.svelte":"./embed/VouchRecorderPreview.svelte","./components/vouch-overlay-play-icon":{"import":"./components/vouch-overlay-play-icon.js","default":"./components/vouch-overlay-play-icon.js","require":"./components/vouch-overlay-play-icon.cjs"},"./embed/VouchEmbedInlinePlayer.svelte":"./embed/VouchEmbedInlinePlayer.svelte","./components/VouchIconArrowLeft.svelte":"./components/VouchIconArrowLeft.svelte","./components/VouchIconArrowRight.svelte":"./components/VouchIconArrowRight.svelte","./components/VouchOverlayPlayIcon.svelte":"./components/VouchOverlayPlayIcon.svelte"},"_npmUser":{"name":"vouch-tech","email":"brian@vouchfor.com"},"repository":{"url":"git+https://github.com/VouchAU/vouch-uikit.git","type":"git"},"_npmVersion":"6.14.13","description":"Vouch Svelte UIKit","directories":{},"lint-staged":{"*.{js,svelte}":"yarn lint"},"_nodeVersion":"14.17.0","dependencies":{"plyr":"^3.7.2","cookie":"^0.4.1","hls.js":"^1.1.5","core-js":"^3.16.3","postcss":"^7","@vime/core":"^5.3.1","tailwindcss":"npm:@tailwindcss/postcss7-compat","@lukeed/uuid":"^2.0.0","autoprefixer":"^9","whatwg-fetch":"^3.6.2","@fontsource/fira-mono":"^4.2.2"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^27.0.6","path":"^0.12.7","husky":"4","tslib":"^2.0.0","dotenv":"^10.0.0","eslint":"^7.22.0","rollup":"^2.55.1","svelte":"^3.34.0","prettier":"~2.2.1","babel-jest":"^27.0.6","svelte2tsx":"^0.4.3","typescript":"^4.0.0","@babel/core":"^7.14.8","@types/jest":"^26.0.24","lint-staged":"^11.1.1","svelte-check":"^2.0.0","@sveltejs/kit":"next","@types/cookie":"^0.4.0","svelte-jester":"^1.8.1","svelte-loader":"^3.1.2","@babel/preset-env":"^7.14.9","@storybook/svelte":"^6.3.6","svelte-preprocess":"^4.0.0","rollup-plugin-copy":"^3.4.0","rollup-plugin-svelte":"^7.1.0","rollup-plugin-terser":"^7.0.2","eslint-plugin-svelte3":"^3.2.0","@babel/runtime-corejs3":"^7.14.9","@rollup/plugin-replace":"^3.0.0","@storybook/addon-links":"^6.3.6","eslint-config-prettier":"^8.1.0","prettier-plugin-svelte":"^2.2.0","@rollup/plugin-commonjs":"^22.0.0","@testing-library/svelte":"^3.0.3","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@typescript-eslint/parser":"^4.19.0","@rollup/plugin-node-resolve":"^13.0.4","@storybook/addon-essentials":"^6.3.6","@typescript-eslint/eslint-plugin":"^4.19.0"},"_npmOperationalInternal":{"tmp":"tmp/uikit_5.13.1_1667958026800_0.8628160351689127","host":"s3://npm-registry-packages"}},"5.13.2":{"name":"@vouchfor/uikit","version":"5.13.2","keywords":["embed","design system","vouch-uikit","svelte","uikit"],"author":{"url":"https://vouchau.github.io/vouch-uikit","name":"Vouch Dev Team","email":"hello@vouchfor.com"},"license":"MIT","_id":"@vouchfor/uikit@5.13.2","maintainers":[{"name":"vouch-tech","email":"brian@vouchfor.com"}],"homepage":"https://vouchau.github.io/vouch-uikit","bugs":{"url":"https://github.com/VouchAU/vouch-uikit/issues"},"dist":{"shasum":"38ec2769ab6cdcc052fbffe873dc639b69e21aa9","tarball":"https://registry.npmjs.org/@vouchfor/uikit/-/uikit-5.13.2.tgz","fileCount":229,"integrity":"sha512-sO2lj5HYV88BJ9uUGS5llijXfFy2T/4ZgookraOjFfltK3eE7VZjdTKWvvEGMI/npYi6mZgpzQHo0lfW+UiygA==","signatures":[{"sig":"MEUCIQD1Z55C+Kq3n/TjJ6Eh4s84MpYm0GrlySPiO/PEyAxBKgIgCdGUwMk9A/AD+J0r+STmMqjqflv3wkrL1NrvLSXBDdY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":98192880,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjbMoZACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpRWA//SLShOTCdYGLiMp+kXmO01wnW+Ad1HdSXQN85kM4eD30XEIWc\r\nISKeWPh757HsGVOSaPjfifgvF71g+uAymtvRM8drpZie+FzA6R/XXk38Hreo\r\nDj3YPcgWQeUKl4luz4c+uoU2cWY4ldfRtb/HOn5S08fijGiPkVbS4igXE6Cg\r\nkcUd2jaeVIi7KUDpirGGLr+HusCUvdLlYYZKTICqrJswgmds90CRx2GFDS3c\r\n8UdPHSzm/v5wHShh58McUPZffxMRnT52/eMWbIdaN0tF5HRhPfYpk8+EndfM\r\nicyEmn4AesFOW38Rcz0wSKm9mSkakYJQpqfaqIiU3n55R4b0awY1oat5lYHn\r\nC6jkJoXsFegp30gsnfG/GEYGFhQ7njipCB3GtX3gZtyi4VpuqEw8OOOSGiwy\r\nyc/BdUJZhb7DHgbkrzrr380eCVPCjjtN2nRU6EqPIYLStUvaOL6Wp7PfgPRb\r\nS7srJcpT5w9W4IbRrbjQ8zlwBTaIcEggf6kwP87/tZJf5p4lZ2pGxD5e1tDC\r\n3OtC+vJpoN2HB2PoRYK3pqZ8iU39Ch+rEXY+hchwqpqhAJeqwPbHIS/RJ51k\r\n/pEcqSWIWZo7nufb/7HYixTVMy5pNKiludlnyv8aJskvOdM3JrdO2WFdwT2G\r\nqGDWVnLymwjtcSEkRfbxdjVl7BxAhfZFKKg=\r\n=/wl/\r\n-----END PGP SIGNATURE-----\r\n"},"type":"module","husky":{"hooks":{"pre-push":"yarn test --silent","pre-commit":"lint-staged"}},"types":"types.d.ts","engines":{"node":">=14.17.0"},"exports":{"./embed/events":{"import":"./embed/events.js","default":"./embed/events.js","require":"./embed/events.cjs"},"./package.json":"./package.json","./embed/events.js":"./embed/events.js","./embed/vouch-embed-all":{"import":"./embed/vouch-embed-all.js","default":"./embed/vouch-embed-all.js","require":"./embed/vouch-embed-all.cjs"},"./embed/vouch-embed-card":{"import":"./embed/vouch-embed-card.js","default":"./embed/vouch-embed-card.js","require":"./embed/vouch-embed-card.cjs"},"./embed/vouch-embed-jumbo":{"import":"./embed/vouch-embed-jumbo.js","default":"./embed/vouch-embed-jumbo.js","require":"./embed/vouch-embed-jumbo.cjs"},"./embed/vouch-embed-all.js":"./embed/vouch-embed-all.js","./embed/vouch-embed-button":{"import":"./embed/vouch-embed-button.js","default":"./embed/vouch-embed-button.js","require":"./embed/vouch-embed-button.cjs"},"./components/vouch-recorder":{"import":"./components/vouch-recorder.js","default":"./components/vouch-recorder.js","require":"./components/vouch-recorder.cjs"},"./embed/vouch-embed-popover":{"import":"./embed/vouch-embed-popover.js","default":"./embed/vouch-embed-popover.js","require":"./embed/vouch-embed-popover.cjs"},"./components/vouch-icon-play":{"import":"./components/vouch-icon-play.js","default":"./components/vouch-icon-play.js","require":"./components/vouch-icon-play.cjs"},"./embed/vouch-embed-dialogue":{"import":"./embed/vouch-embed-dialogue.js","default":"./embed/vouch-embed-dialogue.js","require":"./embed/vouch-embed-dialogue.cjs"},"./components/vouch-brand-logo":{"import":"./components/vouch-brand-logo.js","default":"./components/vouch-brand-logo.js","require":"./components/vouch-brand-logo.cjs"},"./components/vouch-icon-close":{"import":"./components/vouch-icon-close.js","default":"./components/vouch-icon-close.js","require":"./components/vouch-icon-close.cjs"},"./components/vouch-icon-pause":{"import":"./components/vouch-icon-pause.js","default":"./components/vouch-icon-pause.js","require":"./components/vouch-icon-pause.cjs"},"./components/vouch-media-plyr":{"import":"./components/vouch-media-plyr.js","default":"./components/vouch-media-plyr.js","require":"./components/vouch-media-plyr.cjs"},"./components/vouch-water-mark":{"import":"./components/vouch-water-mark.js","default":"./components/vouch-water-mark.js","require":"./components/vouch-water-mark.cjs"},"./embed/VouchEmbedCard.svelte":"./embed/VouchEmbedCard.svelte","./embed/vouch-embed-thumbnail":{"import":"./embed/vouch-embed-thumbnail.js","default":"./embed/vouch-embed-thumbnail.js","require":"./embed/vouch-embed-thumbnail.cjs"},"./embed/vouch-recorder-button":{"import":"./embed/vouch-recorder-button.js","default":"./embed/vouch-recorder-button.js","require":"./embed/vouch-recorder-button.cjs"},"./components/vouch-graphic-svg":{"import":"./components/vouch-graphic-svg.js","default":"./components/vouch-graphic-svg.js","require":"./components/vouch-graphic-svg.cjs"},"./embed/VouchEmbedJumbo.svelte":"./embed/VouchEmbedJumbo.svelte","./embed/vouch-recorder-preview":{"import":"./embed/vouch-recorder-preview.js","default":"./embed/vouch-recorder-preview.js","require":"./embed/vouch-recorder-preview.cjs"},"./embed/VouchEmbedButton.svelte":"./embed/VouchEmbedButton.svelte","./embed/VouchEmbedPopover.svelte":"./embed/VouchEmbedPopover.svelte","./components/VouchIconPlay.svelte":"./components/VouchIconPlay.svelte","./components/VouchRecorder.svelte":"./components/VouchRecorder.svelte","./embed/VouchEmbedDialogue.svelte":"./embed/VouchEmbedDialogue.svelte","./embed/vouch-embed-inline-player":{"import":"./embed/vouch-embed-inline-player.js","default":"./embed/vouch-embed-inline-player.js","require":"./embed/vouch-embed-inline-player.cjs"},"./components/VouchBrandLogo.svelte":"./components/VouchBrandLogo.svelte","./components/VouchIconClose.svelte":"./components/VouchIconClose.svelte","./components/VouchIconPause.svelte":"./components/VouchIconPause.svelte","./components/VouchMediaPlyr.svelte":"./components/VouchMediaPlyr.svelte","./components/VouchWaterMark.svelte":"./components/VouchWaterMark.svelte","./components/vouch-icon-arrow-left":{"import":"./components/vouch-icon-arrow-left.js","default":"./components/vouch-icon-arrow-left.js","require":"./components/vouch-icon-arrow-left.cjs"},"./embed/VouchEmbedThumbnail.svelte":"./embed/VouchEmbedThumbnail.svelte","./embed/VouchRecorderButton.svelte":"./embed/VouchRecorderButton.svelte","./components/VouchGraphicSvg.svelte":"./components/VouchGraphicSvg.svelte","./components/vouch-icon-arrow-right":{"import":"./components/vouch-icon-arrow-right.js","default":"./components/vouch-icon-arrow-right.js","require":"./components/vouch-icon-arrow-right.cjs"},"./embed/VouchRecorderPreview.svelte":"./embed/VouchRecorderPreview.svelte","./components/vouch-overlay-play-icon":{"import":"./components/vouch-overlay-play-icon.js","default":"./components/vouch-overlay-play-icon.js","require":"./components/vouch-overlay-play-icon.cjs"},"./embed/VouchEmbedInlinePlayer.svelte":"./embed/VouchEmbedInlinePlayer.svelte","./components/VouchIconArrowLeft.svelte":"./components/VouchIconArrowLeft.svelte","./components/VouchIconArrowRight.svelte":"./components/VouchIconArrowRight.svelte","./components/VouchOverlayPlayIcon.svelte":"./components/VouchOverlayPlayIcon.svelte"},"_npmUser":{"name":"vouch-tech","email":"brian@vouchfor.com"},"repository":{"url":"git+https://github.com/VouchAU/vouch-uikit.git","type":"git"},"_npmVersion":"6.14.13","description":"Vouch Svelte UIKit","directories":{},"lint-staged":{"*.{js,svelte}":"yarn lint"},"_nodeVersion":"14.17.0","dependencies":{"plyr":"^3.7.2","cookie":"^0.4.1","hls.js":"^1.1.5","core-js":"^3.16.3","postcss":"^7","@vime/core":"^5.3.1","tailwindcss":"npm:@tailwindcss/postcss7-compat","@lukeed/uuid":"^2.0.0","autoprefixer":"^9","whatwg-fetch":"^3.6.2","@fontsource/fira-mono":"^4.2.2"},"_hasShrinkwrap":false,"devDependencies":{"jest":"^27.0.6","path":"^0.12.7","husky":"4","tslib":"^2.0.0","dotenv":"^10.0.0","eslint":"^7.22.0","rollup":"^2.55.1","svelte":"^3.34.0","prettier":"~2.2.1","babel-jest":"^27.0.6","svelte2tsx":"^0.4.3","typescript":"^4.0.0","@babel/core":"^7.14.8","@types/jest":"^26.0.24","lint-staged":"^11.1.1","svelte-check":"^2.0.0","@sveltejs/kit":"next","@types/cookie":"^0.4.0","svelte-jester":"^1.8.1","svelte-loader":"^3.1.2","@babel/preset-env":"^7.14.9","@storybook/svelte":"^6.3.6","svelte-preprocess":"^4.0.0","rollup-plugin-copy":"^3.4.0","rollup-plugin-svelte":"^7.1.0","rollup-plugin-terser":"^7.0.2","eslint-plugin-svelte3":"^3.2.0","@babel/runtime-corejs3":"^7.14.9","@rollup/plugin-replace":"^3.0.0","@storybook/addon-links":"^6.3.6","eslint-config-prettier":"^8.1.0","prettier-plugin-svelte":"^2.2.0","@rollup/plugin-commonjs":"^22.0.0","@testing-library/svelte":"^3.0.3","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@typescript-eslint/parser":"^4.19.0","@rollup/plugin-node-resolve":"^13.0.4","@storybook/addon-essentials":"^6.3.6","@typescript-eslint/eslint-plugin":"^4.19.0"},"_npmOperationalInternal":{"tmp":"tmp/uikit_5.13.2_1668074008363_0.13848293116175858","host":"s3://npm-registry-packages"}},"5.13.3":{"name":"@vouchfor/uikit","version":"5.13.3","keywords":["embed","design system","vouch-uikit","svelte","uikit"],"author":{"url":"https://vouchau.github.io/vouch-uikit","name":"Vouch Dev Team","email":"hello@vouchfor.com"},"license":"MIT","_id":"@vouchfor/uikit@5.13.3","maintainers":[{"name":"vouch-tech","email":"brian@vouchfor.com"}],"homepage":"https://vouchau.github.io/vouch-uikit","bugs":{"url":"https://github.com/VouchAU/vouch-uikit/issues"},"dist":{"shasum":"f5a5ee7aa9ef82d9990e9775d72d56d798c8ec8c","tarball":"https://registry.npmjs.org/@vouchfor/uikit/-/uikit-5.13.3.tgz","fileCount":229,"integrity":"sha512-it45Ir44+yOB1vPfUDvDPV3IkHlXf4sAY1hxw/nDHbiwdM8RMp09T5y2x+plU7D1f9o4fqxVgmkFnXzrXDm4NA==","signatures":[{"sig":"MEUCIE8E7ofoJpdcKBTawnWqwxTElafl9Q+ldOv8pefTS82dAiEAk3cm9PkYrGVkZW6oJuGfyqJn1AfhJ2jFA3Kst2XrdHc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":98191332,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjcbXgACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoVvw/+OBHcnlmzIgwmCQh0KpB2Um6FnMys+vqES5jijZRtPoLcg979\r\nrrsi/QPt6iRyzVaR7FYyHsg8F1cIcxuePZ+ZDayURsUhM7nrMq4//jWyEueI\r\nGKt/v2ghwrxOYMnOpdoTH64LdE5qTBu/Whcpx8EfsC8Q6GlP7lYsbtNwjE0P\r\npeida/apnF2GEfJj077PZn2jtMQqZ0iWubWHPAfr7Ss5TjQ4qz6nGYlXU3Ut\r\njfjSE8MWyu852e5pB5eMxdwv0/XI0lmhtpuYd2bHVbzATI3wsILVapRa0yoX\r\nUcY22xZVdzthcYraXcLwQKaX6vxEl9wgb07QXKcoS/1jo5YYVmpUv2bkUh9R\r\nXslNxcWQq1YETETOt1GE62N4nCShpN5GX1Y/by5K3Tp2Kr0HbrvYbbfUfkee\r\nn6t/3atKYnpqdGytNIYAtwPokGoKmpWxW8g6J5sv3OrkmaFVTPUBSIuQt0Qq\r\nXOMTUKKIq0KjRFrFeH1uQd16yCHPJuXcsanLS1ibCZJUaYs/iS2a4z9VXkKD\r\nU1KcG6ugUNl08Lgb0wnwgcuwipV8axLF7ZgXSaOTLeuggnWqf8L6Lv+y5IHp\r\nMLvGaZwCqYgotcqsTI6F6OsPeww637nladTHAzfpOVRq14GXyMLqTASoUkcP\r\n1PnlX965cFTRIcVpKop6UQ6BAg2Tle0JKpQ=\r\n=qBrp\r\n-----END PGP SIGNATURE-----\r\n"},"type":"module","husky":{"hooks":{"pre-push":"yarn test --silent","pre-commit":"lint-staged"}},"types":"types.d.ts","engines":{"node":">=14.17.0"},"exports":{"./embed/events":{"import":"./embed/events.js","default":"./embed/events.js","require":"./embed/events.cjs"},"./package.json":"./package.json","./embed/events.js":"./embed/events.js","./embed/vouch-embed-all":{"import":"./embed/vouch-embed-all.js","default":"./embed/vouch-embed-all.js","require":"./embed/vouch-embed-all.cjs"},"./embed/vouch-embed-card":{"import":"./embed/vouch-embed-card.js","default":"./embed/vouch-embed-card.js","require":"./embed/vouch-embed-card.cjs"},"./embed/vouch-embed-jumbo":{"import":"./embed/vouch-embed-jumbo.js","default":"./embed/vouch-embed-jumbo.js","require":"./embed/vouch-embed-jumbo.cjs"},"./embed/vouch-embed-all.js":"./embed/vouch-embed-all.js","./embed/vouch-embed-button":{"import":"./embed/vouch-embed-button.js","default":"./embed/vouch-embed-button.js","require":"./embed/vouch-embed-button.cjs"},"./components/vouch-recorder":{"import":"./components/vouch-recorder.js","default":"./components/vouch-recorder.js","require":"./components/vouch-recorder.cjs"},"./embed/vouch-embed-popover":{"import":"./embed/vouch-embed-popover.js","default":"./embed/vouch-embed-popover.js","require":"./embed/vouch-embed-popover.cjs"},"./components/vouch-icon-play":{"import":"./components/vouch-icon-play.js","default":"./components/vouch-icon-play.js","require":"./components/vouch-icon-play.cjs"},"./embed/vouch-embed-dialogue":{"import":"./embed/vouch-embed-dialogue.js","default":"./embed/vouch-embed-dialogue.js","require":"./embed/vouch-embed-dialogue.cjs"},"./components/vouch-brand-logo":{"import":"./components/vouch-brand-logo.js","default":"./components/vouch-brand-logo.js","require":"./components/vouch-brand-logo.cjs"},"./components/vouch-icon-close":{"import":"./components/vouch-icon-close.js","default":"./components/vouch-icon-close.js","require":"./components/vouch-icon-close.cjs"},"./components/vouch-icon-pause":{"import":"./components/vouch-icon-pause.js","default":"./components/vouch-icon-pause.js","require":"./components/vouch-icon-pause.cjs"},"./components/vouch-media-plyr":{"import":"./components/vouch-media-plyr.js","default":"./components/vouch-media-plyr.js","require":"./components/vouch-media-plyr.cjs"},"./components/vouch-water-mark":{"import":"./components/vouch-water-mark.js","default":"./components/vouch-water-mark.js","require":"./components/vouch-water-mark.cjs"},"./embed/VouchEmbedCard.svelte":"./embed/VouchEmbedCard.svelte","./embed/vouch-embed-thumbnail":{"import":"./embed/vouch-embed-thumbnail.js","default":"./embed/vouch-embed-thumbnail.js","require":"./embed/vouch-embed-thumbnail.cjs"},"./embed/vouch-recorder-button":{"import":"./embed/vouch-recorder-button.js","default":"./embed/vouch-recorder-button.js","require":"./embed/vouch-recorder-button.cjs"},"./components/vouch-graphic-svg":{"import":"./components/vouch-graphic-svg.js","default":"./components/vouch-graphic-svg.js","require":"./components/vouch-graphic-svg.cjs"},"./embed/VouchEmbedJumbo.svelte":"./embed/VouchEmbedJumbo.svelte","./embed/vouch-recorder-preview":{"import":"./embed/vouch-recorder-preview.js","default":"./embed/vouch-recorder-preview.js","require":"./embed/vouch-recorder-preview.cjs"},"./embed/VouchEmbedButton.svelte":"./embed/VouchEmbedButton.svelte","./embed/VouchEmbedPopover.svelte":"./embed/VouchEmbedPopover.svelte","./components/VouchIconPlay.svelte":"./components/VouchIconPlay.svelte","./components/VouchRecorder.svelte":"./components/VouchRecorder.svelte","./embed/VouchEmbedDialogue.svelte":"./embed/VouchEmbedDialogue.svelte","./embed/vouch-embed-inline-player":{"import":"./embed/vouch-embed-inline-player.js","default":"./embed/vouch-embed-inline-player.js","require":"./embed/vouch-embed-inline-player.cjs"},"./components/VouchBrandLogo.svelte":"./components/VouchBrandLogo.svelte","./components/VouchIconClose.svelte":"./components/VouchIconClose.svelte","./components/VouchIconPause.svelte":"./components/VouchIconPause.svelte","./components/VouchMediaPlyr.svelte":"./components/VouchMediaPlyr.svelte","./components/VouchWaterMark.svelte":"./components/VouchWaterMark.svelte","./components/vouch-icon-arrow-left":{"import":"./components/vouch-icon-arrow-left.js","default":"./components/vouch-icon-arrow-left.js","require":"./components/vouch-icon-arrow-left.cjs"},"./embed/VouchEmbedThumbnail.svelte":"./embed/VouchEmbedThumbnail.svelte","./embed/VouchRecorderButton.svelte":"./embed/VouchRecorderButton.svelte","./components/VouchGraphicSvg.svelte":"./components/VouchGraphicSvg.svelte","./components/vouch-icon-arrow-right":{"import":"./components/vouch-icon-arrow-right.js","default":"./components/vouch-icon-arrow-right.js","require":"./components/vouch-icon-arrow-right.cjs"},"./embed/VouchRecorderPreview.svelte":"./embed/VouchRecorderPreview.svelte","./components/vouch-overlay-play-icon":{"import":"./components/vouch-overlay-play-icon.js","default":"./components/vouch-overlay-play-icon.js","require":"./components/vouch-overlay-play-icon.cjs"},"./embed/VouchEmbedInlinePlayer.svelte":"./embed/VouchEmbedInlinePlayer.svelte","./components/VouchIconArrowLeft.svelte":"./components/VouchIconArrowLeft.svelte","./components/VouchIconArrowRight.svelte":"./components/VouchIconArrowRight.svelte","./components/VouchOverlayPlayIcon.svelte":"./components/VouchOverlayPlayIcon.svelte"},"_npmUser":{"name":"vouch-tech","email":"brian@vouchfor.com"},"repository":{"url":"git+https://github.com/VouchAU/vouch-uikit.git","type":"git"},"_npmVersion":"6.14.13","description":"Vouch Svelte UIKit","directories":{},"lint-staged":{"*.{js,svelte}":"yarn lint"},"_nodeVersion":"14.17.0","dependencies":{"plyr":"^3.7.2","cookie":"^0.4.1","hls.js":"^1.1.5","core-js":"^3.16.3","postcss":"^7","@vime/core":"^5.3.1","tailwindcss":"npm:@tailwindcss/postcss7-compat","@lukeed/uuid":"^2.0.0","autoprefixer":"^9","whatwg-fetch":"^3.6.2","@fontsource/fira-mono":"^4.2.2"},"_hasShrinkwrap":false,"devDependencies":{"jest":"^27.0.6","path":"^0.12.7","husky":"4","tslib":"^2.0.0","dotenv":"^10.0.0","eslint":"^7.22.0","rollup":"^2.55.1","svelte":"^3.34.0","prettier":"~2.2.1","babel-jest":"^27.0.6","svelte2tsx":"^0.4.3","typescript":"^4.0.0","@babel/core":"^7.14.8","@types/jest":"^26.0.24","lint-staged":"^11.1.1","svelte-check":"^2.0.0","@sveltejs/kit":"next","@types/cookie":"^0.4.0","svelte-jester":"^1.8.1","svelte-loader":"^3.1.2","@babel/preset-env":"^7.14.9","@storybook/svelte":"^6.3.6","svelte-preprocess":"^4.0.0","rollup-plugin-copy":"^3.4.0","rollup-plugin-svelte":"^7.1.0","rollup-plugin-terser":"^7.0.2","eslint-plugin-svelte3":"^3.2.0","@babel/runtime-corejs3":"^7.14.9","@rollup/plugin-replace":"^3.0.0","@storybook/addon-links":"^6.3.6","eslint-config-prettier":"^8.1.0","prettier-plugin-svelte":"^2.2.0","@rollup/plugin-commonjs":"^22.0.0","@testing-library/svelte":"^3.0.3","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@typescript-eslint/parser":"^4.19.0","@rollup/plugin-node-resolve":"^13.0.4","@storybook/addon-essentials":"^6.3.6","@typescript-eslint/eslint-plugin":"^4.19.0"},"_npmOperationalInternal":{"tmp":"tmp/uikit_5.13.3_1668396512178_0.39475470101174404","host":"s3://npm-registry-packages"}},"5.11.1-480517c.0":{"name":"@vouchfor/uikit","version":"5.11.1-480517c.0","keywords":["embed","design system","vouch-uikit","svelte","uikit"],"author":{"url":"https://vouchau.github.io/vouch-uikit","name":"Vouch Dev Team","email":"hello@vouchfor.com"},"license":"MIT","_id":"@vouchfor/uikit@5.11.1-480517c.0","maintainers":[{"name":"vouch-tech","email":"brian@vouchfor.com"}],"homepage":"https://vouchau.github.io/vouch-uikit","bugs":{"url":"https://github.com/VouchAU/vouch-uikit/issues"},"dist":{"shasum":"70de69f59e4c83b813fcb3794f0c3e54a888b651","tarball":"https://registry.npmjs.org/@vouchfor/uikit/-/uikit-5.11.1-480517c.0.tgz","fileCount":230,"integrity":"sha512-PAIjA40DlFBU1fuRdcPcPUbDsmatCa6y3Lw181jKmL0PtgAf3DUJtU5M9gPaz1mHnbUWt8dfPF9fiF4i0cVCGg==","signatures":[{"sig":"MEYCIQDDiMPBt0BW6PgJfub24KkT4oZV+k90jgBVPGNd6VOTagIhAKcfBRR9JyYpUhuOombd8CWHmB0cy8KC9NZLOmgsSIBA","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":103854359,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjcwlAACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr2bA/+MSKym2Y+TwOwdNERbRaqkV2wCRdSZYaYBw+yDDFnLrXeRP5v\r\nmH3H4NBGAX1NSzWRX/BAfa1iStBVYBjw4m8uNkljF3WUUua7Se7Bm2Yx9DR6\r\ntownaknzTmXgqk0a3VbayskEo0YC8xaUCndB3b0CTPI3NbvljgKpZyKNSw92\r\naOCFTtCXpaejo2RXhDK104uZgcqGxQn0PgqOzt/5HcAPVoW3ydika0wJcJbj\r\n3fNmuUmxOX9ZwlNL2x97w7BVhntPiRlan8Y9woPncfNq2u7Ao3lPi89LCfQ5\r\nk8X8z4YExe8D5ChlieAfNnGA31GJszrJQkMUokE6tV71oznCyqYUIy+JHPXD\r\nS7jxUchjF2m31VeafuDDWL4EM6JU1iyv1vO0bAoGJqeDS1bsUpoANmC4czjq\r\nZyMjpMHy9AdeDo4tkSjuaS0HKN//RE5w+kx1EKKNx4lwNBvYLrPHsOOrtpL9\r\nN/HDjkM4bc8oaoqj+WfvHfc0t0qL/5CgkuBZIA/Eqy/ZkZ+n9Ei2vvuZrIUj\r\n5wd7QL26ICcsU7kd3i8qDJ2YZdeB01uU+UK8klcX2fewtcqzeMttAfTvvyTl\r\nDX1PNtPJaIlrgZOxqBwbjiqApQU5LjO5k0u+8sGrCdp15GEvWhDt4UIpzwMX\r\nKuboNeugBfpwkQewedfLerLKtXLw/q2nf5c=\r\n=5yYi\r\n-----END PGP SIGNATURE-----\r\n"},"type":"module","types":"types.d.ts","readme":"# Vouch UIKit\n\n- [Get Started](#get-started)\n - [Storybook](#storybook)\n - [Build package](#build-package)\n - [Test package locally with vouch-app](#test-package-locally-with-vouch-app)\n - [Publish to npm](#publish-to-npm)\n - [Purge npm cache](#purge-npm-cached-tags)\n- [Update vouch-app](#update-vouch-app)\n - [development](#development-devvouchforcom)\n - [staging](#staging-stagingvouchforcom)\n - [production](#production-appvouchforcom)\n\n**Vouch UIKit** consists of `2 libraries` and `1 application`\n\n```bash\n└── src\n ├── lib\n │ ├── components # Design System Components (Web Component)\n │ │ ├── VouchBrandLogo.svelte\n │ │ ...\n │ │\n │ └── embed # embed Components (Web Component)\n │ │ ├── VouchEmbedInlinePlayer.svelte\n │ ...\n │\n │\n ├── routes # vouch public embed link (https://embed.vouchfor.com)\n │ ├── __layout.svelte\n │ ├── index.svelte\n │ ├── about.svelte\n │ ...\n │\n ├── app.css\n └── app.html\n```\n\n# Get Started\n\nEnsure you have node `14.17.0` installed on your machine, for example via [nvm](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/TERMINAL.md#install-nvm), run `nvm ls` to check\n\n```bash\nnvm ls 14\n```\n\nyou should see output if you have the version installed\n\n```bash\n-> v14.17.0\n```\n\nensure you have [git ssh](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/GITHUB.md) setup locally before you clone the repo\n\n```bash\ngit clone git@github.com:VouchAU/vouch-uikit.git\n```\n\ninstall dependencies\n\n```bash\ncd vouch-uikit\nyarn\n```\n\n## Storybook\n\nhttps://designsystem.vouchfor.com/\n\nStorybook is hosted on GitHub page `gh-pages` branch (Domain name is configured on **Cloudflare**) and deployed automatically via **GitHub Action** every time changes are merged back to `master`.\n\nLocal dev\n\n```bash\nyarn storybook\n```\n\nbuild storybook\n\n```bash\nyarn build-storybook\n```\n\n## Build package\n\nBuild `src/lib` production/beta/alpha package, make sure you change `version` in `package.json` for three different build tags.\n\n```sh\ncd vouch-uikit\n...\nyarn package:alpha # development\nyarn package:beta # staging\nyarn package # production\n```\n\n## Test package locally with `vouch-app`\n\nOnce you build the `npm` package, you can test locally with `vouch-app` to ensure everything works as expected before publishing to `npm`\n\nAssuming you build a package according [Build package](#build-package), now you can create a symlink to your local package\n\n```sh\ncd package\nyarn link\n```\n\nyou should see this if successfully linked\n\n```sh\nyarn link v1.22.10\nsuccess Registered \"@vouchfor/uikit\".\ninfo You can now run `yarn link \"@vouchfor/uikit\"` in the projects where you want to use this package and it will be used instead.\n✨ Done in 0.04s.\n```\n\ngo to `vouch-app` folder and switch to the branch you want to test against with then link the local package\n\n```sh\ncd vouch-app\ngit checkout VCH-222\nyarn link @vouchfor/uikit\nyarn dev\n```\n\nVoilà, you are testing your feature branch with the local uikit package and don't forget to roll back after testing\n\n```sh\ncd vouch-app\nyarn unlink @vouchfor/uikit\n...\ncd vouch-uikit/package\nyarn unlink\n```\n\n## Publish to `npm`\n\n> Note you will need to log in `vouch-tech` on your terminal before publishing, credential is shared via 1Password.\n\n```bash\nnpm login\n...\n```\n\n```bash\ncd package\n...\nnpm publish --access public --tag alpha # development\nnpm publish --access public --tag beta # staging\nnpm publish --access public # production\n```\n\n## Purge `jsdelivr` cache\n\n`@vouchfor/uikit` is most likely consumed by **tag**, `alpha`, `beta` and `latest`, not version number to ensure clients can always get the latest updates. [jsdelivr](https://cdn.jsdelivr.net/) default has 7 days cache for `tag`, so we need to purge it to reflect new version number.\n\n- Check current tag version number\n\n - [Click to check Alpha](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@alpha/)\n - [Click to check Beta](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@beta/)\n - [Click to check Production](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n- Purge cache\n - [Click to purge Alpha](https://purge.jsdelivr.net/npm/@vouchfor/uikit@alpha/)\n - [Click to purge Beta](https://purge.jsdelivr.net/npm/@vouchfor/uikit@beta/)\n - **_Danger_** [Click to purge Production](https://purge.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n### Purge specific bundle.js\n\nOur embed code snippet `src` attribute currently refers to a specific embed bundle js , for example\n\n```html\n\n
\n```\n\nIn this case, you will need to purge the bundle file specifically by providing absolute path\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/embed/{filename}.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/components/{filename}.bundle.js\n```\n\nfor example,\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@alpha/embed/vouch-embed-inline-player.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@beta/embed/vouch-embed-inline-player.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/embed/vouch-embed-inline-player.bundle.js\n```\n\n## Unit test\n\n```bash\nyarn test\n```\n\nupdate snapshot\n\n```bash\nyarn test -u\n```\n\n# Update `vouch-app`\n\n`@vouchfor/uikit` is a dependency of `vouch-app` for embeds and UI components, follow the below steps to publish NPM package and update `package.json` dependency in `vouch-app`.\n\n> Each PR should bump the minor version in `package.json` in order to push new version to NPM. e.g. `\"version\": \"3.9.0\"` in `main` branch, you should bump to `\"version\": \"3.10.0\"` in your branch.\n\n> The major version should only be used for releasing breaking changes. e.g. `3.0.0`, `4.0.0`\n\n## Development (`dev.vouchfor.com`)\n\nAssuming your branch bumped version in `package.json` to\n\n```json\n\"version\": \"3.10.0\"\n```\n\n### Bump patch version number\n\nEnsure your patch version number isn't used, e.g. if `3.10.0` was published before, bump to `3.10.1`.\n\n### Build and publish\n\n```sh\nyarn package:alpha\ncd package\nnpm publish --access public --tag alpha\n```\n\nMake sure you purge NPM CDN cache for package, see [Purge npm cached tags](#purge-npm-cached-tags)\n\n### Update dependency in `vouch-app`\n\nEnsure you already cloned [vouch-app](https://github.com/VouchAU/vouch-app.git) locally then switch to the folder.\n\n```sh\ncd vouch-app\ngit checkout development\ngit pull\ngit merge feature/VCH-111 # Optional, only when you have code change dependency in vouch-app as well\nyarn upgrade @vouchfor/uikit@alpha\n```\n\nAfter upgrade, you should see version updates in both `package.json` and `yarn.lock`, but due to a known issue of `yarn`, please do these before committing changes\n\n- Manually roll back `package.json` (should always `\"@vouchfor/uikit\": \"alpha\"` for `development`).\n- run `yarn` again to update `yarn.lock`\n\n```sh\ngit commit -m \"Bumped uikit version\"\ngit push\n```\n\n## Staging (`staging.vouchfor.com`)\n\nUpdate `staging` environment is the same as [Development](#development-devvouchforcom) but remember to change cmd to `staging` specific\n\n```sh\nyarn package:beta\n```\n\n```sh\nnpm publish --access public --tag beta\n```\n\n```sh\ncd vouch-app\ngit checkout staging\ngit pull\ngit merge feature/VCH-111 # Optional, only when you have code change dependency in vouch-app as well\nyarn upgrade @vouchfor/uikit@beta\n```\n\n## Production (`app.vouchfor.com`)\n\nOne thing different when release to production, since `master` branch can only be merged by PRs (after code review), so you will need to run `yarn upgrade @vouchfor/uikit@latest` under you feature branch and commit **before merging the PR**.\n\n```sh\ngit checkout feature/VCH-111\nyarn upgrade upgrade @vouchfor/uikit@latest\ngit commit -m \"Bumped uikit version\"\ngit push\n```\n\n> When you run above cmd, your PR should be ready to merge (reviewed and QA tested)\n","engines":{"node":">=16"},"exports":{"./constants":"./constants.js","./package.json":"./package.json","./internal/theme":"./internal/theme.js","./internal/utils":"./internal/utils.js","./embed/vouch-embed-all":{"import":"./embed/vouch-embed-all.js","default":"./embed/vouch-embed-all.js","require":"./embed/vouch-embed-all.cjs"},"./embed/vouch-embed-card":{"import":"./embed/vouch-embed-card.js","default":"./embed/vouch-embed-card.js","require":"./embed/vouch-embed-card.cjs"},"./embed/vouch-embed-jumbo":{"import":"./embed/vouch-embed-jumbo.js","default":"./embed/vouch-embed-jumbo.js","require":"./embed/vouch-embed-jumbo.cjs"},"./internal/hooks/useFetch":"./internal/hooks/useFetch.js","./internal/hooks/useTrack":"./internal/hooks/useTrack.js","./embed/vouch-embed-button":{"import":"./embed/vouch-embed-button.js","default":"./embed/vouch-embed-button.js","require":"./embed/vouch-embed-button.cjs"},"./components/vouch-recorder":{"import":"./components/vouch-recorder.js","default":"./components/vouch-recorder.js","require":"./components/vouch-recorder.cjs"},"./embed/vouch-embed-popover":{"import":"./embed/vouch-embed-popover.js","default":"./embed/vouch-embed-popover.js","require":"./embed/vouch-embed-popover.cjs"},"./test/internals/utils.spec":"./test/internals/utils.spec.js","./components/vouch-icon-play":{"import":"./components/vouch-icon-play.js","default":"./components/vouch-icon-play.js","require":"./components/vouch-icon-play.cjs"},"./embed/vouch-embed-dialogue":{"import":"./embed/vouch-embed-dialogue.js","default":"./embed/vouch-embed-dialogue.js","require":"./embed/vouch-embed-dialogue.cjs"},"./components/vouch-brand-logo":{"import":"./components/vouch-brand-logo.js","default":"./components/vouch-brand-logo.js","require":"./components/vouch-brand-logo.cjs"},"./components/vouch-icon-close":{"import":"./components/vouch-icon-close.js","default":"./components/vouch-icon-close.js","require":"./components/vouch-icon-close.cjs"},"./components/vouch-icon-pause":{"import":"./components/vouch-icon-pause.js","default":"./components/vouch-icon-pause.js","require":"./components/vouch-icon-pause.cjs"},"./components/vouch-media-plyr":{"import":"./components/vouch-media-plyr.js","default":"./components/vouch-media-plyr.js","require":"./components/vouch-media-plyr.cjs"},"./components/vouch-water-mark":{"import":"./components/vouch-water-mark.js","default":"./components/vouch-water-mark.js","require":"./components/vouch-water-mark.cjs"},"./embed/VouchEmbedCard.svelte":"./embed/VouchEmbedCard.svelte","./embed/vouch-embed-thumbnail":{"import":"./embed/vouch-embed-thumbnail.js","default":"./embed/vouch-embed-thumbnail.js","require":"./embed/vouch-embed-thumbnail.cjs"},"./embed/vouch-recorder-button":{"import":"./embed/vouch-recorder-button.js","default":"./embed/vouch-recorder-button.js","require":"./embed/vouch-recorder-button.cjs"},"./components/vouch-graphic-svg":{"import":"./components/vouch-graphic-svg.js","default":"./components/vouch-graphic-svg.js","require":"./components/vouch-graphic-svg.cjs"},"./embed/VouchEmbedJumbo.svelte":"./embed/VouchEmbedJumbo.svelte","./embed/vouch-recorder-preview":{"import":"./embed/vouch-recorder-preview.js","default":"./embed/vouch-recorder-preview.js","require":"./embed/vouch-recorder-preview.cjs"},"./internal/hooks/useFetchEmbed":"./internal/hooks/useFetchEmbed.js","./embed/VouchEmbedButton.svelte":"./embed/VouchEmbedButton.svelte","./components/vouch-circle-button":{"import":"./components/vouch-circle-button.js","default":"./components/vouch-circle-button.js","require":"./components/vouch-circle-button.cjs"},"./embed/VouchEmbedPopover.svelte":"./embed/VouchEmbedPopover.svelte","./components/VouchIconPlay.svelte":"./components/VouchIconPlay.svelte","./components/VouchRecorder.svelte":"./components/VouchRecorder.svelte","./embed/VouchEmbedDialogue.svelte":"./embed/VouchEmbedDialogue.svelte","./embed/vouch-embed-inline-player":{"import":"./embed/vouch-embed-inline-player.js","default":"./embed/vouch-embed-inline-player.js","require":"./embed/vouch-embed-inline-player.cjs"},"./test/components/VouchIcons.spec":"./test/components/VouchIcons.spec.js","./components/VouchBrandLogo.svelte":"./components/VouchBrandLogo.svelte","./components/VouchIconClose.svelte":"./components/VouchIconClose.svelte","./components/VouchIconPause.svelte":"./components/VouchIconPause.svelte","./components/VouchMediaPlyr.svelte":"./components/VouchMediaPlyr.svelte","./components/VouchWaterMark.svelte":"./components/VouchWaterMark.svelte","./components/vouch-icon-arrow-left":{"import":"./components/vouch-icon-arrow-left.js","default":"./components/vouch-icon-arrow-left.js","require":"./components/vouch-icon-arrow-left.cjs"},"./embed/VouchEmbedThumbnail.svelte":"./embed/VouchEmbedThumbnail.svelte","./embed/VouchRecorderButton.svelte":"./embed/VouchRecorderButton.svelte","./components/VouchGraphicSvg.svelte":"./components/VouchGraphicSvg.svelte","./components/vouch-icon-arrow-right":{"import":"./components/vouch-icon-arrow-right.js","default":"./components/vouch-icon-arrow-right.js","require":"./components/vouch-icon-arrow-right.cjs"},"./embed/VouchRecorderPreview.svelte":"./embed/VouchRecorderPreview.svelte","./components/vouch-overlay-play-icon":{"import":"./components/vouch-overlay-play-icon.js","default":"./components/vouch-overlay-play-icon.js","require":"./components/vouch-overlay-play-icon.cjs"},"./test/internals/hooks/useFetch.spec":"./test/internals/hooks/useFetch.spec.js","./test/internals/hooks/useTrack.spec":"./test/internals/hooks/useTrack.spec.js","./components/VouchCircleButton.svelte":"./components/VouchCircleButton.svelte","./embed/VouchEmbedInlinePlayer.svelte":"./embed/VouchEmbedInlinePlayer.svelte","./test/components/VouchBrandLogo.spec":"./test/components/VouchBrandLogo.spec.js","./test/components/VouchWaterMark.spec":"./test/components/VouchWaterMark.spec.js","./components/VouchIconArrowLeft.svelte":"./components/VouchIconArrowLeft.svelte","./test/components/VouchGraphicSvg.spec":"./test/components/VouchGraphicSvg.spec.js","./components/VouchIconArrowRight.svelte":"./components/VouchIconArrowRight.svelte","./components/VouchOverlayPlayIcon.svelte":"./components/VouchOverlayPlayIcon.svelte","./test/internals/hooks/useFetchEmbed.spec":"./test/internals/hooks/useFetchEmbed.spec.js"},"gitHead":"480517c32ab291b7cb332aeb8dbffe9c5625bd9d","_npmUser":{"name":"vouch-tech","email":"brian@vouchfor.com"},"repository":{"url":"git+https://github.com/VouchAU/vouch-uikit.git","type":"git"},"_npmVersion":"8.19.2","description":"Vouch Svelte UIKit","directories":{},"lint-staged":{"*.{js,svelte}":"yarn lint"},"_nodeVersion":"16.18.0","dependencies":{"flat":"^5.0.2","plyr":"^3.7.2","cookie":"^0.4.1","hls.js":"^1.1.5","core-js":"^3.16.3","postcss":"^7","@vime/core":"^5.3.1","tailwindcss":"npm:@tailwindcss/postcss7-compat","@lukeed/uuid":"^2.0.0","autoprefixer":"^9","whatwg-fetch":"^3.6.2","patch-package":"^6.5.0","@fontsource/fira-mono":"^4.2.2","postinstall-postinstall":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^27.0.6","path":"^0.12.7","vite":"^3.1.8","react":"^18.2.0","tslib":"^2.0.0","dotenv":"^10.0.0","eslint":"^7.22.0","rollup":"^2.55.1","svelte":"^3.34.0","webpack":"^5.74.0","playroom":"0.28.0","prettier":"~2.2.1","react-dom":"^18.2.0","ts-loader":"^9.4.1","babel-jest":"^27.0.6","base64-url":"^2.3.3","dotenv-cli":"^6.0.0","svelte2tsx":"^0.4.3","typescript":"^4.8.4","@babel/core":"^7.14.8","@types/jest":"^26.0.24","lint-staged":"^12.4.1","babel-loader":"^8.2.5","svelte-check":"^2.0.0","@sveltejs/kit":"next","@types/cookie":"^0.4.0","@types/hls.js":"^1.0.0","svelte-jester":"^1.8.1","svelte-loader":"^3.1.2","@storybook/react":"^6.5.13","@babel/preset-env":"^7.14.9","@storybook/svelte":"^6.5.13","@sveltejs/package":"^1.0.0-next.5","svelte-preprocess":"^4.0.0","rollup-plugin-copy":"^3.4.0","require-from-string":"^2.0.2","rollup-plugin-svelte":"^7.1.0","rollup-plugin-terser":"^7.0.2","eslint-plugin-svelte3":"^3.2.0","@babel/runtime-corejs3":"^7.14.9","@rollup/plugin-replace":"^3.0.0","@storybook/addon-links":"^6.5.13","eslint-config-prettier":"^8.1.0","prettier-plugin-svelte":"^2.2.0","@rollup/plugin-commonjs":"^22.0.0","@testing-library/svelte":"^3.0.3","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.5.13","storybook-addon-playroom":"^3.0.2","@typescript-eslint/parser":"^4.19.0","@rollup/plugin-node-resolve":"^13.0.4","@storybook/addon-essentials":"^6.5.13","@storybook/addon-svelte-csf":"^2.0.10","@typescript-eslint/eslint-plugin":"^4.19.0"},"_npmOperationalInternal":{"tmp":"tmp/uikit_5.11.1-480517c.0_1668483391736_0.4701514364201018","host":"s3://npm-registry-packages"}},"5.14.0":{"name":"@vouchfor/uikit","version":"5.14.0","keywords":["embed","design system","vouch-uikit","svelte","uikit"],"author":{"url":"https://vouchau.github.io/vouch-uikit","name":"Vouch Dev Team","email":"hello@vouchfor.com"},"license":"MIT","_id":"@vouchfor/uikit@5.14.0","maintainers":[{"name":"vouch-tech","email":"brian@vouchfor.com"}],"homepage":"https://vouchau.github.io/vouch-uikit","bugs":{"url":"https://github.com/VouchAU/vouch-uikit/issues"},"dist":{"shasum":"7350aab5f95c51b065d3a9ce8ae9ac2d5b5baa72","tarball":"https://registry.npmjs.org/@vouchfor/uikit/-/uikit-5.14.0.tgz","fileCount":229,"integrity":"sha512-BLHGLqjXFq2v2I197tgQBwVy879xiaGhvIBaGTY9zqKoRgQ/Pi990bR1sK2q7TOQ+aL/xuPjlcYeVVM6y4tIRg==","signatures":[{"sig":"MEUCIGY4pF+Y4IqUywwGfSYsrc2gjxG/MGeho65h4uPw/hDSAiEA1SGd3XOqwr3ylMyRglaKBCCf+AVZ8T0yGw21RizakG0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":98062987,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjdvULACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpM5BAAm3vibnBir65wTGD+SUbyi3zUm8ghaoMm13fXwVAeefgo/T9U\r\nXdyY23N2A3KOSNN7UiO5Orq5UB5SthOX8VsK2NbwXgINmB7IoNIEFegmus4I\r\nm5fljJEptsDBucBkiql63paNowiKbCxRlh9ZacoLugWZQDUgf2c9MxEEa5wA\r\nhpn2knwlLCDzxQnna9+yj78RxRl+U0uhRhMXThxwZEryX2GwIx/9FKR3bbw+\r\ndjtwOHXD1DpsJonkLHUoyrQW4LrtxgIdGqXAMh/IHuv/OEAhgYq2SSFuu/3v\r\nNbKAmxKQo6e4i1tiKDxDar7kDviFwMPelrIjQyNHTfjtP0OhJfmHa+oif+U8\r\nIg7mNrHNfMvfvcxXz2lNS5Yh5+mmbtvF9gVurQ60vBG1NNgdjBUPjRPN7fJa\r\nN+FwNF7dSbO9sdhPFzBMHCLBTz3dzYE6KCj3dFqYJ076096gl32p0Pt8fsVP\r\n0scNP2tvYqpnrjM3ezy81E/MToja3Dyr7Xg4bhTx/5oq4bBAVHNhEaj1k/FB\r\niiOdLLbQzc2X2mFtku5NLLyWdDg3seSQ2WVtFq+TNtHzuTQ72A66ZweSXQLm\r\noOJ+AEhKRJMrETAlrQAj95b4/vvS9nqa2/XFLrI9KnUkjGS6aYJ871VsZmtS\r\n8uHfY2UUDZbRFj/kuEH7GD/malYtX34TWI8=\r\n=MCXX\r\n-----END PGP SIGNATURE-----\r\n"},"type":"module","husky":{"hooks":{"pre-push":"yarn test --silent","pre-commit":"lint-staged"}},"types":"types.d.ts","readme":"# Vouch UIKit\n\n- [Get Started](#get-started)\n - [Storybook](#storybook)\n - [Build package](#build-package)\n - [Test package locally with vouch-app](#test-package-locally-with-vouch-app)\n - [Publish to npm](#publish-to-npm)\n - [Purge npm cache](#purge-npm-cached-tags)\n- [Update vouch-app](#update-vouch-app)\n - [development](#development-devvouchforcom)\n - [staging](#staging-stagingvouchforcom)\n - [production](#production-appvouchforcom)\n\n**Vouch UIKit** consists of `2 libraries` and `1 application`\n\n```bash\n└── src\n ├── lib\n │ ├── components # Design System Components (Web Component)\n │ │ ├── VouchBrandLogo.svelte\n │ │ ...\n │ │\n │ └── embed # embed Components (Web Component)\n │ │ ├── VouchEmbedInlinePlayer.svelte\n │ ...\n │\n │\n ├── routes # vouch public embed link (https://embed.vouchfor.com)\n │ ├── __layout.svelte\n │ ├── index.svelte\n │ ├── about.svelte\n │ ...\n │\n ├── app.css\n └── app.html\n```\n\n# Get Started\n\nEnsure you have node `14.17.0` installed on your machine, for example via [nvm](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/TERMINAL.md#install-nvm), run `nvm ls` to check\n\n```bash\nnvm ls 14\n```\n\nyou should see output if you have the version installed\n\n```bash\n-> v14.17.0\n```\n\nensure you have [git ssh](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/GITHUB.md) setup locally before you clone the repo\n\n```bash\ngit clone git@github.com:VouchAU/vouch-uikit.git\n```\n\ninstall dependencies\n\n```bash\ncd vouch-uikit\nyarn\n```\n\n## Storybook\n\nhttps://designsystem.vouchfor.com/\n\nStorybook is hosted on GitHub page `gh-pages` branch (Domain name is configured on **Cloudflare**) and deployed automatically via **GitHub Action** every time changes are merged back to `master`.\n\nLocal dev\n\n```bash\nyarn storybook\n```\n\nbuild storybook\n\n```bash\nyarn build-storybook\n```\n\n## Build package\n\nBuild `src/lib` production/beta/alpha package, make sure you change `version` in `package.json` for three different build tags.\n\n```sh\ncd vouch-uikit\n...\nyarn package:alpha # development\nyarn package:beta # staging\nyarn package # production\n```\n\n## Test package locally with `vouch-app`\n\nOnce you build the `npm` package, you can test locally with `vouch-app` to ensure everything works as expected before publishing to `npm`\n\nAssuming you build a package according [Build package](#build-package), now you can create a symlink to your local package\n\n```sh\ncd package\nyarn link\n```\n\nyou should see this if successfully linked\n\n```sh\nyarn link v1.22.10\nsuccess Registered \"@vouchfor/uikit\".\ninfo You can now run `yarn link \"@vouchfor/uikit\"` in the projects where you want to use this package and it will be used instead.\n✨ Done in 0.04s.\n```\n\ngo to `vouch-app` folder and switch to the branch you want to test against with then link the local package\n\n```sh\ncd vouch-app\ngit checkout VCH-222\nyarn link @vouchfor/uikit\nyarn dev\n```\n\nVoilà, you are testing your feature branch with the local uikit package and don't forget to roll back after testing\n\n```sh\ncd vouch-app\nyarn unlink @vouchfor/uikit\n...\ncd vouch-uikit/package\nyarn unlink\n```\n\n## Publish to `npm`\n\n> Note you will need to log in `vouch-tech` on your terminal before publishing, credential is shared via 1Password.\n\n```bash\nnpm login\n...\n```\n\n```bash\ncd package\n...\nnpm publish --access public --tag alpha # development\nnpm publish --access public --tag beta # staging\nnpm publish --access public # production\n```\n\n## Purge `jsdelivr` cache\n\n`@vouchfor/uikit` is most likely consumed by **tag**, `alpha`, `beta` and `latest`, not version number to ensure clients can always get the latest updates. [jsdelivr](https://cdn.jsdelivr.net/) default has 7 days cache for `tag`, so we need to purge it to reflect new version number.\n\n- Check current tag version number\n\n - [Click to check Alpha](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@alpha/)\n - [Click to check Beta](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@beta/)\n - [Click to check Production](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n- Purge cache\n - [Click to purge Alpha](https://purge.jsdelivr.net/npm/@vouchfor/uikit@alpha/)\n - [Click to purge Beta](https://purge.jsdelivr.net/npm/@vouchfor/uikit@beta/)\n - **_Danger_** [Click to purge Production](https://purge.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n### Purge specific bundle.js\n\nOur embed code snippet `src` attribute currently refers to a specific embed bundle js , for example\n\n```html\n\n
\n```\n\nIn this case, you will need to purge the bundle file specifically by providing absolute path\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/embed/{filename}.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/components/{filename}.bundle.js\n```\n\nfor example,\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@alpha/embed/vouch-embed-inline-player.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@beta/embed/vouch-embed-inline-player.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/embed/vouch-embed-inline-player.bundle.js\n```\n\n## Unit test\n\n```bash\nyarn test\n```\n\nupdate snapshot\n\n```bash\nyarn test -u\n```\n\n# Update `vouch-app`\n\n`@vouchfor/uikit` is a dependency of `vouch-app` for embeds and UI components, follow the below steps to publish NPM package and update `package.json` dependency in `vouch-app`.\n\n> Each PR should bump the minor version in `package.json` in order to push new version to NPM. e.g. `\"version\": \"3.9.0\"` in `main` branch, you should bump to `\"version\": \"3.10.0\"` in your branch.\n\n> The major version should only be used for releasing breaking changes. e.g. `3.0.0`, `4.0.0`\n\n## Development (`dev.vouchfor.com`)\n\nAssuming your branch bumped version in `package.json` to\n\n```json\n\"version\": \"3.10.0\"\n```\n\n### Bump patch version number\n\nEnsure your patch version number isn't used, e.g. if `3.10.0` was published before, bump to `3.10.1`.\n\n### Build and publish\n\n```sh\nyarn package:alpha\ncd package\nnpm publish --access public --tag alpha\n```\n\nMake sure you purge NPM CDN cache for package, see [Purge npm cached tags](#purge-npm-cached-tags)\n\n### Update dependency in `vouch-app`\n\nEnsure you already cloned [vouch-app](https://github.com/VouchAU/vouch-app.git) locally then switch to the folder.\n\n```sh\ncd vouch-app\ngit checkout development\ngit pull\ngit merge feature/VCH-111 # Optional, only when you have code change dependency in vouch-app as well\nyarn upgrade @vouchfor/uikit@alpha\n```\n\nAfter upgrade, you should see version updates in both `package.json` and `yarn.lock`, but due to a known issue of `yarn`, please do these before committing changes\n\n- Manually roll back `package.json` (should always `\"@vouchfor/uikit\": \"alpha\"` for `development`).\n- run `yarn` again to update `yarn.lock`\n\n```sh\ngit commit -m \"Bumped uikit version\"\ngit push\n```\n\n## Staging (`staging.vouchfor.com`)\n\nUpdate `staging` environment is the same as [Development](#development-devvouchforcom) but remember to change cmd to `staging` specific\n\n```sh\nyarn package:beta\n```\n\n```sh\nnpm publish --access public --tag beta\n```\n\n```sh\ncd vouch-app\ngit checkout staging\ngit pull\ngit merge feature/VCH-111 # Optional, only when you have code change dependency in vouch-app as well\nyarn upgrade @vouchfor/uikit@beta\n```\n\n## Production (`app.vouchfor.com`)\n\nOne thing different when release to production, since `master` branch can only be merged by PRs (after code review), so you will need to run `yarn upgrade @vouchfor/uikit@latest` under you feature branch and commit **before merging the PR**.\n\n```sh\ngit checkout feature/VCH-111\nyarn upgrade upgrade @vouchfor/uikit@latest\ngit commit -m \"Bumped uikit version\"\ngit push\n```\n\n> When you run above cmd, your PR should be ready to merge (reviewed and QA tested)\n","engines":{"node":">=14.17.0"},"exports":{"./embed/events":{"import":"./embed/events.js","default":"./embed/events.js","require":"./embed/events.cjs"},"./package.json":"./package.json","./embed/events.js":"./embed/events.js","./embed/vouch-embed-all":{"import":"./embed/vouch-embed-all.js","default":"./embed/vouch-embed-all.js","require":"./embed/vouch-embed-all.cjs"},"./embed/vouch-embed-card":{"import":"./embed/vouch-embed-card.js","default":"./embed/vouch-embed-card.js","require":"./embed/vouch-embed-card.cjs"},"./embed/vouch-embed-jumbo":{"import":"./embed/vouch-embed-jumbo.js","default":"./embed/vouch-embed-jumbo.js","require":"./embed/vouch-embed-jumbo.cjs"},"./embed/vouch-embed-all.js":"./embed/vouch-embed-all.js","./embed/vouch-embed-button":{"import":"./embed/vouch-embed-button.js","default":"./embed/vouch-embed-button.js","require":"./embed/vouch-embed-button.cjs"},"./components/vouch-recorder":{"import":"./components/vouch-recorder.js","default":"./components/vouch-recorder.js","require":"./components/vouch-recorder.cjs"},"./embed/vouch-embed-popover":{"import":"./embed/vouch-embed-popover.js","default":"./embed/vouch-embed-popover.js","require":"./embed/vouch-embed-popover.cjs"},"./components/vouch-icon-play":{"import":"./components/vouch-icon-play.js","default":"./components/vouch-icon-play.js","require":"./components/vouch-icon-play.cjs"},"./embed/vouch-embed-dialogue":{"import":"./embed/vouch-embed-dialogue.js","default":"./embed/vouch-embed-dialogue.js","require":"./embed/vouch-embed-dialogue.cjs"},"./components/vouch-brand-logo":{"import":"./components/vouch-brand-logo.js","default":"./components/vouch-brand-logo.js","require":"./components/vouch-brand-logo.cjs"},"./components/vouch-icon-close":{"import":"./components/vouch-icon-close.js","default":"./components/vouch-icon-close.js","require":"./components/vouch-icon-close.cjs"},"./components/vouch-icon-pause":{"import":"./components/vouch-icon-pause.js","default":"./components/vouch-icon-pause.js","require":"./components/vouch-icon-pause.cjs"},"./components/vouch-media-plyr":{"import":"./components/vouch-media-plyr.js","default":"./components/vouch-media-plyr.js","require":"./components/vouch-media-plyr.cjs"},"./components/vouch-water-mark":{"import":"./components/vouch-water-mark.js","default":"./components/vouch-water-mark.js","require":"./components/vouch-water-mark.cjs"},"./embed/VouchEmbedCard.svelte":"./embed/VouchEmbedCard.svelte","./embed/vouch-embed-thumbnail":{"import":"./embed/vouch-embed-thumbnail.js","default":"./embed/vouch-embed-thumbnail.js","require":"./embed/vouch-embed-thumbnail.cjs"},"./embed/vouch-recorder-button":{"import":"./embed/vouch-recorder-button.js","default":"./embed/vouch-recorder-button.js","require":"./embed/vouch-recorder-button.cjs"},"./components/vouch-graphic-svg":{"import":"./components/vouch-graphic-svg.js","default":"./components/vouch-graphic-svg.js","require":"./components/vouch-graphic-svg.cjs"},"./embed/VouchEmbedJumbo.svelte":"./embed/VouchEmbedJumbo.svelte","./embed/vouch-recorder-preview":{"import":"./embed/vouch-recorder-preview.js","default":"./embed/vouch-recorder-preview.js","require":"./embed/vouch-recorder-preview.cjs"},"./embed/VouchEmbedButton.svelte":"./embed/VouchEmbedButton.svelte","./embed/VouchEmbedPopover.svelte":"./embed/VouchEmbedPopover.svelte","./components/VouchIconPlay.svelte":"./components/VouchIconPlay.svelte","./components/VouchRecorder.svelte":"./components/VouchRecorder.svelte","./embed/VouchEmbedDialogue.svelte":"./embed/VouchEmbedDialogue.svelte","./embed/vouch-embed-inline-player":{"import":"./embed/vouch-embed-inline-player.js","default":"./embed/vouch-embed-inline-player.js","require":"./embed/vouch-embed-inline-player.cjs"},"./components/VouchBrandLogo.svelte":"./components/VouchBrandLogo.svelte","./components/VouchIconClose.svelte":"./components/VouchIconClose.svelte","./components/VouchIconPause.svelte":"./components/VouchIconPause.svelte","./components/VouchMediaPlyr.svelte":"./components/VouchMediaPlyr.svelte","./components/VouchWaterMark.svelte":"./components/VouchWaterMark.svelte","./components/vouch-icon-arrow-left":{"import":"./components/vouch-icon-arrow-left.js","default":"./components/vouch-icon-arrow-left.js","require":"./components/vouch-icon-arrow-left.cjs"},"./embed/VouchEmbedThumbnail.svelte":"./embed/VouchEmbedThumbnail.svelte","./embed/VouchRecorderButton.svelte":"./embed/VouchRecorderButton.svelte","./components/VouchGraphicSvg.svelte":"./components/VouchGraphicSvg.svelte","./components/vouch-icon-arrow-right":{"import":"./components/vouch-icon-arrow-right.js","default":"./components/vouch-icon-arrow-right.js","require":"./components/vouch-icon-arrow-right.cjs"},"./embed/VouchRecorderPreview.svelte":"./embed/VouchRecorderPreview.svelte","./components/vouch-overlay-play-icon":{"import":"./components/vouch-overlay-play-icon.js","default":"./components/vouch-overlay-play-icon.js","require":"./components/vouch-overlay-play-icon.cjs"},"./embed/VouchEmbedInlinePlayer.svelte":"./embed/VouchEmbedInlinePlayer.svelte","./components/VouchIconArrowLeft.svelte":"./components/VouchIconArrowLeft.svelte","./components/VouchIconArrowRight.svelte":"./components/VouchIconArrowRight.svelte","./components/VouchOverlayPlayIcon.svelte":"./components/VouchOverlayPlayIcon.svelte"},"_npmUser":{"name":"vouch-tech","email":"brian@vouchfor.com"},"repository":{"url":"git+https://github.com/VouchAU/vouch-uikit.git","type":"git"},"_npmVersion":"6.14.13","description":"Vouch Svelte UIKit","directories":{},"lint-staged":{"*.{js,svelte}":"yarn lint"},"_nodeVersion":"14.17.0","dependencies":{"plyr":"^3.7.2","cookie":"^0.4.1","hls.js":"^1.1.5","core-js":"^3.16.3","postcss":"^7","@vime/core":"^5.3.1","tailwindcss":"npm:@tailwindcss/postcss7-compat","@lukeed/uuid":"^2.0.0","autoprefixer":"^9","whatwg-fetch":"^3.6.2","@fontsource/fira-mono":"^4.2.2"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^27.0.6","path":"^0.12.7","husky":"4","tslib":"^2.0.0","dotenv":"^10.0.0","eslint":"^7.22.0","rollup":"^2.55.1","svelte":"^3.34.0","prettier":"~2.2.1","babel-jest":"^27.0.6","svelte2tsx":"^0.4.3","typescript":"^4.0.0","@babel/core":"^7.14.8","@types/jest":"^26.0.24","lint-staged":"^11.1.1","svelte-check":"^2.0.0","@sveltejs/kit":"next","@types/cookie":"^0.4.0","svelte-jester":"^1.8.1","svelte-loader":"^3.1.2","@babel/preset-env":"^7.14.9","@storybook/svelte":"^6.3.6","svelte-preprocess":"^4.0.0","rollup-plugin-copy":"^3.4.0","rollup-plugin-svelte":"^7.1.0","rollup-plugin-terser":"^7.0.2","eslint-plugin-svelte3":"^3.2.0","@babel/runtime-corejs3":"^7.14.9","@rollup/plugin-replace":"^3.0.0","@storybook/addon-links":"^6.3.6","eslint-config-prettier":"^8.1.0","prettier-plugin-svelte":"^2.2.0","@rollup/plugin-commonjs":"^22.0.0","@testing-library/svelte":"^3.0.3","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@typescript-eslint/parser":"^4.19.0","@rollup/plugin-node-resolve":"^13.0.4","@storybook/addon-essentials":"^6.3.6","@typescript-eslint/eslint-plugin":"^4.19.0"},"_npmOperationalInternal":{"tmp":"tmp/uikit_5.14.0_1668740363290_0.6054427806953053","host":"s3://npm-registry-packages"}},"5.14.1":{"name":"@vouchfor/uikit","version":"5.14.1","keywords":["embed","design system","vouch-uikit","svelte","uikit"],"author":{"url":"https://vouchau.github.io/vouch-uikit","name":"Vouch Dev Team","email":"hello@vouchfor.com"},"license":"MIT","_id":"@vouchfor/uikit@5.14.1","maintainers":[{"name":"vouch-tech","email":"brian@vouchfor.com"}],"homepage":"https://vouchau.github.io/vouch-uikit","bugs":{"url":"https://github.com/VouchAU/vouch-uikit/issues"},"dist":{"shasum":"4c2f7af76eefd15ea76b0bdc622c22c70adcf31a","tarball":"https://registry.npmjs.org/@vouchfor/uikit/-/uikit-5.14.1.tgz","fileCount":229,"integrity":"sha512-S/qVy6FHVfRr5EVTAUV1iF+mhY2cn5vEnuAvNnTNMUE+v0KMxevo9sXD+GXeAyFx3slB0r6Kph10OuV27CNrsg==","signatures":[{"sig":"MEQCIAS2sKms29sqg8IdW8qSm3iktR/kMoKq3nPp+1ik7cXyAiAujKlpOM9c7T1TGXaE9QPT/T5aobtKbKvR5vxQOZ4LZg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":98192986,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjdvVkACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqnkQ//ZvEvLZ4dKGh3yUCu9PgQJNHEBg+bPcjm5psoF4e04+sURkfd\r\nnM6Xu899uXJbi7YWCo/HBw+yNSyfZKd+SSfNOfY+ellUz6GwVf+2JKb4Nrh+\r\nENpz3GiFo1w17RnbO123xkX5LficX/uSr6Aa69+fXw65MT6HDwPWk73GcHGD\r\nPAznEbk+N2W6kbmVRf7Ih2MYvv4VixXY5IyqyCH4DC53I5R//OV8e0CFC9bn\r\nBubl9G2Ms4bU7lcp3tMrH5TrnTouVR5Vw3ttZiN+iSilN9BUFybH9mOpJNvE\r\nMN4dfaPsKn2nr3FD5gRPrQWImTCAjWadC67s6W23XwrCcIxxHLMKBvA27o+s\r\npDU2wIy8tTXYNMnT05WUpYj1/eMxLRfVskH/03SsKG3UH32APjQwXaNrhDu2\r\n2XFqjF5EL6vGJSOMJ+T8ML+ESZFrU10uNNKSmf6XtPVpKIUNqLsg52YnRaho\r\n1Pypq6fJT86VP3hSLSDj63rd7/f9za1TO+FvowQec+Yj+HrH6XPBQFNy84qT\r\nFGMlka7uichsLL38yrkALwIQk1Klph2b+UmFU/eruGwYjmz+9778YbEZEqEJ\r\ncXp/McaDtXaHNN6o/369nO5crbTNTeLHVxQcmLXVZH9DfqnYnnpjVNP7HPQ7\r\n8t962N2fazZu9gP1WxnGOOjlZ4LXuHyciC4=\r\n=98w+\r\n-----END PGP SIGNATURE-----\r\n"},"type":"module","husky":{"hooks":{"pre-push":"yarn test --silent","pre-commit":"lint-staged"}},"types":"types.d.ts","readme":"# Vouch UIKit\n\n- [Get Started](#get-started)\n - [Storybook](#storybook)\n - [Build package](#build-package)\n - [Test package locally with vouch-app](#test-package-locally-with-vouch-app)\n - [Publish to npm](#publish-to-npm)\n - [Purge npm cache](#purge-npm-cached-tags)\n- [Update vouch-app](#update-vouch-app)\n - [development](#development-devvouchforcom)\n - [staging](#staging-stagingvouchforcom)\n - [production](#production-appvouchforcom)\n\n**Vouch UIKit** consists of `2 libraries` and `1 application`\n\n```bash\n└── src\n ├── lib\n │ ├── components # Design System Components (Web Component)\n │ │ ├── VouchBrandLogo.svelte\n │ │ ...\n │ │\n │ └── embed # embed Components (Web Component)\n │ │ ├── VouchEmbedInlinePlayer.svelte\n │ ...\n │\n │\n ├── routes # vouch public embed link (https://embed.vouchfor.com)\n │ ├── __layout.svelte\n │ ├── index.svelte\n │ ├── about.svelte\n │ ...\n │\n ├── app.css\n └── app.html\n```\n\n# Get Started\n\nEnsure you have node `14.17.0` installed on your machine, for example via [nvm](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/TERMINAL.md#install-nvm), run `nvm ls` to check\n\n```bash\nnvm ls 14\n```\n\nyou should see output if you have the version installed\n\n```bash\n-> v14.17.0\n```\n\nensure you have [git ssh](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/GITHUB.md) setup locally before you clone the repo\n\n```bash\ngit clone git@github.com:VouchAU/vouch-uikit.git\n```\n\ninstall dependencies\n\n```bash\ncd vouch-uikit\nyarn\n```\n\n## Storybook\n\nhttps://designsystem.vouchfor.com/\n\nStorybook is hosted on GitHub page `gh-pages` branch (Domain name is configured on **Cloudflare**) and deployed automatically via **GitHub Action** every time changes are merged back to `master`.\n\nLocal dev\n\n```bash\nyarn storybook\n```\n\nbuild storybook\n\n```bash\nyarn build-storybook\n```\n\n## Build package\n\nBuild `src/lib` production/beta/alpha package, make sure you change `version` in `package.json` for three different build tags.\n\n```sh\ncd vouch-uikit\n...\nyarn package:alpha # development\nyarn package:beta # staging\nyarn package # production\n```\n\n## Test package locally with `vouch-app`\n\nOnce you build the `npm` package, you can test locally with `vouch-app` to ensure everything works as expected before publishing to `npm`\n\nAssuming you build a package according [Build package](#build-package), now you can create a symlink to your local package\n\n```sh\ncd package\nyarn link\n```\n\nyou should see this if successfully linked\n\n```sh\nyarn link v1.22.10\nsuccess Registered \"@vouchfor/uikit\".\ninfo You can now run `yarn link \"@vouchfor/uikit\"` in the projects where you want to use this package and it will be used instead.\n✨ Done in 0.04s.\n```\n\ngo to `vouch-app` folder and switch to the branch you want to test against with then link the local package\n\n```sh\ncd vouch-app\ngit checkout VCH-222\nyarn link @vouchfor/uikit\nyarn dev\n```\n\nVoilà, you are testing your feature branch with the local uikit package and don't forget to roll back after testing\n\n```sh\ncd vouch-app\nyarn unlink @vouchfor/uikit\n...\ncd vouch-uikit/package\nyarn unlink\n```\n\n## Publish to `npm`\n\n> Note you will need to log in `vouch-tech` on your terminal before publishing, credential is shared via 1Password.\n\n```bash\nnpm login\n...\n```\n\n```bash\ncd package\n...\nnpm publish --access public --tag alpha # development\nnpm publish --access public --tag beta # staging\nnpm publish --access public # production\n```\n\n## Purge `jsdelivr` cache\n\n`@vouchfor/uikit` is most likely consumed by **tag**, `alpha`, `beta` and `latest`, not version number to ensure clients can always get the latest updates. [jsdelivr](https://cdn.jsdelivr.net/) default has 7 days cache for `tag`, so we need to purge it to reflect new version number.\n\n- Check current tag version number\n\n - [Click to check Alpha](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@alpha/)\n - [Click to check Beta](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@beta/)\n - [Click to check Production](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n- Purge cache\n - [Click to purge Alpha](https://purge.jsdelivr.net/npm/@vouchfor/uikit@alpha/)\n - [Click to purge Beta](https://purge.jsdelivr.net/npm/@vouchfor/uikit@beta/)\n - **_Danger_** [Click to purge Production](https://purge.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n### Purge specific bundle.js\n\nOur embed code snippet `src` attribute currently refers to a specific embed bundle js , for example\n\n```html\n\n
\n```\n\nIn this case, you will need to purge the bundle file specifically by providing absolute path\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/embed/{filename}.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/components/{filename}.bundle.js\n```\n\nfor example,\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@alpha/embed/vouch-embed-inline-player.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@beta/embed/vouch-embed-inline-player.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/embed/vouch-embed-inline-player.bundle.js\n```\n\n## Unit test\n\n```bash\nyarn test\n```\n\nupdate snapshot\n\n```bash\nyarn test -u\n```\n\n# Update `vouch-app`\n\n`@vouchfor/uikit` is a dependency of `vouch-app` for embeds and UI components, follow the below steps to publish NPM package and update `package.json` dependency in `vouch-app`.\n\n> Each PR should bump the minor version in `package.json` in order to push new version to NPM. e.g. `\"version\": \"3.9.0\"` in `main` branch, you should bump to `\"version\": \"3.10.0\"` in your branch.\n\n> The major version should only be used for releasing breaking changes. e.g. `3.0.0`, `4.0.0`\n\n## Development (`dev.vouchfor.com`)\n\nAssuming your branch bumped version in `package.json` to\n\n```json\n\"version\": \"3.10.0\"\n```\n\n### Bump patch version number\n\nEnsure your patch version number isn't used, e.g. if `3.10.0` was published before, bump to `3.10.1`.\n\n### Build and publish\n\n```sh\nyarn package:alpha\ncd package\nnpm publish --access public --tag alpha\n```\n\nMake sure you purge NPM CDN cache for package, see [Purge npm cached tags](#purge-npm-cached-tags)\n\n### Update dependency in `vouch-app`\n\nEnsure you already cloned [vouch-app](https://github.com/VouchAU/vouch-app.git) locally then switch to the folder.\n\n```sh\ncd vouch-app\ngit checkout development\ngit pull\ngit merge feature/VCH-111 # Optional, only when you have code change dependency in vouch-app as well\nyarn upgrade @vouchfor/uikit@alpha\n```\n\nAfter upgrade, you should see version updates in both `package.json` and `yarn.lock`, but due to a known issue of `yarn`, please do these before committing changes\n\n- Manually roll back `package.json` (should always `\"@vouchfor/uikit\": \"alpha\"` for `development`).\n- run `yarn` again to update `yarn.lock`\n\n```sh\ngit commit -m \"Bumped uikit version\"\ngit push\n```\n\n## Staging (`staging.vouchfor.com`)\n\nUpdate `staging` environment is the same as [Development](#development-devvouchforcom) but remember to change cmd to `staging` specific\n\n```sh\nyarn package:beta\n```\n\n```sh\nnpm publish --access public --tag beta\n```\n\n```sh\ncd vouch-app\ngit checkout staging\ngit pull\ngit merge feature/VCH-111 # Optional, only when you have code change dependency in vouch-app as well\nyarn upgrade @vouchfor/uikit@beta\n```\n\n## Production (`app.vouchfor.com`)\n\nOne thing different when release to production, since `master` branch can only be merged by PRs (after code review), so you will need to run `yarn upgrade @vouchfor/uikit@latest` under you feature branch and commit **before merging the PR**.\n\n```sh\ngit checkout feature/VCH-111\nyarn upgrade upgrade @vouchfor/uikit@latest\ngit commit -m \"Bumped uikit version\"\ngit push\n```\n\n> When you run above cmd, your PR should be ready to merge (reviewed and QA tested)\n","engines":{"node":">=14.17.0"},"exports":{"./embed/events":{"import":"./embed/events.js","default":"./embed/events.js","require":"./embed/events.cjs"},"./package.json":"./package.json","./embed/events.js":"./embed/events.js","./embed/vouch-embed-all":{"import":"./embed/vouch-embed-all.js","default":"./embed/vouch-embed-all.js","require":"./embed/vouch-embed-all.cjs"},"./embed/vouch-embed-card":{"import":"./embed/vouch-embed-card.js","default":"./embed/vouch-embed-card.js","require":"./embed/vouch-embed-card.cjs"},"./embed/vouch-embed-jumbo":{"import":"./embed/vouch-embed-jumbo.js","default":"./embed/vouch-embed-jumbo.js","require":"./embed/vouch-embed-jumbo.cjs"},"./embed/vouch-embed-all.js":"./embed/vouch-embed-all.js","./embed/vouch-embed-button":{"import":"./embed/vouch-embed-button.js","default":"./embed/vouch-embed-button.js","require":"./embed/vouch-embed-button.cjs"},"./components/vouch-recorder":{"import":"./components/vouch-recorder.js","default":"./components/vouch-recorder.js","require":"./components/vouch-recorder.cjs"},"./embed/vouch-embed-popover":{"import":"./embed/vouch-embed-popover.js","default":"./embed/vouch-embed-popover.js","require":"./embed/vouch-embed-popover.cjs"},"./components/vouch-icon-play":{"import":"./components/vouch-icon-play.js","default":"./components/vouch-icon-play.js","require":"./components/vouch-icon-play.cjs"},"./embed/vouch-embed-dialogue":{"import":"./embed/vouch-embed-dialogue.js","default":"./embed/vouch-embed-dialogue.js","require":"./embed/vouch-embed-dialogue.cjs"},"./components/vouch-brand-logo":{"import":"./components/vouch-brand-logo.js","default":"./components/vouch-brand-logo.js","require":"./components/vouch-brand-logo.cjs"},"./components/vouch-icon-close":{"import":"./components/vouch-icon-close.js","default":"./components/vouch-icon-close.js","require":"./components/vouch-icon-close.cjs"},"./components/vouch-icon-pause":{"import":"./components/vouch-icon-pause.js","default":"./components/vouch-icon-pause.js","require":"./components/vouch-icon-pause.cjs"},"./components/vouch-media-plyr":{"import":"./components/vouch-media-plyr.js","default":"./components/vouch-media-plyr.js","require":"./components/vouch-media-plyr.cjs"},"./components/vouch-water-mark":{"import":"./components/vouch-water-mark.js","default":"./components/vouch-water-mark.js","require":"./components/vouch-water-mark.cjs"},"./embed/VouchEmbedCard.svelte":"./embed/VouchEmbedCard.svelte","./embed/vouch-embed-thumbnail":{"import":"./embed/vouch-embed-thumbnail.js","default":"./embed/vouch-embed-thumbnail.js","require":"./embed/vouch-embed-thumbnail.cjs"},"./embed/vouch-recorder-button":{"import":"./embed/vouch-recorder-button.js","default":"./embed/vouch-recorder-button.js","require":"./embed/vouch-recorder-button.cjs"},"./components/vouch-graphic-svg":{"import":"./components/vouch-graphic-svg.js","default":"./components/vouch-graphic-svg.js","require":"./components/vouch-graphic-svg.cjs"},"./embed/VouchEmbedJumbo.svelte":"./embed/VouchEmbedJumbo.svelte","./embed/vouch-recorder-preview":{"import":"./embed/vouch-recorder-preview.js","default":"./embed/vouch-recorder-preview.js","require":"./embed/vouch-recorder-preview.cjs"},"./embed/VouchEmbedButton.svelte":"./embed/VouchEmbedButton.svelte","./embed/VouchEmbedPopover.svelte":"./embed/VouchEmbedPopover.svelte","./components/VouchIconPlay.svelte":"./components/VouchIconPlay.svelte","./components/VouchRecorder.svelte":"./components/VouchRecorder.svelte","./embed/VouchEmbedDialogue.svelte":"./embed/VouchEmbedDialogue.svelte","./embed/vouch-embed-inline-player":{"import":"./embed/vouch-embed-inline-player.js","default":"./embed/vouch-embed-inline-player.js","require":"./embed/vouch-embed-inline-player.cjs"},"./components/VouchBrandLogo.svelte":"./components/VouchBrandLogo.svelte","./components/VouchIconClose.svelte":"./components/VouchIconClose.svelte","./components/VouchIconPause.svelte":"./components/VouchIconPause.svelte","./components/VouchMediaPlyr.svelte":"./components/VouchMediaPlyr.svelte","./components/VouchWaterMark.svelte":"./components/VouchWaterMark.svelte","./components/vouch-icon-arrow-left":{"import":"./components/vouch-icon-arrow-left.js","default":"./components/vouch-icon-arrow-left.js","require":"./components/vouch-icon-arrow-left.cjs"},"./embed/VouchEmbedThumbnail.svelte":"./embed/VouchEmbedThumbnail.svelte","./embed/VouchRecorderButton.svelte":"./embed/VouchRecorderButton.svelte","./components/VouchGraphicSvg.svelte":"./components/VouchGraphicSvg.svelte","./components/vouch-icon-arrow-right":{"import":"./components/vouch-icon-arrow-right.js","default":"./components/vouch-icon-arrow-right.js","require":"./components/vouch-icon-arrow-right.cjs"},"./embed/VouchRecorderPreview.svelte":"./embed/VouchRecorderPreview.svelte","./components/vouch-overlay-play-icon":{"import":"./components/vouch-overlay-play-icon.js","default":"./components/vouch-overlay-play-icon.js","require":"./components/vouch-overlay-play-icon.cjs"},"./embed/VouchEmbedInlinePlayer.svelte":"./embed/VouchEmbedInlinePlayer.svelte","./components/VouchIconArrowLeft.svelte":"./components/VouchIconArrowLeft.svelte","./components/VouchIconArrowRight.svelte":"./components/VouchIconArrowRight.svelte","./components/VouchOverlayPlayIcon.svelte":"./components/VouchOverlayPlayIcon.svelte"},"_npmUser":{"name":"vouch-tech","email":"brian@vouchfor.com"},"repository":{"url":"git+https://github.com/VouchAU/vouch-uikit.git","type":"git"},"_npmVersion":"6.14.13","description":"Vouch Svelte UIKit","directories":{},"lint-staged":{"*.{js,svelte}":"yarn lint"},"_nodeVersion":"14.17.0","dependencies":{"plyr":"^3.7.2","cookie":"^0.4.1","hls.js":"^1.1.5","core-js":"^3.16.3","postcss":"^7","@vime/core":"^5.3.1","tailwindcss":"npm:@tailwindcss/postcss7-compat","@lukeed/uuid":"^2.0.0","autoprefixer":"^9","whatwg-fetch":"^3.6.2","@fontsource/fira-mono":"^4.2.2"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^27.0.6","path":"^0.12.7","husky":"4","tslib":"^2.0.0","dotenv":"^10.0.0","eslint":"^7.22.0","rollup":"^2.55.1","svelte":"^3.34.0","prettier":"~2.2.1","babel-jest":"^27.0.6","svelte2tsx":"^0.4.3","typescript":"^4.0.0","@babel/core":"^7.14.8","@types/jest":"^26.0.24","lint-staged":"^11.1.1","svelte-check":"^2.0.0","@sveltejs/kit":"next","@types/cookie":"^0.4.0","svelte-jester":"^1.8.1","svelte-loader":"^3.1.2","@babel/preset-env":"^7.14.9","@storybook/svelte":"^6.3.6","svelte-preprocess":"^4.0.0","rollup-plugin-copy":"^3.4.0","rollup-plugin-svelte":"^7.1.0","rollup-plugin-terser":"^7.0.2","eslint-plugin-svelte3":"^3.2.0","@babel/runtime-corejs3":"^7.14.9","@rollup/plugin-replace":"^3.0.0","@storybook/addon-links":"^6.3.6","eslint-config-prettier":"^8.1.0","prettier-plugin-svelte":"^2.2.0","@rollup/plugin-commonjs":"^22.0.0","@testing-library/svelte":"^3.0.3","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@typescript-eslint/parser":"^4.19.0","@rollup/plugin-node-resolve":"^13.0.4","@storybook/addon-essentials":"^6.3.6","@typescript-eslint/eslint-plugin":"^4.19.0"},"_npmOperationalInternal":{"tmp":"tmp/uikit_5.14.1_1668740452334_0.5497432009979768","host":"s3://npm-registry-packages"}},"5.11.1-1dd988e.0":{"name":"@vouchfor/uikit","version":"5.11.1-1dd988e.0","keywords":["embed","design system","vouch-uikit","svelte","uikit"],"author":{"url":"https://vouchau.github.io/vouch-uikit","name":"Vouch Dev Team","email":"hello@vouchfor.com"},"license":"MIT","_id":"@vouchfor/uikit@5.11.1-1dd988e.0","maintainers":[{"name":"vouch-tech","email":"brian@vouchfor.com"}],"homepage":"https://vouchau.github.io/vouch-uikit","bugs":{"url":"https://github.com/VouchAU/vouch-uikit/issues"},"dist":{"shasum":"5a956d15715dc24ee4875685218bbc8ed4d8562c","tarball":"https://registry.npmjs.org/@vouchfor/uikit/-/uikit-5.11.1-1dd988e.0.tgz","fileCount":230,"integrity":"sha512-VDlkK1IX8U9FAyHoXu8ZHDg+hE+dy3wsI/mqfRltdF+AmV0ZtbkclP1152lTK7RKAZ2ytDlDmEzcTkCBxO5plg==","signatures":[{"sig":"MEQCIBcOkrY4cegE8RTZfNGeKEDRXnRBtNAUyUqSElvVfNpFAiBWhE2giEt8xguaNUQDIBIimA1hPcoaxBYJ6JSODYKF2w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":103968949,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjdvd1ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrZ5g//QfSCY9IXdGzv/vQ88L0wZEBeckNHKvKO8/yWxWYF527xGdqX\r\nd1DHWHEWztRpwapCafPPD/iFRXk1JX3bC+jtr3J++uw8rw+t2CgR5PujnxFA\r\nLc1BVu+i+wORa2BuU7JUHS0TjLOjTAOU57+ZF996vl+UrCviTXTpr0OmzFLQ\r\ndDUoxmgXBh9z6sGPQCzqDD+RxMIOvSR+oe+W+ADM4hsExn6v1qaWU78E2rpo\r\nofEhms+I7nAsYtxq4Y4rLhIxD747iV6xtuxKupD4BK9wy4f1kTKhVvcPxBvt\r\nivv9wS05xj4Um0nTw+ZVcN9biUjlAflAo1mq9OLk1dcPUgtDgJ1DNdhAm3xp\r\nWGf6ZzrA5WF0BcJ7KTRJHz9YwzZDYvHZMNY57CDRkWB8pjo6MppVReiWYZFn\r\nyQwNDUt/v9WPJ0VVeLxg2cMM6OHut8F+bQjvPSNBDr/lO5n/A0Ut5jiVrqYj\r\nOzD2uSf/hkPDjlyxeFCVJsuGAUaAkKcp1s71oBxT1SkI9GZB0Hr7v3jWhoam\r\nqlJa3CP/mP9HpIpjcGoKCx7RsquHekvc2RW/QorwQFskunCE3ioWroi7uOSG\r\nhXm9ZB25XhNb5tQMnAyMFBgPbm4fawds60vFPXhjAE+21NBGNGY60pGcT72y\r\nCDKP/4KITdu1NJvQYFV6LFGy2N3fR1odGoE=\r\n=h7Sg\r\n-----END PGP SIGNATURE-----\r\n"},"type":"module","types":"types.d.ts","readme":"# Vouch UIKit\n\n- [Get Started](#get-started)\n - [Storybook](#storybook)\n - [Build package](#build-package)\n - [Test package locally with vouch-app](#test-package-locally-with-vouch-app)\n - [Publish to npm](#publish-to-npm)\n - [Purge npm cache](#purge-npm-cached-tags)\n- [Update vouch-app](#update-vouch-app)\n - [development](#development-devvouchforcom)\n - [staging](#staging-stagingvouchforcom)\n - [production](#production-appvouchforcom)\n\n**Vouch UIKit** consists of `2 libraries` and `1 application`\n\n```bash\n└── src\n ├── lib\n │ ├── components # Design System Components (Web Component)\n │ │ ├── VouchBrandLogo.svelte\n │ │ ...\n │ │\n │ └── embed # embed Components (Web Component)\n │ │ ├── VouchEmbedInlinePlayer.svelte\n │ ...\n │\n │\n ├── routes # vouch public embed link (https://embed.vouchfor.com)\n │ ├── __layout.svelte\n │ ├── index.svelte\n │ ├── about.svelte\n │ ...\n │\n ├── app.css\n └── app.html\n```\n\n# Get Started\n\nEnsure you have node `14.17.0` installed on your machine, for example via [nvm](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/TERMINAL.md#install-nvm), run `nvm ls` to check\n\n```bash\nnvm ls 14\n```\n\nyou should see output if you have the version installed\n\n```bash\n-> v14.17.0\n```\n\nensure you have [git ssh](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/GITHUB.md) setup locally before you clone the repo\n\n```bash\ngit clone git@github.com:VouchAU/vouch-uikit.git\n```\n\ninstall dependencies\n\n```bash\ncd vouch-uikit\nyarn\n```\n\n## Storybook\n\nhttps://designsystem.vouchfor.com/\n\nStorybook is hosted on GitHub page `gh-pages` branch (Domain name is configured on **Cloudflare**) and deployed automatically via **GitHub Action** every time changes are merged back to `master`.\n\nLocal dev\n\n```bash\nyarn storybook\n```\n\nbuild storybook\n\n```bash\nyarn build-storybook\n```\n\n## Build package\n\nBuild `src/lib` production/beta/alpha package, make sure you change `version` in `package.json` for three different build tags.\n\n```sh\ncd vouch-uikit\n...\nyarn package:alpha # development\nyarn package:beta # staging\nyarn package # production\n```\n\n## Test package locally with `vouch-app`\n\nOnce you build the `npm` package, you can test locally with `vouch-app` to ensure everything works as expected before publishing to `npm`\n\nAssuming you build a package according [Build package](#build-package), now you can create a symlink to your local package\n\n```sh\ncd package\nyarn link\n```\n\nyou should see this if successfully linked\n\n```sh\nyarn link v1.22.10\nsuccess Registered \"@vouchfor/uikit\".\ninfo You can now run `yarn link \"@vouchfor/uikit\"` in the projects where you want to use this package and it will be used instead.\n✨ Done in 0.04s.\n```\n\ngo to `vouch-app` folder and switch to the branch you want to test against with then link the local package\n\n```sh\ncd vouch-app\ngit checkout VCH-222\nyarn link @vouchfor/uikit\nyarn dev\n```\n\nVoilà, you are testing your feature branch with the local uikit package and don't forget to roll back after testing\n\n```sh\ncd vouch-app\nyarn unlink @vouchfor/uikit\n...\ncd vouch-uikit/package\nyarn unlink\n```\n\n## Publish to `npm`\n\n> Note you will need to log in `vouch-tech` on your terminal before publishing, credential is shared via 1Password.\n\n```bash\nnpm login\n...\n```\n\n```bash\ncd package\n...\nnpm publish --access public --tag alpha # development\nnpm publish --access public --tag beta # staging\nnpm publish --access public # production\n```\n\n## Purge `jsdelivr` cache\n\n`@vouchfor/uikit` is most likely consumed by **tag**, `alpha`, `beta` and `latest`, not version number to ensure clients can always get the latest updates. [jsdelivr](https://cdn.jsdelivr.net/) default has 7 days cache for `tag`, so we need to purge it to reflect new version number.\n\n- Check current tag version number\n\n - [Click to check Alpha](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@alpha/)\n - [Click to check Beta](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@beta/)\n - [Click to check Production](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n- Purge cache\n - [Click to purge Alpha](https://purge.jsdelivr.net/npm/@vouchfor/uikit@alpha/)\n - [Click to purge Beta](https://purge.jsdelivr.net/npm/@vouchfor/uikit@beta/)\n - **_Danger_** [Click to purge Production](https://purge.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n### Purge specific bundle.js\n\nOur embed code snippet `src` attribute currently refers to a specific embed bundle js , for example\n\n```html\n\n
\n```\n\nIn this case, you will need to purge the bundle file specifically by providing absolute path\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/embed/{filename}.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/components/{filename}.bundle.js\n```\n\nfor example,\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@alpha/embed/vouch-embed-inline-player.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@beta/embed/vouch-embed-inline-player.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/embed/vouch-embed-inline-player.bundle.js\n```\n\n## Unit test\n\n```bash\nyarn test\n```\n\nupdate snapshot\n\n```bash\nyarn test -u\n```\n\n# Update `vouch-app`\n\n`@vouchfor/uikit` is a dependency of `vouch-app` for embeds and UI components, follow the below steps to publish NPM package and update `package.json` dependency in `vouch-app`.\n\n> Each PR should bump the minor version in `package.json` in order to push new version to NPM. e.g. `\"version\": \"3.9.0\"` in `main` branch, you should bump to `\"version\": \"3.10.0\"` in your branch.\n\n> The major version should only be used for releasing breaking changes. e.g. `3.0.0`, `4.0.0`\n\n## Development (`dev.vouchfor.com`)\n\nAssuming your branch bumped version in `package.json` to\n\n```json\n\"version\": \"3.10.0\"\n```\n\n### Bump patch version number\n\nEnsure your patch version number isn't used, e.g. if `3.10.0` was published before, bump to `3.10.1`.\n\n### Build and publish\n\n```sh\nyarn package:alpha\ncd package\nnpm publish --access public --tag alpha\n```\n\nMake sure you purge NPM CDN cache for package, see [Purge npm cached tags](#purge-npm-cached-tags)\n\n### Update dependency in `vouch-app`\n\nEnsure you already cloned [vouch-app](https://github.com/VouchAU/vouch-app.git) locally then switch to the folder.\n\n```sh\ncd vouch-app\ngit checkout development\ngit pull\ngit merge feature/VCH-111 # Optional, only when you have code change dependency in vouch-app as well\nyarn upgrade @vouchfor/uikit@alpha\n```\n\nAfter upgrade, you should see version updates in both `package.json` and `yarn.lock`, but due to a known issue of `yarn`, please do these before committing changes\n\n- Manually roll back `package.json` (should always `\"@vouchfor/uikit\": \"alpha\"` for `development`).\n- run `yarn` again to update `yarn.lock`\n\n```sh\ngit commit -m \"Bumped uikit version\"\ngit push\n```\n\n## Staging (`staging.vouchfor.com`)\n\nUpdate `staging` environment is the same as [Development](#development-devvouchforcom) but remember to change cmd to `staging` specific\n\n```sh\nyarn package:beta\n```\n\n```sh\nnpm publish --access public --tag beta\n```\n\n```sh\ncd vouch-app\ngit checkout staging\ngit pull\ngit merge feature/VCH-111 # Optional, only when you have code change dependency in vouch-app as well\nyarn upgrade @vouchfor/uikit@beta\n```\n\n## Production (`app.vouchfor.com`)\n\nOne thing different when release to production, since `master` branch can only be merged by PRs (after code review), so you will need to run `yarn upgrade @vouchfor/uikit@latest` under you feature branch and commit **before merging the PR**.\n\n```sh\ngit checkout feature/VCH-111\nyarn upgrade upgrade @vouchfor/uikit@latest\ngit commit -m \"Bumped uikit version\"\ngit push\n```\n\n> When you run above cmd, your PR should be ready to merge (reviewed and QA tested)\n","engines":{"node":">=16"},"exports":{"./constants":"./constants.js","./package.json":"./package.json","./internal/theme":"./internal/theme.js","./internal/utils":"./internal/utils.js","./embed/vouch-embed-all":{"import":"./embed/vouch-embed-all.js","default":"./embed/vouch-embed-all.js","require":"./embed/vouch-embed-all.cjs"},"./embed/vouch-embed-card":{"import":"./embed/vouch-embed-card.js","default":"./embed/vouch-embed-card.js","require":"./embed/vouch-embed-card.cjs"},"./embed/vouch-embed-jumbo":{"import":"./embed/vouch-embed-jumbo.js","default":"./embed/vouch-embed-jumbo.js","require":"./embed/vouch-embed-jumbo.cjs"},"./internal/hooks/useFetch":"./internal/hooks/useFetch.js","./internal/hooks/useTrack":"./internal/hooks/useTrack.js","./embed/vouch-embed-button":{"import":"./embed/vouch-embed-button.js","default":"./embed/vouch-embed-button.js","require":"./embed/vouch-embed-button.cjs"},"./components/vouch-recorder":{"import":"./components/vouch-recorder.js","default":"./components/vouch-recorder.js","require":"./components/vouch-recorder.cjs"},"./embed/vouch-embed-popover":{"import":"./embed/vouch-embed-popover.js","default":"./embed/vouch-embed-popover.js","require":"./embed/vouch-embed-popover.cjs"},"./test/internals/utils.spec":"./test/internals/utils.spec.js","./components/vouch-icon-play":{"import":"./components/vouch-icon-play.js","default":"./components/vouch-icon-play.js","require":"./components/vouch-icon-play.cjs"},"./embed/vouch-embed-dialogue":{"import":"./embed/vouch-embed-dialogue.js","default":"./embed/vouch-embed-dialogue.js","require":"./embed/vouch-embed-dialogue.cjs"},"./components/vouch-brand-logo":{"import":"./components/vouch-brand-logo.js","default":"./components/vouch-brand-logo.js","require":"./components/vouch-brand-logo.cjs"},"./components/vouch-icon-close":{"import":"./components/vouch-icon-close.js","default":"./components/vouch-icon-close.js","require":"./components/vouch-icon-close.cjs"},"./components/vouch-icon-pause":{"import":"./components/vouch-icon-pause.js","default":"./components/vouch-icon-pause.js","require":"./components/vouch-icon-pause.cjs"},"./components/vouch-media-plyr":{"import":"./components/vouch-media-plyr.js","default":"./components/vouch-media-plyr.js","require":"./components/vouch-media-plyr.cjs"},"./components/vouch-water-mark":{"import":"./components/vouch-water-mark.js","default":"./components/vouch-water-mark.js","require":"./components/vouch-water-mark.cjs"},"./embed/VouchEmbedCard.svelte":"./embed/VouchEmbedCard.svelte","./embed/vouch-embed-thumbnail":{"import":"./embed/vouch-embed-thumbnail.js","default":"./embed/vouch-embed-thumbnail.js","require":"./embed/vouch-embed-thumbnail.cjs"},"./embed/vouch-recorder-button":{"import":"./embed/vouch-recorder-button.js","default":"./embed/vouch-recorder-button.js","require":"./embed/vouch-recorder-button.cjs"},"./components/vouch-graphic-svg":{"import":"./components/vouch-graphic-svg.js","default":"./components/vouch-graphic-svg.js","require":"./components/vouch-graphic-svg.cjs"},"./embed/VouchEmbedJumbo.svelte":"./embed/VouchEmbedJumbo.svelte","./embed/vouch-recorder-preview":{"import":"./embed/vouch-recorder-preview.js","default":"./embed/vouch-recorder-preview.js","require":"./embed/vouch-recorder-preview.cjs"},"./internal/hooks/useFetchEmbed":"./internal/hooks/useFetchEmbed.js","./embed/VouchEmbedButton.svelte":"./embed/VouchEmbedButton.svelte","./components/vouch-circle-button":{"import":"./components/vouch-circle-button.js","default":"./components/vouch-circle-button.js","require":"./components/vouch-circle-button.cjs"},"./embed/VouchEmbedPopover.svelte":"./embed/VouchEmbedPopover.svelte","./components/VouchIconPlay.svelte":"./components/VouchIconPlay.svelte","./components/VouchRecorder.svelte":"./components/VouchRecorder.svelte","./embed/VouchEmbedDialogue.svelte":"./embed/VouchEmbedDialogue.svelte","./embed/vouch-embed-inline-player":{"import":"./embed/vouch-embed-inline-player.js","default":"./embed/vouch-embed-inline-player.js","require":"./embed/vouch-embed-inline-player.cjs"},"./test/components/VouchIcons.spec":"./test/components/VouchIcons.spec.js","./components/VouchBrandLogo.svelte":"./components/VouchBrandLogo.svelte","./components/VouchIconClose.svelte":"./components/VouchIconClose.svelte","./components/VouchIconPause.svelte":"./components/VouchIconPause.svelte","./components/VouchMediaPlyr.svelte":"./components/VouchMediaPlyr.svelte","./components/VouchWaterMark.svelte":"./components/VouchWaterMark.svelte","./components/vouch-icon-arrow-left":{"import":"./components/vouch-icon-arrow-left.js","default":"./components/vouch-icon-arrow-left.js","require":"./components/vouch-icon-arrow-left.cjs"},"./embed/VouchEmbedThumbnail.svelte":"./embed/VouchEmbedThumbnail.svelte","./embed/VouchRecorderButton.svelte":"./embed/VouchRecorderButton.svelte","./components/VouchGraphicSvg.svelte":"./components/VouchGraphicSvg.svelte","./components/vouch-icon-arrow-right":{"import":"./components/vouch-icon-arrow-right.js","default":"./components/vouch-icon-arrow-right.js","require":"./components/vouch-icon-arrow-right.cjs"},"./embed/VouchRecorderPreview.svelte":"./embed/VouchRecorderPreview.svelte","./components/vouch-overlay-play-icon":{"import":"./components/vouch-overlay-play-icon.js","default":"./components/vouch-overlay-play-icon.js","require":"./components/vouch-overlay-play-icon.cjs"},"./test/internals/hooks/useFetch.spec":"./test/internals/hooks/useFetch.spec.js","./test/internals/hooks/useTrack.spec":"./test/internals/hooks/useTrack.spec.js","./components/VouchCircleButton.svelte":"./components/VouchCircleButton.svelte","./embed/VouchEmbedInlinePlayer.svelte":"./embed/VouchEmbedInlinePlayer.svelte","./test/components/VouchBrandLogo.spec":"./test/components/VouchBrandLogo.spec.js","./test/components/VouchWaterMark.spec":"./test/components/VouchWaterMark.spec.js","./components/VouchIconArrowLeft.svelte":"./components/VouchIconArrowLeft.svelte","./test/components/VouchGraphicSvg.spec":"./test/components/VouchGraphicSvg.spec.js","./components/VouchIconArrowRight.svelte":"./components/VouchIconArrowRight.svelte","./components/VouchOverlayPlayIcon.svelte":"./components/VouchOverlayPlayIcon.svelte","./test/internals/hooks/useFetchEmbed.spec":"./test/internals/hooks/useFetchEmbed.spec.js"},"gitHead":"1dd988e3d997b0fd8799d868e57e132a7e29b907","_npmUser":{"name":"vouch-tech","email":"brian@vouchfor.com"},"repository":{"url":"git+https://github.com/VouchAU/vouch-uikit.git","type":"git"},"_npmVersion":"8.19.2","description":"Vouch Svelte UIKit","directories":{},"lint-staged":{"*.{js,svelte}":"yarn lint"},"_nodeVersion":"16.18.0","dependencies":{"flat":"^5.0.2","plyr":"^3.7.2","cookie":"^0.4.1","hls.js":"^1.1.5","core-js":"^3.16.3","postcss":"^7","@vime/core":"^5.3.1","tailwindcss":"npm:@tailwindcss/postcss7-compat","@lukeed/uuid":"^2.0.0","autoprefixer":"^9","whatwg-fetch":"^3.6.2","patch-package":"^6.5.0","@fontsource/fira-mono":"^4.2.2","postinstall-postinstall":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^27.0.6","path":"^0.12.7","vite":"^3.1.8","react":"^18.2.0","tslib":"^2.0.0","dotenv":"^10.0.0","eslint":"^7.22.0","rollup":"^2.55.1","svelte":"^3.34.0","webpack":"^5.74.0","playroom":"0.28.0","prettier":"~2.2.1","react-dom":"^18.2.0","ts-loader":"^9.4.1","babel-jest":"^27.0.6","base64-url":"^2.3.3","dotenv-cli":"^6.0.0","svelte2tsx":"^0.4.3","typescript":"^4.8.4","@babel/core":"^7.14.8","@types/jest":"^26.0.24","lint-staged":"^12.4.1","babel-loader":"^8.2.5","svelte-check":"^2.0.0","@sveltejs/kit":"next","@types/cookie":"^0.4.0","@types/hls.js":"^1.0.0","svelte-jester":"^1.8.1","svelte-loader":"^3.1.2","@storybook/react":"^6.5.13","@babel/preset-env":"^7.14.9","@storybook/svelte":"^6.5.13","@sveltejs/package":"^1.0.0-next.5","svelte-preprocess":"^4.0.0","rollup-plugin-copy":"^3.4.0","require-from-string":"^2.0.2","rollup-plugin-svelte":"^7.1.0","rollup-plugin-terser":"^7.0.2","eslint-plugin-svelte3":"^3.2.0","@babel/runtime-corejs3":"^7.14.9","@rollup/plugin-replace":"^3.0.0","@storybook/addon-links":"^6.5.13","eslint-config-prettier":"^8.1.0","prettier-plugin-svelte":"^2.2.0","@rollup/plugin-commonjs":"^22.0.0","@testing-library/svelte":"^3.0.3","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.5.13","storybook-addon-playroom":"^3.0.2","@typescript-eslint/parser":"^4.19.0","@rollup/plugin-node-resolve":"^13.0.4","@storybook/addon-essentials":"^6.5.13","@storybook/addon-svelte-csf":"^2.0.10","@typescript-eslint/eslint-plugin":"^4.19.0"},"_npmOperationalInternal":{"tmp":"tmp/uikit_5.11.1-1dd988e.0_1668740980738_0.9824761107878932","host":"s3://npm-registry-packages"}},"5.13.1-df6601b.0":{"name":"@vouchfor/uikit","version":"5.13.1-df6601b.0","keywords":["embed","design system","vouch-uikit","svelte","uikit"],"author":{"url":"https://vouchau.github.io/vouch-uikit","name":"Vouch Dev Team","email":"hello@vouchfor.com"},"license":"MIT","_id":"@vouchfor/uikit@5.13.1-df6601b.0","maintainers":[{"name":"vouch-tech","email":"brian@vouchfor.com"}],"homepage":"https://vouchau.github.io/vouch-uikit","bugs":{"url":"https://github.com/VouchAU/vouch-uikit/issues"},"dist":{"shasum":"38833125c79cc46b53bace3b4208c2d728fd5301","tarball":"https://registry.npmjs.org/@vouchfor/uikit/-/uikit-5.13.1-df6601b.0.tgz","fileCount":220,"integrity":"sha512-++Wv1FnNt/GgslR9vZ6QOO+Zjm3xnRnApeQ8mKixXcudYNLNV5JSGHYMLJnc+wZMsQHj0KZ+34RXdEnLXLYIYQ==","signatures":[{"sig":"MEUCIQD5oz/xBv3zDMJTZUVTuKSE1nfQrgNeU6Xf2U905Cxs9QIgFxn0ViTwwpaO3ly35V7bTDSFygs1XahYdQCDyBW9uf0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":102096958,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjdv5KACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmrt3A/9E/vctRU0fZ9WRBi/4uwiTUZaW5/OnkyFP6BVFFKfMIlmNLbG\r\nA4fhl950vsEAZ4QFKWRdpUxK04eEXbb6JmKqBgjJF0+nFOgxIa0njQdoh8/X\r\nnwEOROk7E9AUv8NXmI/cBETdf626QWR7ZCznfmUGSLNOxHFlkMdLYGNdUiOL\r\nBvY4fzfignlj+f69niiXcmNJGO8W/xUi78igTKEiUwScg2HeGqu69RbtUyVg\r\nBqthPVqxvb83fhxYRCLGEHeWLVIOcEgV2i7U/zXwR+Xfwj5M3kEXtZfQjuJJ\r\nWJc7P5SaIH6VLE0QzZRz6V3wzOUzs6Hsx8SKw8bCXpE9yclNdxnV6o/hVhiD\r\nXxEPjHHXrUKHxUAjZ7S1+HQvygL+BBOF+b1fBNLZmM6v4DGZt5RlMIl1UruZ\r\nLCm5zketAhbb4XmTOQB28Qbc//NrUYPA9vGxGznp6mD0ZHCxzaah1s0M0fLQ\r\np4rkeDC1bmKcyMNHBzOahN9aVqVU505R4zINfR5yXMgxsZ4yI4LC8wEb2a0k\r\nr/DKIB/ZdAQcCzIh/iEX3LpRqzY45ze6iw1+M1bTEyMERXCx2j1M7hgvvmQ/\r\nCumvS+CqaJLMHRukn+e4lWXxyv+Nev3hcxldYHUrQN9AJdD/i97+TL2G7tzj\r\naAKsTLthmIuskR0JmAn8HFsRT2bRnLuAM0I=\r\n=3Yfz\r\n-----END PGP SIGNATURE-----\r\n"},"type":"module","types":"types.d.ts","readme":"# Vouch UIKit\n\n- [Get Started](#get-started)\n - [Storybook](#storybook)\n - [Build package](#build-package)\n - [Test package locally with vouch-app](#test-package-locally-with-vouch-app)\n - [Publish to npm](#publish-to-npm)\n - [Purge npm cache](#purge-npm-cached-tags)\n- [Update vouch-app](#update-vouch-app)\n - [development](#development-devvouchforcom)\n - [staging](#staging-stagingvouchforcom)\n - [production](#production-appvouchforcom)\n\n**Vouch UIKit** consists of `2 libraries` and `1 application`\n\n```bash\n└── src\n ├── lib\n │ ├── components # Design System Components (Web Component)\n │ │ ├── VouchBrandLogo.svelte\n │ │ ...\n │ │\n │ └── embed # embed Components (Web Component)\n │ │ ├── VouchEmbedInlinePlayer.svelte\n │ ...\n │\n │\n ├── routes # vouch public embed link (https://embed.vouchfor.com)\n │ ├── __layout.svelte\n │ ├── index.svelte\n │ ├── about.svelte\n │ ...\n │\n ├── app.css\n └── app.html\n```\n\n# Get Started\n\nEnsure you have node `14.17.0` installed on your machine, for example via [nvm](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/TERMINAL.md#install-nvm), run `nvm ls` to check\n\n```bash\nnvm ls 14\n```\n\nyou should see output if you have the version installed\n\n```bash\n-> v14.17.0\n```\n\nensure you have [git ssh](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/GITHUB.md) setup locally before you clone the repo\n\n```bash\ngit clone git@github.com:VouchAU/vouch-uikit.git\n```\n\ninstall dependencies\n\n```bash\ncd vouch-uikit\nyarn\n```\n\n## Storybook\n\nhttps://designsystem.vouchfor.com/\n\nStorybook is hosted on GitHub page `gh-pages` branch (Domain name is configured on **Cloudflare**) and deployed automatically via **GitHub Action** every time changes are merged back to `master`.\n\nLocal dev\n\n```bash\nyarn storybook\n```\n\nbuild storybook\n\n```bash\nyarn build-storybook\n```\n\n## Build package\n\nBuild `src/lib` production/beta/alpha package, make sure you change `version` in `package.json` for three different build tags.\n\n```sh\ncd vouch-uikit\n...\nyarn package:alpha # development\nyarn package:beta # staging\nyarn package # production\n```\n\n## Test package locally with `vouch-app`\n\nOnce you build the `npm` package, you can test locally with `vouch-app` to ensure everything works as expected before publishing to `npm`\n\nAssuming you build a package according [Build package](#build-package), now you can create a symlink to your local package\n\n```sh\ncd package\nyarn link\n```\n\nyou should see this if successfully linked\n\n```sh\nyarn link v1.22.10\nsuccess Registered \"@vouchfor/uikit\".\ninfo You can now run `yarn link \"@vouchfor/uikit\"` in the projects where you want to use this package and it will be used instead.\n✨ Done in 0.04s.\n```\n\ngo to `vouch-app` folder and switch to the branch you want to test against with then link the local package\n\n```sh\ncd vouch-app\ngit checkout VCH-222\nyarn link @vouchfor/uikit\nyarn dev\n```\n\nVoilà, you are testing your feature branch with the local uikit package and don't forget to roll back after testing\n\n```sh\ncd vouch-app\nyarn unlink @vouchfor/uikit\n...\ncd vouch-uikit/package\nyarn unlink\n```\n\n## Publish to `npm`\n\n> Note you will need to log in `vouch-tech` on your terminal before publishing, credential is shared via 1Password.\n\n```bash\nnpm login\n...\n```\n\n```bash\ncd package\n...\nnpm publish --access public --tag alpha # development\nnpm publish --access public --tag beta # staging\nnpm publish --access public # production\n```\n\n## Purge `jsdelivr` cache\n\n`@vouchfor/uikit` is most likely consumed by **tag**, `alpha`, `beta` and `latest`, not version number to ensure clients can always get the latest updates. [jsdelivr](https://cdn.jsdelivr.net/) default has 7 days cache for `tag`, so we need to purge it to reflect new version number.\n\n- Check current tag version number\n\n - [Click to check Alpha](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@alpha/)\n - [Click to check Beta](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@beta/)\n - [Click to check Production](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n- Purge cache\n - [Click to purge Alpha](https://purge.jsdelivr.net/npm/@vouchfor/uikit@alpha/)\n - [Click to purge Beta](https://purge.jsdelivr.net/npm/@vouchfor/uikit@beta/)\n - **_Danger_** [Click to purge Production](https://purge.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n### Purge specific bundle.js\n\nOur embed code snippet `src` attribute currently refers to a specific embed bundle js , for example\n\n```html\n\n
\n```\n\nIn this case, you will need to purge the bundle file specifically by providing absolute path\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/embed/{filename}.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/components/{filename}.bundle.js\n```\n\nfor example,\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@alpha/embed/vouch-embed-inline-player.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@beta/embed/vouch-embed-inline-player.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/embed/vouch-embed-inline-player.bundle.js\n```\n\n## Unit test\n\n```bash\nyarn test\n```\n\nupdate snapshot\n\n```bash\nyarn test -u\n```\n\n# Update `vouch-app`\n\n`@vouchfor/uikit` is a dependency of `vouch-app` for embeds and UI components, follow the below steps to publish NPM package and update `package.json` dependency in `vouch-app`.\n\n> Each PR should bump the minor version in `package.json` in order to push new version to NPM. e.g. `\"version\": \"3.9.0\"` in `main` branch, you should bump to `\"version\": \"3.10.0\"` in your branch.\n\n> The major version should only be used for releasing breaking changes. e.g. `3.0.0`, `4.0.0`\n\n## Development (`dev.vouchfor.com`)\n\nAssuming your branch bumped version in `package.json` to\n\n```json\n\"version\": \"3.10.0\"\n```\n\n### Bump patch version number\n\nEnsure your patch version number isn't used, e.g. if `3.10.0` was published before, bump to `3.10.1`.\n\n### Build and publish\n\n```sh\nyarn package:alpha\ncd package\nnpm publish --access public --tag alpha\n```\n\nMake sure you purge NPM CDN cache for package, see [Purge npm cached tags](#purge-npm-cached-tags)\n\n### Update dependency in `vouch-app`\n\nEnsure you already cloned [vouch-app](https://github.com/VouchAU/vouch-app.git) locally then switch to the folder.\n\n```sh\ncd vouch-app\ngit checkout development\ngit pull\ngit merge feature/VCH-111 # Optional, only when you have code change dependency in vouch-app as well\nyarn upgrade @vouchfor/uikit@alpha\n```\n\nAfter upgrade, you should see version updates in both `package.json` and `yarn.lock`, but due to a known issue of `yarn`, please do these before committing changes\n\n- Manually roll back `package.json` (should always `\"@vouchfor/uikit\": \"alpha\"` for `development`).\n- run `yarn` again to update `yarn.lock`\n\n```sh\ngit commit -m \"Bumped uikit version\"\ngit push\n```\n\n## Staging (`staging.vouchfor.com`)\n\nUpdate `staging` environment is the same as [Development](#development-devvouchforcom) but remember to change cmd to `staging` specific\n\n```sh\nyarn package:beta\n```\n\n```sh\nnpm publish --access public --tag beta\n```\n\n```sh\ncd vouch-app\ngit checkout staging\ngit pull\ngit merge feature/VCH-111 # Optional, only when you have code change dependency in vouch-app as well\nyarn upgrade @vouchfor/uikit@beta\n```\n\n## Production (`app.vouchfor.com`)\n\nOne thing different when release to production, since `master` branch can only be merged by PRs (after code review), so you will need to run `yarn upgrade @vouchfor/uikit@latest` under you feature branch and commit **before merging the PR**.\n\n```sh\ngit checkout feature/VCH-111\nyarn upgrade upgrade @vouchfor/uikit@latest\ngit commit -m \"Bumped uikit version\"\ngit push\n```\n\n> When you run above cmd, your PR should be ready to merge (reviewed and QA tested)\n","engines":{"node":">=16"},"exports":{"./constants":"./constants.js","./package.json":"./package.json","./internal/utils":"./internal/utils.js","./embed/vouch-embed-all":{"import":"./embed/vouch-embed-all.js","default":"./embed/vouch-embed-all.js","require":"./embed/vouch-embed-all.cjs"},"./embed/vouch-embed-card":{"import":"./embed/vouch-embed-card.js","default":"./embed/vouch-embed-card.js","require":"./embed/vouch-embed-card.cjs"},"./embed/vouch-embed-jumbo":{"import":"./embed/vouch-embed-jumbo.js","default":"./embed/vouch-embed-jumbo.js","require":"./embed/vouch-embed-jumbo.cjs"},"./internal/hooks/useFetch":"./internal/hooks/useFetch.js","./internal/hooks/useTrack":"./internal/hooks/useTrack.js","./embed/vouch-embed-button":{"import":"./embed/vouch-embed-button.js","default":"./embed/vouch-embed-button.js","require":"./embed/vouch-embed-button.cjs"},"./components/vouch-recorder":{"import":"./components/vouch-recorder.js","default":"./components/vouch-recorder.js","require":"./components/vouch-recorder.cjs"},"./embed/vouch-embed-popover":{"import":"./embed/vouch-embed-popover.js","default":"./embed/vouch-embed-popover.js","require":"./embed/vouch-embed-popover.cjs"},"./test/internals/utils.spec":"./test/internals/utils.spec.js","./components/vouch-icon-play":{"import":"./components/vouch-icon-play.js","default":"./components/vouch-icon-play.js","require":"./components/vouch-icon-play.cjs"},"./embed/vouch-embed-dialogue":{"import":"./embed/vouch-embed-dialogue.js","default":"./embed/vouch-embed-dialogue.js","require":"./embed/vouch-embed-dialogue.cjs"},"./components/vouch-brand-logo":{"import":"./components/vouch-brand-logo.js","default":"./components/vouch-brand-logo.js","require":"./components/vouch-brand-logo.cjs"},"./components/vouch-icon-close":{"import":"./components/vouch-icon-close.js","default":"./components/vouch-icon-close.js","require":"./components/vouch-icon-close.cjs"},"./components/vouch-icon-pause":{"import":"./components/vouch-icon-pause.js","default":"./components/vouch-icon-pause.js","require":"./components/vouch-icon-pause.cjs"},"./components/vouch-media-plyr":{"import":"./components/vouch-media-plyr.js","default":"./components/vouch-media-plyr.js","require":"./components/vouch-media-plyr.cjs"},"./components/vouch-water-mark":{"import":"./components/vouch-water-mark.js","default":"./components/vouch-water-mark.js","require":"./components/vouch-water-mark.cjs"},"./embed/VouchEmbedCard.svelte":"./embed/VouchEmbedCard.svelte","./embed/vouch-embed-thumbnail":{"import":"./embed/vouch-embed-thumbnail.js","default":"./embed/vouch-embed-thumbnail.js","require":"./embed/vouch-embed-thumbnail.cjs"},"./embed/vouch-recorder-button":{"import":"./embed/vouch-recorder-button.js","default":"./embed/vouch-recorder-button.js","require":"./embed/vouch-recorder-button.cjs"},"./components/vouch-graphic-svg":{"import":"./components/vouch-graphic-svg.js","default":"./components/vouch-graphic-svg.js","require":"./components/vouch-graphic-svg.cjs"},"./embed/VouchEmbedJumbo.svelte":"./embed/VouchEmbedJumbo.svelte","./embed/vouch-recorder-preview":{"import":"./embed/vouch-recorder-preview.js","default":"./embed/vouch-recorder-preview.js","require":"./embed/vouch-recorder-preview.cjs"},"./internal/hooks/useFetchEmbed":"./internal/hooks/useFetchEmbed.js","./embed/VouchEmbedButton.svelte":"./embed/VouchEmbedButton.svelte","./embed/VouchEmbedPopover.svelte":"./embed/VouchEmbedPopover.svelte","./components/VouchIconPlay.svelte":"./components/VouchIconPlay.svelte","./components/VouchRecorder.svelte":"./components/VouchRecorder.svelte","./embed/VouchEmbedDialogue.svelte":"./embed/VouchEmbedDialogue.svelte","./embed/vouch-embed-inline-player":{"import":"./embed/vouch-embed-inline-player.js","default":"./embed/vouch-embed-inline-player.js","require":"./embed/vouch-embed-inline-player.cjs"},"./test/components/VouchIcons.spec":"./test/components/VouchIcons.spec.js","./components/VouchBrandLogo.svelte":"./components/VouchBrandLogo.svelte","./components/VouchIconClose.svelte":"./components/VouchIconClose.svelte","./components/VouchIconPause.svelte":"./components/VouchIconPause.svelte","./components/VouchMediaPlyr.svelte":"./components/VouchMediaPlyr.svelte","./components/VouchWaterMark.svelte":"./components/VouchWaterMark.svelte","./components/vouch-icon-arrow-left":{"import":"./components/vouch-icon-arrow-left.js","default":"./components/vouch-icon-arrow-left.js","require":"./components/vouch-icon-arrow-left.cjs"},"./embed/VouchEmbedThumbnail.svelte":"./embed/VouchEmbedThumbnail.svelte","./embed/VouchRecorderButton.svelte":"./embed/VouchRecorderButton.svelte","./components/VouchGraphicSvg.svelte":"./components/VouchGraphicSvg.svelte","./components/vouch-icon-arrow-right":{"import":"./components/vouch-icon-arrow-right.js","default":"./components/vouch-icon-arrow-right.js","require":"./components/vouch-icon-arrow-right.cjs"},"./embed/VouchRecorderPreview.svelte":"./embed/VouchRecorderPreview.svelte","./components/vouch-overlay-play-icon":{"import":"./components/vouch-overlay-play-icon.js","default":"./components/vouch-overlay-play-icon.js","require":"./components/vouch-overlay-play-icon.cjs"},"./test/internals/hooks/useFetch.spec":"./test/internals/hooks/useFetch.spec.js","./test/internals/hooks/useTrack.spec":"./test/internals/hooks/useTrack.spec.js","./embed/VouchEmbedInlinePlayer.svelte":"./embed/VouchEmbedInlinePlayer.svelte","./test/components/VouchBrandLogo.spec":"./test/components/VouchBrandLogo.spec.js","./test/components/VouchWaterMark.spec":"./test/components/VouchWaterMark.spec.js","./components/VouchIconArrowLeft.svelte":"./components/VouchIconArrowLeft.svelte","./test/components/VouchGraphicSvg.spec":"./test/components/VouchGraphicSvg.spec.js","./components/VouchIconArrowRight.svelte":"./components/VouchIconArrowRight.svelte","./components/VouchOverlayPlayIcon.svelte":"./components/VouchOverlayPlayIcon.svelte","./test/internals/hooks/useFetchEmbed.spec":"./test/internals/hooks/useFetchEmbed.spec.js"},"gitHead":"df6601bff8e6c78937ace9b5631ccbe0546a2b4c","_npmUser":{"name":"vouch-tech","email":"brian@vouchfor.com"},"repository":{"url":"git+https://github.com/VouchAU/vouch-uikit.git","type":"git"},"_npmVersion":"8.19.2","description":"Vouch Svelte UIKit","directories":{},"lint-staged":{"*.{js,svelte}":"yarn lint"},"_nodeVersion":"16.18.0","dependencies":{"flat":"^5.0.2","plyr":"^3.7.2","cookie":"^0.4.1","hls.js":"^1.1.5","core-js":"^3.16.3","postcss":"^7","@vime/core":"^5.3.1","tailwindcss":"npm:@tailwindcss/postcss7-compat","@lukeed/uuid":"^2.0.0","autoprefixer":"^9","whatwg-fetch":"^3.6.2","patch-package":"^6.5.0","@fontsource/fira-mono":"^4.2.2","postinstall-postinstall":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^27.0.6","path":"^0.12.7","vite":"^3.1.8","react":"^18.2.0","tslib":"^2.0.0","dotenv":"^10.0.0","eslint":"^7.22.0","rollup":"^2.55.1","svelte":"^3.34.0","webpack":"^5.74.0","playroom":"0.28.0","prettier":"~2.2.1","react-dom":"^18.2.0","ts-loader":"^9.4.1","babel-jest":"^27.0.6","base64-url":"^2.3.3","dotenv-cli":"^6.0.0","svelte2tsx":"^0.4.3","typescript":"^4.8.4","@babel/core":"^7.14.8","@types/jest":"^26.0.24","lint-staged":"^12.4.1","babel-loader":"^8.2.5","svelte-check":"^2.0.0","@sveltejs/kit":"next","@types/cookie":"^0.4.0","@types/hls.js":"^1.0.0","svelte-jester":"^1.8.1","svelte-loader":"^3.1.2","@storybook/react":"^6.5.13","@babel/preset-env":"^7.14.9","@storybook/svelte":"^6.5.13","@sveltejs/package":"^1.0.0-next.5","svelte-preprocess":"^4.0.0","rollup-plugin-copy":"^3.4.0","require-from-string":"^2.0.2","rollup-plugin-svelte":"^7.1.0","rollup-plugin-terser":"^7.0.2","eslint-plugin-svelte3":"^3.2.0","@babel/runtime-corejs3":"^7.14.9","@rollup/plugin-replace":"^3.0.0","@storybook/addon-links":"^6.5.13","eslint-config-prettier":"^8.1.0","prettier-plugin-svelte":"^2.2.0","@rollup/plugin-commonjs":"^22.0.0","@testing-library/svelte":"^3.0.3","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.5.13","storybook-addon-playroom":"^3.0.2","@typescript-eslint/parser":"^4.19.0","@rollup/plugin-node-resolve":"^13.0.4","@storybook/addon-essentials":"^6.5.13","@storybook/addon-svelte-csf":"^2.0.10","@typescript-eslint/eslint-plugin":"^4.19.0"},"_npmOperationalInternal":{"tmp":"tmp/uikit_5.13.1-df6601b.0_1668742729763_0.9865117894649316","host":"s3://npm-registry-packages"}},"5.13.1-7138b02.0":{"name":"@vouchfor/uikit","version":"5.13.1-7138b02.0","keywords":["embed","design system","vouch-uikit","svelte","uikit"],"author":{"url":"https://vouchau.github.io/vouch-uikit","name":"Vouch Dev Team","email":"hello@vouchfor.com"},"license":"MIT","_id":"@vouchfor/uikit@5.13.1-7138b02.0","maintainers":[{"name":"vouch-tech","email":"brian@vouchfor.com"}],"homepage":"https://vouchau.github.io/vouch-uikit","bugs":{"url":"https://github.com/VouchAU/vouch-uikit/issues"},"dist":{"shasum":"7170f7e0ff133ef40d47902d254c0565aa1010f5","tarball":"https://registry.npmjs.org/@vouchfor/uikit/-/uikit-5.13.1-7138b02.0.tgz","fileCount":220,"integrity":"sha512-/YOc1GIHvIc0WZaHw85gw8rYpooJ9lApci8kw3zaofi8TS7Zb8MREmxdvCSY1+i3iiQWfJFgH7yQMBd5SHbRJg==","signatures":[{"sig":"MEUCIHm3O956CXIOqYjBjTba7r0EdK/7jAE9RsS+zELAfySEAiEAwF2kSVA883lkq6qkeJPFTJ8Ay1UrRaqMWdoAi1+2/p0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":102031978,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjdwJ6ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrZ5BAAnfjZ0cf58jzl15QOCAfttSTnO5+Vx/aRbEHl8UPutA3AAWyU\r\ny0jPeywqo5cMUYDwyFBf6Xf3VqQPsYncBBrMs8MduabB6TAV0ly9/FlEiMeP\r\n26XsAMqK4iPHU2Oj9mQZe2B1av2ftuoZMqnoK5dhhrDWUvHC2Ti8c5SRdtsT\r\nZiexPouNsyk/ih0xM5WCsJdLMc9+k+yWcvJ6U1WL1gsUajPzaMHQ3XQbporC\r\nuzYtqFdDcOtx89Hkh9SWFzMhFLwv5pW29CYmbb5luraTlCICQl+Vzo9ipW+p\r\nbS2lHe4CWeqpQXs4c/d7mNDa0vblW/WLNl49reI++WLm1req2apfCX2DhC0Y\r\nV2F710bWhcwESq/Lyx7F7EOuccvriAELkjd9lTQ2PYABjWUvqO1rLS7ZA08E\r\nikbb7kSUhJuohw2pwIJSOgGrFpLmzC0DKVR82b+0qrY0Xn2D2MJREGYIBAZn\r\nD0JuiKWuADKiSBykHwLYdzFG9W2qCaH8UnXxMLLgW1BCGa2tyAMzUnfQdq0A\r\nqksYs2GEHTH+PWMxJ/w4Za1hz3BuPwwytaF5EZw67Szl0+e507AWkvsA9BQa\r\nrvwC4YQAaoT8L4lfHjuUVh+1qdwcQJbECpdMCyq1LgDKJLrV1d5oJDJV8I1T\r\nYoOob7s2yH45MrsvHGTuZiLtEmOAwESY2Yg=\r\n=e0DP\r\n-----END PGP SIGNATURE-----\r\n"},"type":"module","types":"types.d.ts","readme":"# Vouch UIKit\n\n- [Get Started](#get-started)\n - [Storybook](#storybook)\n - [Build package](#build-package)\n - [Test package locally with vouch-app](#test-package-locally-with-vouch-app)\n - [Publish to npm](#publish-to-npm)\n - [Purge npm cache](#purge-npm-cached-tags)\n- [Update vouch-app](#update-vouch-app)\n - [development](#development-devvouchforcom)\n - [staging](#staging-stagingvouchforcom)\n - [production](#production-appvouchforcom)\n\n**Vouch UIKit** consists of `2 libraries` and `1 application`\n\n```bash\n└── src\n ├── lib\n │ ├── components # Design System Components (Web Component)\n │ │ ├── VouchBrandLogo.svelte\n │ │ ...\n │ │\n │ └── embed # embed Components (Web Component)\n │ │ ├── VouchEmbedInlinePlayer.svelte\n │ ...\n │\n │\n ├── routes # vouch public embed link (https://embed.vouchfor.com)\n │ ├── __layout.svelte\n │ ├── index.svelte\n │ ├── about.svelte\n │ ...\n │\n ├── app.css\n └── app.html\n```\n\n# Get Started\n\nEnsure you have node `14.17.0` installed on your machine, for example via [nvm](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/TERMINAL.md#install-nvm), run `nvm ls` to check\n\n```bash\nnvm ls 14\n```\n\nyou should see output if you have the version installed\n\n```bash\n-> v14.17.0\n```\n\nensure you have [git ssh](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/GITHUB.md) setup locally before you clone the repo\n\n```bash\ngit clone git@github.com:VouchAU/vouch-uikit.git\n```\n\ninstall dependencies\n\n```bash\ncd vouch-uikit\nyarn\n```\n\n## Storybook\n\nhttps://designsystem.vouchfor.com/\n\nStorybook is hosted on GitHub page `gh-pages` branch (Domain name is configured on **Cloudflare**) and deployed automatically via **GitHub Action** every time changes are merged back to `master`.\n\nLocal dev\n\n```bash\nyarn storybook\n```\n\nbuild storybook\n\n```bash\nyarn build-storybook\n```\n\n## Build package\n\nBuild `src/lib` production/beta/alpha package, make sure you change `version` in `package.json` for three different build tags.\n\n```sh\ncd vouch-uikit\n...\nyarn package:alpha # development\nyarn package:beta # staging\nyarn package # production\n```\n\n## Test package locally with `vouch-app`\n\nOnce you build the `npm` package, you can test locally with `vouch-app` to ensure everything works as expected before publishing to `npm`\n\nAssuming you build a package according [Build package](#build-package), now you can create a symlink to your local package\n\n```sh\ncd package\nyarn link\n```\n\nyou should see this if successfully linked\n\n```sh\nyarn link v1.22.10\nsuccess Registered \"@vouchfor/uikit\".\ninfo You can now run `yarn link \"@vouchfor/uikit\"` in the projects where you want to use this package and it will be used instead.\n✨ Done in 0.04s.\n```\n\ngo to `vouch-app` folder and switch to the branch you want to test against with then link the local package\n\n```sh\ncd vouch-app\ngit checkout VCH-222\nyarn link @vouchfor/uikit\nyarn dev\n```\n\nVoilà, you are testing your feature branch with the local uikit package and don't forget to roll back after testing\n\n```sh\ncd vouch-app\nyarn unlink @vouchfor/uikit\n...\ncd vouch-uikit/package\nyarn unlink\n```\n\n## Publish to `npm`\n\n> Note you will need to log in `vouch-tech` on your terminal before publishing, credential is shared via 1Password.\n\n```bash\nnpm login\n...\n```\n\n```bash\ncd package\n...\nnpm publish --access public --tag alpha # development\nnpm publish --access public --tag beta # staging\nnpm publish --access public # production\n```\n\n## Purge `jsdelivr` cache\n\n`@vouchfor/uikit` is most likely consumed by **tag**, `alpha`, `beta` and `latest`, not version number to ensure clients can always get the latest updates. [jsdelivr](https://cdn.jsdelivr.net/) default has 7 days cache for `tag`, so we need to purge it to reflect new version number.\n\n- Check current tag version number\n\n - [Click to check Alpha](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@alpha/)\n - [Click to check Beta](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@beta/)\n - [Click to check Production](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n- Purge cache\n - [Click to purge Alpha](https://purge.jsdelivr.net/npm/@vouchfor/uikit@alpha/)\n - [Click to purge Beta](https://purge.jsdelivr.net/npm/@vouchfor/uikit@beta/)\n - **_Danger_** [Click to purge Production](https://purge.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n### Purge specific bundle.js\n\nOur embed code snippet `src` attribute currently refers to a specific embed bundle js , for example\n\n```html\n\n
\n```\n\nIn this case, you will need to purge the bundle file specifically by providing absolute path\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/embed/{filename}.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/components/{filename}.bundle.js\n```\n\nfor example,\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@alpha/embed/vouch-embed-inline-player.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@beta/embed/vouch-embed-inline-player.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/embed/vouch-embed-inline-player.bundle.js\n```\n\n## Unit test\n\n```bash\nyarn test\n```\n\nupdate snapshot\n\n```bash\nyarn test -u\n```\n\n# Update `vouch-app`\n\n`@vouchfor/uikit` is a dependency of `vouch-app` for embeds and UI components, follow the below steps to publish NPM package and update `package.json` dependency in `vouch-app`.\n\n> Each PR should bump the minor version in `package.json` in order to push new version to NPM. e.g. `\"version\": \"3.9.0\"` in `main` branch, you should bump to `\"version\": \"3.10.0\"` in your branch.\n\n> The major version should only be used for releasing breaking changes. e.g. `3.0.0`, `4.0.0`\n\n## Development (`dev.vouchfor.com`)\n\nAssuming your branch bumped version in `package.json` to\n\n```json\n\"version\": \"3.10.0\"\n```\n\n### Bump patch version number\n\nEnsure your patch version number isn't used, e.g. if `3.10.0` was published before, bump to `3.10.1`.\n\n### Build and publish\n\n```sh\nyarn package:alpha\ncd package\nnpm publish --access public --tag alpha\n```\n\nMake sure you purge NPM CDN cache for package, see [Purge npm cached tags](#purge-npm-cached-tags)\n\n### Update dependency in `vouch-app`\n\nEnsure you already cloned [vouch-app](https://github.com/VouchAU/vouch-app.git) locally then switch to the folder.\n\n```sh\ncd vouch-app\ngit checkout development\ngit pull\ngit merge feature/VCH-111 # Optional, only when you have code change dependency in vouch-app as well\nyarn upgrade @vouchfor/uikit@alpha\n```\n\nAfter upgrade, you should see version updates in both `package.json` and `yarn.lock`, but due to a known issue of `yarn`, please do these before committing changes\n\n- Manually roll back `package.json` (should always `\"@vouchfor/uikit\": \"alpha\"` for `development`).\n- run `yarn` again to update `yarn.lock`\n\n```sh\ngit commit -m \"Bumped uikit version\"\ngit push\n```\n\n## Staging (`staging.vouchfor.com`)\n\nUpdate `staging` environment is the same as [Development](#development-devvouchforcom) but remember to change cmd to `staging` specific\n\n```sh\nyarn package:beta\n```\n\n```sh\nnpm publish --access public --tag beta\n```\n\n```sh\ncd vouch-app\ngit checkout staging\ngit pull\ngit merge feature/VCH-111 # Optional, only when you have code change dependency in vouch-app as well\nyarn upgrade @vouchfor/uikit@beta\n```\n\n## Production (`app.vouchfor.com`)\n\nOne thing different when release to production, since `master` branch can only be merged by PRs (after code review), so you will need to run `yarn upgrade @vouchfor/uikit@latest` under you feature branch and commit **before merging the PR**.\n\n```sh\ngit checkout feature/VCH-111\nyarn upgrade upgrade @vouchfor/uikit@latest\ngit commit -m \"Bumped uikit version\"\ngit push\n```\n\n> When you run above cmd, your PR should be ready to merge (reviewed and QA tested)\n","engines":{"node":">=16"},"exports":{"./constants":"./constants.js","./package.json":"./package.json","./internal/utils":"./internal/utils.js","./embed/vouch-embed-all":{"import":"./embed/vouch-embed-all.js","default":"./embed/vouch-embed-all.js","require":"./embed/vouch-embed-all.cjs"},"./embed/vouch-embed-card":{"import":"./embed/vouch-embed-card.js","default":"./embed/vouch-embed-card.js","require":"./embed/vouch-embed-card.cjs"},"./embed/vouch-embed-jumbo":{"import":"./embed/vouch-embed-jumbo.js","default":"./embed/vouch-embed-jumbo.js","require":"./embed/vouch-embed-jumbo.cjs"},"./internal/hooks/useFetch":"./internal/hooks/useFetch.js","./internal/hooks/useTrack":"./internal/hooks/useTrack.js","./embed/vouch-embed-button":{"import":"./embed/vouch-embed-button.js","default":"./embed/vouch-embed-button.js","require":"./embed/vouch-embed-button.cjs"},"./components/vouch-recorder":{"import":"./components/vouch-recorder.js","default":"./components/vouch-recorder.js","require":"./components/vouch-recorder.cjs"},"./embed/vouch-embed-popover":{"import":"./embed/vouch-embed-popover.js","default":"./embed/vouch-embed-popover.js","require":"./embed/vouch-embed-popover.cjs"},"./test/internals/utils.spec":"./test/internals/utils.spec.js","./components/vouch-icon-play":{"import":"./components/vouch-icon-play.js","default":"./components/vouch-icon-play.js","require":"./components/vouch-icon-play.cjs"},"./embed/vouch-embed-dialogue":{"import":"./embed/vouch-embed-dialogue.js","default":"./embed/vouch-embed-dialogue.js","require":"./embed/vouch-embed-dialogue.cjs"},"./components/vouch-brand-logo":{"import":"./components/vouch-brand-logo.js","default":"./components/vouch-brand-logo.js","require":"./components/vouch-brand-logo.cjs"},"./components/vouch-icon-close":{"import":"./components/vouch-icon-close.js","default":"./components/vouch-icon-close.js","require":"./components/vouch-icon-close.cjs"},"./components/vouch-icon-pause":{"import":"./components/vouch-icon-pause.js","default":"./components/vouch-icon-pause.js","require":"./components/vouch-icon-pause.cjs"},"./components/vouch-media-plyr":{"import":"./components/vouch-media-plyr.js","default":"./components/vouch-media-plyr.js","require":"./components/vouch-media-plyr.cjs"},"./components/vouch-water-mark":{"import":"./components/vouch-water-mark.js","default":"./components/vouch-water-mark.js","require":"./components/vouch-water-mark.cjs"},"./embed/VouchEmbedCard.svelte":"./embed/VouchEmbedCard.svelte","./embed/vouch-embed-thumbnail":{"import":"./embed/vouch-embed-thumbnail.js","default":"./embed/vouch-embed-thumbnail.js","require":"./embed/vouch-embed-thumbnail.cjs"},"./embed/vouch-recorder-button":{"import":"./embed/vouch-recorder-button.js","default":"./embed/vouch-recorder-button.js","require":"./embed/vouch-recorder-button.cjs"},"./components/vouch-graphic-svg":{"import":"./components/vouch-graphic-svg.js","default":"./components/vouch-graphic-svg.js","require":"./components/vouch-graphic-svg.cjs"},"./embed/VouchEmbedJumbo.svelte":"./embed/VouchEmbedJumbo.svelte","./embed/vouch-recorder-preview":{"import":"./embed/vouch-recorder-preview.js","default":"./embed/vouch-recorder-preview.js","require":"./embed/vouch-recorder-preview.cjs"},"./internal/hooks/useFetchEmbed":"./internal/hooks/useFetchEmbed.js","./embed/VouchEmbedButton.svelte":"./embed/VouchEmbedButton.svelte","./embed/VouchEmbedPopover.svelte":"./embed/VouchEmbedPopover.svelte","./components/VouchIconPlay.svelte":"./components/VouchIconPlay.svelte","./components/VouchRecorder.svelte":"./components/VouchRecorder.svelte","./embed/VouchEmbedDialogue.svelte":"./embed/VouchEmbedDialogue.svelte","./embed/vouch-embed-inline-player":{"import":"./embed/vouch-embed-inline-player.js","default":"./embed/vouch-embed-inline-player.js","require":"./embed/vouch-embed-inline-player.cjs"},"./test/components/VouchIcons.spec":"./test/components/VouchIcons.spec.js","./components/VouchBrandLogo.svelte":"./components/VouchBrandLogo.svelte","./components/VouchIconClose.svelte":"./components/VouchIconClose.svelte","./components/VouchIconPause.svelte":"./components/VouchIconPause.svelte","./components/VouchMediaPlyr.svelte":"./components/VouchMediaPlyr.svelte","./components/VouchWaterMark.svelte":"./components/VouchWaterMark.svelte","./components/vouch-icon-arrow-left":{"import":"./components/vouch-icon-arrow-left.js","default":"./components/vouch-icon-arrow-left.js","require":"./components/vouch-icon-arrow-left.cjs"},"./embed/VouchEmbedThumbnail.svelte":"./embed/VouchEmbedThumbnail.svelte","./embed/VouchRecorderButton.svelte":"./embed/VouchRecorderButton.svelte","./components/VouchGraphicSvg.svelte":"./components/VouchGraphicSvg.svelte","./components/vouch-icon-arrow-right":{"import":"./components/vouch-icon-arrow-right.js","default":"./components/vouch-icon-arrow-right.js","require":"./components/vouch-icon-arrow-right.cjs"},"./embed/VouchRecorderPreview.svelte":"./embed/VouchRecorderPreview.svelte","./components/vouch-overlay-play-icon":{"import":"./components/vouch-overlay-play-icon.js","default":"./components/vouch-overlay-play-icon.js","require":"./components/vouch-overlay-play-icon.cjs"},"./test/internals/hooks/useFetch.spec":"./test/internals/hooks/useFetch.spec.js","./test/internals/hooks/useTrack.spec":"./test/internals/hooks/useTrack.spec.js","./embed/VouchEmbedInlinePlayer.svelte":"./embed/VouchEmbedInlinePlayer.svelte","./test/components/VouchBrandLogo.spec":"./test/components/VouchBrandLogo.spec.js","./test/components/VouchWaterMark.spec":"./test/components/VouchWaterMark.spec.js","./components/VouchIconArrowLeft.svelte":"./components/VouchIconArrowLeft.svelte","./test/components/VouchGraphicSvg.spec":"./test/components/VouchGraphicSvg.spec.js","./components/VouchIconArrowRight.svelte":"./components/VouchIconArrowRight.svelte","./components/VouchOverlayPlayIcon.svelte":"./components/VouchOverlayPlayIcon.svelte","./test/internals/hooks/useFetchEmbed.spec":"./test/internals/hooks/useFetchEmbed.spec.js"},"gitHead":"7138b02073752923f78dfd41ece6f9ba8620f99d","_npmUser":{"name":"vouch-tech","email":"brian@vouchfor.com"},"repository":{"url":"git+https://github.com/VouchAU/vouch-uikit.git","type":"git"},"_npmVersion":"8.19.2","description":"Vouch Svelte UIKit","directories":{},"lint-staged":{"*.{js,svelte}":"yarn lint"},"_nodeVersion":"16.18.0","dependencies":{"flat":"^5.0.2","plyr":"^3.7.2","cookie":"^0.4.1","hls.js":"^1.1.5","core-js":"^3.16.3","postcss":"^7","@vime/core":"^5.3.1","tailwindcss":"npm:@tailwindcss/postcss7-compat","@lukeed/uuid":"^2.0.0","autoprefixer":"^9","whatwg-fetch":"^3.6.2","patch-package":"^6.5.0","@fontsource/fira-mono":"^4.2.2","postinstall-postinstall":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^27.0.6","path":"^0.12.7","vite":"^3.1.8","react":"^18.2.0","tslib":"^2.0.0","dotenv":"^10.0.0","eslint":"^7.22.0","rollup":"^2.55.1","svelte":"^3.34.0","webpack":"^5.74.0","playroom":"0.28.0","prettier":"~2.2.1","react-dom":"^18.2.0","ts-loader":"^9.4.1","babel-jest":"^27.0.6","base64-url":"^2.3.3","dotenv-cli":"^6.0.0","svelte2tsx":"^0.4.3","typescript":"^4.8.4","@babel/core":"^7.14.8","@types/jest":"^26.0.24","lint-staged":"^12.4.1","babel-loader":"^8.2.5","svelte-check":"^2.0.0","@sveltejs/kit":"next","@types/cookie":"^0.4.0","@types/hls.js":"^1.0.0","svelte-jester":"^1.8.1","svelte-loader":"^3.1.2","@storybook/react":"^6.5.13","@babel/preset-env":"^7.14.9","@storybook/svelte":"^6.5.13","@sveltejs/package":"^1.0.0-next.5","svelte-preprocess":"^4.0.0","rollup-plugin-copy":"^3.4.0","require-from-string":"^2.0.2","rollup-plugin-svelte":"^7.1.0","rollup-plugin-terser":"^7.0.2","eslint-plugin-svelte3":"^3.2.0","@babel/runtime-corejs3":"^7.14.9","@rollup/plugin-replace":"^3.0.0","@storybook/addon-links":"^6.5.13","eslint-config-prettier":"^8.1.0","prettier-plugin-svelte":"^2.2.0","@rollup/plugin-commonjs":"^22.0.0","@testing-library/svelte":"^3.0.3","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.5.13","storybook-addon-playroom":"^3.0.2","@typescript-eslint/parser":"^4.19.0","@rollup/plugin-node-resolve":"^13.0.4","@storybook/addon-essentials":"^6.5.13","@storybook/addon-svelte-csf":"^2.0.10","@typescript-eslint/eslint-plugin":"^4.19.0"},"_npmOperationalInternal":{"tmp":"tmp/uikit_5.13.1-7138b02.0_1668743802147_0.5407252099871751","host":"s3://npm-registry-packages"}},"5.13.1-f8b6f47.0":{"name":"@vouchfor/uikit","version":"5.13.1-f8b6f47.0","keywords":["embed","design system","vouch-uikit","svelte","uikit"],"author":{"url":"https://vouchau.github.io/vouch-uikit","name":"Vouch Dev Team","email":"hello@vouchfor.com"},"license":"MIT","_id":"@vouchfor/uikit@5.13.1-f8b6f47.0","maintainers":[{"name":"vouch-tech","email":"brian@vouchfor.com"}],"homepage":"https://vouchau.github.io/vouch-uikit","bugs":{"url":"https://github.com/VouchAU/vouch-uikit/issues"},"dist":{"shasum":"799d779d430daabf5414d1613681b33063576975","tarball":"https://registry.npmjs.org/@vouchfor/uikit/-/uikit-5.13.1-f8b6f47.0.tgz","fileCount":220,"integrity":"sha512-2QGjlIMVLv7PA8Vp3S8avmdlBmYrV6yXO2xP/WgIOokGmHztEbwjLp00l5fdT/wIxT+RhBLu2Gf9UkJQA/nlOQ==","signatures":[{"sig":"MEYCIQD0mbyTyqf4blzINi6TKHdX4zksKhpjkyQAUsvR+zRt4AIhANxDJo6lwB/zqhBNl7lmYTf5Fq51JFyomvcWbyDkhc+K","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":102031978,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjdwNoACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpEEhAAj80cbsWpGxfwN0tBx+FseymoGpiriDKxF+L2jFTe9WX7lOjc\r\nMqIDWp1+50fMn6DVZly8JelrwOgK+ILLkboLvJhJACrne+asJVADZqhS+g0n\r\nDBfaYCKgsSIsmTl7/79i3jivOQekxnPVJMHAVeV3HJeNY5PD++qPpTfNhgb8\r\nsFXsWUdNHqaxgmHd4eHZLBUlpef7MGeOUA5ULGqGS2HJwL1nBL/zx1t8s1qm\r\njCn4dNqos2eNmWd+rMAsa0F2tATIreFxdDRQH3/6vtjigX6MMSDS3HhJofiv\r\ndHteEtRnUCmvsLcm/cCoIYagEF0xzj8MXE/c+fx5/l/FsR/7KPGghTXkmasS\r\nkBITqAWnzM2OEQBa/o0BhHiyo7uvrZYEpXMvbqiJ0EuTFxXWH+j9MTxi8q7u\r\nvTrS5B/MItVruxbD7MRcwLBjABSChXXPRY2ud5aeJ3LIRIus8En5XLEXGpcj\r\nItd70uswcZi2D5szO4epZPUXPdM3rORVTDBYxe31vCYfY3B5BMCDAIZXy2p0\r\nXvoTQQMxeoQODOZ8UHIC31PbdUf0CBmquK6hhQiCTGtqtgjyVSptBofoGVX2\r\no/Yfr42V3nYvXWpYXqhc7oi93HBKLJcbMEwjeruYNWvLzm5vITLD0W6fl59/\r\nF6BcC5wv8FpjQ6t+GKwY40Rv3PVHQm0S19Q=\r\n=CTTV\r\n-----END PGP SIGNATURE-----\r\n"},"type":"module","types":"types.d.ts","readme":"# Vouch UIKit\n\n- [Get Started](#get-started)\n - [Storybook](#storybook)\n - [Build package](#build-package)\n - [Test package locally with vouch-app](#test-package-locally-with-vouch-app)\n - [Publish to npm](#publish-to-npm)\n - [Purge npm cache](#purge-npm-cached-tags)\n- [Update vouch-app](#update-vouch-app)\n - [development](#development-devvouchforcom)\n - [staging](#staging-stagingvouchforcom)\n - [production](#production-appvouchforcom)\n\n**Vouch UIKit** consists of `2 libraries` and `1 application`\n\n```bash\n└── src\n ├── lib\n │ ├── components # Design System Components (Web Component)\n │ │ ├── VouchBrandLogo.svelte\n │ │ ...\n │ │\n │ └── embed # embed Components (Web Component)\n │ │ ├── VouchEmbedInlinePlayer.svelte\n │ ...\n │\n │\n ├── routes # vouch public embed link (https://embed.vouchfor.com)\n │ ├── __layout.svelte\n │ ├── index.svelte\n │ ├── about.svelte\n │ ...\n │\n ├── app.css\n └── app.html\n```\n\n# Get Started\n\nEnsure you have node `14.17.0` installed on your machine, for example via [nvm](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/TERMINAL.md#install-nvm), run `nvm ls` to check\n\n```bash\nnvm ls 14\n```\n\nyou should see output if you have the version installed\n\n```bash\n-> v14.17.0\n```\n\nensure you have [git ssh](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/GITHUB.md) setup locally before you clone the repo\n\n```bash\ngit clone git@github.com:VouchAU/vouch-uikit.git\n```\n\ninstall dependencies\n\n```bash\ncd vouch-uikit\nyarn\n```\n\n## Storybook\n\nhttps://designsystem.vouchfor.com/\n\nStorybook is hosted on GitHub page `gh-pages` branch (Domain name is configured on **Cloudflare**) and deployed automatically via **GitHub Action** every time changes are merged back to `master`.\n\nLocal dev\n\n```bash\nyarn storybook\n```\n\nbuild storybook\n\n```bash\nyarn build-storybook\n```\n\n## Build package\n\nBuild `src/lib` production/beta/alpha package, make sure you change `version` in `package.json` for three different build tags.\n\n```sh\ncd vouch-uikit\n...\nyarn package:alpha # development\nyarn package:beta # staging\nyarn package # production\n```\n\n## Test package locally with `vouch-app`\n\nOnce you build the `npm` package, you can test locally with `vouch-app` to ensure everything works as expected before publishing to `npm`\n\nAssuming you build a package according [Build package](#build-package), now you can create a symlink to your local package\n\n```sh\ncd package\nyarn link\n```\n\nyou should see this if successfully linked\n\n```sh\nyarn link v1.22.10\nsuccess Registered \"@vouchfor/uikit\".\ninfo You can now run `yarn link \"@vouchfor/uikit\"` in the projects where you want to use this package and it will be used instead.\n✨ Done in 0.04s.\n```\n\ngo to `vouch-app` folder and switch to the branch you want to test against with then link the local package\n\n```sh\ncd vouch-app\ngit checkout VCH-222\nyarn link @vouchfor/uikit\nyarn dev\n```\n\nVoilà, you are testing your feature branch with the local uikit package and don't forget to roll back after testing\n\n```sh\ncd vouch-app\nyarn unlink @vouchfor/uikit\n...\ncd vouch-uikit/package\nyarn unlink\n```\n\n## Publish to `npm`\n\n> Note you will need to log in `vouch-tech` on your terminal before publishing, credential is shared via 1Password.\n\n```bash\nnpm login\n...\n```\n\n```bash\ncd package\n...\nnpm publish --access public --tag alpha # development\nnpm publish --access public --tag beta # staging\nnpm publish --access public # production\n```\n\n## Purge `jsdelivr` cache\n\n`@vouchfor/uikit` is most likely consumed by **tag**, `alpha`, `beta` and `latest`, not version number to ensure clients can always get the latest updates. [jsdelivr](https://cdn.jsdelivr.net/) default has 7 days cache for `tag`, so we need to purge it to reflect new version number.\n\n- Check current tag version number\n\n - [Click to check Alpha](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@alpha/)\n - [Click to check Beta](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@beta/)\n - [Click to check Production](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n- Purge cache\n - [Click to purge Alpha](https://purge.jsdelivr.net/npm/@vouchfor/uikit@alpha/)\n - [Click to purge Beta](https://purge.jsdelivr.net/npm/@vouchfor/uikit@beta/)\n - **_Danger_** [Click to purge Production](https://purge.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n### Purge specific bundle.js\n\nOur embed code snippet `src` attribute currently refers to a specific embed bundle js , for example\n\n```html\n\n
\n```\n\nIn this case, you will need to purge the bundle file specifically by providing absolute path\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/embed/{filename}.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/components/{filename}.bundle.js\n```\n\nfor example,\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@alpha/embed/vouch-embed-inline-player.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@beta/embed/vouch-embed-inline-player.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/embed/vouch-embed-inline-player.bundle.js\n```\n\n## Unit test\n\n```bash\nyarn test\n```\n\nupdate snapshot\n\n```bash\nyarn test -u\n```\n\n# Update `vouch-app`\n\n`@vouchfor/uikit` is a dependency of `vouch-app` for embeds and UI components, follow the below steps to publish NPM package and update `package.json` dependency in `vouch-app`.\n\n> Each PR should bump the minor version in `package.json` in order to push new version to NPM. e.g. `\"version\": \"3.9.0\"` in `main` branch, you should bump to `\"version\": \"3.10.0\"` in your branch.\n\n> The major version should only be used for releasing breaking changes. e.g. `3.0.0`, `4.0.0`\n\n## Development (`dev.vouchfor.com`)\n\nAssuming your branch bumped version in `package.json` to\n\n```json\n\"version\": \"3.10.0\"\n```\n\n### Bump patch version number\n\nEnsure your patch version number isn't used, e.g. if `3.10.0` was published before, bump to `3.10.1`.\n\n### Build and publish\n\n```sh\nyarn package:alpha\ncd package\nnpm publish --access public --tag alpha\n```\n\nMake sure you purge NPM CDN cache for package, see [Purge npm cached tags](#purge-npm-cached-tags)\n\n### Update dependency in `vouch-app`\n\nEnsure you already cloned [vouch-app](https://github.com/VouchAU/vouch-app.git) locally then switch to the folder.\n\n```sh\ncd vouch-app\ngit checkout development\ngit pull\ngit merge feature/VCH-111 # Optional, only when you have code change dependency in vouch-app as well\nyarn upgrade @vouchfor/uikit@alpha\n```\n\nAfter upgrade, you should see version updates in both `package.json` and `yarn.lock`, but due to a known issue of `yarn`, please do these before committing changes\n\n- Manually roll back `package.json` (should always `\"@vouchfor/uikit\": \"alpha\"` for `development`).\n- run `yarn` again to update `yarn.lock`\n\n```sh\ngit commit -m \"Bumped uikit version\"\ngit push\n```\n\n## Staging (`staging.vouchfor.com`)\n\nUpdate `staging` environment is the same as [Development](#development-devvouchforcom) but remember to change cmd to `staging` specific\n\n```sh\nyarn package:beta\n```\n\n```sh\nnpm publish --access public --tag beta\n```\n\n```sh\ncd vouch-app\ngit checkout staging\ngit pull\ngit merge feature/VCH-111 # Optional, only when you have code change dependency in vouch-app as well\nyarn upgrade @vouchfor/uikit@beta\n```\n\n## Production (`app.vouchfor.com`)\n\nOne thing different when release to production, since `master` branch can only be merged by PRs (after code review), so you will need to run `yarn upgrade @vouchfor/uikit@latest` under you feature branch and commit **before merging the PR**.\n\n```sh\ngit checkout feature/VCH-111\nyarn upgrade upgrade @vouchfor/uikit@latest\ngit commit -m \"Bumped uikit version\"\ngit push\n```\n\n> When you run above cmd, your PR should be ready to merge (reviewed and QA tested)\n","engines":{"node":">=16"},"exports":{"./constants":"./constants.js","./package.json":"./package.json","./internal/utils":"./internal/utils.js","./embed/vouch-embed-all":{"import":"./embed/vouch-embed-all.js","default":"./embed/vouch-embed-all.js","require":"./embed/vouch-embed-all.cjs"},"./embed/vouch-embed-card":{"import":"./embed/vouch-embed-card.js","default":"./embed/vouch-embed-card.js","require":"./embed/vouch-embed-card.cjs"},"./embed/vouch-embed-jumbo":{"import":"./embed/vouch-embed-jumbo.js","default":"./embed/vouch-embed-jumbo.js","require":"./embed/vouch-embed-jumbo.cjs"},"./internal/hooks/useFetch":"./internal/hooks/useFetch.js","./internal/hooks/useTrack":"./internal/hooks/useTrack.js","./embed/vouch-embed-button":{"import":"./embed/vouch-embed-button.js","default":"./embed/vouch-embed-button.js","require":"./embed/vouch-embed-button.cjs"},"./components/vouch-recorder":{"import":"./components/vouch-recorder.js","default":"./components/vouch-recorder.js","require":"./components/vouch-recorder.cjs"},"./embed/vouch-embed-popover":{"import":"./embed/vouch-embed-popover.js","default":"./embed/vouch-embed-popover.js","require":"./embed/vouch-embed-popover.cjs"},"./test/internals/utils.spec":"./test/internals/utils.spec.js","./components/vouch-icon-play":{"import":"./components/vouch-icon-play.js","default":"./components/vouch-icon-play.js","require":"./components/vouch-icon-play.cjs"},"./embed/vouch-embed-dialogue":{"import":"./embed/vouch-embed-dialogue.js","default":"./embed/vouch-embed-dialogue.js","require":"./embed/vouch-embed-dialogue.cjs"},"./components/vouch-brand-logo":{"import":"./components/vouch-brand-logo.js","default":"./components/vouch-brand-logo.js","require":"./components/vouch-brand-logo.cjs"},"./components/vouch-icon-close":{"import":"./components/vouch-icon-close.js","default":"./components/vouch-icon-close.js","require":"./components/vouch-icon-close.cjs"},"./components/vouch-icon-pause":{"import":"./components/vouch-icon-pause.js","default":"./components/vouch-icon-pause.js","require":"./components/vouch-icon-pause.cjs"},"./components/vouch-media-plyr":{"import":"./components/vouch-media-plyr.js","default":"./components/vouch-media-plyr.js","require":"./components/vouch-media-plyr.cjs"},"./components/vouch-water-mark":{"import":"./components/vouch-water-mark.js","default":"./components/vouch-water-mark.js","require":"./components/vouch-water-mark.cjs"},"./embed/VouchEmbedCard.svelte":"./embed/VouchEmbedCard.svelte","./embed/vouch-embed-thumbnail":{"import":"./embed/vouch-embed-thumbnail.js","default":"./embed/vouch-embed-thumbnail.js","require":"./embed/vouch-embed-thumbnail.cjs"},"./embed/vouch-recorder-button":{"import":"./embed/vouch-recorder-button.js","default":"./embed/vouch-recorder-button.js","require":"./embed/vouch-recorder-button.cjs"},"./components/vouch-graphic-svg":{"import":"./components/vouch-graphic-svg.js","default":"./components/vouch-graphic-svg.js","require":"./components/vouch-graphic-svg.cjs"},"./embed/VouchEmbedJumbo.svelte":"./embed/VouchEmbedJumbo.svelte","./embed/vouch-recorder-preview":{"import":"./embed/vouch-recorder-preview.js","default":"./embed/vouch-recorder-preview.js","require":"./embed/vouch-recorder-preview.cjs"},"./internal/hooks/useFetchEmbed":"./internal/hooks/useFetchEmbed.js","./embed/VouchEmbedButton.svelte":"./embed/VouchEmbedButton.svelte","./embed/VouchEmbedPopover.svelte":"./embed/VouchEmbedPopover.svelte","./components/VouchIconPlay.svelte":"./components/VouchIconPlay.svelte","./components/VouchRecorder.svelte":"./components/VouchRecorder.svelte","./embed/VouchEmbedDialogue.svelte":"./embed/VouchEmbedDialogue.svelte","./embed/vouch-embed-inline-player":{"import":"./embed/vouch-embed-inline-player.js","default":"./embed/vouch-embed-inline-player.js","require":"./embed/vouch-embed-inline-player.cjs"},"./test/components/VouchIcons.spec":"./test/components/VouchIcons.spec.js","./components/VouchBrandLogo.svelte":"./components/VouchBrandLogo.svelte","./components/VouchIconClose.svelte":"./components/VouchIconClose.svelte","./components/VouchIconPause.svelte":"./components/VouchIconPause.svelte","./components/VouchMediaPlyr.svelte":"./components/VouchMediaPlyr.svelte","./components/VouchWaterMark.svelte":"./components/VouchWaterMark.svelte","./components/vouch-icon-arrow-left":{"import":"./components/vouch-icon-arrow-left.js","default":"./components/vouch-icon-arrow-left.js","require":"./components/vouch-icon-arrow-left.cjs"},"./embed/VouchEmbedThumbnail.svelte":"./embed/VouchEmbedThumbnail.svelte","./embed/VouchRecorderButton.svelte":"./embed/VouchRecorderButton.svelte","./components/VouchGraphicSvg.svelte":"./components/VouchGraphicSvg.svelte","./components/vouch-icon-arrow-right":{"import":"./components/vouch-icon-arrow-right.js","default":"./components/vouch-icon-arrow-right.js","require":"./components/vouch-icon-arrow-right.cjs"},"./embed/VouchRecorderPreview.svelte":"./embed/VouchRecorderPreview.svelte","./components/vouch-overlay-play-icon":{"import":"./components/vouch-overlay-play-icon.js","default":"./components/vouch-overlay-play-icon.js","require":"./components/vouch-overlay-play-icon.cjs"},"./test/internals/hooks/useFetch.spec":"./test/internals/hooks/useFetch.spec.js","./test/internals/hooks/useTrack.spec":"./test/internals/hooks/useTrack.spec.js","./embed/VouchEmbedInlinePlayer.svelte":"./embed/VouchEmbedInlinePlayer.svelte","./test/components/VouchBrandLogo.spec":"./test/components/VouchBrandLogo.spec.js","./test/components/VouchWaterMark.spec":"./test/components/VouchWaterMark.spec.js","./components/VouchIconArrowLeft.svelte":"./components/VouchIconArrowLeft.svelte","./test/components/VouchGraphicSvg.spec":"./test/components/VouchGraphicSvg.spec.js","./components/VouchIconArrowRight.svelte":"./components/VouchIconArrowRight.svelte","./components/VouchOverlayPlayIcon.svelte":"./components/VouchOverlayPlayIcon.svelte","./test/internals/hooks/useFetchEmbed.spec":"./test/internals/hooks/useFetchEmbed.spec.js"},"gitHead":"f8b6f47df9f334723a13916d21d173182187c69f","_npmUser":{"name":"vouch-tech","email":"brian@vouchfor.com"},"repository":{"url":"git+https://github.com/VouchAU/vouch-uikit.git","type":"git"},"_npmVersion":"8.19.2","description":"Vouch Svelte UIKit","directories":{},"lint-staged":{"*.{js,svelte}":"yarn lint"},"_nodeVersion":"16.18.0","dependencies":{"flat":"^5.0.2","plyr":"^3.7.2","cookie":"^0.4.1","hls.js":"^1.1.5","core-js":"^3.16.3","postcss":"^7","@vime/core":"^5.3.1","tailwindcss":"npm:@tailwindcss/postcss7-compat","@lukeed/uuid":"^2.0.0","autoprefixer":"^9","whatwg-fetch":"^3.6.2","patch-package":"^6.5.0","@fontsource/fira-mono":"^4.2.2","postinstall-postinstall":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^27.0.6","path":"^0.12.7","vite":"^3.1.8","react":"^18.2.0","tslib":"^2.0.0","dotenv":"^10.0.0","eslint":"^7.22.0","rollup":"^2.55.1","svelte":"^3.34.0","webpack":"^5.74.0","playroom":"0.28.0","prettier":"~2.2.1","react-dom":"^18.2.0","ts-loader":"^9.4.1","babel-jest":"^27.0.6","base64-url":"^2.3.3","dotenv-cli":"^6.0.0","svelte2tsx":"^0.4.3","typescript":"^4.8.4","@babel/core":"^7.14.8","@types/jest":"^26.0.24","lint-staged":"^12.4.1","babel-loader":"^8.2.5","svelte-check":"^2.0.0","@sveltejs/kit":"next","@types/cookie":"^0.4.0","@types/hls.js":"^1.0.0","svelte-jester":"^1.8.1","svelte-loader":"^3.1.2","@storybook/react":"^6.5.13","@babel/preset-env":"^7.14.9","@storybook/svelte":"^6.5.13","@sveltejs/package":"^1.0.0-next.5","svelte-preprocess":"^4.0.0","rollup-plugin-copy":"^3.4.0","require-from-string":"^2.0.2","rollup-plugin-svelte":"^7.1.0","rollup-plugin-terser":"^7.0.2","eslint-plugin-svelte3":"^3.2.0","@babel/runtime-corejs3":"^7.14.9","@rollup/plugin-replace":"^3.0.0","@storybook/addon-links":"^6.5.13","eslint-config-prettier":"^8.1.0","prettier-plugin-svelte":"^2.2.0","@rollup/plugin-commonjs":"^22.0.0","@testing-library/svelte":"^3.0.3","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.5.13","storybook-addon-playroom":"^3.0.2","@typescript-eslint/parser":"^4.19.0","@rollup/plugin-node-resolve":"^13.0.4","@storybook/addon-essentials":"^6.5.13","@storybook/addon-svelte-csf":"^2.0.10","@typescript-eslint/eslint-plugin":"^4.19.0"},"_npmOperationalInternal":{"tmp":"tmp/uikit_5.13.1-f8b6f47.0_1668744040096_0.35576525244183665","host":"s3://npm-registry-packages"}},"5.14.2":{"name":"@vouchfor/uikit","version":"5.14.2","keywords":["embed","design system","vouch-uikit","svelte","uikit"],"author":{"url":"https://vouchau.github.io/vouch-uikit","name":"Vouch Dev Team","email":"hello@vouchfor.com"},"license":"MIT","_id":"@vouchfor/uikit@5.14.2","maintainers":[{"name":"vouch-tech","email":"brian@vouchfor.com"}],"homepage":"https://vouchau.github.io/vouch-uikit","bugs":{"url":"https://github.com/VouchAU/vouch-uikit/issues"},"dist":{"shasum":"78283f32d20b91e548b5008f2585dc2040366ecc","tarball":"https://registry.npmjs.org/@vouchfor/uikit/-/uikit-5.14.2.tgz","fileCount":229,"integrity":"sha512-jYfuuQM8AMr2kfMTZRUj0kYdjGnS0IrVOMZfyv8WEH4K6iwuiPB34V2+SAC/GoGFQhJ6KFSxLQUuomZF5u+TEw==","signatures":[{"sig":"MEUCICeImxVXtS7htI9AmED+lyLQfsWzvM6hzjz31Sbi4+mSAiEA1uS1WYX2lvFyYFVc5DDbLosWAVq1nT1Fv08vQFmT0kw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":98191438,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjdwS6ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpDQQ//XFv45GfU7UvSguWNeGx4BTS+YKa7wVmnQMgNpHrFlumYsenc\r\nM3VWVJvOeEOsL4lElISohHex3NpDK6fvW3BkHsg7t0qeRdLTKSwB72Vt3wE5\r\nhX7Y8F+lFfTijjaV1j4FhPrRop9i853POq7q9F6dnKam5Fc/S0gN/uzte5tx\r\nHF0kSZD3pB3xJqFXXkSowN4SHZcN+/PBnL1nPxe3YpAoF7t/k0ClPpIavISV\r\nFPeGYif7be32zf0/dAFnvsvg4/8DTO/fRZqY8cX7ImlXqQzVcaFD1mKqogzF\r\nSnCF8nq9gXL17OBgOYFA5Z8QnQ5bvukGEbQoBodUbpk/YhQmQPdp++B4s6UH\r\nM7PT7kdeOc1rK9rk1jtABHlrqkfARd0UNY9g1M2v9eZnf0dzjoB9Wh09dWJI\r\nror9b1uA+avMLqFwtxDsGqZCgdVHbbuQaQQzkHde/w5xjVZK0FdYHH0U47bx\r\nTU4PTbdxmzZml0b4PnXiJTsuYDUCj72hzbJhqVKNruOZhA/av8EnhtYgGq09\r\nGAui+yQ+4rYpxUi/xGYDhaRJ0k5H1xobMA934AN5FKF/6/3FHxvHb4B12zUg\r\nZhTpAbaiGRscUwf3PReilEcLzs3P8zc0dpw/y0WXUdFZa+YnVoayljZrxmGU\r\nF9UVcnKMBeFK6V3vixZR/UZQdr71MwMzQY0=\r\n=KOk4\r\n-----END PGP SIGNATURE-----\r\n"},"type":"module","husky":{"hooks":{"pre-push":"yarn test --silent","pre-commit":"lint-staged"}},"types":"types.d.ts","engines":{"node":">=14.17.0"},"exports":{"./embed/events":{"import":"./embed/events.js","default":"./embed/events.js","require":"./embed/events.cjs"},"./package.json":"./package.json","./embed/events.js":"./embed/events.js","./embed/vouch-embed-all":{"import":"./embed/vouch-embed-all.js","default":"./embed/vouch-embed-all.js","require":"./embed/vouch-embed-all.cjs"},"./embed/vouch-embed-card":{"import":"./embed/vouch-embed-card.js","default":"./embed/vouch-embed-card.js","require":"./embed/vouch-embed-card.cjs"},"./embed/vouch-embed-jumbo":{"import":"./embed/vouch-embed-jumbo.js","default":"./embed/vouch-embed-jumbo.js","require":"./embed/vouch-embed-jumbo.cjs"},"./embed/vouch-embed-all.js":"./embed/vouch-embed-all.js","./embed/vouch-embed-button":{"import":"./embed/vouch-embed-button.js","default":"./embed/vouch-embed-button.js","require":"./embed/vouch-embed-button.cjs"},"./components/vouch-recorder":{"import":"./components/vouch-recorder.js","default":"./components/vouch-recorder.js","require":"./components/vouch-recorder.cjs"},"./embed/vouch-embed-popover":{"import":"./embed/vouch-embed-popover.js","default":"./embed/vouch-embed-popover.js","require":"./embed/vouch-embed-popover.cjs"},"./components/vouch-icon-play":{"import":"./components/vouch-icon-play.js","default":"./components/vouch-icon-play.js","require":"./components/vouch-icon-play.cjs"},"./embed/vouch-embed-dialogue":{"import":"./embed/vouch-embed-dialogue.js","default":"./embed/vouch-embed-dialogue.js","require":"./embed/vouch-embed-dialogue.cjs"},"./components/vouch-brand-logo":{"import":"./components/vouch-brand-logo.js","default":"./components/vouch-brand-logo.js","require":"./components/vouch-brand-logo.cjs"},"./components/vouch-icon-close":{"import":"./components/vouch-icon-close.js","default":"./components/vouch-icon-close.js","require":"./components/vouch-icon-close.cjs"},"./components/vouch-icon-pause":{"import":"./components/vouch-icon-pause.js","default":"./components/vouch-icon-pause.js","require":"./components/vouch-icon-pause.cjs"},"./components/vouch-media-plyr":{"import":"./components/vouch-media-plyr.js","default":"./components/vouch-media-plyr.js","require":"./components/vouch-media-plyr.cjs"},"./components/vouch-water-mark":{"import":"./components/vouch-water-mark.js","default":"./components/vouch-water-mark.js","require":"./components/vouch-water-mark.cjs"},"./embed/VouchEmbedCard.svelte":"./embed/VouchEmbedCard.svelte","./embed/vouch-embed-thumbnail":{"import":"./embed/vouch-embed-thumbnail.js","default":"./embed/vouch-embed-thumbnail.js","require":"./embed/vouch-embed-thumbnail.cjs"},"./embed/vouch-recorder-button":{"import":"./embed/vouch-recorder-button.js","default":"./embed/vouch-recorder-button.js","require":"./embed/vouch-recorder-button.cjs"},"./components/vouch-graphic-svg":{"import":"./components/vouch-graphic-svg.js","default":"./components/vouch-graphic-svg.js","require":"./components/vouch-graphic-svg.cjs"},"./embed/VouchEmbedJumbo.svelte":"./embed/VouchEmbedJumbo.svelte","./embed/vouch-recorder-preview":{"import":"./embed/vouch-recorder-preview.js","default":"./embed/vouch-recorder-preview.js","require":"./embed/vouch-recorder-preview.cjs"},"./embed/VouchEmbedButton.svelte":"./embed/VouchEmbedButton.svelte","./embed/VouchEmbedPopover.svelte":"./embed/VouchEmbedPopover.svelte","./components/VouchIconPlay.svelte":"./components/VouchIconPlay.svelte","./components/VouchRecorder.svelte":"./components/VouchRecorder.svelte","./embed/VouchEmbedDialogue.svelte":"./embed/VouchEmbedDialogue.svelte","./embed/vouch-embed-inline-player":{"import":"./embed/vouch-embed-inline-player.js","default":"./embed/vouch-embed-inline-player.js","require":"./embed/vouch-embed-inline-player.cjs"},"./components/VouchBrandLogo.svelte":"./components/VouchBrandLogo.svelte","./components/VouchIconClose.svelte":"./components/VouchIconClose.svelte","./components/VouchIconPause.svelte":"./components/VouchIconPause.svelte","./components/VouchMediaPlyr.svelte":"./components/VouchMediaPlyr.svelte","./components/VouchWaterMark.svelte":"./components/VouchWaterMark.svelte","./components/vouch-icon-arrow-left":{"import":"./components/vouch-icon-arrow-left.js","default":"./components/vouch-icon-arrow-left.js","require":"./components/vouch-icon-arrow-left.cjs"},"./embed/VouchEmbedThumbnail.svelte":"./embed/VouchEmbedThumbnail.svelte","./embed/VouchRecorderButton.svelte":"./embed/VouchRecorderButton.svelte","./components/VouchGraphicSvg.svelte":"./components/VouchGraphicSvg.svelte","./components/vouch-icon-arrow-right":{"import":"./components/vouch-icon-arrow-right.js","default":"./components/vouch-icon-arrow-right.js","require":"./components/vouch-icon-arrow-right.cjs"},"./embed/VouchRecorderPreview.svelte":"./embed/VouchRecorderPreview.svelte","./components/vouch-overlay-play-icon":{"import":"./components/vouch-overlay-play-icon.js","default":"./components/vouch-overlay-play-icon.js","require":"./components/vouch-overlay-play-icon.cjs"},"./embed/VouchEmbedInlinePlayer.svelte":"./embed/VouchEmbedInlinePlayer.svelte","./components/VouchIconArrowLeft.svelte":"./components/VouchIconArrowLeft.svelte","./components/VouchIconArrowRight.svelte":"./components/VouchIconArrowRight.svelte","./components/VouchOverlayPlayIcon.svelte":"./components/VouchOverlayPlayIcon.svelte"},"_npmUser":{"name":"vouch-tech","email":"brian@vouchfor.com"},"repository":{"url":"git+https://github.com/VouchAU/vouch-uikit.git","type":"git"},"_npmVersion":"6.14.13","description":"Vouch Svelte UIKit","directories":{},"lint-staged":{"*.{js,svelte}":"yarn lint"},"_nodeVersion":"14.17.0","dependencies":{"plyr":"^3.7.2","cookie":"^0.4.1","hls.js":"^1.1.5","core-js":"^3.16.3","postcss":"^7","@vime/core":"^5.3.1","tailwindcss":"npm:@tailwindcss/postcss7-compat","@lukeed/uuid":"^2.0.0","autoprefixer":"^9","whatwg-fetch":"^3.6.2","@fontsource/fira-mono":"^4.2.2"},"_hasShrinkwrap":false,"devDependencies":{"jest":"^27.0.6","path":"^0.12.7","husky":"4","tslib":"^2.0.0","dotenv":"^10.0.0","eslint":"^7.22.0","rollup":"^2.55.1","svelte":"^3.34.0","prettier":"~2.2.1","babel-jest":"^27.0.6","svelte2tsx":"^0.4.3","typescript":"^4.0.0","@babel/core":"^7.14.8","@types/jest":"^26.0.24","lint-staged":"^11.1.1","svelte-check":"^2.0.0","@sveltejs/kit":"next","@types/cookie":"^0.4.0","svelte-jester":"^1.8.1","svelte-loader":"^3.1.2","@babel/preset-env":"^7.14.9","@storybook/svelte":"^6.3.6","svelte-preprocess":"^4.0.0","rollup-plugin-copy":"^3.4.0","rollup-plugin-svelte":"^7.1.0","rollup-plugin-terser":"^7.0.2","eslint-plugin-svelte3":"^3.2.0","@babel/runtime-corejs3":"^7.14.9","@rollup/plugin-replace":"^3.0.0","@storybook/addon-links":"^6.3.6","eslint-config-prettier":"^8.1.0","prettier-plugin-svelte":"^2.2.0","@rollup/plugin-commonjs":"^22.0.0","@testing-library/svelte":"^3.0.3","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.6","@typescript-eslint/parser":"^4.19.0","@rollup/plugin-node-resolve":"^13.0.4","@storybook/addon-essentials":"^6.3.6","@typescript-eslint/eslint-plugin":"^4.19.0"},"_npmOperationalInternal":{"tmp":"tmp/uikit_5.14.2_1668744378046_0.5390226432768255","host":"s3://npm-registry-packages"}},"5.13.1-069096c.0":{"name":"@vouchfor/uikit","version":"5.13.1-069096c.0","keywords":["embed","design system","vouch-uikit","svelte","uikit"],"author":{"url":"https://vouchau.github.io/vouch-uikit","name":"Vouch Dev Team","email":"hello@vouchfor.com"},"license":"MIT","_id":"@vouchfor/uikit@5.13.1-069096c.0","maintainers":[{"name":"vouch-tech","email":"brian@vouchfor.com"}],"homepage":"https://vouchau.github.io/vouch-uikit","bugs":{"url":"https://github.com/VouchAU/vouch-uikit/issues"},"dist":{"shasum":"0f73fdce94835b6c28045bb3e6aadee0e08c96e9","tarball":"https://registry.npmjs.org/@vouchfor/uikit/-/uikit-5.13.1-069096c.0.tgz","fileCount":220,"integrity":"sha512-PEozy75LFCFrSyCJOo2VO+TCfspn0G+YM9MPD4fqxXfLebjpCDbKQvRjNYOT3Xt2rKKN0gibEsoHCM9k14NFug==","signatures":[{"sig":"MEUCIQDVrXXjQgx7Xz5xJS4zyDhAg2uHUXAJS0iNh1XRta8p5QIgbPfAmk/rV7JVBXwCiHejyL6AAjkwJvGEEH/NdAwIMNU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":102032338,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjdwg8ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo6RhAAoutDvg5xsibfj2+s3zGd38QvYLfXidb51KLTeIuy2QKxR731\r\nr0XNnhag270WqgAn2maCrObfn7l65HtW/DHrqab1SC7u7By1aROEGm1p4VhU\r\nJzZp5fUIQkE/Ad3gYVSqFu/HwgQ0ICOn1X5KLYIyp9N1HN14nFNnXz/O18o2\r\nWVMEQFZScCh5sxvaBWukzM5KxEoqm4QR5pJ+DyyzASVGJ/GRPmNX9pRd+Aid\r\neVOkKmG5PzxUalHg4C6t/9/SLVEYn5cocTdlk6AM+AGaM0Rlnz+9pKkgJfFt\r\n1ByaFlcv5E/8ytXvlOlaTB6iSEdaPjV6Wy2AHfpvJmQ33ZBra/j7x4oAaqlp\r\nhlFGgb9QnhDY801lZjm6QzTJoMiXJ7LvcqAyuulkt5Guz4qpnOrAA6LRCPka\r\nX+kt0SAXmY+qRQf/hcQCudDq/ART6FaJieGYr+InsjrgsSmco5yR/5x8ZBId\r\nkoDTAWNjGCipVGI/hKr7lNE/m/Mq6CRQc0tVo7p0eMAkr6va97Z+tx9mwcmA\r\nXtwA48nXlr7KJW07+frRpGCyrgwIlyPvjntj6eSLi+2bhfGZ8i5u3fPqS3YJ\r\nEdwRZgeBzHKnjqSyzsRTNruClC75ekNBy64xHzZmh6JWAZfeoHVw8D4MY8aa\r\nUX5d+jqKCFzDAXJk6/L9dOOfVs7FtRiVJcw=\r\n=lWg7\r\n-----END PGP SIGNATURE-----\r\n"},"type":"module","types":"types.d.ts","readme":"# Vouch UIKit\n\n- [Get Started](#get-started)\n - [Storybook](#storybook)\n - [Build package](#build-package)\n - [Test package locally with vouch-app](#test-package-locally-with-vouch-app)\n - [Publish to npm](#publish-to-npm)\n - [Purge npm cache](#purge-npm-cached-tags)\n- [Update vouch-app](#update-vouch-app)\n - [development](#development-devvouchforcom)\n - [staging](#staging-stagingvouchforcom)\n - [production](#production-appvouchforcom)\n\n**Vouch UIKit** consists of `2 libraries` and `1 application`\n\n```bash\n└── src\n ├── lib\n │ ├── components # Design System Components (Web Component)\n │ │ ├── VouchBrandLogo.svelte\n │ │ ...\n │ │\n │ └── embed # embed Components (Web Component)\n │ │ ├── VouchEmbedInlinePlayer.svelte\n │ ...\n │\n │\n ├── routes # vouch public embed link (https://embed.vouchfor.com)\n │ ├── __layout.svelte\n │ ├── index.svelte\n │ ├── about.svelte\n │ ...\n │\n ├── app.css\n └── app.html\n```\n\n# Get Started\n\nEnsure you have node `14.17.0` installed on your machine, for example via [nvm](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/TERMINAL.md#install-nvm), run `nvm ls` to check\n\n```bash\nnvm ls 14\n```\n\nyou should see output if you have the version installed\n\n```bash\n-> v14.17.0\n```\n\nensure you have [git ssh](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/GITHUB.md) setup locally before you clone the repo\n\n```bash\ngit clone git@github.com:VouchAU/vouch-uikit.git\n```\n\ninstall dependencies\n\n```bash\ncd vouch-uikit\nyarn\n```\n\n## Storybook\n\nhttps://designsystem.vouchfor.com/\n\nStorybook is hosted on GitHub page `gh-pages` branch (Domain name is configured on **Cloudflare**) and deployed automatically via **GitHub Action** every time changes are merged back to `master`.\n\nLocal dev\n\n```bash\nyarn storybook\n```\n\nbuild storybook\n\n```bash\nyarn build-storybook\n```\n\n## Build package\n\nBuild `src/lib` production/beta/alpha package, make sure you change `version` in `package.json` for three different build tags.\n\n```sh\ncd vouch-uikit\n...\nyarn package:alpha # development\nyarn package:beta # staging\nyarn package # production\n```\n\n## Test package locally with `vouch-app`\n\nOnce you build the `npm` package, you can test locally with `vouch-app` to ensure everything works as expected before publishing to `npm`\n\nAssuming you build a package according [Build package](#build-package), now you can create a symlink to your local package\n\n```sh\ncd package\nyarn link\n```\n\nyou should see this if successfully linked\n\n```sh\nyarn link v1.22.10\nsuccess Registered \"@vouchfor/uikit\".\ninfo You can now run `yarn link \"@vouchfor/uikit\"` in the projects where you want to use this package and it will be used instead.\n✨ Done in 0.04s.\n```\n\ngo to `vouch-app` folder and switch to the branch you want to test against with then link the local package\n\n```sh\ncd vouch-app\ngit checkout VCH-222\nyarn link @vouchfor/uikit\nyarn dev\n```\n\nVoilà, you are testing your feature branch with the local uikit package and don't forget to roll back after testing\n\n```sh\ncd vouch-app\nyarn unlink @vouchfor/uikit\n...\ncd vouch-uikit/package\nyarn unlink\n```\n\n## Publish to `npm`\n\n> Note you will need to log in `vouch-tech` on your terminal before publishing, credential is shared via 1Password.\n\n```bash\nnpm login\n...\n```\n\n```bash\ncd package\n...\nnpm publish --access public --tag alpha # development\nnpm publish --access public --tag beta # staging\nnpm publish --access public # production\n```\n\n## Purge `jsdelivr` cache\n\n`@vouchfor/uikit` is most likely consumed by **tag**, `alpha`, `beta` and `latest`, not version number to ensure clients can always get the latest updates. [jsdelivr](https://cdn.jsdelivr.net/) default has 7 days cache for `tag`, so we need to purge it to reflect new version number.\n\n- Check current tag version number\n\n - [Click to check Alpha](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@alpha/)\n - [Click to check Beta](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@beta/)\n - [Click to check Production](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n- Purge cache\n - [Click to purge Alpha](https://purge.jsdelivr.net/npm/@vouchfor/uikit@alpha/)\n - [Click to purge Beta](https://purge.jsdelivr.net/npm/@vouchfor/uikit@beta/)\n - **_Danger_** [Click to purge Production](https://purge.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n### Purge specific bundle.js\n\nOur embed code snippet `src` attribute currently refers to a specific embed bundle js , for example\n\n```html\n\n
\n```\n\nIn this case, you will need to purge the bundle file specifically by providing absolute path\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/embed/{filename}.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/components/{filename}.bundle.js\n```\n\nfor example,\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@alpha/embed/vouch-embed-inline-player.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@beta/embed/vouch-embed-inline-player.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/embed/vouch-embed-inline-player.bundle.js\n```\n\n## Unit test\n\n```bash\nyarn test\n```\n\nupdate snapshot\n\n```bash\nyarn test -u\n```\n\n# Update `vouch-app`\n\n`@vouchfor/uikit` is a dependency of `vouch-app` for embeds and UI components, follow the below steps to publish NPM package and update `package.json` dependency in `vouch-app`.\n\n> Each PR should bump the minor version in `package.json` in order to push new version to NPM. e.g. `\"version\": \"3.9.0\"` in `main` branch, you should bump to `\"version\": \"3.10.0\"` in your branch.\n\n> The major version should only be used for releasing breaking changes. e.g. `3.0.0`, `4.0.0`\n\n## Development (`dev.vouchfor.com`)\n\nAssuming your branch bumped version in `package.json` to\n\n```json\n\"version\": \"3.10.0\"\n```\n\n### Bump patch version number\n\nEnsure your patch version number isn't used, e.g. if `3.10.0` was published before, bump to `3.10.1`.\n\n### Build and publish\n\n```sh\nyarn package:alpha\ncd package\nnpm publish --access public --tag alpha\n```\n\nMake sure you purge NPM CDN cache for package, see [Purge npm cached tags](#purge-npm-cached-tags)\n\n### Update dependency in `vouch-app`\n\nEnsure you already cloned [vouch-app](https://github.com/VouchAU/vouch-app.git) locally then switch to the folder.\n\n```sh\ncd vouch-app\ngit checkout development\ngit pull\ngit merge feature/VCH-111 # Optional, only when you have code change dependency in vouch-app as well\nyarn upgrade @vouchfor/uikit@alpha\n```\n\nAfter upgrade, you should see version updates in both `package.json` and `yarn.lock`, but due to a known issue of `yarn`, please do these before committing changes\n\n- Manually roll back `package.json` (should always `\"@vouchfor/uikit\": \"alpha\"` for `development`).\n- run `yarn` again to update `yarn.lock`\n\n```sh\ngit commit -m \"Bumped uikit version\"\ngit push\n```\n\n## Staging (`staging.vouchfor.com`)\n\nUpdate `staging` environment is the same as [Development](#development-devvouchforcom) but remember to change cmd to `staging` specific\n\n```sh\nyarn package:beta\n```\n\n```sh\nnpm publish --access public --tag beta\n```\n\n```sh\ncd vouch-app\ngit checkout staging\ngit pull\ngit merge feature/VCH-111 # Optional, only when you have code change dependency in vouch-app as well\nyarn upgrade @vouchfor/uikit@beta\n```\n\n## Production (`app.vouchfor.com`)\n\nOne thing different when release to production, since `master` branch can only be merged by PRs (after code review), so you will need to run `yarn upgrade @vouchfor/uikit@latest` under you feature branch and commit **before merging the PR**.\n\n```sh\ngit checkout feature/VCH-111\nyarn upgrade upgrade @vouchfor/uikit@latest\ngit commit -m \"Bumped uikit version\"\ngit push\n```\n\n> When you run above cmd, your PR should be ready to merge (reviewed and QA tested)\n","engines":{"node":">=16"},"exports":{"./constants":"./constants.js","./package.json":"./package.json","./internal/utils":"./internal/utils.js","./embed/vouch-embed-all":{"import":"./embed/vouch-embed-all.js","default":"./embed/vouch-embed-all.js","require":"./embed/vouch-embed-all.cjs"},"./embed/vouch-embed-card":{"import":"./embed/vouch-embed-card.js","default":"./embed/vouch-embed-card.js","require":"./embed/vouch-embed-card.cjs"},"./embed/vouch-embed-jumbo":{"import":"./embed/vouch-embed-jumbo.js","default":"./embed/vouch-embed-jumbo.js","require":"./embed/vouch-embed-jumbo.cjs"},"./internal/hooks/useFetch":"./internal/hooks/useFetch.js","./internal/hooks/useTrack":"./internal/hooks/useTrack.js","./embed/vouch-embed-button":{"import":"./embed/vouch-embed-button.js","default":"./embed/vouch-embed-button.js","require":"./embed/vouch-embed-button.cjs"},"./components/vouch-recorder":{"import":"./components/vouch-recorder.js","default":"./components/vouch-recorder.js","require":"./components/vouch-recorder.cjs"},"./embed/vouch-embed-popover":{"import":"./embed/vouch-embed-popover.js","default":"./embed/vouch-embed-popover.js","require":"./embed/vouch-embed-popover.cjs"},"./test/internals/utils.spec":"./test/internals/utils.spec.js","./components/vouch-icon-play":{"import":"./components/vouch-icon-play.js","default":"./components/vouch-icon-play.js","require":"./components/vouch-icon-play.cjs"},"./embed/vouch-embed-dialogue":{"import":"./embed/vouch-embed-dialogue.js","default":"./embed/vouch-embed-dialogue.js","require":"./embed/vouch-embed-dialogue.cjs"},"./components/vouch-brand-logo":{"import":"./components/vouch-brand-logo.js","default":"./components/vouch-brand-logo.js","require":"./components/vouch-brand-logo.cjs"},"./components/vouch-icon-close":{"import":"./components/vouch-icon-close.js","default":"./components/vouch-icon-close.js","require":"./components/vouch-icon-close.cjs"},"./components/vouch-icon-pause":{"import":"./components/vouch-icon-pause.js","default":"./components/vouch-icon-pause.js","require":"./components/vouch-icon-pause.cjs"},"./components/vouch-media-plyr":{"import":"./components/vouch-media-plyr.js","default":"./components/vouch-media-plyr.js","require":"./components/vouch-media-plyr.cjs"},"./components/vouch-water-mark":{"import":"./components/vouch-water-mark.js","default":"./components/vouch-water-mark.js","require":"./components/vouch-water-mark.cjs"},"./embed/VouchEmbedCard.svelte":"./embed/VouchEmbedCard.svelte","./embed/vouch-embed-thumbnail":{"import":"./embed/vouch-embed-thumbnail.js","default":"./embed/vouch-embed-thumbnail.js","require":"./embed/vouch-embed-thumbnail.cjs"},"./embed/vouch-recorder-button":{"import":"./embed/vouch-recorder-button.js","default":"./embed/vouch-recorder-button.js","require":"./embed/vouch-recorder-button.cjs"},"./components/vouch-graphic-svg":{"import":"./components/vouch-graphic-svg.js","default":"./components/vouch-graphic-svg.js","require":"./components/vouch-graphic-svg.cjs"},"./embed/VouchEmbedJumbo.svelte":"./embed/VouchEmbedJumbo.svelte","./embed/vouch-recorder-preview":{"import":"./embed/vouch-recorder-preview.js","default":"./embed/vouch-recorder-preview.js","require":"./embed/vouch-recorder-preview.cjs"},"./internal/hooks/useFetchEmbed":"./internal/hooks/useFetchEmbed.js","./embed/VouchEmbedButton.svelte":"./embed/VouchEmbedButton.svelte","./embed/VouchEmbedPopover.svelte":"./embed/VouchEmbedPopover.svelte","./components/VouchIconPlay.svelte":"./components/VouchIconPlay.svelte","./components/VouchRecorder.svelte":"./components/VouchRecorder.svelte","./embed/VouchEmbedDialogue.svelte":"./embed/VouchEmbedDialogue.svelte","./embed/vouch-embed-inline-player":{"import":"./embed/vouch-embed-inline-player.js","default":"./embed/vouch-embed-inline-player.js","require":"./embed/vouch-embed-inline-player.cjs"},"./test/components/VouchIcons.spec":"./test/components/VouchIcons.spec.js","./components/VouchBrandLogo.svelte":"./components/VouchBrandLogo.svelte","./components/VouchIconClose.svelte":"./components/VouchIconClose.svelte","./components/VouchIconPause.svelte":"./components/VouchIconPause.svelte","./components/VouchMediaPlyr.svelte":"./components/VouchMediaPlyr.svelte","./components/VouchWaterMark.svelte":"./components/VouchWaterMark.svelte","./components/vouch-icon-arrow-left":{"import":"./components/vouch-icon-arrow-left.js","default":"./components/vouch-icon-arrow-left.js","require":"./components/vouch-icon-arrow-left.cjs"},"./embed/VouchEmbedThumbnail.svelte":"./embed/VouchEmbedThumbnail.svelte","./embed/VouchRecorderButton.svelte":"./embed/VouchRecorderButton.svelte","./components/VouchGraphicSvg.svelte":"./components/VouchGraphicSvg.svelte","./components/vouch-icon-arrow-right":{"import":"./components/vouch-icon-arrow-right.js","default":"./components/vouch-icon-arrow-right.js","require":"./components/vouch-icon-arrow-right.cjs"},"./embed/VouchRecorderPreview.svelte":"./embed/VouchRecorderPreview.svelte","./components/vouch-overlay-play-icon":{"import":"./components/vouch-overlay-play-icon.js","default":"./components/vouch-overlay-play-icon.js","require":"./components/vouch-overlay-play-icon.cjs"},"./test/internals/hooks/useFetch.spec":"./test/internals/hooks/useFetch.spec.js","./test/internals/hooks/useTrack.spec":"./test/internals/hooks/useTrack.spec.js","./embed/VouchEmbedInlinePlayer.svelte":"./embed/VouchEmbedInlinePlayer.svelte","./test/components/VouchBrandLogo.spec":"./test/components/VouchBrandLogo.spec.js","./test/components/VouchWaterMark.spec":"./test/components/VouchWaterMark.spec.js","./components/VouchIconArrowLeft.svelte":"./components/VouchIconArrowLeft.svelte","./test/components/VouchGraphicSvg.spec":"./test/components/VouchGraphicSvg.spec.js","./components/VouchIconArrowRight.svelte":"./components/VouchIconArrowRight.svelte","./components/VouchOverlayPlayIcon.svelte":"./components/VouchOverlayPlayIcon.svelte","./test/internals/hooks/useFetchEmbed.spec":"./test/internals/hooks/useFetchEmbed.spec.js"},"gitHead":"069096c588d449bf7ddf834b6f46c77ae44694d8","_npmUser":{"name":"vouch-tech","email":"brian@vouchfor.com"},"repository":{"url":"git+https://github.com/VouchAU/vouch-uikit.git","type":"git"},"_npmVersion":"8.19.2","description":"Vouch Svelte UIKit","directories":{},"lint-staged":{"*.{js,svelte}":"yarn lint"},"_nodeVersion":"16.18.0","dependencies":{"flat":"^5.0.2","plyr":"^3.7.2","cookie":"^0.4.1","hls.js":"^1.1.5","core-js":"^3.16.3","postcss":"^7","@vime/core":"^5.3.1","tailwindcss":"npm:@tailwindcss/postcss7-compat","@lukeed/uuid":"^2.0.0","autoprefixer":"^9","whatwg-fetch":"^3.6.2","patch-package":"^6.5.0","@fontsource/fira-mono":"^4.2.2","postinstall-postinstall":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^27.0.6","path":"^0.12.7","vite":"^3.1.8","react":"^18.2.0","tslib":"^2.0.0","dotenv":"^10.0.0","eslint":"^7.22.0","rollup":"^2.55.1","svelte":"^3.34.0","webpack":"^5.74.0","playroom":"0.28.0","prettier":"~2.2.1","react-dom":"^18.2.0","ts-loader":"^9.4.1","babel-jest":"^27.0.6","base64-url":"^2.3.3","dotenv-cli":"^6.0.0","svelte2tsx":"^0.4.3","typescript":"^4.8.4","@babel/core":"^7.14.8","@types/jest":"^26.0.24","lint-staged":"^12.4.1","babel-loader":"^8.2.5","svelte-check":"^2.0.0","@sveltejs/kit":"next","@types/cookie":"^0.4.0","@types/hls.js":"^1.0.0","svelte-jester":"^1.8.1","svelte-loader":"^3.1.2","@storybook/react":"^6.5.13","@babel/preset-env":"^7.14.9","@storybook/svelte":"^6.5.13","@sveltejs/package":"^1.0.0-next.5","svelte-preprocess":"^4.0.0","rollup-plugin-copy":"^3.4.0","require-from-string":"^2.0.2","rollup-plugin-svelte":"^7.1.0","rollup-plugin-terser":"^7.0.2","eslint-plugin-svelte3":"^3.2.0","@babel/runtime-corejs3":"^7.14.9","@rollup/plugin-replace":"^3.0.0","@storybook/addon-links":"^6.5.13","eslint-config-prettier":"^8.1.0","prettier-plugin-svelte":"^2.2.0","@rollup/plugin-commonjs":"^22.0.0","@testing-library/svelte":"^3.0.3","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.5.13","storybook-addon-playroom":"^3.0.2","@typescript-eslint/parser":"^4.19.0","@rollup/plugin-node-resolve":"^13.0.4","@storybook/addon-essentials":"^6.5.13","@storybook/addon-svelte-csf":"^2.0.10","@typescript-eslint/eslint-plugin":"^4.19.0"},"_npmOperationalInternal":{"tmp":"tmp/uikit_5.13.1-069096c.0_1668745276073_0.22961500601016382","host":"s3://npm-registry-packages"}},"5.13.1-f0eacde.0":{"name":"@vouchfor/uikit","version":"5.13.1-f0eacde.0","keywords":["embed","design system","vouch-uikit","svelte","uikit"],"author":{"url":"https://vouchau.github.io/vouch-uikit","name":"Vouch Dev Team","email":"hello@vouchfor.com"},"license":"MIT","_id":"@vouchfor/uikit@5.13.1-f0eacde.0","maintainers":[{"name":"vouch-tech","email":"brian@vouchfor.com"}],"homepage":"https://vouchau.github.io/vouch-uikit","bugs":{"url":"https://github.com/VouchAU/vouch-uikit/issues"},"dist":{"shasum":"097e4c1f612c3f3eaf53d387a5505446fcd7f3ca","tarball":"https://registry.npmjs.org/@vouchfor/uikit/-/uikit-5.13.1-f0eacde.0.tgz","fileCount":220,"integrity":"sha512-cXLMzb9KRBoQVKKOdoAtpTfIvB8YwCJgabwDssutyo3Iw2deOCYtuCdC7GuR1J5UXLmEhAIM5VGs/3c6eHSE0Q==","signatures":[{"sig":"MEUCIQC5igOu9MOiH486PakPXzVJM7qZu90uBQ9YOluFnGPC3wIgUugiRLxv2+DH0SHKIYZmDMo+sLpJdPDdnrXzmqQtik4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":102021067,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjdwroACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrH4hAAl4lFYLVimNe29nGBYhJa4nCtJqKEQGT3cMhbxECFP+QRJFLS\r\nj/bTzfD+0fKo0i7omWiCN94ZVUTjO8ocog/iQDj5bHLLpT2i1TMS5hMJFdH2\r\neWVt+iY8q/bRZy0UvksYSH00xWd18XXpa1F75fH6cTJYu4t9r4109MqMajBB\r\n3vhK2LRWMsK+kn1GRMYjPVxiBEnGrjvzPLIGZ2e+5nr9GVTlH/R0TMHgGfB4\r\nHNZ9qnUMqR2o8rB2LFeM6G8LvaaMoJlr3cv8sECOZKDVleTGNWyPFaoGLJB1\r\nge7VbzxpG9d1Rv+hUIcpzOd89JJ8JY6MMnTcmnSSkChmxmWTKqRO2WUnVsUC\r\nyclUMhRBB9sUR6FzW+ogkYPl7N43xZ1MUBPB8nodAW7nEDJCnBeKiw+SYSSp\r\nm2XghK8mmtyLU7ryzuvCLekrbQwveyjbm4sl61tKwRcSKHmD4b6h/1Fn7U6I\r\n1BTtbm7i13b2/o5QOZ+NfpPyUtK8J3aGGxeoGV8/kjgWj9welhE2WIpEKw1c\r\n9tUrngdlcYy/Y1arVTxpBAMBHPsCga1UaHVDsgpxrsMJOE2Hz2kl7Ooua65I\r\nbN/H3rpy/j63sBVXeDNuXvHfwfFoRRXUzjb5gKj8pvKfn/vM3irI3sr3pZtM\r\no0pyrzRgBfzimusMOFKpOrpvLZEaVVgwzUw=\r\n=ffH5\r\n-----END PGP SIGNATURE-----\r\n"},"type":"module","types":"types.d.ts","readme":"# Vouch UIKit\n\n- [Get Started](#get-started)\n - [Storybook](#storybook)\n - [Build package](#build-package)\n - [Test package locally with vouch-app](#test-package-locally-with-vouch-app)\n - [Publish to npm](#publish-to-npm)\n - [Purge npm cache](#purge-npm-cached-tags)\n- [Update vouch-app](#update-vouch-app)\n - [development](#development-devvouchforcom)\n - [staging](#staging-stagingvouchforcom)\n - [production](#production-appvouchforcom)\n\n**Vouch UIKit** consists of `2 libraries` and `1 application`\n\n```bash\n└── src\n ├── lib\n │ ├── components # Design System Components (Web Component)\n │ │ ├── VouchBrandLogo.svelte\n │ │ ...\n │ │\n │ └── embed # embed Components (Web Component)\n │ │ ├── VouchEmbedInlinePlayer.svelte\n │ ...\n │\n │\n ├── routes # vouch public embed link (https://embed.vouchfor.com)\n │ ├── __layout.svelte\n │ ├── index.svelte\n │ ├── about.svelte\n │ ...\n │\n ├── app.css\n └── app.html\n```\n\n# Get Started\n\nEnsure you have node `14.17.0` installed on your machine, for example via [nvm](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/TERMINAL.md#install-nvm), run `nvm ls` to check\n\n```bash\nnvm ls 14\n```\n\nyou should see output if you have the version installed\n\n```bash\n-> v14.17.0\n```\n\nensure you have [git ssh](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/GITHUB.md) setup locally before you clone the repo\n\n```bash\ngit clone git@github.com:VouchAU/vouch-uikit.git\n```\n\ninstall dependencies\n\n```bash\ncd vouch-uikit\nyarn\n```\n\n## Storybook\n\nhttps://designsystem.vouchfor.com/\n\nStorybook is hosted on GitHub page `gh-pages` branch (Domain name is configured on **Cloudflare**) and deployed automatically via **GitHub Action** every time changes are merged back to `master`.\n\nLocal dev\n\n```bash\nyarn storybook\n```\n\nbuild storybook\n\n```bash\nyarn build-storybook\n```\n\n## Build package\n\nBuild `src/lib` production/beta/alpha package, make sure you change `version` in `package.json` for three different build tags.\n\n```sh\ncd vouch-uikit\n...\nyarn package:alpha # development\nyarn package:beta # staging\nyarn package # production\n```\n\n## Test package locally with `vouch-app`\n\nOnce you build the `npm` package, you can test locally with `vouch-app` to ensure everything works as expected before publishing to `npm`\n\nAssuming you build a package according [Build package](#build-package), now you can create a symlink to your local package\n\n```sh\ncd package\nyarn link\n```\n\nyou should see this if successfully linked\n\n```sh\nyarn link v1.22.10\nsuccess Registered \"@vouchfor/uikit\".\ninfo You can now run `yarn link \"@vouchfor/uikit\"` in the projects where you want to use this package and it will be used instead.\n✨ Done in 0.04s.\n```\n\ngo to `vouch-app` folder and switch to the branch you want to test against with then link the local package\n\n```sh\ncd vouch-app\ngit checkout VCH-222\nyarn link @vouchfor/uikit\nyarn dev\n```\n\nVoilà, you are testing your feature branch with the local uikit package and don't forget to roll back after testing\n\n```sh\ncd vouch-app\nyarn unlink @vouchfor/uikit\n...\ncd vouch-uikit/package\nyarn unlink\n```\n\n## Publish to `npm`\n\n> Note you will need to log in `vouch-tech` on your terminal before publishing, credential is shared via 1Password.\n\n```bash\nnpm login\n...\n```\n\n```bash\ncd package\n...\nnpm publish --access public --tag alpha # development\nnpm publish --access public --tag beta # staging\nnpm publish --access public # production\n```\n\n## Purge `jsdelivr` cache\n\n`@vouchfor/uikit` is most likely consumed by **tag**, `alpha`, `beta` and `latest`, not version number to ensure clients can always get the latest updates. [jsdelivr](https://cdn.jsdelivr.net/) default has 7 days cache for `tag`, so we need to purge it to reflect new version number.\n\n- Check current tag version number\n\n - [Click to check Alpha](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@alpha/)\n - [Click to check Beta](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@beta/)\n - [Click to check Production](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n- Purge cache\n - [Click to purge Alpha](https://purge.jsdelivr.net/npm/@vouchfor/uikit@alpha/)\n - [Click to purge Beta](https://purge.jsdelivr.net/npm/@vouchfor/uikit@beta/)\n - **_Danger_** [Click to purge Production](https://purge.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n### Purge specific bundle.js\n\nOur embed code snippet `src` attribute currently refers to a specific embed bundle js , for example\n\n```html\n\n
\n```\n\nIn this case, you will need to purge the bundle file specifically by providing absolute path\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/embed/{filename}.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/components/{filename}.bundle.js\n```\n\nfor example,\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@alpha/embed/vouch-embed-inline-player.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@beta/embed/vouch-embed-inline-player.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/embed/vouch-embed-inline-player.bundle.js\n```\n\n## Unit test\n\n```bash\nyarn test\n```\n\nupdate snapshot\n\n```bash\nyarn test -u\n```\n\n# Update `vouch-app`\n\n`@vouchfor/uikit` is a dependency of `vouch-app` for embeds and UI components, follow the below steps to publish NPM package and update `package.json` dependency in `vouch-app`.\n\n> Each PR should bump the minor version in `package.json` in order to push new version to NPM. e.g. `\"version\": \"3.9.0\"` in `main` branch, you should bump to `\"version\": \"3.10.0\"` in your branch.\n\n> The major version should only be used for releasing breaking changes. e.g. `3.0.0`, `4.0.0`\n\n## Development (`dev.vouchfor.com`)\n\nAssuming your branch bumped version in `package.json` to\n\n```json\n\"version\": \"3.10.0\"\n```\n\n### Bump patch version number\n\nEnsure your patch version number isn't used, e.g. if `3.10.0` was published before, bump to `3.10.1`.\n\n### Build and publish\n\n```sh\nyarn package:alpha\ncd package\nnpm publish --access public --tag alpha\n```\n\nMake sure you purge NPM CDN cache for package, see [Purge npm cached tags](#purge-npm-cached-tags)\n\n### Update dependency in `vouch-app`\n\nEnsure you already cloned [vouch-app](https://github.com/VouchAU/vouch-app.git) locally then switch to the folder.\n\n```sh\ncd vouch-app\ngit checkout development\ngit pull\ngit merge feature/VCH-111 # Optional, only when you have code change dependency in vouch-app as well\nyarn upgrade @vouchfor/uikit@alpha\n```\n\nAfter upgrade, you should see version updates in both `package.json` and `yarn.lock`, but due to a known issue of `yarn`, please do these before committing changes\n\n- Manually roll back `package.json` (should always `\"@vouchfor/uikit\": \"alpha\"` for `development`).\n- run `yarn` again to update `yarn.lock`\n\n```sh\ngit commit -m \"Bumped uikit version\"\ngit push\n```\n\n## Staging (`staging.vouchfor.com`)\n\nUpdate `staging` environment is the same as [Development](#development-devvouchforcom) but remember to change cmd to `staging` specific\n\n```sh\nyarn package:beta\n```\n\n```sh\nnpm publish --access public --tag beta\n```\n\n```sh\ncd vouch-app\ngit checkout staging\ngit pull\ngit merge feature/VCH-111 # Optional, only when you have code change dependency in vouch-app as well\nyarn upgrade @vouchfor/uikit@beta\n```\n\n## Production (`app.vouchfor.com`)\n\nOne thing different when release to production, since `master` branch can only be merged by PRs (after code review), so you will need to run `yarn upgrade @vouchfor/uikit@latest` under you feature branch and commit **before merging the PR**.\n\n```sh\ngit checkout feature/VCH-111\nyarn upgrade upgrade @vouchfor/uikit@latest\ngit commit -m \"Bumped uikit version\"\ngit push\n```\n\n> When you run above cmd, your PR should be ready to merge (reviewed and QA tested)\n","engines":{"node":">=16"},"exports":{"./constants":"./constants.js","./package.json":"./package.json","./internal/utils":"./internal/utils.js","./embed/vouch-embed-all":{"import":"./embed/vouch-embed-all.js","default":"./embed/vouch-embed-all.js","require":"./embed/vouch-embed-all.cjs"},"./embed/vouch-embed-card":{"import":"./embed/vouch-embed-card.js","default":"./embed/vouch-embed-card.js","require":"./embed/vouch-embed-card.cjs"},"./embed/vouch-embed-jumbo":{"import":"./embed/vouch-embed-jumbo.js","default":"./embed/vouch-embed-jumbo.js","require":"./embed/vouch-embed-jumbo.cjs"},"./internal/hooks/useFetch":"./internal/hooks/useFetch.js","./internal/hooks/useTrack":"./internal/hooks/useTrack.js","./embed/vouch-embed-button":{"import":"./embed/vouch-embed-button.js","default":"./embed/vouch-embed-button.js","require":"./embed/vouch-embed-button.cjs"},"./components/vouch-recorder":{"import":"./components/vouch-recorder.js","default":"./components/vouch-recorder.js","require":"./components/vouch-recorder.cjs"},"./embed/vouch-embed-popover":{"import":"./embed/vouch-embed-popover.js","default":"./embed/vouch-embed-popover.js","require":"./embed/vouch-embed-popover.cjs"},"./test/internals/utils.spec":"./test/internals/utils.spec.js","./components/vouch-icon-play":{"import":"./components/vouch-icon-play.js","default":"./components/vouch-icon-play.js","require":"./components/vouch-icon-play.cjs"},"./embed/vouch-embed-dialogue":{"import":"./embed/vouch-embed-dialogue.js","default":"./embed/vouch-embed-dialogue.js","require":"./embed/vouch-embed-dialogue.cjs"},"./components/vouch-brand-logo":{"import":"./components/vouch-brand-logo.js","default":"./components/vouch-brand-logo.js","require":"./components/vouch-brand-logo.cjs"},"./components/vouch-icon-close":{"import":"./components/vouch-icon-close.js","default":"./components/vouch-icon-close.js","require":"./components/vouch-icon-close.cjs"},"./components/vouch-icon-pause":{"import":"./components/vouch-icon-pause.js","default":"./components/vouch-icon-pause.js","require":"./components/vouch-icon-pause.cjs"},"./components/vouch-media-plyr":{"import":"./components/vouch-media-plyr.js","default":"./components/vouch-media-plyr.js","require":"./components/vouch-media-plyr.cjs"},"./components/vouch-water-mark":{"import":"./components/vouch-water-mark.js","default":"./components/vouch-water-mark.js","require":"./components/vouch-water-mark.cjs"},"./embed/VouchEmbedCard.svelte":"./embed/VouchEmbedCard.svelte","./embed/vouch-embed-thumbnail":{"import":"./embed/vouch-embed-thumbnail.js","default":"./embed/vouch-embed-thumbnail.js","require":"./embed/vouch-embed-thumbnail.cjs"},"./embed/vouch-recorder-button":{"import":"./embed/vouch-recorder-button.js","default":"./embed/vouch-recorder-button.js","require":"./embed/vouch-recorder-button.cjs"},"./components/vouch-graphic-svg":{"import":"./components/vouch-graphic-svg.js","default":"./components/vouch-graphic-svg.js","require":"./components/vouch-graphic-svg.cjs"},"./embed/VouchEmbedJumbo.svelte":"./embed/VouchEmbedJumbo.svelte","./embed/vouch-recorder-preview":{"import":"./embed/vouch-recorder-preview.js","default":"./embed/vouch-recorder-preview.js","require":"./embed/vouch-recorder-preview.cjs"},"./internal/hooks/useFetchEmbed":"./internal/hooks/useFetchEmbed.js","./embed/VouchEmbedButton.svelte":"./embed/VouchEmbedButton.svelte","./embed/VouchEmbedPopover.svelte":"./embed/VouchEmbedPopover.svelte","./components/VouchIconPlay.svelte":"./components/VouchIconPlay.svelte","./components/VouchRecorder.svelte":"./components/VouchRecorder.svelte","./embed/VouchEmbedDialogue.svelte":"./embed/VouchEmbedDialogue.svelte","./embed/vouch-embed-inline-player":{"import":"./embed/vouch-embed-inline-player.js","default":"./embed/vouch-embed-inline-player.js","require":"./embed/vouch-embed-inline-player.cjs"},"./test/components/VouchIcons.spec":"./test/components/VouchIcons.spec.js","./components/VouchBrandLogo.svelte":"./components/VouchBrandLogo.svelte","./components/VouchIconClose.svelte":"./components/VouchIconClose.svelte","./components/VouchIconPause.svelte":"./components/VouchIconPause.svelte","./components/VouchMediaPlyr.svelte":"./components/VouchMediaPlyr.svelte","./components/VouchWaterMark.svelte":"./components/VouchWaterMark.svelte","./components/vouch-icon-arrow-left":{"import":"./components/vouch-icon-arrow-left.js","default":"./components/vouch-icon-arrow-left.js","require":"./components/vouch-icon-arrow-left.cjs"},"./embed/VouchEmbedThumbnail.svelte":"./embed/VouchEmbedThumbnail.svelte","./embed/VouchRecorderButton.svelte":"./embed/VouchRecorderButton.svelte","./components/VouchGraphicSvg.svelte":"./components/VouchGraphicSvg.svelte","./components/vouch-icon-arrow-right":{"import":"./components/vouch-icon-arrow-right.js","default":"./components/vouch-icon-arrow-right.js","require":"./components/vouch-icon-arrow-right.cjs"},"./embed/VouchRecorderPreview.svelte":"./embed/VouchRecorderPreview.svelte","./components/vouch-overlay-play-icon":{"import":"./components/vouch-overlay-play-icon.js","default":"./components/vouch-overlay-play-icon.js","require":"./components/vouch-overlay-play-icon.cjs"},"./test/internals/hooks/useFetch.spec":"./test/internals/hooks/useFetch.spec.js","./test/internals/hooks/useTrack.spec":"./test/internals/hooks/useTrack.spec.js","./embed/VouchEmbedInlinePlayer.svelte":"./embed/VouchEmbedInlinePlayer.svelte","./test/components/VouchBrandLogo.spec":"./test/components/VouchBrandLogo.spec.js","./test/components/VouchWaterMark.spec":"./test/components/VouchWaterMark.spec.js","./components/VouchIconArrowLeft.svelte":"./components/VouchIconArrowLeft.svelte","./test/components/VouchGraphicSvg.spec":"./test/components/VouchGraphicSvg.spec.js","./components/VouchIconArrowRight.svelte":"./components/VouchIconArrowRight.svelte","./components/VouchOverlayPlayIcon.svelte":"./components/VouchOverlayPlayIcon.svelte","./test/internals/hooks/useFetchEmbed.spec":"./test/internals/hooks/useFetchEmbed.spec.js"},"gitHead":"f0eacde56d2b58bab2ac354b849efc053cf47d39","_npmUser":{"name":"vouch-tech","email":"brian@vouchfor.com"},"repository":{"url":"git+https://github.com/VouchAU/vouch-uikit.git","type":"git"},"_npmVersion":"8.19.2","description":"Vouch Svelte UIKit","directories":{},"lint-staged":{"*.{js,svelte}":"yarn lint"},"_nodeVersion":"16.18.0","dependencies":{"flat":"^5.0.2","plyr":"^3.7.2","cookie":"^0.4.1","hls.js":"^1.1.5","core-js":"^3.16.3","postcss":"^7","@vime/core":"^5.3.1","tailwindcss":"npm:@tailwindcss/postcss7-compat","@lukeed/uuid":"^2.0.0","autoprefixer":"^9","whatwg-fetch":"^3.6.2","patch-package":"^6.5.0","@fontsource/fira-mono":"^4.2.2","postinstall-postinstall":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^27.0.6","path":"^0.12.7","vite":"^3.1.8","react":"^18.2.0","tslib":"^2.0.0","dotenv":"^10.0.0","eslint":"^7.22.0","rollup":"^2.55.1","svelte":"^3.34.0","webpack":"^5.74.0","playroom":"0.28.0","prettier":"~2.2.1","react-dom":"^18.2.0","ts-loader":"^9.4.1","babel-jest":"^27.0.6","base64-url":"^2.3.3","dotenv-cli":"^6.0.0","svelte2tsx":"^0.4.3","typescript":"^4.8.4","@babel/core":"^7.14.8","@types/jest":"^26.0.24","lint-staged":"^12.4.1","babel-loader":"^8.2.5","svelte-check":"^2.0.0","@sveltejs/kit":"next","@types/cookie":"^0.4.0","@types/hls.js":"^1.0.0","svelte-jester":"^1.8.1","svelte-loader":"^3.1.2","@storybook/react":"^6.5.13","@babel/preset-env":"^7.14.9","@storybook/svelte":"^6.5.13","@sveltejs/package":"^1.0.0-next.5","svelte-preprocess":"^4.0.0","rollup-plugin-copy":"^3.4.0","require-from-string":"^2.0.2","rollup-plugin-svelte":"^7.1.0","rollup-plugin-terser":"^7.0.2","eslint-plugin-svelte3":"^3.2.0","@babel/runtime-corejs3":"^7.14.9","@rollup/plugin-replace":"^3.0.0","@storybook/addon-links":"^6.5.13","eslint-config-prettier":"^8.1.0","prettier-plugin-svelte":"^2.2.0","@rollup/plugin-commonjs":"^22.0.0","@testing-library/svelte":"^3.0.3","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.5.13","storybook-addon-playroom":"^3.0.2","@typescript-eslint/parser":"^4.19.0","@rollup/plugin-node-resolve":"^13.0.4","@storybook/addon-essentials":"^6.5.13","@storybook/addon-svelte-csf":"^2.0.10","@typescript-eslint/eslint-plugin":"^4.19.0"},"_npmOperationalInternal":{"tmp":"tmp/uikit_5.13.1-f0eacde.0_1668745960098_0.9978779070423478","host":"s3://npm-registry-packages"}},"5.14.1-010c9b7.0":{"name":"@vouchfor/uikit","version":"5.14.1-010c9b7.0","keywords":["embed","design system","vouch-uikit","svelte","uikit"],"author":{"url":"https://vouchau.github.io/vouch-uikit","name":"Vouch Dev Team","email":"hello@vouchfor.com"},"license":"MIT","_id":"@vouchfor/uikit@5.14.1-010c9b7.0","maintainers":[{"name":"vouch-tech","email":"brian@vouchfor.com"}],"homepage":"https://vouchau.github.io/vouch-uikit","bugs":{"url":"https://github.com/VouchAU/vouch-uikit/issues"},"dist":{"shasum":"2470b1781cf0a005358d85149411b7cf5983349d","tarball":"https://registry.npmjs.org/@vouchfor/uikit/-/uikit-5.14.1-010c9b7.0.tgz","fileCount":229,"integrity":"sha512-sskBDJU9hGNuFWFPraAavZKEatDS1GIWsozdcFHyLFq2Hut76b1gWZuugjX8oJBTJY5vBbuGAbLF88IHsKidcA==","signatures":[{"sig":"MEUCICLDMF9uwlHHVNd1uKnjcpXUZu4Q3cRBS1P0wD3hnrD2AiEAqHbL34Y5RjyinzSCw8p/LJUeOxJiRniDDlmjlnOB2oY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":102116939,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjdwx4ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq4lhAAlXciSzB6lBkLd9aCtwkMxkZ8NhfuUCDOWWU9jh3w/OY7psYf\r\nke+uZmP1xryfmtrGuMXxTsxqSpkJcu5cYkJdDgWr/wxYcStz7yO768wRMCFu\r\nkclQ/ZF+7w2O5YgOwLi+Cp/6Y+0HOtE1Nbt94xg8PSPltvhgaabzNYzi48hc\r\nUSDHco825zgrCeOpCzYZ4PEIBSkbegZdNrv3BU0Zaor3kxmM0750l+7zP6Vh\r\nH6yhcmzQZRAcG0hf2uoQjjJyrJ9SPfH7PiNvcNNKlJtcB4U8jQNwkV+pSyIJ\r\nVCvZ+HsbFuccwk67T1WjwMZD/+6aArmGyAlM9l1E6lo51HXkLtUQ9eh8lPzq\r\nPEyHrvmmSupAvRQEm7BThraGv8I2wTulJBTHfWfD0qPDb7vuXfdbbRM0D1e9\r\nyGa/BOfal500CeYWJpZX+NjdZuXp2WeKcBqFb2vBlsCSMryS8lw/7xKUuhkF\r\nOV0YR04EHhK/vtalN8MXlgws65ub1wVo0B5ktwArQBfuwTMcjAvippchxuMi\r\nYU9Tq5gxNhVWr7P967n23F5Q90Bm2EHpkjIBmYoXLf+H/C48YBAdSrV2COzm\r\nPGfQQkYimOEZUMIn3s4gJ6J1jMsYZLUv1Lz5fC73MkgxbM4Q785Vccv7Ik8J\r\nplp829nosnsQKUcpWvm1+TRypBG9Lhebqkk=\r\n=tR+X\r\n-----END PGP SIGNATURE-----\r\n"},"type":"module","types":"types.d.ts","readme":"# Vouch UIKit\n\n- [Get Started](#get-started)\n - [Storybook](#storybook)\n - [Build package](#build-package)\n - [Test package locally with vouch-app](#test-package-locally-with-vouch-app)\n - [Publish to npm](#publish-to-npm)\n - [Purge npm cache](#purge-npm-cached-tags)\n- [Update vouch-app](#update-vouch-app)\n - [development](#development-devvouchforcom)\n - [staging](#staging-stagingvouchforcom)\n - [production](#production-appvouchforcom)\n\n**Vouch UIKit** consists of `2 libraries` and `1 application`\n\n```bash\n└── src\n ├── lib\n │ ├── components # Design System Components (Web Component)\n │ │ ├── VouchBrandLogo.svelte\n │ │ ...\n │ │\n │ └── embed # embed Components (Web Component)\n │ │ ├── VouchEmbedInlinePlayer.svelte\n │ ...\n │\n │\n ├── routes # vouch public embed link (https://embed.vouchfor.com)\n │ ├── __layout.svelte\n │ ├── index.svelte\n │ ├── about.svelte\n │ ...\n │\n ├── app.css\n └── app.html\n```\n\n# Get Started\n\nEnsure you have node `14.17.0` installed on your machine, for example via [nvm](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/TERMINAL.md#install-nvm), run `nvm ls` to check\n\n```bash\nnvm ls 14\n```\n\nyou should see output if you have the version installed\n\n```bash\n-> v14.17.0\n```\n\nensure you have [git ssh](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/GITHUB.md) setup locally before you clone the repo\n\n```bash\ngit clone git@github.com:VouchAU/vouch-uikit.git\n```\n\ninstall dependencies\n\n```bash\ncd vouch-uikit\nyarn\n```\n\n## Storybook\n\nhttps://designsystem.vouchfor.com/\n\nStorybook is hosted on GitHub page `gh-pages` branch (Domain name is configured on **Cloudflare**) and deployed automatically via **GitHub Action** every time changes are merged back to `master`.\n\nLocal dev\n\n```bash\nyarn storybook\n```\n\nbuild storybook\n\n```bash\nyarn build-storybook\n```\n\n## Build package\n\nBuild `src/lib` production/beta/alpha package, make sure you change `version` in `package.json` for three different build tags.\n\n```sh\ncd vouch-uikit\n...\nyarn package:alpha # development\nyarn package:beta # staging\nyarn package # production\n```\n\n## Test package locally with `vouch-app`\n\nOnce you build the `npm` package, you can test locally with `vouch-app` to ensure everything works as expected before publishing to `npm`\n\nAssuming you build a package according [Build package](#build-package), now you can create a symlink to your local package\n\n```sh\ncd package\nyarn link\n```\n\nyou should see this if successfully linked\n\n```sh\nyarn link v1.22.10\nsuccess Registered \"@vouchfor/uikit\".\ninfo You can now run `yarn link \"@vouchfor/uikit\"` in the projects where you want to use this package and it will be used instead.\n✨ Done in 0.04s.\n```\n\ngo to `vouch-app` folder and switch to the branch you want to test against with then link the local package\n\n```sh\ncd vouch-app\ngit checkout VCH-222\nyarn link @vouchfor/uikit\nyarn dev\n```\n\nVoilà, you are testing your feature branch with the local uikit package and don't forget to roll back after testing\n\n```sh\ncd vouch-app\nyarn unlink @vouchfor/uikit\n...\ncd vouch-uikit/package\nyarn unlink\n```\n\n## Publish to `npm`\n\n> Note you will need to log in `vouch-tech` on your terminal before publishing, credential is shared via 1Password.\n\n```bash\nnpm login\n...\n```\n\n```bash\ncd package\n...\nnpm publish --access public --tag alpha # development\nnpm publish --access public --tag beta # staging\nnpm publish --access public # production\n```\n\n## Purge `jsdelivr` cache\n\n`@vouchfor/uikit` is most likely consumed by **tag**, `alpha`, `beta` and `latest`, not version number to ensure clients can always get the latest updates. [jsdelivr](https://cdn.jsdelivr.net/) default has 7 days cache for `tag`, so we need to purge it to reflect new version number.\n\n- Check current tag version number\n\n - [Click to check Alpha](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@alpha/)\n - [Click to check Beta](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@beta/)\n - [Click to check Production](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n- Purge cache\n - [Click to purge Alpha](https://purge.jsdelivr.net/npm/@vouchfor/uikit@alpha/)\n - [Click to purge Beta](https://purge.jsdelivr.net/npm/@vouchfor/uikit@beta/)\n - **_Danger_** [Click to purge Production](https://purge.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n### Purge specific bundle.js\n\nOur embed code snippet `src` attribute currently refers to a specific embed bundle js , for example\n\n```html\n\n
\n```\n\nIn this case, you will need to purge the bundle file specifically by providing absolute path\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/embed/{filename}.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/components/{filename}.bundle.js\n```\n\nfor example,\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@alpha/embed/vouch-embed-inline-player.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@beta/embed/vouch-embed-inline-player.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/embed/vouch-embed-inline-player.bundle.js\n```\n\n## Unit test\n\n```bash\nyarn test\n```\n\nupdate snapshot\n\n```bash\nyarn test -u\n```\n\n# Update `vouch-app`\n\n`@vouchfor/uikit` is a dependency of `vouch-app` for embeds and UI components, follow the below steps to publish NPM package and update `package.json` dependency in `vouch-app`.\n\n> Each PR should bump the minor version in `package.json` in order to push new version to NPM. e.g. `\"version\": \"3.9.0\"` in `main` branch, you should bump to `\"version\": \"3.10.0\"` in your branch.\n\n> The major version should only be used for releasing breaking changes. e.g. `3.0.0`, `4.0.0`\n\n## Development (`dev.vouchfor.com`)\n\nAssuming your branch bumped version in `package.json` to\n\n```json\n\"version\": \"3.10.0\"\n```\n\n### Bump patch version number\n\nEnsure your patch version number isn't used, e.g. if `3.10.0` was published before, bump to `3.10.1`.\n\n### Build and publish\n\n```sh\nyarn package:alpha\ncd package\nnpm publish --access public --tag alpha\n```\n\nMake sure you purge NPM CDN cache for package, see [Purge npm cached tags](#purge-npm-cached-tags)\n\n### Update dependency in `vouch-app`\n\nEnsure you already cloned [vouch-app](https://github.com/VouchAU/vouch-app.git) locally then switch to the folder.\n\n```sh\ncd vouch-app\ngit checkout development\ngit pull\ngit merge feature/VCH-111 # Optional, only when you have code change dependency in vouch-app as well\nyarn upgrade @vouchfor/uikit@alpha\n```\n\nAfter upgrade, you should see version updates in both `package.json` and `yarn.lock`, but due to a known issue of `yarn`, please do these before committing changes\n\n- Manually roll back `package.json` (should always `\"@vouchfor/uikit\": \"alpha\"` for `development`).\n- run `yarn` again to update `yarn.lock`\n\n```sh\ngit commit -m \"Bumped uikit version\"\ngit push\n```\n\n## Staging (`staging.vouchfor.com`)\n\nUpdate `staging` environment is the same as [Development](#development-devvouchforcom) but remember to change cmd to `staging` specific\n\n```sh\nyarn package:beta\n```\n\n```sh\nnpm publish --access public --tag beta\n```\n\n```sh\ncd vouch-app\ngit checkout staging\ngit pull\ngit merge feature/VCH-111 # Optional, only when you have code change dependency in vouch-app as well\nyarn upgrade @vouchfor/uikit@beta\n```\n\n## Production (`app.vouchfor.com`)\n\nOne thing different when release to production, since `master` branch can only be merged by PRs (after code review), so you will need to run `yarn upgrade @vouchfor/uikit@latest` under you feature branch and commit **before merging the PR**.\n\n```sh\ngit checkout feature/VCH-111\nyarn upgrade upgrade @vouchfor/uikit@latest\ngit commit -m \"Bumped uikit version\"\ngit push\n```\n\n> When you run above cmd, your PR should be ready to merge (reviewed and QA tested)\n","engines":{"node":">=16"},"exports":{"./events":"./events.js","./constants":"./constants.js","./embed/events":{"import":"./embed/events.js","default":"./embed/events.js","require":"./embed/events.cjs"},"./package.json":"./package.json","./internal/utils":"./internal/utils.js","./embed/vouch-embed-all":{"import":"./embed/vouch-embed-all.js","default":"./embed/vouch-embed-all.js","require":"./embed/vouch-embed-all.cjs"},"./embed/vouch-embed-card":{"import":"./embed/vouch-embed-card.js","default":"./embed/vouch-embed-card.js","require":"./embed/vouch-embed-card.cjs"},"./embed/vouch-embed-jumbo":{"import":"./embed/vouch-embed-jumbo.js","default":"./embed/vouch-embed-jumbo.js","require":"./embed/vouch-embed-jumbo.cjs"},"./internal/hooks/useFetch":"./internal/hooks/useFetch.js","./internal/hooks/useTrack":"./internal/hooks/useTrack.js","./embed/vouch-embed-button":{"import":"./embed/vouch-embed-button.js","default":"./embed/vouch-embed-button.js","require":"./embed/vouch-embed-button.cjs"},"./components/vouch-recorder":{"import":"./components/vouch-recorder.js","default":"./components/vouch-recorder.js","require":"./components/vouch-recorder.cjs"},"./embed/vouch-embed-popover":{"import":"./embed/vouch-embed-popover.js","default":"./embed/vouch-embed-popover.js","require":"./embed/vouch-embed-popover.cjs"},"./test/internals/utils.spec":"./test/internals/utils.spec.js","./components/vouch-icon-play":{"import":"./components/vouch-icon-play.js","default":"./components/vouch-icon-play.js","require":"./components/vouch-icon-play.cjs"},"./embed/vouch-embed-dialogue":{"import":"./embed/vouch-embed-dialogue.js","default":"./embed/vouch-embed-dialogue.js","require":"./embed/vouch-embed-dialogue.cjs"},"./components/vouch-brand-logo":{"import":"./components/vouch-brand-logo.js","default":"./components/vouch-brand-logo.js","require":"./components/vouch-brand-logo.cjs"},"./components/vouch-icon-close":{"import":"./components/vouch-icon-close.js","default":"./components/vouch-icon-close.js","require":"./components/vouch-icon-close.cjs"},"./components/vouch-icon-pause":{"import":"./components/vouch-icon-pause.js","default":"./components/vouch-icon-pause.js","require":"./components/vouch-icon-pause.cjs"},"./components/vouch-media-plyr":{"import":"./components/vouch-media-plyr.js","default":"./components/vouch-media-plyr.js","require":"./components/vouch-media-plyr.cjs"},"./components/vouch-water-mark":{"import":"./components/vouch-water-mark.js","default":"./components/vouch-water-mark.js","require":"./components/vouch-water-mark.cjs"},"./embed/VouchEmbedCard.svelte":"./embed/VouchEmbedCard.svelte","./embed/vouch-embed-thumbnail":{"import":"./embed/vouch-embed-thumbnail.js","default":"./embed/vouch-embed-thumbnail.js","require":"./embed/vouch-embed-thumbnail.cjs"},"./embed/vouch-recorder-button":{"import":"./embed/vouch-recorder-button.js","default":"./embed/vouch-recorder-button.js","require":"./embed/vouch-recorder-button.cjs"},"./components/vouch-graphic-svg":{"import":"./components/vouch-graphic-svg.js","default":"./components/vouch-graphic-svg.js","require":"./components/vouch-graphic-svg.cjs"},"./embed/VouchEmbedJumbo.svelte":"./embed/VouchEmbedJumbo.svelte","./embed/vouch-recorder-preview":{"import":"./embed/vouch-recorder-preview.js","default":"./embed/vouch-recorder-preview.js","require":"./embed/vouch-recorder-preview.cjs"},"./internal/hooks/useFetchEmbed":"./internal/hooks/useFetchEmbed.js","./embed/VouchEmbedButton.svelte":"./embed/VouchEmbedButton.svelte","./embed/VouchEmbedPopover.svelte":"./embed/VouchEmbedPopover.svelte","./components/VouchIconPlay.svelte":"./components/VouchIconPlay.svelte","./components/VouchRecorder.svelte":"./components/VouchRecorder.svelte","./embed/VouchEmbedDialogue.svelte":"./embed/VouchEmbedDialogue.svelte","./embed/vouch-embed-inline-player":{"import":"./embed/vouch-embed-inline-player.js","default":"./embed/vouch-embed-inline-player.js","require":"./embed/vouch-embed-inline-player.cjs"},"./test/components/VouchIcons.spec":"./test/components/VouchIcons.spec.js","./components/VouchBrandLogo.svelte":"./components/VouchBrandLogo.svelte","./components/VouchIconClose.svelte":"./components/VouchIconClose.svelte","./components/VouchIconPause.svelte":"./components/VouchIconPause.svelte","./components/VouchMediaPlyr.svelte":"./components/VouchMediaPlyr.svelte","./components/VouchWaterMark.svelte":"./components/VouchWaterMark.svelte","./components/vouch-icon-arrow-left":{"import":"./components/vouch-icon-arrow-left.js","default":"./components/vouch-icon-arrow-left.js","require":"./components/vouch-icon-arrow-left.cjs"},"./embed/VouchEmbedThumbnail.svelte":"./embed/VouchEmbedThumbnail.svelte","./embed/VouchRecorderButton.svelte":"./embed/VouchRecorderButton.svelte","./components/VouchGraphicSvg.svelte":"./components/VouchGraphicSvg.svelte","./components/vouch-icon-arrow-right":{"import":"./components/vouch-icon-arrow-right.js","default":"./components/vouch-icon-arrow-right.js","require":"./components/vouch-icon-arrow-right.cjs"},"./embed/VouchRecorderPreview.svelte":"./embed/VouchRecorderPreview.svelte","./components/vouch-overlay-play-icon":{"import":"./components/vouch-overlay-play-icon.js","default":"./components/vouch-overlay-play-icon.js","require":"./components/vouch-overlay-play-icon.cjs"},"./test/internals/hooks/useFetch.spec":"./test/internals/hooks/useFetch.spec.js","./test/internals/hooks/useTrack.spec":"./test/internals/hooks/useTrack.spec.js","./embed/VouchEmbedInlinePlayer.svelte":"./embed/VouchEmbedInlinePlayer.svelte","./test/components/VouchBrandLogo.spec":"./test/components/VouchBrandLogo.spec.js","./test/components/VouchWaterMark.spec":"./test/components/VouchWaterMark.spec.js","./components/VouchIconArrowLeft.svelte":"./components/VouchIconArrowLeft.svelte","./test/components/VouchGraphicSvg.spec":"./test/components/VouchGraphicSvg.spec.js","./components/VouchIconArrowRight.svelte":"./components/VouchIconArrowRight.svelte","./components/VouchOverlayPlayIcon.svelte":"./components/VouchOverlayPlayIcon.svelte","./test/internals/hooks/useFetchEmbed.spec":"./test/internals/hooks/useFetchEmbed.spec.js"},"gitHead":"010c9b735f18cbd70350ba8b59873e3f63b5954d","_npmUser":{"name":"vouch-tech","email":"brian@vouchfor.com"},"repository":{"url":"git+https://github.com/VouchAU/vouch-uikit.git","type":"git"},"_npmVersion":"8.19.2","description":"Vouch Svelte UIKit","directories":{},"lint-staged":{"*.{js,svelte}":"yarn lint"},"_nodeVersion":"16.18.0","dependencies":{"flat":"^5.0.2","plyr":"^3.7.2","cookie":"^0.4.1","hls.js":"^1.1.5","core-js":"^3.16.3","postcss":"^7","@vime/core":"^5.3.1","tailwindcss":"npm:@tailwindcss/postcss7-compat","@lukeed/uuid":"^2.0.0","autoprefixer":"^9","whatwg-fetch":"^3.6.2","patch-package":"^6.5.0","@fontsource/fira-mono":"^4.2.2","postinstall-postinstall":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^27.0.6","path":"^0.12.7","vite":"^3.1.8","react":"^18.2.0","tslib":"^2.0.0","dotenv":"^10.0.0","eslint":"^7.22.0","rollup":"^2.55.1","svelte":"^3.34.0","webpack":"^5.74.0","playroom":"0.28.0","prettier":"~2.2.1","react-dom":"^18.2.0","ts-loader":"^9.4.1","babel-jest":"^27.0.6","base64-url":"^2.3.3","dotenv-cli":"^6.0.0","svelte2tsx":"^0.4.3","typescript":"^4.8.4","@babel/core":"^7.14.8","@types/jest":"^26.0.24","lint-staged":"^12.4.1","babel-loader":"^8.2.5","svelte-check":"^2.0.0","@sveltejs/kit":"next","@types/cookie":"^0.4.0","@types/hls.js":"^1.0.0","svelte-jester":"^1.8.1","svelte-loader":"^3.1.2","@storybook/react":"^6.5.13","@babel/preset-env":"^7.14.9","@storybook/svelte":"^6.5.13","@sveltejs/package":"^1.0.0-next.5","svelte-preprocess":"^4.0.0","rollup-plugin-copy":"^3.4.0","require-from-string":"^2.0.2","rollup-plugin-svelte":"^7.1.0","rollup-plugin-terser":"^7.0.2","eslint-plugin-svelte3":"^3.2.0","@babel/runtime-corejs3":"^7.14.9","@rollup/plugin-replace":"^3.0.0","@storybook/addon-links":"^6.5.13","eslint-config-prettier":"^8.1.0","prettier-plugin-svelte":"^2.2.0","@rollup/plugin-commonjs":"^22.0.0","@testing-library/svelte":"^3.0.3","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.5.13","storybook-addon-playroom":"^3.0.2","@typescript-eslint/parser":"^4.19.0","@rollup/plugin-node-resolve":"^13.0.4","@storybook/addon-essentials":"^6.5.13","@storybook/addon-svelte-csf":"^2.0.10","@typescript-eslint/eslint-plugin":"^4.19.0"},"_npmOperationalInternal":{"tmp":"tmp/uikit_5.14.1-010c9b7.0_1668746360003_0.05893062021304596","host":"s3://npm-registry-packages"}},"5.14.1-c1dca64.0":{"name":"@vouchfor/uikit","version":"5.14.1-c1dca64.0","keywords":["embed","design system","vouch-uikit","svelte","uikit"],"author":{"url":"https://vouchau.github.io/vouch-uikit","name":"Vouch Dev Team","email":"hello@vouchfor.com"},"license":"MIT","_id":"@vouchfor/uikit@5.14.1-c1dca64.0","maintainers":[{"name":"vouch-tech","email":"brian@vouchfor.com"}],"homepage":"https://vouchau.github.io/vouch-uikit","bugs":{"url":"https://github.com/VouchAU/vouch-uikit/issues"},"dist":{"shasum":"d543d4bba93863b89ff3f906e4975b4eae5359ab","tarball":"https://registry.npmjs.org/@vouchfor/uikit/-/uikit-5.14.1-c1dca64.0.tgz","fileCount":239,"integrity":"sha512-nUTLwQTOA26hrvoGF+wSopnGbbNtLzStjnXW3fgdJCUeDtqwUvOmoyT0Waso0F+uo5nAjQKKL1vhOqMef09zWw==","signatures":[{"sig":"MEUCIEX14PSKQFsDIEZ5lt7Ei0DfNK4rKxZGM6YJtca7xezkAiEAljeSEATRoNL/s/m6xpRSoxAsAd4AWOZQX0XD84Y4P1s=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":103933064,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjdxSRACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo7ag/5AbzLVkFoe73gAjz8sHQjbU+LZNuR1lhY3Q/PdHeo3X2vVebW\r\nTR0hox9/wayoCASWAuPlpfyFtAdfwO+bBMQSTibxxaq0IyhreYFQeHLgkUgk\r\nrdziGReHds6okBTcWVlOqe9XSF3fsGeY5Qs3ATQt2ypeJaNHbU4WzGGWe0rT\r\npcDBiByWS37U0KlenF13cM6QganMAXAkpuEr7N/V3f03lGcpoibQ1hiEN8n3\r\n6py0GwNUpV83Ot08DH/Mbzg3eOF+kPxfYM5Fmi3S4eCcUndhnKc1i/7p4uGH\r\nkBul1jZDOSVRyyaWluAgP3S7sSNVbxZNZ76yh25BevHCqOctxOWSqTsLcS1l\r\nxm8Ehak859a2yVQadHvGVMU0laCjt0/Sso52pMEEMNsCM+kjr38BbekRzpO4\r\n8mCSLdsFRdW2fqRjDHFNXh+fk0MD67GufVE3YGE8SHxkHgM+c+jTVtj2HR6N\r\nalELImZO4q0vT+opZzZCbHYYdE1ZohwDu85BmS7X3utKakKt9HdGho9fNsyS\r\nFQ8iqjYjYxacH8Mh99QtIShgbH8WDr0BQwcGxpf7eTuG188VvNkcGknomWXQ\r\nJQFu+nQDh+umedHfCkNGOqhrz+YzjzXLEpXMV3XEUuuWa2HydRrh788n9M65\r\n8zLoWKnRUNDXgG/KvcVl7UtoJlnMT2T3DPg=\r\n=qkZi\r\n-----END PGP SIGNATURE-----\r\n"},"type":"module","types":"types.d.ts","readme":"# Vouch UIKit\n\n- [Get Started](#get-started)\n - [Storybook](#storybook)\n - [Build package](#build-package)\n - [Test package locally with vouch-app](#test-package-locally-with-vouch-app)\n - [Publish to npm](#publish-to-npm)\n - [Purge npm cache](#purge-npm-cached-tags)\n- [Update vouch-app](#update-vouch-app)\n - [development](#development-devvouchforcom)\n - [staging](#staging-stagingvouchforcom)\n - [production](#production-appvouchforcom)\n\n**Vouch UIKit** consists of `2 libraries` and `1 application`\n\n```bash\n└── src\n ├── lib\n │ ├── components # Design System Components (Web Component)\n │ │ ├── VouchBrandLogo.svelte\n │ │ ...\n │ │\n │ └── embed # embed Components (Web Component)\n │ │ ├── VouchEmbedInlinePlayer.svelte\n │ ...\n │\n │\n ├── routes # vouch public embed link (https://embed.vouchfor.com)\n │ ├── __layout.svelte\n │ ├── index.svelte\n │ ├── about.svelte\n │ ...\n │\n ├── app.css\n └── app.html\n```\n\n# Get Started\n\nEnsure you have node `14.17.0` installed on your machine, for example via [nvm](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/TERMINAL.md#install-nvm), run `nvm ls` to check\n\n```bash\nnvm ls 14\n```\n\nyou should see output if you have the version installed\n\n```bash\n-> v14.17.0\n```\n\nensure you have [git ssh](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/GITHUB.md) setup locally before you clone the repo\n\n```bash\ngit clone git@github.com:VouchAU/vouch-uikit.git\n```\n\ninstall dependencies\n\n```bash\ncd vouch-uikit\nyarn\n```\n\n## Storybook\n\nhttps://designsystem.vouchfor.com/\n\nStorybook is hosted on GitHub page `gh-pages` branch (Domain name is configured on **Cloudflare**) and deployed automatically via **GitHub Action** every time changes are merged back to `master`.\n\nLocal dev\n\n```bash\nyarn storybook\n```\n\nbuild storybook\n\n```bash\nyarn build-storybook\n```\n\n## Build package\n\nBuild `src/lib` production/beta/alpha package, make sure you change `version` in `package.json` for three different build tags.\n\n```sh\ncd vouch-uikit\n...\nyarn package:alpha # development\nyarn package:beta # staging\nyarn package # production\n```\n\n## Test package locally with `vouch-app`\n\nOnce you build the `npm` package, you can test locally with `vouch-app` to ensure everything works as expected before publishing to `npm`\n\nAssuming you build a package according [Build package](#build-package), now you can create a symlink to your local package\n\n```sh\ncd package\nyarn link\n```\n\nyou should see this if successfully linked\n\n```sh\nyarn link v1.22.10\nsuccess Registered \"@vouchfor/uikit\".\ninfo You can now run `yarn link \"@vouchfor/uikit\"` in the projects where you want to use this package and it will be used instead.\n✨ Done in 0.04s.\n```\n\ngo to `vouch-app` folder and switch to the branch you want to test against with then link the local package\n\n```sh\ncd vouch-app\ngit checkout VCH-222\nyarn link @vouchfor/uikit\nyarn dev\n```\n\nVoilà, you are testing your feature branch with the local uikit package and don't forget to roll back after testing\n\n```sh\ncd vouch-app\nyarn unlink @vouchfor/uikit\n...\ncd vouch-uikit/package\nyarn unlink\n```\n\n## Publish to `npm`\n\n> Note you will need to log in `vouch-tech` on your terminal before publishing, credential is shared via 1Password.\n\n```bash\nnpm login\n...\n```\n\n```bash\ncd package\n...\nnpm publish --access public --tag alpha # development\nnpm publish --access public --tag beta # staging\nnpm publish --access public # production\n```\n\n## Purge `jsdelivr` cache\n\n`@vouchfor/uikit` is most likely consumed by **tag**, `alpha`, `beta` and `latest`, not version number to ensure clients can always get the latest updates. [jsdelivr](https://cdn.jsdelivr.net/) default has 7 days cache for `tag`, so we need to purge it to reflect new version number.\n\n- Check current tag version number\n\n - [Click to check Alpha](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@alpha/)\n - [Click to check Beta](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@beta/)\n - [Click to check Production](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n- Purge cache\n - [Click to purge Alpha](https://purge.jsdelivr.net/npm/@vouchfor/uikit@alpha/)\n - [Click to purge Beta](https://purge.jsdelivr.net/npm/@vouchfor/uikit@beta/)\n - **_Danger_** [Click to purge Production](https://purge.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n### Purge specific bundle.js\n\nOur embed code snippet `src` attribute currently refers to a specific embed bundle js , for example\n\n```html\n\n
\n```\n\nIn this case, you will need to purge the bundle file specifically by providing absolute path\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/embed/{filename}.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/components/{filename}.bundle.js\n```\n\nfor example,\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@alpha/embed/vouch-embed-inline-player.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@beta/embed/vouch-embed-inline-player.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/embed/vouch-embed-inline-player.bundle.js\n```\n\n## Unit test\n\n```bash\nyarn test\n```\n\nupdate snapshot\n\n```bash\nyarn test -u\n```\n\n# Update `vouch-app`\n\n`@vouchfor/uikit` is a dependency of `vouch-app` for embeds and UI components, follow the below steps to publish NPM package and update `package.json` dependency in `vouch-app`.\n\n> Each PR should bump the minor version in `package.json` in order to push new version to NPM. e.g. `\"version\": \"3.9.0\"` in `main` branch, you should bump to `\"version\": \"3.10.0\"` in your branch.\n\n> The major version should only be used for releasing breaking changes. e.g. `3.0.0`, `4.0.0`\n\n## Development (`dev.vouchfor.com`)\n\nAssuming your branch bumped version in `package.json` to\n\n```json\n\"version\": \"3.10.0\"\n```\n\n### Bump patch version number\n\nEnsure your patch version number isn't used, e.g. if `3.10.0` was published before, bump to `3.10.1`.\n\n### Build and publish\n\n```sh\nyarn package:alpha\ncd package\nnpm publish --access public --tag alpha\n```\n\nMake sure you purge NPM CDN cache for package, see [Purge npm cached tags](#purge-npm-cached-tags)\n\n### Update dependency in `vouch-app`\n\nEnsure you already cloned [vouch-app](https://github.com/VouchAU/vouch-app.git) locally then switch to the folder.\n\n```sh\ncd vouch-app\ngit checkout development\ngit pull\ngit merge feature/VCH-111 # Optional, only when you have code change dependency in vouch-app as well\nyarn upgrade @vouchfor/uikit@alpha\n```\n\nAfter upgrade, you should see version updates in both `package.json` and `yarn.lock`, but due to a known issue of `yarn`, please do these before committing changes\n\n- Manually roll back `package.json` (should always `\"@vouchfor/uikit\": \"alpha\"` for `development`).\n- run `yarn` again to update `yarn.lock`\n\n```sh\ngit commit -m \"Bumped uikit version\"\ngit push\n```\n\n## Staging (`staging.vouchfor.com`)\n\nUpdate `staging` environment is the same as [Development](#development-devvouchforcom) but remember to change cmd to `staging` specific\n\n```sh\nyarn package:beta\n```\n\n```sh\nnpm publish --access public --tag beta\n```\n\n```sh\ncd vouch-app\ngit checkout staging\ngit pull\ngit merge feature/VCH-111 # Optional, only when you have code change dependency in vouch-app as well\nyarn upgrade @vouchfor/uikit@beta\n```\n\n## Production (`app.vouchfor.com`)\n\nOne thing different when release to production, since `master` branch can only be merged by PRs (after code review), so you will need to run `yarn upgrade @vouchfor/uikit@latest` under you feature branch and commit **before merging the PR**.\n\n```sh\ngit checkout feature/VCH-111\nyarn upgrade upgrade @vouchfor/uikit@latest\ngit commit -m \"Bumped uikit version\"\ngit push\n```\n\n> When you run above cmd, your PR should be ready to merge (reviewed and QA tested)\n","engines":{"node":">=16"},"exports":{"./events":"./events.js","./constants":"./constants.js","./embed/events":{"import":"./embed/events.js","default":"./embed/events.js","require":"./embed/events.cjs"},"./package.json":"./package.json","./internal/theme":"./internal/theme.js","./internal/utils":"./internal/utils.js","./embed/vouch-embed-all":{"import":"./embed/vouch-embed-all.js","default":"./embed/vouch-embed-all.js","require":"./embed/vouch-embed-all.cjs"},"./embed/vouch-embed-card":{"import":"./embed/vouch-embed-card.js","default":"./embed/vouch-embed-card.js","require":"./embed/vouch-embed-card.cjs"},"./embed/vouch-embed-jumbo":{"import":"./embed/vouch-embed-jumbo.js","default":"./embed/vouch-embed-jumbo.js","require":"./embed/vouch-embed-jumbo.cjs"},"./internal/hooks/useFetch":"./internal/hooks/useFetch.js","./internal/hooks/useTrack":"./internal/hooks/useTrack.js","./embed/vouch-embed-button":{"import":"./embed/vouch-embed-button.js","default":"./embed/vouch-embed-button.js","require":"./embed/vouch-embed-button.cjs"},"./components/vouch-recorder":{"import":"./components/vouch-recorder.js","default":"./components/vouch-recorder.js","require":"./components/vouch-recorder.cjs"},"./embed/vouch-embed-popover":{"import":"./embed/vouch-embed-popover.js","default":"./embed/vouch-embed-popover.js","require":"./embed/vouch-embed-popover.cjs"},"./test/internals/utils.spec":"./test/internals/utils.spec.js","./components/vouch-icon-play":{"import":"./components/vouch-icon-play.js","default":"./components/vouch-icon-play.js","require":"./components/vouch-icon-play.cjs"},"./embed/vouch-embed-dialogue":{"import":"./embed/vouch-embed-dialogue.js","default":"./embed/vouch-embed-dialogue.js","require":"./embed/vouch-embed-dialogue.cjs"},"./components/vouch-brand-logo":{"import":"./components/vouch-brand-logo.js","default":"./components/vouch-brand-logo.js","require":"./components/vouch-brand-logo.cjs"},"./components/vouch-icon-close":{"import":"./components/vouch-icon-close.js","default":"./components/vouch-icon-close.js","require":"./components/vouch-icon-close.cjs"},"./components/vouch-icon-pause":{"import":"./components/vouch-icon-pause.js","default":"./components/vouch-icon-pause.js","require":"./components/vouch-icon-pause.cjs"},"./components/vouch-media-plyr":{"import":"./components/vouch-media-plyr.js","default":"./components/vouch-media-plyr.js","require":"./components/vouch-media-plyr.cjs"},"./components/vouch-water-mark":{"import":"./components/vouch-water-mark.js","default":"./components/vouch-water-mark.js","require":"./components/vouch-water-mark.cjs"},"./embed/VouchEmbedCard.svelte":"./embed/VouchEmbedCard.svelte","./embed/vouch-embed-thumbnail":{"import":"./embed/vouch-embed-thumbnail.js","default":"./embed/vouch-embed-thumbnail.js","require":"./embed/vouch-embed-thumbnail.cjs"},"./embed/vouch-recorder-button":{"import":"./embed/vouch-recorder-button.js","default":"./embed/vouch-recorder-button.js","require":"./embed/vouch-recorder-button.cjs"},"./components/vouch-graphic-svg":{"import":"./components/vouch-graphic-svg.js","default":"./components/vouch-graphic-svg.js","require":"./components/vouch-graphic-svg.cjs"},"./embed/VouchEmbedJumbo.svelte":"./embed/VouchEmbedJumbo.svelte","./embed/vouch-recorder-preview":{"import":"./embed/vouch-recorder-preview.js","default":"./embed/vouch-recorder-preview.js","require":"./embed/vouch-recorder-preview.cjs"},"./internal/hooks/useFetchEmbed":"./internal/hooks/useFetchEmbed.js","./embed/VouchEmbedButton.svelte":"./embed/VouchEmbedButton.svelte","./components/vouch-circle-button":{"import":"./components/vouch-circle-button.js","default":"./components/vouch-circle-button.js","require":"./components/vouch-circle-button.cjs"},"./embed/VouchEmbedPopover.svelte":"./embed/VouchEmbedPopover.svelte","./components/VouchIconPlay.svelte":"./components/VouchIconPlay.svelte","./components/VouchRecorder.svelte":"./components/VouchRecorder.svelte","./embed/VouchEmbedDialogue.svelte":"./embed/VouchEmbedDialogue.svelte","./embed/vouch-embed-inline-player":{"import":"./embed/vouch-embed-inline-player.js","default":"./embed/vouch-embed-inline-player.js","require":"./embed/vouch-embed-inline-player.cjs"},"./test/components/VouchIcons.spec":"./test/components/VouchIcons.spec.js","./components/VouchBrandLogo.svelte":"./components/VouchBrandLogo.svelte","./components/VouchIconClose.svelte":"./components/VouchIconClose.svelte","./components/VouchIconPause.svelte":"./components/VouchIconPause.svelte","./components/VouchMediaPlyr.svelte":"./components/VouchMediaPlyr.svelte","./components/VouchWaterMark.svelte":"./components/VouchWaterMark.svelte","./components/vouch-icon-arrow-left":{"import":"./components/vouch-icon-arrow-left.js","default":"./components/vouch-icon-arrow-left.js","require":"./components/vouch-icon-arrow-left.cjs"},"./embed/VouchEmbedThumbnail.svelte":"./embed/VouchEmbedThumbnail.svelte","./embed/VouchRecorderButton.svelte":"./embed/VouchRecorderButton.svelte","./components/VouchGraphicSvg.svelte":"./components/VouchGraphicSvg.svelte","./components/vouch-icon-arrow-right":{"import":"./components/vouch-icon-arrow-right.js","default":"./components/vouch-icon-arrow-right.js","require":"./components/vouch-icon-arrow-right.cjs"},"./embed/VouchRecorderPreview.svelte":"./embed/VouchRecorderPreview.svelte","./components/vouch-overlay-play-icon":{"import":"./components/vouch-overlay-play-icon.js","default":"./components/vouch-overlay-play-icon.js","require":"./components/vouch-overlay-play-icon.cjs"},"./test/internals/hooks/useFetch.spec":"./test/internals/hooks/useFetch.spec.js","./test/internals/hooks/useTrack.spec":"./test/internals/hooks/useTrack.spec.js","./components/VouchCircleButton.svelte":"./components/VouchCircleButton.svelte","./embed/VouchEmbedInlinePlayer.svelte":"./embed/VouchEmbedInlinePlayer.svelte","./test/components/VouchBrandLogo.spec":"./test/components/VouchBrandLogo.spec.js","./test/components/VouchWaterMark.spec":"./test/components/VouchWaterMark.spec.js","./components/VouchIconArrowLeft.svelte":"./components/VouchIconArrowLeft.svelte","./test/components/VouchGraphicSvg.spec":"./test/components/VouchGraphicSvg.spec.js","./components/VouchIconArrowRight.svelte":"./components/VouchIconArrowRight.svelte","./components/VouchOverlayPlayIcon.svelte":"./components/VouchOverlayPlayIcon.svelte","./test/internals/hooks/useFetchEmbed.spec":"./test/internals/hooks/useFetchEmbed.spec.js"},"gitHead":"c1dca64c826d51775db0e722a8c6e895c554f0e0","_npmUser":{"name":"vouch-tech","email":"brian@vouchfor.com"},"repository":{"url":"git+https://github.com/VouchAU/vouch-uikit.git","type":"git"},"_npmVersion":"8.19.2","description":"Vouch Svelte UIKit","directories":{},"lint-staged":{"*.{js,svelte}":"yarn lint"},"_nodeVersion":"16.18.0","dependencies":{"flat":"^5.0.2","plyr":"^3.7.2","cookie":"^0.4.1","hls.js":"^1.1.5","core-js":"^3.16.3","postcss":"^7","@vime/core":"^5.3.1","tailwindcss":"npm:@tailwindcss/postcss7-compat","@lukeed/uuid":"^2.0.0","autoprefixer":"^9","whatwg-fetch":"^3.6.2","patch-package":"^6.5.0","@fontsource/fira-mono":"^4.2.2","postinstall-postinstall":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^27.0.6","path":"^0.12.7","vite":"^3.1.8","react":"^18.2.0","tslib":"^2.0.0","dotenv":"^10.0.0","eslint":"^7.22.0","rollup":"^2.55.1","svelte":"^3.34.0","webpack":"^5.74.0","playroom":"0.28.0","prettier":"~2.2.1","react-dom":"^18.2.0","ts-loader":"^9.4.1","babel-jest":"^27.0.6","base64-url":"^2.3.3","dotenv-cli":"^6.0.0","svelte2tsx":"^0.4.3","typescript":"^4.8.4","@babel/core":"^7.14.8","@types/jest":"^26.0.24","lint-staged":"^12.4.1","babel-loader":"^8.2.5","svelte-check":"^2.0.0","@sveltejs/kit":"next","@types/cookie":"^0.4.0","@types/hls.js":"^1.0.0","svelte-jester":"^1.8.1","svelte-loader":"^3.1.2","@storybook/react":"^6.5.13","@babel/preset-env":"^7.14.9","@storybook/svelte":"^6.5.13","@sveltejs/package":"^1.0.0-next.5","svelte-preprocess":"^4.0.0","rollup-plugin-copy":"^3.4.0","require-from-string":"^2.0.2","rollup-plugin-svelte":"^7.1.0","rollup-plugin-terser":"^7.0.2","eslint-plugin-svelte3":"^3.2.0","@babel/runtime-corejs3":"^7.14.9","@rollup/plugin-replace":"^3.0.0","@storybook/addon-links":"^6.5.13","eslint-config-prettier":"^8.1.0","prettier-plugin-svelte":"^2.2.0","@rollup/plugin-commonjs":"^22.0.0","@testing-library/svelte":"^3.0.3","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.5.13","storybook-addon-playroom":"^3.0.2","@typescript-eslint/parser":"^4.19.0","@rollup/plugin-node-resolve":"^13.0.4","@storybook/addon-essentials":"^6.5.13","@storybook/addon-svelte-csf":"^2.0.10","@typescript-eslint/eslint-plugin":"^4.19.0"},"_npmOperationalInternal":{"tmp":"tmp/uikit_5.14.1-c1dca64.0_1668748432451_0.5469065747483719","host":"s3://npm-registry-packages"}},"0.0.0-experiment.b6dc83c":{"name":"@vouchfor/uikit","version":"0.0.0-experiment.b6dc83c","keywords":["embed","design system","vouch-uikit","svelte","uikit"],"author":{"url":"https://vouchau.github.io/vouch-uikit","name":"Vouch Dev Team","email":"hello@vouchfor.com"},"license":"MIT","_id":"@vouchfor/uikit@0.0.0-experiment.b6dc83c","maintainers":[{"name":"vouch-tech","email":"brian@vouchfor.com"}],"homepage":"https://vouchau.github.io/vouch-uikit","bugs":{"url":"https://github.com/VouchAU/vouch-uikit/issues"},"dist":{"shasum":"508ec884b7f5b1f8055b2d71712a6f9c601716f0","tarball":"https://registry.npmjs.org/@vouchfor/uikit/-/uikit-0.0.0-experiment.b6dc83c.tgz","fileCount":239,"integrity":"sha512-fb+9x3AZQY9qzY9fRGU9ZUmzefDMNHOn3OuIFNHkPRytyzclLjN5BY+La8VkzTghWeUaalTaknbbKRkEzQklFQ==","signatures":[{"sig":"MEQCIC3TvGhvYE0VJg8r2IHjR5fZDTxp8KmF7cyBuTGsJosTAiBNbUcSDLWanf8PNxO3MZ3of+Xexb6YPNmmg4wxb/DyJg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":103933072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjeuPfACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpssw/5AJNNWJyllzhK0gP1aPbyg4VJGTsOxgEqxVbRZcqCxrVwDk0z\r\nRBSw85Wsb23ux0dgjb5SwKNyTP+cGK4VCu86wFHcJkz1FSPEqnhEil4Ig33i\r\nE9JryVrPchNobUhy+1HR3GyCFlxmOJdAdDPDrovWQYJb2EZx+lzvGFlLvMOl\r\nXbw3XTmSImztpS3nGZBPJ2kg7b18WCj0GLnDOyJw1cm9D+QCcBcS6JDRpUJ+\r\nHNTEEBDh8ueumeDqBa5nc6Dnu/l0lMmSLndLqFMKBdONnGwkPY7QBrzvXPY4\r\nOQVC/0MCPq8KYu8eO34gKzOGLV+kR5rdBPluYh8t5Rqy3P64cKW42MMgOlI9\r\n2Ky75cxCKI1MHCQf5iv6LJjTLqHhilF1L204arz6fY4n0y4m4oaOtw6TjT/V\r\nlaxsKhXmG/ysN8RbeLNFmydYkhQHy3oOxQxGkBbrW+gUF4FblnH3c0VoHnSq\r\n715Hza8tGdQougZQgzPsgWpwK68BigP/dDfsJWLkxP/vcHnSZsRqEvc4Tput\r\nymMGvJP4km+QU3AC6sOD6oWXgm/TC0WNCn5iBcLfTXcv4USm9976iyzqQdlT\r\nS53dd/E4J3BIarQrhFgZsPJu7HwRmfXb5zRaVgHRcNnAQMEyaRbGz3HGSaqb\r\nBSp0i2gWNjor/0603RZDmU4w2ZtbKGsnknU=\r\n=SLdG\r\n-----END PGP SIGNATURE-----\r\n"},"type":"module","types":"types.d.ts","readme":"# Vouch UIKit\n\n- [Get Started](#get-started)\n - [Storybook](#storybook)\n - [Build package](#build-package)\n - [Test package locally with vouch-app](#test-package-locally-with-vouch-app)\n - [Publish to npm](#publish-to-npm)\n - [Purge npm cache](#purge-npm-cached-tags)\n- [Update vouch-app](#update-vouch-app)\n - [development](#development-devvouchforcom)\n - [staging](#staging-stagingvouchforcom)\n - [production](#production-appvouchforcom)\n\n**Vouch UIKit** consists of `2 libraries` and `1 application`\n\n```bash\n└── src\n ├── lib\n │ ├── components # Design System Components (Web Component)\n │ │ ├── VouchBrandLogo.svelte\n │ │ ...\n │ │\n │ └── embed # embed Components (Web Component)\n │ │ ├── VouchEmbedInlinePlayer.svelte\n │ ...\n │\n │\n ├── routes # vouch public embed link (https://embed.vouchfor.com)\n │ ├── __layout.svelte\n │ ├── index.svelte\n │ ├── about.svelte\n │ ...\n │\n ├── app.css\n └── app.html\n```\n\n# Get Started\n\nEnsure you have node `14.17.0` installed on your machine, for example via [nvm](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/TERMINAL.md#install-nvm), run `nvm ls` to check\n\n```bash\nnvm ls 14\n```\n\nyou should see output if you have the version installed\n\n```bash\n-> v14.17.0\n```\n\nensure you have [git ssh](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/GITHUB.md) setup locally before you clone the repo\n\n```bash\ngit clone git@github.com:VouchAU/vouch-uikit.git\n```\n\ninstall dependencies\n\n```bash\ncd vouch-uikit\nyarn\n```\n\n## Storybook\n\nhttps://designsystem.vouchfor.com/\n\nStorybook is hosted on GitHub page `gh-pages` branch (Domain name is configured on **Cloudflare**) and deployed automatically via **GitHub Action** every time changes are merged back to `master`.\n\nLocal dev\n\n```bash\nyarn storybook\n```\n\nbuild storybook\n\n```bash\nyarn build-storybook\n```\n\n## Build package\n\nBuild `src/lib` production/beta/alpha package, make sure you change `version` in `package.json` for three different build tags.\n\n```sh\ncd vouch-uikit\n...\nyarn package:alpha # development\nyarn package:beta # staging\nyarn package # production\n```\n\n## Test package locally with `vouch-app`\n\nOnce you build the `npm` package, you can test locally with `vouch-app` to ensure everything works as expected before publishing to `npm`\n\nAssuming you build a package according [Build package](#build-package), now you can create a symlink to your local package\n\n```sh\ncd package\nyarn link\n```\n\nyou should see this if successfully linked\n\n```sh\nyarn link v1.22.10\nsuccess Registered \"@vouchfor/uikit\".\ninfo You can now run `yarn link \"@vouchfor/uikit\"` in the projects where you want to use this package and it will be used instead.\n✨ Done in 0.04s.\n```\n\ngo to `vouch-app` folder and switch to the branch you want to test against with then link the local package\n\n```sh\ncd vouch-app\ngit checkout VCH-222\nyarn link @vouchfor/uikit\nyarn dev\n```\n\nVoilà, you are testing your feature branch with the local uikit package and don't forget to roll back after testing\n\n```sh\ncd vouch-app\nyarn unlink @vouchfor/uikit\n...\ncd vouch-uikit/package\nyarn unlink\n```\n\n## Publish to `npm`\n\n> Note you will need to log in `vouch-tech` on your terminal before publishing, credential is shared via 1Password.\n\n```bash\nnpm login\n...\n```\n\n```bash\ncd package\n...\nnpm publish --access public --tag alpha # development\nnpm publish --access public --tag beta # staging\nnpm publish --access public # production\n```\n\n## Purge `jsdelivr` cache\n\n`@vouchfor/uikit` is most likely consumed by **tag**, `alpha`, `beta` and `latest`, not version number to ensure clients can always get the latest updates. [jsdelivr](https://cdn.jsdelivr.net/) default has 7 days cache for `tag`, so we need to purge it to reflect new version number.\n\n- Check current tag version number\n\n - [Click to check Alpha](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@alpha/)\n - [Click to check Beta](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@beta/)\n - [Click to check Production](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n- Purge cache\n - [Click to purge Alpha](https://purge.jsdelivr.net/npm/@vouchfor/uikit@alpha/)\n - [Click to purge Beta](https://purge.jsdelivr.net/npm/@vouchfor/uikit@beta/)\n - **_Danger_** [Click to purge Production](https://purge.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n### Purge specific bundle.js\n\nOur embed code snippet `src` attribute currently refers to a specific embed bundle js , for example\n\n```html\n\n
\n```\n\nIn this case, you will need to purge the bundle file specifically by providing absolute path\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/embed/{filename}.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/components/{filename}.bundle.js\n```\n\nfor example,\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@alpha/embed/vouch-embed-inline-player.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@beta/embed/vouch-embed-inline-player.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/embed/vouch-embed-inline-player.bundle.js\n```\n\n## Unit test\n\n```bash\nyarn test\n```\n\nupdate snapshot\n\n```bash\nyarn test -u\n```\n\n# Update `vouch-app`\n\n`@vouchfor/uikit` is a dependency of `vouch-app` for embeds and UI components, follow the below steps to publish NPM package and update `package.json` dependency in `vouch-app`.\n\n> Each PR should bump the minor version in `package.json` in order to push new version to NPM. e.g. `\"version\": \"3.9.0\"` in `main` branch, you should bump to `\"version\": \"3.10.0\"` in your branch.\n\n> The major version should only be used for releasing breaking changes. e.g. `3.0.0`, `4.0.0`\n\n## Development (`dev.vouchfor.com`)\n\nAssuming your branch bumped version in `package.json` to\n\n```json\n\"version\": \"3.10.0\"\n```\n\n### Bump patch version number\n\nEnsure your patch version number isn't used, e.g. if `3.10.0` was published before, bump to `3.10.1`.\n\n### Build and publish\n\n```sh\nyarn package:alpha\ncd package\nnpm publish --access public --tag alpha\n```\n\nMake sure you purge NPM CDN cache for package, see [Purge npm cached tags](#purge-npm-cached-tags)\n\n### Update dependency in `vouch-app`\n\nEnsure you already cloned [vouch-app](https://github.com/VouchAU/vouch-app.git) locally then switch to the folder.\n\n```sh\ncd vouch-app\ngit checkout development\ngit pull\ngit merge feature/VCH-111 # Optional, only when you have code change dependency in vouch-app as well\nyarn upgrade @vouchfor/uikit@alpha\n```\n\nAfter upgrade, you should see version updates in both `package.json` and `yarn.lock`, but due to a known issue of `yarn`, please do these before committing changes\n\n- Manually roll back `package.json` (should always `\"@vouchfor/uikit\": \"alpha\"` for `development`).\n- run `yarn` again to update `yarn.lock`\n\n```sh\ngit commit -m \"Bumped uikit version\"\ngit push\n```\n\n## Staging (`staging.vouchfor.com`)\n\nUpdate `staging` environment is the same as [Development](#development-devvouchforcom) but remember to change cmd to `staging` specific\n\n```sh\nyarn package:beta\n```\n\n```sh\nnpm publish --access public --tag beta\n```\n\n```sh\ncd vouch-app\ngit checkout staging\ngit pull\ngit merge feature/VCH-111 # Optional, only when you have code change dependency in vouch-app as well\nyarn upgrade @vouchfor/uikit@beta\n```\n\n## Production (`app.vouchfor.com`)\n\nOne thing different when release to production, since `master` branch can only be merged by PRs (after code review), so you will need to run `yarn upgrade @vouchfor/uikit@latest` under you feature branch and commit **before merging the PR**.\n\n```sh\ngit checkout feature/VCH-111\nyarn upgrade upgrade @vouchfor/uikit@latest\ngit commit -m \"Bumped uikit version\"\ngit push\n```\n\n> When you run above cmd, your PR should be ready to merge (reviewed and QA tested)\n","engines":{"node":">=16"},"exports":{"./events":"./events.js","./constants":"./constants.js","./embed/events":{"import":"./embed/events.js","default":"./embed/events.js","require":"./embed/events.cjs"},"./package.json":"./package.json","./internal/theme":"./internal/theme.js","./internal/utils":"./internal/utils.js","./embed/vouch-embed-all":{"import":"./embed/vouch-embed-all.js","default":"./embed/vouch-embed-all.js","require":"./embed/vouch-embed-all.cjs"},"./embed/vouch-embed-card":{"import":"./embed/vouch-embed-card.js","default":"./embed/vouch-embed-card.js","require":"./embed/vouch-embed-card.cjs"},"./embed/vouch-embed-jumbo":{"import":"./embed/vouch-embed-jumbo.js","default":"./embed/vouch-embed-jumbo.js","require":"./embed/vouch-embed-jumbo.cjs"},"./internal/hooks/useFetch":"./internal/hooks/useFetch.js","./internal/hooks/useTrack":"./internal/hooks/useTrack.js","./embed/vouch-embed-button":{"import":"./embed/vouch-embed-button.js","default":"./embed/vouch-embed-button.js","require":"./embed/vouch-embed-button.cjs"},"./components/vouch-recorder":{"import":"./components/vouch-recorder.js","default":"./components/vouch-recorder.js","require":"./components/vouch-recorder.cjs"},"./embed/vouch-embed-popover":{"import":"./embed/vouch-embed-popover.js","default":"./embed/vouch-embed-popover.js","require":"./embed/vouch-embed-popover.cjs"},"./test/internals/utils.spec":"./test/internals/utils.spec.js","./components/vouch-icon-play":{"import":"./components/vouch-icon-play.js","default":"./components/vouch-icon-play.js","require":"./components/vouch-icon-play.cjs"},"./embed/vouch-embed-dialogue":{"import":"./embed/vouch-embed-dialogue.js","default":"./embed/vouch-embed-dialogue.js","require":"./embed/vouch-embed-dialogue.cjs"},"./components/vouch-brand-logo":{"import":"./components/vouch-brand-logo.js","default":"./components/vouch-brand-logo.js","require":"./components/vouch-brand-logo.cjs"},"./components/vouch-icon-close":{"import":"./components/vouch-icon-close.js","default":"./components/vouch-icon-close.js","require":"./components/vouch-icon-close.cjs"},"./components/vouch-icon-pause":{"import":"./components/vouch-icon-pause.js","default":"./components/vouch-icon-pause.js","require":"./components/vouch-icon-pause.cjs"},"./components/vouch-media-plyr":{"import":"./components/vouch-media-plyr.js","default":"./components/vouch-media-plyr.js","require":"./components/vouch-media-plyr.cjs"},"./components/vouch-water-mark":{"import":"./components/vouch-water-mark.js","default":"./components/vouch-water-mark.js","require":"./components/vouch-water-mark.cjs"},"./embed/VouchEmbedCard.svelte":"./embed/VouchEmbedCard.svelte","./embed/vouch-embed-thumbnail":{"import":"./embed/vouch-embed-thumbnail.js","default":"./embed/vouch-embed-thumbnail.js","require":"./embed/vouch-embed-thumbnail.cjs"},"./embed/vouch-recorder-button":{"import":"./embed/vouch-recorder-button.js","default":"./embed/vouch-recorder-button.js","require":"./embed/vouch-recorder-button.cjs"},"./components/vouch-graphic-svg":{"import":"./components/vouch-graphic-svg.js","default":"./components/vouch-graphic-svg.js","require":"./components/vouch-graphic-svg.cjs"},"./embed/VouchEmbedJumbo.svelte":"./embed/VouchEmbedJumbo.svelte","./embed/vouch-recorder-preview":{"import":"./embed/vouch-recorder-preview.js","default":"./embed/vouch-recorder-preview.js","require":"./embed/vouch-recorder-preview.cjs"},"./internal/hooks/useFetchEmbed":"./internal/hooks/useFetchEmbed.js","./embed/VouchEmbedButton.svelte":"./embed/VouchEmbedButton.svelte","./components/vouch-circle-button":{"import":"./components/vouch-circle-button.js","default":"./components/vouch-circle-button.js","require":"./components/vouch-circle-button.cjs"},"./embed/VouchEmbedPopover.svelte":"./embed/VouchEmbedPopover.svelte","./components/VouchIconPlay.svelte":"./components/VouchIconPlay.svelte","./components/VouchRecorder.svelte":"./components/VouchRecorder.svelte","./embed/VouchEmbedDialogue.svelte":"./embed/VouchEmbedDialogue.svelte","./embed/vouch-embed-inline-player":{"import":"./embed/vouch-embed-inline-player.js","default":"./embed/vouch-embed-inline-player.js","require":"./embed/vouch-embed-inline-player.cjs"},"./test/components/VouchIcons.spec":"./test/components/VouchIcons.spec.js","./components/VouchBrandLogo.svelte":"./components/VouchBrandLogo.svelte","./components/VouchIconClose.svelte":"./components/VouchIconClose.svelte","./components/VouchIconPause.svelte":"./components/VouchIconPause.svelte","./components/VouchMediaPlyr.svelte":"./components/VouchMediaPlyr.svelte","./components/VouchWaterMark.svelte":"./components/VouchWaterMark.svelte","./components/vouch-icon-arrow-left":{"import":"./components/vouch-icon-arrow-left.js","default":"./components/vouch-icon-arrow-left.js","require":"./components/vouch-icon-arrow-left.cjs"},"./embed/VouchEmbedThumbnail.svelte":"./embed/VouchEmbedThumbnail.svelte","./embed/VouchRecorderButton.svelte":"./embed/VouchRecorderButton.svelte","./components/VouchGraphicSvg.svelte":"./components/VouchGraphicSvg.svelte","./components/vouch-icon-arrow-right":{"import":"./components/vouch-icon-arrow-right.js","default":"./components/vouch-icon-arrow-right.js","require":"./components/vouch-icon-arrow-right.cjs"},"./embed/VouchRecorderPreview.svelte":"./embed/VouchRecorderPreview.svelte","./components/vouch-overlay-play-icon":{"import":"./components/vouch-overlay-play-icon.js","default":"./components/vouch-overlay-play-icon.js","require":"./components/vouch-overlay-play-icon.cjs"},"./test/internals/hooks/useFetch.spec":"./test/internals/hooks/useFetch.spec.js","./test/internals/hooks/useTrack.spec":"./test/internals/hooks/useTrack.spec.js","./components/VouchCircleButton.svelte":"./components/VouchCircleButton.svelte","./embed/VouchEmbedInlinePlayer.svelte":"./embed/VouchEmbedInlinePlayer.svelte","./test/components/VouchBrandLogo.spec":"./test/components/VouchBrandLogo.spec.js","./test/components/VouchWaterMark.spec":"./test/components/VouchWaterMark.spec.js","./components/VouchIconArrowLeft.svelte":"./components/VouchIconArrowLeft.svelte","./test/components/VouchGraphicSvg.spec":"./test/components/VouchGraphicSvg.spec.js","./components/VouchIconArrowRight.svelte":"./components/VouchIconArrowRight.svelte","./components/VouchOverlayPlayIcon.svelte":"./components/VouchOverlayPlayIcon.svelte","./test/internals/hooks/useFetchEmbed.spec":"./test/internals/hooks/useFetchEmbed.spec.js"},"gitHead":"b6dc83cc9848d5dfbb2a01ead5f8d23606e2225b","_npmUser":{"name":"vouch-tech","email":"brian@vouchfor.com"},"repository":{"url":"git+https://github.com/VouchAU/vouch-uikit.git","type":"git"},"_npmVersion":"8.19.2","description":"Vouch Svelte UIKit","directories":{},"lint-staged":{"*.{js,svelte}":"yarn lint"},"_nodeVersion":"16.18.0","dependencies":{"flat":"^5.0.2","plyr":"^3.7.2","cookie":"^0.4.1","hls.js":"^1.1.5","core-js":"^3.16.3","postcss":"^7","@vime/core":"^5.3.1","tailwindcss":"npm:@tailwindcss/postcss7-compat","@lukeed/uuid":"^2.0.0","autoprefixer":"^9","whatwg-fetch":"^3.6.2","patch-package":"^6.5.0","@fontsource/fira-mono":"^4.2.2","postinstall-postinstall":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^27.0.6","path":"^0.12.7","vite":"^3.1.8","react":"^18.2.0","tslib":"^2.0.0","dotenv":"^10.0.0","eslint":"^7.22.0","rollup":"^2.55.1","svelte":"^3.34.0","webpack":"^5.74.0","playroom":"0.28.0","prettier":"~2.2.1","react-dom":"^18.2.0","ts-loader":"^9.4.1","babel-jest":"^27.0.6","base64-url":"^2.3.3","dotenv-cli":"^6.0.0","svelte2tsx":"^0.4.3","typescript":"^4.8.4","@babel/core":"^7.14.8","@types/jest":"^26.0.24","lint-staged":"^12.4.1","babel-loader":"^8.2.5","svelte-check":"^2.0.0","@sveltejs/kit":"next","@types/cookie":"^0.4.0","@types/hls.js":"^1.0.0","svelte-jester":"^1.8.1","svelte-loader":"^3.1.2","@storybook/react":"^6.5.13","@babel/preset-env":"^7.14.9","@storybook/svelte":"^6.5.13","@sveltejs/package":"^1.0.0-next.5","svelte-preprocess":"^4.0.0","rollup-plugin-copy":"^3.4.0","require-from-string":"^2.0.2","rollup-plugin-svelte":"^7.1.0","rollup-plugin-terser":"^7.0.2","eslint-plugin-svelte3":"^3.2.0","@babel/runtime-corejs3":"^7.14.9","@rollup/plugin-replace":"^3.0.0","@storybook/addon-links":"^6.5.13","eslint-config-prettier":"^8.1.0","prettier-plugin-svelte":"^2.2.0","@rollup/plugin-commonjs":"^22.0.0","@testing-library/svelte":"^3.0.3","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.5.13","storybook-addon-playroom":"^3.0.2","@typescript-eslint/parser":"^4.19.0","@rollup/plugin-node-resolve":"^13.0.4","@storybook/addon-essentials":"^6.5.13","@storybook/addon-svelte-csf":"^2.0.10","@typescript-eslint/eslint-plugin":"^4.19.0"},"_npmOperationalInternal":{"tmp":"tmp/uikit_0.0.0-experiment.b6dc83c_1668998111085_0.24704362719700002","host":"s3://npm-registry-packages"}},"0.0.0-experiment.272d04c":{"name":"@vouchfor/uikit","version":"0.0.0-experiment.272d04c","keywords":["embed","design system","vouch-uikit","svelte","uikit"],"author":{"url":"https://vouchau.github.io/vouch-uikit","name":"Vouch Dev Team","email":"hello@vouchfor.com"},"license":"MIT","_id":"@vouchfor/uikit@0.0.0-experiment.272d04c","maintainers":[{"name":"vouch-tech","email":"brian@vouchfor.com"}],"homepage":"https://vouchau.github.io/vouch-uikit","bugs":{"url":"https://github.com/VouchAU/vouch-uikit/issues"},"dist":{"shasum":"b68f5e01e3a8b4b87e999ba2a6e3965546c40a90","tarball":"https://registry.npmjs.org/@vouchfor/uikit/-/uikit-0.0.0-experiment.272d04c.tgz","fileCount":239,"integrity":"sha512-9ywsJuDlMNirMZdL4yj7Jki/ofJDbyj30HQn+oMmOCHLGK21RH/eUY0IbeMtnjuzLTBSLoxQnQDb9OyK4lDFrg==","signatures":[{"sig":"MEQCIEOuZedKX7zCOIQlj3V2j0x01Fktz1IJ8yssdJn+89/mAiBCVZ2epQgiDUlY5REFQCsp+PUXrsHKJdDFNS7iADrQLQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":104275164,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjfGjdACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpuzQ/+MSir3SEvcvLOSfRZCab14YwKSK+WC7jKNVojiijhOPyEsaMt\r\ndz7oI3H7625sR3Ew5maaAJzI66y7M5p8L+vBKqYlb+QvMXGT35cLgM8mi6tc\r\nw7iFrV9C5dAND4xyx6TJsj9A4uH0jYagSRe9dgHTFQSIh1TvbEVsCzpqSZlc\r\nqCJmgmDdnHw48vrMHfUyh47G53l1in3R64X/9P76IVjz81c8RUJ1dVyRXcVm\r\nRyMKC+H0v653fdwsJoFx+pswB/qIl73KR1+aCq/f7EtOPXWY+s9wkX2rFHqq\r\nFxhyveqVgXORW32kjQf1RFQXPD2sb7VOZAcguD/2dBWUKee/I/UCpc5mlTkL\r\nTaw8AhhNe6lxha4IuYVJwxyuBsU3eqrsGXvUp4yA+gAjHGKLXbCtNSPyyf8E\r\n9MOWvCJKB9pZiiT2jkP5hS6K0HxR5hCNV7e6bxvGg2YpTicHrkCp+0PlOvif\r\n0XZ18LIvKGMDkBtthfsPo1UzvDfUzUhUPdAUFHTDweoKICE8SAnj8EHnyubG\r\nSmSEx/lLsjmspQ7X+sTJmBFvHdlB9ArfXS41pTs8bPZv2u6lx/iIir/pIMOY\r\nCsG7YHwzMeSeroVKjFy6rj9ouGFWgdFNLn+BqfZpBscAmNHA5SAo8aPKM0q9\r\nIeZOr9R4nufQHEBKENCwAfWbtBUzzzn7XKw=\r\n=Vm/c\r\n-----END PGP SIGNATURE-----\r\n"},"type":"module","types":"types.d.ts","readme":"# Vouch UIKit\n\n- [Get Started](#get-started)\n - [Storybook](#storybook)\n - [Build package](#build-package)\n - [Test package locally with vouch-app](#test-package-locally-with-vouch-app)\n - [Publish to npm](#publish-to-npm)\n - [Purge npm cache](#purge-npm-cached-tags)\n- [Update vouch-app](#update-vouch-app)\n - [development](#development-devvouchforcom)\n - [staging](#staging-stagingvouchforcom)\n - [production](#production-appvouchforcom)\n\n**Vouch UIKit** consists of `2 libraries` and `1 application`\n\n```bash\n└── src\n ├── lib\n │ ├── components # Design System Components (Web Component)\n │ │ ├── VouchBrandLogo.svelte\n │ │ ...\n │ │\n │ └── embed # embed Components (Web Component)\n │ │ ├── VouchEmbedInlinePlayer.svelte\n │ ...\n │\n │\n ├── routes # vouch public embed link (https://embed.vouchfor.com)\n │ ├── __layout.svelte\n │ ├── index.svelte\n │ ├── about.svelte\n │ ...\n │\n ├── app.css\n └── app.html\n```\n\n# Get Started\n\nEnsure you have node `14.17.0` installed on your machine, for example via [nvm](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/TERMINAL.md#install-nvm), run `nvm ls` to check\n\n```bash\nnvm ls 14\n```\n\nyou should see output if you have the version installed\n\n```bash\n-> v14.17.0\n```\n\nensure you have [git ssh](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/GITHUB.md) setup locally before you clone the repo\n\n```bash\ngit clone git@github.com:VouchAU/vouch-uikit.git\n```\n\ninstall dependencies\n\n```bash\ncd vouch-uikit\nyarn\n```\n\n## Storybook\n\nhttps://designsystem.vouchfor.com/\n\nStorybook is hosted on GitHub page `gh-pages` branch (Domain name is configured on **Cloudflare**) and deployed automatically via **GitHub Action** every time changes are merged back to `master`.\n\nLocal dev\n\n```bash\nyarn storybook\n```\n\nbuild storybook\n\n```bash\nyarn build-storybook\n```\n\n## Build package\n\nBuild `src/lib` production/beta/alpha package, make sure you change `version` in `package.json` for three different build tags.\n\n```sh\ncd vouch-uikit\n...\nyarn package:alpha # development\nyarn package:beta # staging\nyarn package # production\n```\n\n## Test package locally with `vouch-app`\n\nOnce you build the `npm` package, you can test locally with `vouch-app` to ensure everything works as expected before publishing to `npm`\n\nAssuming you build a package according [Build package](#build-package), now you can create a symlink to your local package\n\n```sh\ncd package\nyarn link\n```\n\nyou should see this if successfully linked\n\n```sh\nyarn link v1.22.10\nsuccess Registered \"@vouchfor/uikit\".\ninfo You can now run `yarn link \"@vouchfor/uikit\"` in the projects where you want to use this package and it will be used instead.\n✨ Done in 0.04s.\n```\n\ngo to `vouch-app` folder and switch to the branch you want to test against with then link the local package\n\n```sh\ncd vouch-app\ngit checkout VCH-222\nyarn link @vouchfor/uikit\nyarn dev\n```\n\nVoilà, you are testing your feature branch with the local uikit package and don't forget to roll back after testing\n\n```sh\ncd vouch-app\nyarn unlink @vouchfor/uikit\n...\ncd vouch-uikit/package\nyarn unlink\n```\n\n## Publish to `npm`\n\n> Note you will need to log in `vouch-tech` on your terminal before publishing, credential is shared via 1Password.\n\n```bash\nnpm login\n...\n```\n\n```bash\ncd package\n...\nnpm publish --access public --tag alpha # development\nnpm publish --access public --tag beta # staging\nnpm publish --access public # production\n```\n\n## Purge `jsdelivr` cache\n\n`@vouchfor/uikit` is most likely consumed by **tag**, `alpha`, `beta` and `latest`, not version number to ensure clients can always get the latest updates. [jsdelivr](https://cdn.jsdelivr.net/) default has 7 days cache for `tag`, so we need to purge it to reflect new version number.\n\n- Check current tag version number\n\n - [Click to check Alpha](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@alpha/)\n - [Click to check Beta](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@beta/)\n - [Click to check Production](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n- Purge cache\n - [Click to purge Alpha](https://purge.jsdelivr.net/npm/@vouchfor/uikit@alpha/)\n - [Click to purge Beta](https://purge.jsdelivr.net/npm/@vouchfor/uikit@beta/)\n - **_Danger_** [Click to purge Production](https://purge.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n### Purge specific bundle.js\n\nOur embed code snippet `src` attribute currently refers to a specific embed bundle js , for example\n\n```html\n\n
\n```\n\nIn this case, you will need to purge the bundle file specifically by providing absolute path\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/embed/{filename}.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/components/{filename}.bundle.js\n```\n\nfor example,\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@alpha/embed/vouch-embed-inline-player.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@beta/embed/vouch-embed-inline-player.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/embed/vouch-embed-inline-player.bundle.js\n```\n\n## Unit test\n\n```bash\nyarn test\n```\n\nupdate snapshot\n\n```bash\nyarn test -u\n```\n\n# Update `vouch-app`\n\n`@vouchfor/uikit` is a dependency of `vouch-app` for embeds and UI components, follow the below steps to publish NPM package and update `package.json` dependency in `vouch-app`.\n\n> Each PR should bump the minor version in `package.json` in order to push new version to NPM. e.g. `\"version\": \"3.9.0\"` in `main` branch, you should bump to `\"version\": \"3.10.0\"` in your branch.\n\n> The major version should only be used for releasing breaking changes. e.g. `3.0.0`, `4.0.0`\n\n## Development (`dev.vouchfor.com`)\n\nAssuming your branch bumped version in `package.json` to\n\n```json\n\"version\": \"3.10.0\"\n```\n\n### Bump patch version number\n\nEnsure your patch version number isn't used, e.g. if `3.10.0` was published before, bump to `3.10.1`.\n\n### Build and publish\n\n```sh\nyarn package:alpha\ncd package\nnpm publish --access public --tag alpha\n```\n\nMake sure you purge NPM CDN cache for package, see [Purge npm cached tags](#purge-npm-cached-tags)\n\n### Update dependency in `vouch-app`\n\nEnsure you already cloned [vouch-app](https://github.com/VouchAU/vouch-app.git) locally then switch to the folder.\n\n```sh\ncd vouch-app\ngit checkout development\ngit pull\ngit merge feature/VCH-111 # Optional, only when you have code change dependency in vouch-app as well\nyarn upgrade @vouchfor/uikit@alpha\n```\n\nAfter upgrade, you should see version updates in both `package.json` and `yarn.lock`, but due to a known issue of `yarn`, please do these before committing changes\n\n- Manually roll back `package.json` (should always `\"@vouchfor/uikit\": \"alpha\"` for `development`).\n- run `yarn` again to update `yarn.lock`\n\n```sh\ngit commit -m \"Bumped uikit version\"\ngit push\n```\n\n## Staging (`staging.vouchfor.com`)\n\nUpdate `staging` environment is the same as [Development](#development-devvouchforcom) but remember to change cmd to `staging` specific\n\n```sh\nyarn package:beta\n```\n\n```sh\nnpm publish --access public --tag beta\n```\n\n```sh\ncd vouch-app\ngit checkout staging\ngit pull\ngit merge feature/VCH-111 # Optional, only when you have code change dependency in vouch-app as well\nyarn upgrade @vouchfor/uikit@beta\n```\n\n## Production (`app.vouchfor.com`)\n\nOne thing different when release to production, since `master` branch can only be merged by PRs (after code review), so you will need to run `yarn upgrade @vouchfor/uikit@latest` under you feature branch and commit **before merging the PR**.\n\n```sh\ngit checkout feature/VCH-111\nyarn upgrade upgrade @vouchfor/uikit@latest\ngit commit -m \"Bumped uikit version\"\ngit push\n```\n\n> When you run above cmd, your PR should be ready to merge (reviewed and QA tested)\n","engines":{"node":">=16"},"exports":{"./events":"./events.js","./constants":"./constants.js","./embed/events":{"import":"./embed/events.js","default":"./embed/events.js","require":"./embed/events.cjs"},"./package.json":"./package.json","./internal/theme":"./internal/theme.js","./internal/utils":"./internal/utils.js","./embed/vouch-embed-all":{"import":"./embed/vouch-embed-all.js","default":"./embed/vouch-embed-all.js","require":"./embed/vouch-embed-all.cjs"},"./embed/vouch-embed-card":{"import":"./embed/vouch-embed-card.js","default":"./embed/vouch-embed-card.js","require":"./embed/vouch-embed-card.cjs"},"./embed/vouch-embed-jumbo":{"import":"./embed/vouch-embed-jumbo.js","default":"./embed/vouch-embed-jumbo.js","require":"./embed/vouch-embed-jumbo.cjs"},"./internal/hooks/useFetch":"./internal/hooks/useFetch.js","./internal/hooks/useTrack":"./internal/hooks/useTrack.js","./embed/vouch-embed-button":{"import":"./embed/vouch-embed-button.js","default":"./embed/vouch-embed-button.js","require":"./embed/vouch-embed-button.cjs"},"./components/vouch-recorder":{"import":"./components/vouch-recorder.js","default":"./components/vouch-recorder.js","require":"./components/vouch-recorder.cjs"},"./embed/vouch-embed-popover":{"import":"./embed/vouch-embed-popover.js","default":"./embed/vouch-embed-popover.js","require":"./embed/vouch-embed-popover.cjs"},"./test/internals/utils.spec":"./test/internals/utils.spec.js","./components/vouch-icon-play":{"import":"./components/vouch-icon-play.js","default":"./components/vouch-icon-play.js","require":"./components/vouch-icon-play.cjs"},"./embed/vouch-embed-dialogue":{"import":"./embed/vouch-embed-dialogue.js","default":"./embed/vouch-embed-dialogue.js","require":"./embed/vouch-embed-dialogue.cjs"},"./components/vouch-brand-logo":{"import":"./components/vouch-brand-logo.js","default":"./components/vouch-brand-logo.js","require":"./components/vouch-brand-logo.cjs"},"./components/vouch-icon-close":{"import":"./components/vouch-icon-close.js","default":"./components/vouch-icon-close.js","require":"./components/vouch-icon-close.cjs"},"./components/vouch-icon-pause":{"import":"./components/vouch-icon-pause.js","default":"./components/vouch-icon-pause.js","require":"./components/vouch-icon-pause.cjs"},"./components/vouch-media-plyr":{"import":"./components/vouch-media-plyr.js","default":"./components/vouch-media-plyr.js","require":"./components/vouch-media-plyr.cjs"},"./components/vouch-water-mark":{"import":"./components/vouch-water-mark.js","default":"./components/vouch-water-mark.js","require":"./components/vouch-water-mark.cjs"},"./embed/VouchEmbedCard.svelte":"./embed/VouchEmbedCard.svelte","./embed/vouch-embed-thumbnail":{"import":"./embed/vouch-embed-thumbnail.js","default":"./embed/vouch-embed-thumbnail.js","require":"./embed/vouch-embed-thumbnail.cjs"},"./embed/vouch-recorder-button":{"import":"./embed/vouch-recorder-button.js","default":"./embed/vouch-recorder-button.js","require":"./embed/vouch-recorder-button.cjs"},"./components/vouch-graphic-svg":{"import":"./components/vouch-graphic-svg.js","default":"./components/vouch-graphic-svg.js","require":"./components/vouch-graphic-svg.cjs"},"./embed/VouchEmbedJumbo.svelte":"./embed/VouchEmbedJumbo.svelte","./embed/vouch-recorder-preview":{"import":"./embed/vouch-recorder-preview.js","default":"./embed/vouch-recorder-preview.js","require":"./embed/vouch-recorder-preview.cjs"},"./internal/hooks/useFetchEmbed":"./internal/hooks/useFetchEmbed.js","./embed/VouchEmbedButton.svelte":"./embed/VouchEmbedButton.svelte","./components/vouch-circle-button":{"import":"./components/vouch-circle-button.js","default":"./components/vouch-circle-button.js","require":"./components/vouch-circle-button.cjs"},"./embed/VouchEmbedPopover.svelte":"./embed/VouchEmbedPopover.svelte","./components/VouchIconPlay.svelte":"./components/VouchIconPlay.svelte","./components/VouchRecorder.svelte":"./components/VouchRecorder.svelte","./embed/VouchEmbedDialogue.svelte":"./embed/VouchEmbedDialogue.svelte","./embed/vouch-embed-inline-player":{"import":"./embed/vouch-embed-inline-player.js","default":"./embed/vouch-embed-inline-player.js","require":"./embed/vouch-embed-inline-player.cjs"},"./test/components/VouchIcons.spec":"./test/components/VouchIcons.spec.js","./components/VouchBrandLogo.svelte":"./components/VouchBrandLogo.svelte","./components/VouchIconClose.svelte":"./components/VouchIconClose.svelte","./components/VouchIconPause.svelte":"./components/VouchIconPause.svelte","./components/VouchMediaPlyr.svelte":"./components/VouchMediaPlyr.svelte","./components/VouchWaterMark.svelte":"./components/VouchWaterMark.svelte","./components/vouch-icon-arrow-left":{"import":"./components/vouch-icon-arrow-left.js","default":"./components/vouch-icon-arrow-left.js","require":"./components/vouch-icon-arrow-left.cjs"},"./embed/VouchEmbedThumbnail.svelte":"./embed/VouchEmbedThumbnail.svelte","./embed/VouchRecorderButton.svelte":"./embed/VouchRecorderButton.svelte","./components/VouchGraphicSvg.svelte":"./components/VouchGraphicSvg.svelte","./components/vouch-icon-arrow-right":{"import":"./components/vouch-icon-arrow-right.js","default":"./components/vouch-icon-arrow-right.js","require":"./components/vouch-icon-arrow-right.cjs"},"./embed/VouchRecorderPreview.svelte":"./embed/VouchRecorderPreview.svelte","./components/vouch-overlay-play-icon":{"import":"./components/vouch-overlay-play-icon.js","default":"./components/vouch-overlay-play-icon.js","require":"./components/vouch-overlay-play-icon.cjs"},"./test/internals/hooks/useFetch.spec":"./test/internals/hooks/useFetch.spec.js","./test/internals/hooks/useTrack.spec":"./test/internals/hooks/useTrack.spec.js","./components/VouchCircleButton.svelte":"./components/VouchCircleButton.svelte","./embed/VouchEmbedInlinePlayer.svelte":"./embed/VouchEmbedInlinePlayer.svelte","./test/components/VouchBrandLogo.spec":"./test/components/VouchBrandLogo.spec.js","./test/components/VouchWaterMark.spec":"./test/components/VouchWaterMark.spec.js","./components/VouchIconArrowLeft.svelte":"./components/VouchIconArrowLeft.svelte","./test/components/VouchGraphicSvg.spec":"./test/components/VouchGraphicSvg.spec.js","./components/VouchIconArrowRight.svelte":"./components/VouchIconArrowRight.svelte","./components/VouchOverlayPlayIcon.svelte":"./components/VouchOverlayPlayIcon.svelte","./test/internals/hooks/useFetchEmbed.spec":"./test/internals/hooks/useFetchEmbed.spec.js"},"gitHead":"272d04cde1f6f6a466852406a3647f7236c665f4","_npmUser":{"name":"vouch-tech","email":"brian@vouchfor.com"},"repository":{"url":"git+https://github.com/VouchAU/vouch-uikit.git","type":"git"},"_npmVersion":"8.19.2","description":"Vouch Svelte UIKit","directories":{},"lint-staged":{"*.{js,svelte}":"yarn lint"},"_nodeVersion":"16.18.0","dependencies":{"flat":"^5.0.2","plyr":"^3.7.2","cookie":"^0.4.1","hls.js":"^1.1.5","core-js":"^3.16.3","postcss":"^7","@vime/core":"^5.3.1","tailwindcss":"npm:@tailwindcss/postcss7-compat","@lukeed/uuid":"^2.0.0","autoprefixer":"^9","whatwg-fetch":"^3.6.2","patch-package":"^6.5.0","@fontsource/fira-mono":"^4.2.2","postinstall-postinstall":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^27.0.6","path":"^0.12.7","vite":"^3.1.8","react":"^18.2.0","tslib":"^2.0.0","dotenv":"^10.0.0","eslint":"^7.22.0","rollup":"^2.55.1","svelte":"^3.34.0","webpack":"^5.74.0","playroom":"0.28.0","prettier":"~2.2.1","react-dom":"^18.2.0","ts-loader":"^9.4.1","babel-jest":"^27.0.6","base64-url":"^2.3.3","dotenv-cli":"^6.0.0","svelte2tsx":"^0.4.3","typescript":"^4.8.4","@babel/core":"^7.14.8","@types/jest":"^26.0.24","lint-staged":"^12.4.1","babel-loader":"^8.2.5","svelte-check":"^2.0.0","@sveltejs/kit":"next","@types/cookie":"^0.4.0","@types/hls.js":"^1.0.0","svelte-jester":"^1.8.1","svelte-loader":"^3.1.2","@storybook/react":"^6.5.13","@babel/preset-env":"^7.14.9","@storybook/svelte":"^6.5.13","@sveltejs/package":"^1.0.0-next.5","svelte-preprocess":"^4.0.0","rollup-plugin-copy":"^3.4.0","require-from-string":"^2.0.2","rollup-plugin-svelte":"^7.1.0","rollup-plugin-terser":"^7.0.2","eslint-plugin-svelte3":"^3.2.0","@babel/runtime-corejs3":"^7.14.9","@rollup/plugin-replace":"^3.0.0","@storybook/addon-links":"^6.5.13","eslint-config-prettier":"^8.1.0","prettier-plugin-svelte":"^2.2.0","@rollup/plugin-commonjs":"^22.0.0","@testing-library/svelte":"^3.0.3","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.5.13","storybook-addon-playroom":"^3.0.2","@typescript-eslint/parser":"^4.19.0","@rollup/plugin-node-resolve":"^13.0.4","@storybook/addon-essentials":"^6.5.13","@storybook/addon-svelte-csf":"^2.0.10","@typescript-eslint/eslint-plugin":"^4.19.0"},"_npmOperationalInternal":{"tmp":"tmp/uikit_0.0.0-experiment.272d04c_1669097692427_0.9454328802105367","host":"s3://npm-registry-packages"}},"0.0.0-experiment.8454bb7":{"name":"@vouchfor/uikit","version":"0.0.0-experiment.8454bb7","keywords":["embed","design system","vouch-uikit","svelte","uikit"],"author":{"url":"https://vouchau.github.io/vouch-uikit","name":"Vouch Dev Team","email":"hello@vouchfor.com"},"license":"MIT","_id":"@vouchfor/uikit@0.0.0-experiment.8454bb7","maintainers":[{"name":"vouch-tech","email":"brian@vouchfor.com"}],"homepage":"https://vouchau.github.io/vouch-uikit","bugs":{"url":"https://github.com/VouchAU/vouch-uikit/issues"},"dist":{"shasum":"940647b01c1d586298fe37aa7ebc289fd17604e0","tarball":"https://registry.npmjs.org/@vouchfor/uikit/-/uikit-0.0.0-experiment.8454bb7.tgz","fileCount":239,"integrity":"sha512-F1V7ud58QmMzmW/rXM1EAi+OP2b+HxcnIx++g0CiRq4ZeK0z1jE+dsvrcKwPQr8Skep7YpAeM5q5PpIgp1v5Nw==","signatures":[{"sig":"MEQCIAO2lRVGxIAhTLhL3Drfs2aERIPfxWrKTNlG3so7/DW5AiAe80KBllJb7ZFaiG13bY/o70dqYCYXowAUpxFwU4Acyw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":104275164,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjfGxxACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpKIw/+NP9nJ1JBBiivfH+dqHVceGi4JBPkKbTO29x49UW0T8H2BbVl\r\neElnjCunESJGDCPK6+ptJZ/82elimOGIDBONb3HyBcHIQiq3+opXzwdCY/oI\r\nN8+wdG9otagS5pBOi4bM0Ao6N/LkhSY17t7YnQh5H5IQ6j2vwUQnMOFlUWTq\r\nRgSCwmFkbkPRlm3O9ltw5pmojFcdmbj6PWdKJIAeM+hA5mxVyOgUn63I70z9\r\n8CAD0CL6Lnj5S9WpIm9xqruJqcxilghSSoxccy+47v+TqxjIPOYvFKYzjr08\r\nL9vwcw1NaqRDjWJnDlj0R/ubm5Gc5VSziK2YZ9TnuJPkkiSxPVWLrePYYUOS\r\nEi7pJbPpa2vU5ph5OgRjIWCsmJfWjIuBHBD4yhxg1+f4g++Qk6VAFcF1ig3x\r\nWVcy6o2VXffMSF1yS5mVwdIpra594mHWmQEhp5rcxS3wk6WosDVyD+n5mD6d\r\nc5R71gGD9FH/fDlnrHTrdYO0aN9RJUARnLp+irgkh+AJB/GLRDzo9xlqakwp\r\nVKNJPj+xGnVEg8Rmdzn6Eduy94jzAykN/ddA49tO1WkwEdxuy2FDHO1JKBj8\r\n9P8io/n1SJBVVy7TyPLmAJ52f4DEnOoYDCcEE8gxdN8G3v7lB8+pQVxXCsnJ\r\n8xd+dZd9ZoO4RcdKixaH7G+pnMd1sZZE9bE=\r\n=kexi\r\n-----END PGP SIGNATURE-----\r\n"},"type":"module","types":"types.d.ts","readme":"# Vouch UIKit\n\n- [Get Started](#get-started)\n - [Storybook](#storybook)\n - [Build package](#build-package)\n - [Test package locally with vouch-app](#test-package-locally-with-vouch-app)\n - [Publish to npm](#publish-to-npm)\n - [Purge npm cache](#purge-npm-cached-tags)\n- [Update vouch-app](#update-vouch-app)\n - [development](#development-devvouchforcom)\n - [staging](#staging-stagingvouchforcom)\n - [production](#production-appvouchforcom)\n\n**Vouch UIKit** consists of `2 libraries` and `1 application`\n\n```bash\n└── src\n ├── lib\n │ ├── components # Design System Components (Web Component)\n │ │ ├── VouchBrandLogo.svelte\n │ │ ...\n │ │\n │ └── embed # embed Components (Web Component)\n │ │ ├── VouchEmbedInlinePlayer.svelte\n │ ...\n │\n │\n ├── routes # vouch public embed link (https://embed.vouchfor.com)\n │ ├── __layout.svelte\n │ ├── index.svelte\n │ ├── about.svelte\n │ ...\n │\n ├── app.css\n └── app.html\n```\n\n# Get Started\n\nEnsure you have node `14.17.0` installed on your machine, for example via [nvm](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/TERMINAL.md#install-nvm), run `nvm ls` to check\n\n```bash\nnvm ls 14\n```\n\nyou should see output if you have the version installed\n\n```bash\n-> v14.17.0\n```\n\nensure you have [git ssh](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/GITHUB.md) setup locally before you clone the repo\n\n```bash\ngit clone git@github.com:VouchAU/vouch-uikit.git\n```\n\ninstall dependencies\n\n```bash\ncd vouch-uikit\nyarn\n```\n\n## Storybook\n\nhttps://designsystem.vouchfor.com/\n\nStorybook is hosted on GitHub page `gh-pages` branch (Domain name is configured on **Cloudflare**) and deployed automatically via **GitHub Action** every time changes are merged back to `master`.\n\nLocal dev\n\n```bash\nyarn storybook\n```\n\nbuild storybook\n\n```bash\nyarn build-storybook\n```\n\n## Build package\n\nBuild `src/lib` production/beta/alpha package, make sure you change `version` in `package.json` for three different build tags.\n\n```sh\ncd vouch-uikit\n...\nyarn package:alpha # development\nyarn package:beta # staging\nyarn package # production\n```\n\n## Test package locally with `vouch-app`\n\nOnce you build the `npm` package, you can test locally with `vouch-app` to ensure everything works as expected before publishing to `npm`\n\nAssuming you build a package according [Build package](#build-package), now you can create a symlink to your local package\n\n```sh\ncd package\nyarn link\n```\n\nyou should see this if successfully linked\n\n```sh\nyarn link v1.22.10\nsuccess Registered \"@vouchfor/uikit\".\ninfo You can now run `yarn link \"@vouchfor/uikit\"` in the projects where you want to use this package and it will be used instead.\n✨ Done in 0.04s.\n```\n\ngo to `vouch-app` folder and switch to the branch you want to test against with then link the local package\n\n```sh\ncd vouch-app\ngit checkout VCH-222\nyarn link @vouchfor/uikit\nyarn dev\n```\n\nVoilà, you are testing your feature branch with the local uikit package and don't forget to roll back after testing\n\n```sh\ncd vouch-app\nyarn unlink @vouchfor/uikit\n...\ncd vouch-uikit/package\nyarn unlink\n```\n\n## Publish to `npm`\n\n> Note you will need to log in `vouch-tech` on your terminal before publishing, credential is shared via 1Password.\n\n```bash\nnpm login\n...\n```\n\n```bash\ncd package\n...\nnpm publish --access public --tag alpha # development\nnpm publish --access public --tag beta # staging\nnpm publish --access public # production\n```\n\n## Purge `jsdelivr` cache\n\n`@vouchfor/uikit` is most likely consumed by **tag**, `alpha`, `beta` and `latest`, not version number to ensure clients can always get the latest updates. [jsdelivr](https://cdn.jsdelivr.net/) default has 7 days cache for `tag`, so we need to purge it to reflect new version number.\n\n- Check current tag version number\n\n - [Click to check Alpha](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@alpha/)\n - [Click to check Beta](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@beta/)\n - [Click to check Production](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n- Purge cache\n - [Click to purge Alpha](https://purge.jsdelivr.net/npm/@vouchfor/uikit@alpha/)\n - [Click to purge Beta](https://purge.jsdelivr.net/npm/@vouchfor/uikit@beta/)\n - **_Danger_** [Click to purge Production](https://purge.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n### Purge specific bundle.js\n\nOur embed code snippet `src` attribute currently refers to a specific embed bundle js , for example\n\n```html\n\n
\n```\n\nIn this case, you will need to purge the bundle file specifically by providing absolute path\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/embed/{filename}.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/components/{filename}.bundle.js\n```\n\nfor example,\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@alpha/embed/vouch-embed-inline-player.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@beta/embed/vouch-embed-inline-player.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/embed/vouch-embed-inline-player.bundle.js\n```\n\n## Unit test\n\n```bash\nyarn test\n```\n\nupdate snapshot\n\n```bash\nyarn test -u\n```\n\n# Update `vouch-app`\n\n`@vouchfor/uikit` is a dependency of `vouch-app` for embeds and UI components, follow the below steps to publish NPM package and update `package.json` dependency in `vouch-app`.\n\n> Each PR should bump the minor version in `package.json` in order to push new version to NPM. e.g. `\"version\": \"3.9.0\"` in `main` branch, you should bump to `\"version\": \"3.10.0\"` in your branch.\n\n> The major version should only be used for releasing breaking changes. e.g. `3.0.0`, `4.0.0`\n\n## Development (`dev.vouchfor.com`)\n\nAssuming your branch bumped version in `package.json` to\n\n```json\n\"version\": \"3.10.0\"\n```\n\n### Bump patch version number\n\nEnsure your patch version number isn't used, e.g. if `3.10.0` was published before, bump to `3.10.1`.\n\n### Build and publish\n\n```sh\nyarn package:alpha\ncd package\nnpm publish --access public --tag alpha\n```\n\nMake sure you purge NPM CDN cache for package, see [Purge npm cached tags](#purge-npm-cached-tags)\n\n### Update dependency in `vouch-app`\n\nEnsure you already cloned [vouch-app](https://github.com/VouchAU/vouch-app.git) locally then switch to the folder.\n\n```sh\ncd vouch-app\ngit checkout development\ngit pull\ngit merge feature/VCH-111 # Optional, only when you have code change dependency in vouch-app as well\nyarn upgrade @vouchfor/uikit@alpha\n```\n\nAfter upgrade, you should see version updates in both `package.json` and `yarn.lock`, but due to a known issue of `yarn`, please do these before committing changes\n\n- Manually roll back `package.json` (should always `\"@vouchfor/uikit\": \"alpha\"` for `development`).\n- run `yarn` again to update `yarn.lock`\n\n```sh\ngit commit -m \"Bumped uikit version\"\ngit push\n```\n\n## Staging (`staging.vouchfor.com`)\n\nUpdate `staging` environment is the same as [Development](#development-devvouchforcom) but remember to change cmd to `staging` specific\n\n```sh\nyarn package:beta\n```\n\n```sh\nnpm publish --access public --tag beta\n```\n\n```sh\ncd vouch-app\ngit checkout staging\ngit pull\ngit merge feature/VCH-111 # Optional, only when you have code change dependency in vouch-app as well\nyarn upgrade @vouchfor/uikit@beta\n```\n\n## Production (`app.vouchfor.com`)\n\nOne thing different when release to production, since `master` branch can only be merged by PRs (after code review), so you will need to run `yarn upgrade @vouchfor/uikit@latest` under you feature branch and commit **before merging the PR**.\n\n```sh\ngit checkout feature/VCH-111\nyarn upgrade upgrade @vouchfor/uikit@latest\ngit commit -m \"Bumped uikit version\"\ngit push\n```\n\n> When you run above cmd, your PR should be ready to merge (reviewed and QA tested)\n","engines":{"node":">=16"},"exports":{"./events":"./events.js","./constants":"./constants.js","./embed/events":{"import":"./embed/events.js","default":"./embed/events.js","require":"./embed/events.cjs"},"./package.json":"./package.json","./internal/theme":"./internal/theme.js","./internal/utils":"./internal/utils.js","./embed/vouch-embed-all":{"import":"./embed/vouch-embed-all.js","default":"./embed/vouch-embed-all.js","require":"./embed/vouch-embed-all.cjs"},"./embed/vouch-embed-card":{"import":"./embed/vouch-embed-card.js","default":"./embed/vouch-embed-card.js","require":"./embed/vouch-embed-card.cjs"},"./embed/vouch-embed-jumbo":{"import":"./embed/vouch-embed-jumbo.js","default":"./embed/vouch-embed-jumbo.js","require":"./embed/vouch-embed-jumbo.cjs"},"./internal/hooks/useFetch":"./internal/hooks/useFetch.js","./internal/hooks/useTrack":"./internal/hooks/useTrack.js","./embed/vouch-embed-button":{"import":"./embed/vouch-embed-button.js","default":"./embed/vouch-embed-button.js","require":"./embed/vouch-embed-button.cjs"},"./components/vouch-recorder":{"import":"./components/vouch-recorder.js","default":"./components/vouch-recorder.js","require":"./components/vouch-recorder.cjs"},"./embed/vouch-embed-popover":{"import":"./embed/vouch-embed-popover.js","default":"./embed/vouch-embed-popover.js","require":"./embed/vouch-embed-popover.cjs"},"./test/internals/utils.spec":"./test/internals/utils.spec.js","./components/vouch-icon-play":{"import":"./components/vouch-icon-play.js","default":"./components/vouch-icon-play.js","require":"./components/vouch-icon-play.cjs"},"./embed/vouch-embed-dialogue":{"import":"./embed/vouch-embed-dialogue.js","default":"./embed/vouch-embed-dialogue.js","require":"./embed/vouch-embed-dialogue.cjs"},"./components/vouch-brand-logo":{"import":"./components/vouch-brand-logo.js","default":"./components/vouch-brand-logo.js","require":"./components/vouch-brand-logo.cjs"},"./components/vouch-icon-close":{"import":"./components/vouch-icon-close.js","default":"./components/vouch-icon-close.js","require":"./components/vouch-icon-close.cjs"},"./components/vouch-icon-pause":{"import":"./components/vouch-icon-pause.js","default":"./components/vouch-icon-pause.js","require":"./components/vouch-icon-pause.cjs"},"./components/vouch-media-plyr":{"import":"./components/vouch-media-plyr.js","default":"./components/vouch-media-plyr.js","require":"./components/vouch-media-plyr.cjs"},"./components/vouch-water-mark":{"import":"./components/vouch-water-mark.js","default":"./components/vouch-water-mark.js","require":"./components/vouch-water-mark.cjs"},"./embed/VouchEmbedCard.svelte":"./embed/VouchEmbedCard.svelte","./embed/vouch-embed-thumbnail":{"import":"./embed/vouch-embed-thumbnail.js","default":"./embed/vouch-embed-thumbnail.js","require":"./embed/vouch-embed-thumbnail.cjs"},"./embed/vouch-recorder-button":{"import":"./embed/vouch-recorder-button.js","default":"./embed/vouch-recorder-button.js","require":"./embed/vouch-recorder-button.cjs"},"./components/vouch-graphic-svg":{"import":"./components/vouch-graphic-svg.js","default":"./components/vouch-graphic-svg.js","require":"./components/vouch-graphic-svg.cjs"},"./embed/VouchEmbedJumbo.svelte":"./embed/VouchEmbedJumbo.svelte","./embed/vouch-recorder-preview":{"import":"./embed/vouch-recorder-preview.js","default":"./embed/vouch-recorder-preview.js","require":"./embed/vouch-recorder-preview.cjs"},"./internal/hooks/useFetchEmbed":"./internal/hooks/useFetchEmbed.js","./embed/VouchEmbedButton.svelte":"./embed/VouchEmbedButton.svelte","./components/vouch-circle-button":{"import":"./components/vouch-circle-button.js","default":"./components/vouch-circle-button.js","require":"./components/vouch-circle-button.cjs"},"./embed/VouchEmbedPopover.svelte":"./embed/VouchEmbedPopover.svelte","./components/VouchIconPlay.svelte":"./components/VouchIconPlay.svelte","./components/VouchRecorder.svelte":"./components/VouchRecorder.svelte","./embed/VouchEmbedDialogue.svelte":"./embed/VouchEmbedDialogue.svelte","./embed/vouch-embed-inline-player":{"import":"./embed/vouch-embed-inline-player.js","default":"./embed/vouch-embed-inline-player.js","require":"./embed/vouch-embed-inline-player.cjs"},"./test/components/VouchIcons.spec":"./test/components/VouchIcons.spec.js","./components/VouchBrandLogo.svelte":"./components/VouchBrandLogo.svelte","./components/VouchIconClose.svelte":"./components/VouchIconClose.svelte","./components/VouchIconPause.svelte":"./components/VouchIconPause.svelte","./components/VouchMediaPlyr.svelte":"./components/VouchMediaPlyr.svelte","./components/VouchWaterMark.svelte":"./components/VouchWaterMark.svelte","./components/vouch-icon-arrow-left":{"import":"./components/vouch-icon-arrow-left.js","default":"./components/vouch-icon-arrow-left.js","require":"./components/vouch-icon-arrow-left.cjs"},"./embed/VouchEmbedThumbnail.svelte":"./embed/VouchEmbedThumbnail.svelte","./embed/VouchRecorderButton.svelte":"./embed/VouchRecorderButton.svelte","./components/VouchGraphicSvg.svelte":"./components/VouchGraphicSvg.svelte","./components/vouch-icon-arrow-right":{"import":"./components/vouch-icon-arrow-right.js","default":"./components/vouch-icon-arrow-right.js","require":"./components/vouch-icon-arrow-right.cjs"},"./embed/VouchRecorderPreview.svelte":"./embed/VouchRecorderPreview.svelte","./components/vouch-overlay-play-icon":{"import":"./components/vouch-overlay-play-icon.js","default":"./components/vouch-overlay-play-icon.js","require":"./components/vouch-overlay-play-icon.cjs"},"./test/internals/hooks/useFetch.spec":"./test/internals/hooks/useFetch.spec.js","./test/internals/hooks/useTrack.spec":"./test/internals/hooks/useTrack.spec.js","./components/VouchCircleButton.svelte":"./components/VouchCircleButton.svelte","./embed/VouchEmbedInlinePlayer.svelte":"./embed/VouchEmbedInlinePlayer.svelte","./test/components/VouchBrandLogo.spec":"./test/components/VouchBrandLogo.spec.js","./test/components/VouchWaterMark.spec":"./test/components/VouchWaterMark.spec.js","./components/VouchIconArrowLeft.svelte":"./components/VouchIconArrowLeft.svelte","./test/components/VouchGraphicSvg.spec":"./test/components/VouchGraphicSvg.spec.js","./components/VouchIconArrowRight.svelte":"./components/VouchIconArrowRight.svelte","./components/VouchOverlayPlayIcon.svelte":"./components/VouchOverlayPlayIcon.svelte","./test/internals/hooks/useFetchEmbed.spec":"./test/internals/hooks/useFetchEmbed.spec.js"},"gitHead":"8454bb7209a3ed280ed05e243df1a91358dce923","_npmUser":{"name":"vouch-tech","email":"brian@vouchfor.com"},"repository":{"url":"git+https://github.com/VouchAU/vouch-uikit.git","type":"git"},"_npmVersion":"8.19.2","description":"Vouch Svelte UIKit","directories":{},"lint-staged":{"*.{js,svelte}":"yarn lint"},"_nodeVersion":"16.18.0","dependencies":{"flat":"^5.0.2","plyr":"^3.7.2","cookie":"^0.4.1","hls.js":"^1.1.5","core-js":"^3.16.3","postcss":"^7","@vime/core":"^5.3.1","tailwindcss":"npm:@tailwindcss/postcss7-compat","@lukeed/uuid":"^2.0.0","autoprefixer":"^9","whatwg-fetch":"^3.6.2","patch-package":"^6.5.0","@fontsource/fira-mono":"^4.2.2","postinstall-postinstall":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^27.0.6","path":"^0.12.7","vite":"^3.1.8","react":"^18.2.0","tslib":"^2.0.0","dotenv":"^10.0.0","eslint":"^7.22.0","rollup":"^2.55.1","svelte":"^3.34.0","webpack":"^5.74.0","playroom":"0.28.0","prettier":"~2.2.1","react-dom":"^18.2.0","ts-loader":"^9.4.1","babel-jest":"^27.0.6","base64-url":"^2.3.3","dotenv-cli":"^6.0.0","svelte2tsx":"^0.4.3","typescript":"^4.8.4","@babel/core":"^7.14.8","@types/jest":"^26.0.24","lint-staged":"^12.4.1","babel-loader":"^8.2.5","svelte-check":"^2.0.0","@sveltejs/kit":"next","@types/cookie":"^0.4.0","@types/hls.js":"^1.0.0","svelte-jester":"^1.8.1","svelte-loader":"^3.1.2","@storybook/react":"^6.5.13","@babel/preset-env":"^7.14.9","@storybook/svelte":"^6.5.13","@sveltejs/package":"^1.0.0-next.5","svelte-preprocess":"^4.0.0","rollup-plugin-copy":"^3.4.0","require-from-string":"^2.0.2","rollup-plugin-svelte":"^7.1.0","rollup-plugin-terser":"^7.0.2","eslint-plugin-svelte3":"^3.2.0","@babel/runtime-corejs3":"^7.14.9","@rollup/plugin-replace":"^3.0.0","@storybook/addon-links":"^6.5.13","eslint-config-prettier":"^8.1.0","prettier-plugin-svelte":"^2.2.0","@rollup/plugin-commonjs":"^22.0.0","@testing-library/svelte":"^3.0.3","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.5.13","storybook-addon-playroom":"^3.0.2","@typescript-eslint/parser":"^4.19.0","@rollup/plugin-node-resolve":"^13.0.4","@storybook/addon-essentials":"^6.5.13","@storybook/addon-svelte-csf":"^2.0.10","@typescript-eslint/eslint-plugin":"^4.19.0"},"_npmOperationalInternal":{"tmp":"tmp/uikit_0.0.0-experiment.8454bb7_1669098608623_0.7388874369057348","host":"s3://npm-registry-packages"}},"0.0.0-experiment.6970813":{"name":"@vouchfor/uikit","version":"0.0.0-experiment.6970813","keywords":["embed","design system","vouch-uikit","svelte","uikit"],"author":{"url":"https://vouchau.github.io/vouch-uikit","name":"Vouch Dev Team","email":"hello@vouchfor.com"},"license":"MIT","_id":"@vouchfor/uikit@0.0.0-experiment.6970813","maintainers":[{"name":"vouch-tech","email":"brian@vouchfor.com"}],"homepage":"https://vouchau.github.io/vouch-uikit","bugs":{"url":"https://github.com/VouchAU/vouch-uikit/issues"},"dist":{"shasum":"89b5fd93139798340c2db8526231f6dd3e0ad3a4","tarball":"https://registry.npmjs.org/@vouchfor/uikit/-/uikit-0.0.0-experiment.6970813.tgz","fileCount":239,"integrity":"sha512-lpw4MB2Nu6h8C1Yh/C+ADN3ulZCASUELS2/ovDHUwZtEXW7Qn6O0nyIKqK6UQ/ZX5NrCBh1qoSO1mzlBtNr9sQ==","signatures":[{"sig":"MEYCIQCcowhmGSbuRHnwXSa0Uo6eKKELasf1m/xlpcvk0kn/zQIhAIa7A6KRm6Hfv1zPNP07vU05YQ/oZpT2zApmXown6Bg1","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":104275164,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjfG1pACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpvIQ/+NkV0yW+qEsbXBdq9Kl9RI6SmQlkly7mZtqS5EHqNvibrb1Wg\r\n1Wq/XB0s4wX+A0RqiW8Oh1kE5Wjj9fCMtJEV2iuOWFLRllEaPi34S8eSTccn\r\nj2ffCW80UuhuwpqTZKrV+eGSIUScdoRIv8Vm3B4Hu11z+C/YYZwh5QCLdFmM\r\nfNvQ2+b9jzmPK84XwYJu96eviYH/Q2maL2jr/Q9HWJCTCKQ/I9xMNuhGDBy6\r\nptYB7ontsMrXN2h9ecb9AFBGxkqIQPG7jjrRYSbcm4oHFVomzbsD3sPjKgVO\r\n/IQP93CHejpDBBSimSa8tktkSXHZYGBn47juwdTu2wGFItsPg4rN9CVIo/+Z\r\nxnAOG7ynkNP8Mt5stuCuc1GMYQUVT9mu5f1X5Oh2ek+zpByY4yz5WkTj4PhU\r\n3BAtm8XTDTjLZXg8LsdHo0EPeik5tr8+K1LdIM2fFtkmDY1jKBfbTvXd05CF\r\nejD/oxyBk8Kg1yqeKPbFFPyCj/Mcjk7Qymkjexoz5EZeOxzOQchog7Qp1KnC\r\nrQv65UHSYLA0t9XBvHNKyBcd22WLIFEHanB1W33DTu1KUbRePr+r5OfPXTEZ\r\nAvC8Fx9Sb2Nw8u4HStW9q+XHLJqQKQx5EenZ4lUjNkxyA20600oVydIkq+ky\r\n/U/UHp/x/RN1aIrOFWhC652gUM/HoMmkeOM=\r\n=Us1N\r\n-----END PGP SIGNATURE-----\r\n"},"type":"module","types":"types.d.ts","readme":"# Vouch UIKit\n\n- [Get Started](#get-started)\n - [Storybook](#storybook)\n - [Build package](#build-package)\n - [Test package locally with vouch-app](#test-package-locally-with-vouch-app)\n - [Publish to npm](#publish-to-npm)\n - [Purge npm cache](#purge-npm-cached-tags)\n- [Update vouch-app](#update-vouch-app)\n - [development](#development-devvouchforcom)\n - [staging](#staging-stagingvouchforcom)\n - [production](#production-appvouchforcom)\n\n**Vouch UIKit** consists of `2 libraries` and `1 application`\n\n```bash\n└── src\n ├── lib\n │ ├── components # Design System Components (Web Component)\n │ │ ├── VouchBrandLogo.svelte\n │ │ ...\n │ │\n │ └── embed # embed Components (Web Component)\n │ │ ├── VouchEmbedInlinePlayer.svelte\n │ ...\n │\n │\n ├── routes # vouch public embed link (https://embed.vouchfor.com)\n │ ├── __layout.svelte\n │ ├── index.svelte\n │ ├── about.svelte\n │ ...\n │\n ├── app.css\n └── app.html\n```\n\n# Get Started\n\nEnsure you have node `14.17.0` installed on your machine, for example via [nvm](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/TERMINAL.md#install-nvm), run `nvm ls` to check\n\n```bash\nnvm ls 14\n```\n\nyou should see output if you have the version installed\n\n```bash\n-> v14.17.0\n```\n\nensure you have [git ssh](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/GITHUB.md) setup locally before you clone the repo\n\n```bash\ngit clone git@github.com:VouchAU/vouch-uikit.git\n```\n\ninstall dependencies\n\n```bash\ncd vouch-uikit\nyarn\n```\n\n## Storybook\n\nhttps://designsystem.vouchfor.com/\n\nStorybook is hosted on GitHub page `gh-pages` branch (Domain name is configured on **Cloudflare**) and deployed automatically via **GitHub Action** every time changes are merged back to `master`.\n\nLocal dev\n\n```bash\nyarn storybook\n```\n\nbuild storybook\n\n```bash\nyarn build-storybook\n```\n\n## Build package\n\nBuild `src/lib` production/beta/alpha package, make sure you change `version` in `package.json` for three different build tags.\n\n```sh\ncd vouch-uikit\n...\nyarn package:alpha # development\nyarn package:beta # staging\nyarn package # production\n```\n\n## Test package locally with `vouch-app`\n\nOnce you build the `npm` package, you can test locally with `vouch-app` to ensure everything works as expected before publishing to `npm`\n\nAssuming you build a package according [Build package](#build-package), now you can create a symlink to your local package\n\n```sh\ncd package\nyarn link\n```\n\nyou should see this if successfully linked\n\n```sh\nyarn link v1.22.10\nsuccess Registered \"@vouchfor/uikit\".\ninfo You can now run `yarn link \"@vouchfor/uikit\"` in the projects where you want to use this package and it will be used instead.\n✨ Done in 0.04s.\n```\n\ngo to `vouch-app` folder and switch to the branch you want to test against with then link the local package\n\n```sh\ncd vouch-app\ngit checkout VCH-222\nyarn link @vouchfor/uikit\nyarn dev\n```\n\nVoilà, you are testing your feature branch with the local uikit package and don't forget to roll back after testing\n\n```sh\ncd vouch-app\nyarn unlink @vouchfor/uikit\n...\ncd vouch-uikit/package\nyarn unlink\n```\n\n## Publish to `npm`\n\n> Note you will need to log in `vouch-tech` on your terminal before publishing, credential is shared via 1Password.\n\n```bash\nnpm login\n...\n```\n\n```bash\ncd package\n...\nnpm publish --access public --tag alpha # development\nnpm publish --access public --tag beta # staging\nnpm publish --access public # production\n```\n\n## Purge `jsdelivr` cache\n\n`@vouchfor/uikit` is most likely consumed by **tag**, `alpha`, `beta` and `latest`, not version number to ensure clients can always get the latest updates. [jsdelivr](https://cdn.jsdelivr.net/) default has 7 days cache for `tag`, so we need to purge it to reflect new version number.\n\n- Check current tag version number\n\n - [Click to check Alpha](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@alpha/)\n - [Click to check Beta](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@beta/)\n - [Click to check Production](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n- Purge cache\n - [Click to purge Alpha](https://purge.jsdelivr.net/npm/@vouchfor/uikit@alpha/)\n - [Click to purge Beta](https://purge.jsdelivr.net/npm/@vouchfor/uikit@beta/)\n - **_Danger_** [Click to purge Production](https://purge.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n### Purge specific bundle.js\n\nOur embed code snippet `src` attribute currently refers to a specific embed bundle js , for example\n\n```html\n\n
\n```\n\nIn this case, you will need to purge the bundle file specifically by providing absolute path\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/embed/{filename}.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/components/{filename}.bundle.js\n```\n\nfor example,\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@alpha/embed/vouch-embed-inline-player.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@beta/embed/vouch-embed-inline-player.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/embed/vouch-embed-inline-player.bundle.js\n```\n\n## Unit test\n\n```bash\nyarn test\n```\n\nupdate snapshot\n\n```bash\nyarn test -u\n```\n\n# Update `vouch-app`\n\n`@vouchfor/uikit` is a dependency of `vouch-app` for embeds and UI components, follow the below steps to publish NPM package and update `package.json` dependency in `vouch-app`.\n\n> Each PR should bump the minor version in `package.json` in order to push new version to NPM. e.g. `\"version\": \"3.9.0\"` in `main` branch, you should bump to `\"version\": \"3.10.0\"` in your branch.\n\n> The major version should only be used for releasing breaking changes. e.g. `3.0.0`, `4.0.0`\n\n## Development (`dev.vouchfor.com`)\n\nAssuming your branch bumped version in `package.json` to\n\n```json\n\"version\": \"3.10.0\"\n```\n\n### Bump patch version number\n\nEnsure your patch version number isn't used, e.g. if `3.10.0` was published before, bump to `3.10.1`.\n\n### Build and publish\n\n```sh\nyarn package:alpha\ncd package\nnpm publish --access public --tag alpha\n```\n\nMake sure you purge NPM CDN cache for package, see [Purge npm cached tags](#purge-npm-cached-tags)\n\n### Update dependency in `vouch-app`\n\nEnsure you already cloned [vouch-app](https://github.com/VouchAU/vouch-app.git) locally then switch to the folder.\n\n```sh\ncd vouch-app\ngit checkout development\ngit pull\ngit merge feature/VCH-111 # Optional, only when you have code change dependency in vouch-app as well\nyarn upgrade @vouchfor/uikit@alpha\n```\n\nAfter upgrade, you should see version updates in both `package.json` and `yarn.lock`, but due to a known issue of `yarn`, please do these before committing changes\n\n- Manually roll back `package.json` (should always `\"@vouchfor/uikit\": \"alpha\"` for `development`).\n- run `yarn` again to update `yarn.lock`\n\n```sh\ngit commit -m \"Bumped uikit version\"\ngit push\n```\n\n## Staging (`staging.vouchfor.com`)\n\nUpdate `staging` environment is the same as [Development](#development-devvouchforcom) but remember to change cmd to `staging` specific\n\n```sh\nyarn package:beta\n```\n\n```sh\nnpm publish --access public --tag beta\n```\n\n```sh\ncd vouch-app\ngit checkout staging\ngit pull\ngit merge feature/VCH-111 # Optional, only when you have code change dependency in vouch-app as well\nyarn upgrade @vouchfor/uikit@beta\n```\n\n## Production (`app.vouchfor.com`)\n\nOne thing different when release to production, since `master` branch can only be merged by PRs (after code review), so you will need to run `yarn upgrade @vouchfor/uikit@latest` under you feature branch and commit **before merging the PR**.\n\n```sh\ngit checkout feature/VCH-111\nyarn upgrade upgrade @vouchfor/uikit@latest\ngit commit -m \"Bumped uikit version\"\ngit push\n```\n\n> When you run above cmd, your PR should be ready to merge (reviewed and QA tested)\n","engines":{"node":">=16"},"exports":{"./events":"./events.js","./constants":"./constants.js","./embed/events":{"import":"./embed/events.js","default":"./embed/events.js","require":"./embed/events.cjs"},"./package.json":"./package.json","./internal/theme":"./internal/theme.js","./internal/utils":"./internal/utils.js","./embed/vouch-embed-all":{"import":"./embed/vouch-embed-all.js","default":"./embed/vouch-embed-all.js","require":"./embed/vouch-embed-all.cjs"},"./embed/vouch-embed-card":{"import":"./embed/vouch-embed-card.js","default":"./embed/vouch-embed-card.js","require":"./embed/vouch-embed-card.cjs"},"./embed/vouch-embed-jumbo":{"import":"./embed/vouch-embed-jumbo.js","default":"./embed/vouch-embed-jumbo.js","require":"./embed/vouch-embed-jumbo.cjs"},"./internal/hooks/useFetch":"./internal/hooks/useFetch.js","./internal/hooks/useTrack":"./internal/hooks/useTrack.js","./embed/vouch-embed-button":{"import":"./embed/vouch-embed-button.js","default":"./embed/vouch-embed-button.js","require":"./embed/vouch-embed-button.cjs"},"./components/vouch-recorder":{"import":"./components/vouch-recorder.js","default":"./components/vouch-recorder.js","require":"./components/vouch-recorder.cjs"},"./embed/vouch-embed-popover":{"import":"./embed/vouch-embed-popover.js","default":"./embed/vouch-embed-popover.js","require":"./embed/vouch-embed-popover.cjs"},"./test/internals/utils.spec":"./test/internals/utils.spec.js","./components/vouch-icon-play":{"import":"./components/vouch-icon-play.js","default":"./components/vouch-icon-play.js","require":"./components/vouch-icon-play.cjs"},"./embed/vouch-embed-dialogue":{"import":"./embed/vouch-embed-dialogue.js","default":"./embed/vouch-embed-dialogue.js","require":"./embed/vouch-embed-dialogue.cjs"},"./components/vouch-brand-logo":{"import":"./components/vouch-brand-logo.js","default":"./components/vouch-brand-logo.js","require":"./components/vouch-brand-logo.cjs"},"./components/vouch-icon-close":{"import":"./components/vouch-icon-close.js","default":"./components/vouch-icon-close.js","require":"./components/vouch-icon-close.cjs"},"./components/vouch-icon-pause":{"import":"./components/vouch-icon-pause.js","default":"./components/vouch-icon-pause.js","require":"./components/vouch-icon-pause.cjs"},"./components/vouch-media-plyr":{"import":"./components/vouch-media-plyr.js","default":"./components/vouch-media-plyr.js","require":"./components/vouch-media-plyr.cjs"},"./components/vouch-water-mark":{"import":"./components/vouch-water-mark.js","default":"./components/vouch-water-mark.js","require":"./components/vouch-water-mark.cjs"},"./embed/VouchEmbedCard.svelte":"./embed/VouchEmbedCard.svelte","./embed/vouch-embed-thumbnail":{"import":"./embed/vouch-embed-thumbnail.js","default":"./embed/vouch-embed-thumbnail.js","require":"./embed/vouch-embed-thumbnail.cjs"},"./embed/vouch-recorder-button":{"import":"./embed/vouch-recorder-button.js","default":"./embed/vouch-recorder-button.js","require":"./embed/vouch-recorder-button.cjs"},"./components/vouch-graphic-svg":{"import":"./components/vouch-graphic-svg.js","default":"./components/vouch-graphic-svg.js","require":"./components/vouch-graphic-svg.cjs"},"./embed/VouchEmbedJumbo.svelte":"./embed/VouchEmbedJumbo.svelte","./embed/vouch-recorder-preview":{"import":"./embed/vouch-recorder-preview.js","default":"./embed/vouch-recorder-preview.js","require":"./embed/vouch-recorder-preview.cjs"},"./internal/hooks/useFetchEmbed":"./internal/hooks/useFetchEmbed.js","./embed/VouchEmbedButton.svelte":"./embed/VouchEmbedButton.svelte","./components/vouch-circle-button":{"import":"./components/vouch-circle-button.js","default":"./components/vouch-circle-button.js","require":"./components/vouch-circle-button.cjs"},"./embed/VouchEmbedPopover.svelte":"./embed/VouchEmbedPopover.svelte","./components/VouchIconPlay.svelte":"./components/VouchIconPlay.svelte","./components/VouchRecorder.svelte":"./components/VouchRecorder.svelte","./embed/VouchEmbedDialogue.svelte":"./embed/VouchEmbedDialogue.svelte","./embed/vouch-embed-inline-player":{"import":"./embed/vouch-embed-inline-player.js","default":"./embed/vouch-embed-inline-player.js","require":"./embed/vouch-embed-inline-player.cjs"},"./test/components/VouchIcons.spec":"./test/components/VouchIcons.spec.js","./components/VouchBrandLogo.svelte":"./components/VouchBrandLogo.svelte","./components/VouchIconClose.svelte":"./components/VouchIconClose.svelte","./components/VouchIconPause.svelte":"./components/VouchIconPause.svelte","./components/VouchMediaPlyr.svelte":"./components/VouchMediaPlyr.svelte","./components/VouchWaterMark.svelte":"./components/VouchWaterMark.svelte","./components/vouch-icon-arrow-left":{"import":"./components/vouch-icon-arrow-left.js","default":"./components/vouch-icon-arrow-left.js","require":"./components/vouch-icon-arrow-left.cjs"},"./embed/VouchEmbedThumbnail.svelte":"./embed/VouchEmbedThumbnail.svelte","./embed/VouchRecorderButton.svelte":"./embed/VouchRecorderButton.svelte","./components/VouchGraphicSvg.svelte":"./components/VouchGraphicSvg.svelte","./components/vouch-icon-arrow-right":{"import":"./components/vouch-icon-arrow-right.js","default":"./components/vouch-icon-arrow-right.js","require":"./components/vouch-icon-arrow-right.cjs"},"./embed/VouchRecorderPreview.svelte":"./embed/VouchRecorderPreview.svelte","./components/vouch-overlay-play-icon":{"import":"./components/vouch-overlay-play-icon.js","default":"./components/vouch-overlay-play-icon.js","require":"./components/vouch-overlay-play-icon.cjs"},"./test/internals/hooks/useFetch.spec":"./test/internals/hooks/useFetch.spec.js","./test/internals/hooks/useTrack.spec":"./test/internals/hooks/useTrack.spec.js","./components/VouchCircleButton.svelte":"./components/VouchCircleButton.svelte","./embed/VouchEmbedInlinePlayer.svelte":"./embed/VouchEmbedInlinePlayer.svelte","./test/components/VouchBrandLogo.spec":"./test/components/VouchBrandLogo.spec.js","./test/components/VouchWaterMark.spec":"./test/components/VouchWaterMark.spec.js","./components/VouchIconArrowLeft.svelte":"./components/VouchIconArrowLeft.svelte","./test/components/VouchGraphicSvg.spec":"./test/components/VouchGraphicSvg.spec.js","./components/VouchIconArrowRight.svelte":"./components/VouchIconArrowRight.svelte","./components/VouchOverlayPlayIcon.svelte":"./components/VouchOverlayPlayIcon.svelte","./test/internals/hooks/useFetchEmbed.spec":"./test/internals/hooks/useFetchEmbed.spec.js"},"gitHead":"6970813999553c8dd5b42cbd7bfa1c4d5d483753","_npmUser":{"name":"vouch-tech","email":"brian@vouchfor.com"},"repository":{"url":"git+https://github.com/VouchAU/vouch-uikit.git","type":"git"},"_npmVersion":"8.19.2","description":"Vouch Svelte UIKit","directories":{},"lint-staged":{"*.{js,svelte}":"yarn lint"},"_nodeVersion":"16.18.0","dependencies":{"flat":"^5.0.2","plyr":"^3.7.2","cookie":"^0.4.1","hls.js":"^1.1.5","core-js":"^3.16.3","postcss":"^7","@vime/core":"^5.3.1","tailwindcss":"npm:@tailwindcss/postcss7-compat","@lukeed/uuid":"^2.0.0","autoprefixer":"^9","whatwg-fetch":"^3.6.2","patch-package":"^6.5.0","@fontsource/fira-mono":"^4.2.2","postinstall-postinstall":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^27.0.6","path":"^0.12.7","vite":"^3.1.8","react":"^18.2.0","tslib":"^2.0.0","dotenv":"^10.0.0","eslint":"^7.22.0","rollup":"^2.55.1","svelte":"^3.34.0","webpack":"^5.74.0","playroom":"0.28.0","prettier":"~2.2.1","react-dom":"^18.2.0","ts-loader":"^9.4.1","babel-jest":"^27.0.6","base64-url":"^2.3.3","dotenv-cli":"^6.0.0","svelte2tsx":"^0.4.3","typescript":"^4.8.4","@babel/core":"^7.14.8","@types/jest":"^26.0.24","lint-staged":"^12.4.1","babel-loader":"^8.2.5","svelte-check":"^2.0.0","@sveltejs/kit":"next","@types/cookie":"^0.4.0","@types/hls.js":"^1.0.0","svelte-jester":"^1.8.1","svelte-loader":"^3.1.2","@storybook/react":"^6.5.13","@babel/preset-env":"^7.14.9","@storybook/svelte":"^6.5.13","@sveltejs/package":"^1.0.0-next.5","svelte-preprocess":"^4.0.0","rollup-plugin-copy":"^3.4.0","require-from-string":"^2.0.2","rollup-plugin-svelte":"^7.1.0","rollup-plugin-terser":"^7.0.2","eslint-plugin-svelte3":"^3.2.0","@babel/runtime-corejs3":"^7.14.9","@rollup/plugin-replace":"^3.0.0","@storybook/addon-links":"^6.5.13","eslint-config-prettier":"^8.1.0","prettier-plugin-svelte":"^2.2.0","@rollup/plugin-commonjs":"^22.0.0","@testing-library/svelte":"^3.0.3","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.5.13","storybook-addon-playroom":"^3.0.2","@typescript-eslint/parser":"^4.19.0","@rollup/plugin-node-resolve":"^13.0.4","@storybook/addon-essentials":"^6.5.13","@storybook/addon-svelte-csf":"^2.0.10","@typescript-eslint/eslint-plugin":"^4.19.0"},"_npmOperationalInternal":{"tmp":"tmp/uikit_0.0.0-experiment.6970813_1669098857149_0.6072677274146825","host":"s3://npm-registry-packages"}},"0.0.0-experiment.072178b":{"name":"@vouchfor/uikit","version":"0.0.0-experiment.072178b","keywords":["embed","design system","vouch-uikit","svelte","uikit"],"author":{"url":"https://vouchau.github.io/vouch-uikit","name":"Vouch Dev Team","email":"hello@vouchfor.com"},"license":"MIT","_id":"@vouchfor/uikit@0.0.0-experiment.072178b","maintainers":[{"name":"vouch-tech","email":"brian@vouchfor.com"}],"homepage":"https://vouchau.github.io/vouch-uikit","bugs":{"url":"https://github.com/VouchAU/vouch-uikit/issues"},"dist":{"shasum":"144b7ca66a12fb7ebd75efc7ee0f616c9c9053bc","tarball":"https://registry.npmjs.org/@vouchfor/uikit/-/uikit-0.0.0-experiment.072178b.tgz","fileCount":239,"integrity":"sha512-lN+GHkqLYDbaltZ4BHJLUs5Tcn+3n+bPMEorVZVYWFpb4HuNPyA4Rml/6SEa3A/Uk94OxVBDHkfSLHL5wAg/Hg==","signatures":[{"sig":"MEUCIFNTpxpYlfKVFdcOKP6eBXp3yH5zAYIWpy4SBVTort38AiEAxGHbYNCQwJmuAbxaiurWcqPoHmYYBq7yODix2ymNg8k=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":104273257,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjfG6uACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqShw//QRfjuqqcXdci39vrnFRsiyoYxhsPmdXL86eyu8ovwhb4KG6R\r\njc19FZw9f/FxKvPi6RK++/a8G9Z6W1YhGowHxWQPtctjaY/aVRJhXxXekeMC\r\nDSS8EA7loI3ZiLRUDZltjCELXwlfRkM+idc4n9cJFHDLFJttcMchrxTSu8mg\r\nfj+JkbiBgYVjfJSfutdg+IwJg8v4KlnQ7VKpW8xZw5UgZHtDgQo5iDE9/Ye9\r\nrl1GTVP9AJiQodd+OE9tMYgSTp38nQU1/SrNjldRVFwclzS/IoCIPerXbkkP\r\nurEBmvzBfOxBG8Whup8dEWzsvJMVonWO7lhjrEwYaqYboxRqwg0JmZ177IRt\r\nuhN0i1/hgLm9lYojvoA4RtkTWanV5OVKke+uX2suPh/pWYVJcwohFmDz9ayR\r\noVZny4met/UOqmThx4igUrJtS6RrMWgrKKgvl+t4Th3V8IHDSLCa2SPRlT9p\r\nUpYZvASs3bK9ktjj40YUKz5jJknMAnxJxuvxrLsY3Nwr4zc7TJhKnED5Aibb\r\nLHTdE+64JidHNp/HUjr+WsRbhxu13KWnueCOeFwfVvajtuKBNwIiR372VclS\r\nN9DL68w1l5WAxFQfTqqJwTDrSc6LUxbtnplB6geDK4ffbh0J9grLPrthUQNm\r\nvKY/auCyCR1WdFky+o/DkaAO+6jzH8aY0v4=\r\n=+a45\r\n-----END PGP SIGNATURE-----\r\n"},"type":"module","types":"types.d.ts","readme":"# Vouch UIKit\n\n- [Get Started](#get-started)\n - [Storybook](#storybook)\n - [Build package](#build-package)\n - [Test package locally with vouch-app](#test-package-locally-with-vouch-app)\n - [Publish to npm](#publish-to-npm)\n - [Purge npm cache](#purge-npm-cached-tags)\n- [Update vouch-app](#update-vouch-app)\n - [development](#development-devvouchforcom)\n - [staging](#staging-stagingvouchforcom)\n - [production](#production-appvouchforcom)\n\n**Vouch UIKit** consists of `2 libraries` and `1 application`\n\n```bash\n└── src\n ├── lib\n │ ├── components # Design System Components (Web Component)\n │ │ ├── VouchBrandLogo.svelte\n │ │ ...\n │ │\n │ └── embed # embed Components (Web Component)\n │ │ ├── VouchEmbedInlinePlayer.svelte\n │ ...\n │\n │\n ├── routes # vouch public embed link (https://embed.vouchfor.com)\n │ ├── __layout.svelte\n │ ├── index.svelte\n │ ├── about.svelte\n │ ...\n │\n ├── app.css\n └── app.html\n```\n\n# Get Started\n\nEnsure you have node `14.17.0` installed on your machine, for example via [nvm](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/TERMINAL.md#install-nvm), run `nvm ls` to check\n\n```bash\nnvm ls 14\n```\n\nyou should see output if you have the version installed\n\n```bash\n-> v14.17.0\n```\n\nensure you have [git ssh](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/GITHUB.md) setup locally before you clone the repo\n\n```bash\ngit clone git@github.com:VouchAU/vouch-uikit.git\n```\n\ninstall dependencies\n\n```bash\ncd vouch-uikit\nyarn\n```\n\n## Storybook\n\nhttps://designsystem.vouchfor.com/\n\nStorybook is hosted on GitHub page `gh-pages` branch (Domain name is configured on **Cloudflare**) and deployed automatically via **GitHub Action** every time changes are merged back to `master`.\n\nLocal dev\n\n```bash\nyarn storybook\n```\n\nbuild storybook\n\n```bash\nyarn build-storybook\n```\n\n## Build package\n\nBuild `src/lib` production/beta/alpha package, make sure you change `version` in `package.json` for three different build tags.\n\n```sh\ncd vouch-uikit\n...\nyarn package:alpha # development\nyarn package:beta # staging\nyarn package # production\n```\n\n## Test package locally with `vouch-app`\n\nOnce you build the `npm` package, you can test locally with `vouch-app` to ensure everything works as expected before publishing to `npm`\n\nAssuming you build a package according [Build package](#build-package), now you can create a symlink to your local package\n\n```sh\ncd package\nyarn link\n```\n\nyou should see this if successfully linked\n\n```sh\nyarn link v1.22.10\nsuccess Registered \"@vouchfor/uikit\".\ninfo You can now run `yarn link \"@vouchfor/uikit\"` in the projects where you want to use this package and it will be used instead.\n✨ Done in 0.04s.\n```\n\ngo to `vouch-app` folder and switch to the branch you want to test against with then link the local package\n\n```sh\ncd vouch-app\ngit checkout VCH-222\nyarn link @vouchfor/uikit\nyarn dev\n```\n\nVoilà, you are testing your feature branch with the local uikit package and don't forget to roll back after testing\n\n```sh\ncd vouch-app\nyarn unlink @vouchfor/uikit\n...\ncd vouch-uikit/package\nyarn unlink\n```\n\n## Publish to `npm`\n\n> Note you will need to log in `vouch-tech` on your terminal before publishing, credential is shared via 1Password.\n\n```bash\nnpm login\n...\n```\n\n```bash\ncd package\n...\nnpm publish --access public --tag alpha # development\nnpm publish --access public --tag beta # staging\nnpm publish --access public # production\n```\n\n## Purge `jsdelivr` cache\n\n`@vouchfor/uikit` is most likely consumed by **tag**, `alpha`, `beta` and `latest`, not version number to ensure clients can always get the latest updates. [jsdelivr](https://cdn.jsdelivr.net/) default has 7 days cache for `tag`, so we need to purge it to reflect new version number.\n\n- Check current tag version number\n\n - [Click to check Alpha](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@alpha/)\n - [Click to check Beta](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@beta/)\n - [Click to check Production](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n- Purge cache\n - [Click to purge Alpha](https://purge.jsdelivr.net/npm/@vouchfor/uikit@alpha/)\n - [Click to purge Beta](https://purge.jsdelivr.net/npm/@vouchfor/uikit@beta/)\n - **_Danger_** [Click to purge Production](https://purge.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n### Purge specific bundle.js\n\nOur embed code snippet `src` attribute currently refers to a specific embed bundle js , for example\n\n```html\n\n
\n```\n\nIn this case, you will need to purge the bundle file specifically by providing absolute path\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/embed/{filename}.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/components/{filename}.bundle.js\n```\n\nfor example,\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@alpha/embed/vouch-embed-inline-player.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@beta/embed/vouch-embed-inline-player.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/embed/vouch-embed-inline-player.bundle.js\n```\n\n## Unit test\n\n```bash\nyarn test\n```\n\nupdate snapshot\n\n```bash\nyarn test -u\n```\n\n# Update `vouch-app`\n\n`@vouchfor/uikit` is a dependency of `vouch-app` for embeds and UI components, follow the below steps to publish NPM package and update `package.json` dependency in `vouch-app`.\n\n> Each PR should bump the minor version in `package.json` in order to push new version to NPM. e.g. `\"version\": \"3.9.0\"` in `main` branch, you should bump to `\"version\": \"3.10.0\"` in your branch.\n\n> The major version should only be used for releasing breaking changes. e.g. `3.0.0`, `4.0.0`\n\n## Development (`dev.vouchfor.com`)\n\nAssuming your branch bumped version in `package.json` to\n\n```json\n\"version\": \"3.10.0\"\n```\n\n### Bump patch version number\n\nEnsure your patch version number isn't used, e.g. if `3.10.0` was published before, bump to `3.10.1`.\n\n### Build and publish\n\n```sh\nyarn package:alpha\ncd package\nnpm publish --access public --tag alpha\n```\n\nMake sure you purge NPM CDN cache for package, see [Purge npm cached tags](#purge-npm-cached-tags)\n\n### Update dependency in `vouch-app`\n\nEnsure you already cloned [vouch-app](https://github.com/VouchAU/vouch-app.git) locally then switch to the folder.\n\n```sh\ncd vouch-app\ngit checkout development\ngit pull\ngit merge feature/VCH-111 # Optional, only when you have code change dependency in vouch-app as well\nyarn upgrade @vouchfor/uikit@alpha\n```\n\nAfter upgrade, you should see version updates in both `package.json` and `yarn.lock`, but due to a known issue of `yarn`, please do these before committing changes\n\n- Manually roll back `package.json` (should always `\"@vouchfor/uikit\": \"alpha\"` for `development`).\n- run `yarn` again to update `yarn.lock`\n\n```sh\ngit commit -m \"Bumped uikit version\"\ngit push\n```\n\n## Staging (`staging.vouchfor.com`)\n\nUpdate `staging` environment is the same as [Development](#development-devvouchforcom) but remember to change cmd to `staging` specific\n\n```sh\nyarn package:beta\n```\n\n```sh\nnpm publish --access public --tag beta\n```\n\n```sh\ncd vouch-app\ngit checkout staging\ngit pull\ngit merge feature/VCH-111 # Optional, only when you have code change dependency in vouch-app as well\nyarn upgrade @vouchfor/uikit@beta\n```\n\n## Production (`app.vouchfor.com`)\n\nOne thing different when release to production, since `master` branch can only be merged by PRs (after code review), so you will need to run `yarn upgrade @vouchfor/uikit@latest` under you feature branch and commit **before merging the PR**.\n\n```sh\ngit checkout feature/VCH-111\nyarn upgrade upgrade @vouchfor/uikit@latest\ngit commit -m \"Bumped uikit version\"\ngit push\n```\n\n> When you run above cmd, your PR should be ready to merge (reviewed and QA tested)\n","engines":{"node":">=16"},"exports":{"./events":"./events.js","./constants":"./constants.js","./embed/events":{"import":"./embed/events.js","default":"./embed/events.js","require":"./embed/events.cjs"},"./package.json":"./package.json","./internal/theme":"./internal/theme.js","./internal/utils":"./internal/utils.js","./embed/vouch-embed-all":{"import":"./embed/vouch-embed-all.js","default":"./embed/vouch-embed-all.js","require":"./embed/vouch-embed-all.cjs"},"./embed/vouch-embed-card":{"import":"./embed/vouch-embed-card.js","default":"./embed/vouch-embed-card.js","require":"./embed/vouch-embed-card.cjs"},"./embed/vouch-embed-jumbo":{"import":"./embed/vouch-embed-jumbo.js","default":"./embed/vouch-embed-jumbo.js","require":"./embed/vouch-embed-jumbo.cjs"},"./internal/hooks/useFetch":"./internal/hooks/useFetch.js","./internal/hooks/useTrack":"./internal/hooks/useTrack.js","./embed/vouch-embed-button":{"import":"./embed/vouch-embed-button.js","default":"./embed/vouch-embed-button.js","require":"./embed/vouch-embed-button.cjs"},"./components/vouch-recorder":{"import":"./components/vouch-recorder.js","default":"./components/vouch-recorder.js","require":"./components/vouch-recorder.cjs"},"./embed/vouch-embed-popover":{"import":"./embed/vouch-embed-popover.js","default":"./embed/vouch-embed-popover.js","require":"./embed/vouch-embed-popover.cjs"},"./test/internals/utils.spec":"./test/internals/utils.spec.js","./components/vouch-icon-play":{"import":"./components/vouch-icon-play.js","default":"./components/vouch-icon-play.js","require":"./components/vouch-icon-play.cjs"},"./embed/vouch-embed-dialogue":{"import":"./embed/vouch-embed-dialogue.js","default":"./embed/vouch-embed-dialogue.js","require":"./embed/vouch-embed-dialogue.cjs"},"./components/vouch-brand-logo":{"import":"./components/vouch-brand-logo.js","default":"./components/vouch-brand-logo.js","require":"./components/vouch-brand-logo.cjs"},"./components/vouch-icon-close":{"import":"./components/vouch-icon-close.js","default":"./components/vouch-icon-close.js","require":"./components/vouch-icon-close.cjs"},"./components/vouch-icon-pause":{"import":"./components/vouch-icon-pause.js","default":"./components/vouch-icon-pause.js","require":"./components/vouch-icon-pause.cjs"},"./components/vouch-media-plyr":{"import":"./components/vouch-media-plyr.js","default":"./components/vouch-media-plyr.js","require":"./components/vouch-media-plyr.cjs"},"./components/vouch-water-mark":{"import":"./components/vouch-water-mark.js","default":"./components/vouch-water-mark.js","require":"./components/vouch-water-mark.cjs"},"./embed/VouchEmbedCard.svelte":"./embed/VouchEmbedCard.svelte","./embed/vouch-embed-thumbnail":{"import":"./embed/vouch-embed-thumbnail.js","default":"./embed/vouch-embed-thumbnail.js","require":"./embed/vouch-embed-thumbnail.cjs"},"./embed/vouch-recorder-button":{"import":"./embed/vouch-recorder-button.js","default":"./embed/vouch-recorder-button.js","require":"./embed/vouch-recorder-button.cjs"},"./components/vouch-graphic-svg":{"import":"./components/vouch-graphic-svg.js","default":"./components/vouch-graphic-svg.js","require":"./components/vouch-graphic-svg.cjs"},"./embed/VouchEmbedJumbo.svelte":"./embed/VouchEmbedJumbo.svelte","./embed/vouch-recorder-preview":{"import":"./embed/vouch-recorder-preview.js","default":"./embed/vouch-recorder-preview.js","require":"./embed/vouch-recorder-preview.cjs"},"./internal/hooks/useFetchEmbed":"./internal/hooks/useFetchEmbed.js","./embed/VouchEmbedButton.svelte":"./embed/VouchEmbedButton.svelte","./components/vouch-circle-button":{"import":"./components/vouch-circle-button.js","default":"./components/vouch-circle-button.js","require":"./components/vouch-circle-button.cjs"},"./embed/VouchEmbedPopover.svelte":"./embed/VouchEmbedPopover.svelte","./components/VouchIconPlay.svelte":"./components/VouchIconPlay.svelte","./components/VouchRecorder.svelte":"./components/VouchRecorder.svelte","./embed/VouchEmbedDialogue.svelte":"./embed/VouchEmbedDialogue.svelte","./embed/vouch-embed-inline-player":{"import":"./embed/vouch-embed-inline-player.js","default":"./embed/vouch-embed-inline-player.js","require":"./embed/vouch-embed-inline-player.cjs"},"./test/components/VouchIcons.spec":"./test/components/VouchIcons.spec.js","./components/VouchBrandLogo.svelte":"./components/VouchBrandLogo.svelte","./components/VouchIconClose.svelte":"./components/VouchIconClose.svelte","./components/VouchIconPause.svelte":"./components/VouchIconPause.svelte","./components/VouchMediaPlyr.svelte":"./components/VouchMediaPlyr.svelte","./components/VouchWaterMark.svelte":"./components/VouchWaterMark.svelte","./components/vouch-icon-arrow-left":{"import":"./components/vouch-icon-arrow-left.js","default":"./components/vouch-icon-arrow-left.js","require":"./components/vouch-icon-arrow-left.cjs"},"./embed/VouchEmbedThumbnail.svelte":"./embed/VouchEmbedThumbnail.svelte","./embed/VouchRecorderButton.svelte":"./embed/VouchRecorderButton.svelte","./components/VouchGraphicSvg.svelte":"./components/VouchGraphicSvg.svelte","./components/vouch-icon-arrow-right":{"import":"./components/vouch-icon-arrow-right.js","default":"./components/vouch-icon-arrow-right.js","require":"./components/vouch-icon-arrow-right.cjs"},"./embed/VouchRecorderPreview.svelte":"./embed/VouchRecorderPreview.svelte","./components/vouch-overlay-play-icon":{"import":"./components/vouch-overlay-play-icon.js","default":"./components/vouch-overlay-play-icon.js","require":"./components/vouch-overlay-play-icon.cjs"},"./test/internals/hooks/useFetch.spec":"./test/internals/hooks/useFetch.spec.js","./test/internals/hooks/useTrack.spec":"./test/internals/hooks/useTrack.spec.js","./components/VouchCircleButton.svelte":"./components/VouchCircleButton.svelte","./embed/VouchEmbedInlinePlayer.svelte":"./embed/VouchEmbedInlinePlayer.svelte","./test/components/VouchBrandLogo.spec":"./test/components/VouchBrandLogo.spec.js","./test/components/VouchWaterMark.spec":"./test/components/VouchWaterMark.spec.js","./components/VouchIconArrowLeft.svelte":"./components/VouchIconArrowLeft.svelte","./test/components/VouchGraphicSvg.spec":"./test/components/VouchGraphicSvg.spec.js","./components/VouchIconArrowRight.svelte":"./components/VouchIconArrowRight.svelte","./components/VouchOverlayPlayIcon.svelte":"./components/VouchOverlayPlayIcon.svelte","./test/internals/hooks/useFetchEmbed.spec":"./test/internals/hooks/useFetchEmbed.spec.js"},"gitHead":"072178b41e6b225acf005ee1c90885722dfe87da","_npmUser":{"name":"vouch-tech","email":"brian@vouchfor.com"},"repository":{"url":"git+https://github.com/VouchAU/vouch-uikit.git","type":"git"},"_npmVersion":"8.19.2","description":"Vouch Svelte UIKit","directories":{},"lint-staged":{"*.{js,svelte}":"yarn lint"},"_nodeVersion":"16.18.0","dependencies":{"flat":"^5.0.2","plyr":"^3.7.2","cookie":"^0.4.1","hls.js":"^1.1.5","core-js":"^3.16.3","postcss":"^7","@vime/core":"^5.3.1","tailwindcss":"npm:@tailwindcss/postcss7-compat","@lukeed/uuid":"^2.0.0","autoprefixer":"^9","whatwg-fetch":"^3.6.2","patch-package":"^6.5.0","@fontsource/fira-mono":"^4.2.2","postinstall-postinstall":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^27.0.6","path":"^0.12.7","vite":"^3.1.8","react":"^18.2.0","tslib":"^2.0.0","dotenv":"^10.0.0","eslint":"^7.22.0","rollup":"^2.55.1","svelte":"^3.34.0","webpack":"^5.74.0","playroom":"0.28.0","prettier":"~2.2.1","react-dom":"^18.2.0","ts-loader":"^9.4.1","babel-jest":"^27.0.6","base64-url":"^2.3.3","dotenv-cli":"^6.0.0","svelte2tsx":"^0.4.3","typescript":"^4.8.4","@babel/core":"^7.14.8","@types/jest":"^26.0.24","lint-staged":"^12.4.1","babel-loader":"^8.2.5","svelte-check":"^2.0.0","@sveltejs/kit":"next","@types/cookie":"^0.4.0","@types/hls.js":"^1.0.0","svelte-jester":"^1.8.1","svelte-loader":"^3.1.2","@storybook/react":"^6.5.13","@babel/preset-env":"^7.14.9","@storybook/svelte":"^6.5.13","@sveltejs/package":"^1.0.0-next.5","svelte-preprocess":"^4.0.0","rollup-plugin-copy":"^3.4.0","require-from-string":"^2.0.2","rollup-plugin-svelte":"^7.1.0","rollup-plugin-terser":"^7.0.2","eslint-plugin-svelte3":"^3.2.0","@babel/runtime-corejs3":"^7.14.9","@rollup/plugin-replace":"^3.0.0","@storybook/addon-links":"^6.5.13","eslint-config-prettier":"^8.1.0","prettier-plugin-svelte":"^2.2.0","@rollup/plugin-commonjs":"^22.0.0","@testing-library/svelte":"^3.0.3","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.5.13","storybook-addon-playroom":"^3.0.2","@typescript-eslint/parser":"^4.19.0","@rollup/plugin-node-resolve":"^13.0.4","@storybook/addon-essentials":"^6.5.13","@storybook/addon-svelte-csf":"^2.0.10","@typescript-eslint/eslint-plugin":"^4.19.0"},"_npmOperationalInternal":{"tmp":"tmp/uikit_0.0.0-experiment.072178b_1669099181900_0.5004041822628529","host":"s3://npm-registry-packages"}},"0.0.0-experiment.7a37db5":{"name":"@vouchfor/uikit","version":"0.0.0-experiment.7a37db5","keywords":["embed","design system","vouch-uikit","svelte","uikit"],"author":{"url":"https://vouchau.github.io/vouch-uikit","name":"Vouch Dev Team","email":"hello@vouchfor.com"},"license":"MIT","_id":"@vouchfor/uikit@0.0.0-experiment.7a37db5","maintainers":[{"name":"vouch-tech","email":"brian@vouchfor.com"}],"homepage":"https://vouchau.github.io/vouch-uikit","bugs":{"url":"https://github.com/VouchAU/vouch-uikit/issues"},"dist":{"shasum":"46d848f70e050638876b1c9e9171407671ecbc75","tarball":"https://registry.npmjs.org/@vouchfor/uikit/-/uikit-0.0.0-experiment.7a37db5.tgz","fileCount":239,"integrity":"sha512-PW3zHj4/Zf0xC/anGfBaxX/CD24tFH6631v1skuCkN6aAKE1+LDZ2Deew1j1zUwcDV7UTLsZ41x6OGHjcVn/7Q==","signatures":[{"sig":"MEYCIQDA93GdmIETQyG9di7BPaUlBBPH3aBnCWxrEm7vsVCspQIhAN1/g+16eTjr/BfgQbk8fMZYmDJGP3cWEx6FW3zr3hoC","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":104273223,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjfHBtACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo5WhAAkV7Ohnuxva/pxkgSz9rlikZ+pVRfQWtNArZKqXGGp4eWGHtC\r\n2kJ23zSMbS1BEPktKZJqOZBaAvAR8q0M2Fh7SzmcIWcUQ4zqx9LBv9KRkbWj\r\nknXcfqBGmhszv8jBUSadUNWyTx5iMCXb+MemWVbyPzfHsAfThWOJ22o476bi\r\nb1IYwRGcq9pPb+CMVd7dxt7++MBn98P9ZtsC1BZAB3mi7b0xNKCBqMgLHGeI\r\nswhqUUKT8ThILFJb+agwLizj+9PWv2p5ZwEnVRG99r3L2ZVfIf/PhCVcjP/D\r\nj0FB4vYUKBzrzHX512daB+wiUiwPMV/CCE9AUkZhSoblzCGHuwAYzGj345u5\r\nOE4VGXf06CQOf5dhx/kkExtCqCINJM9k0L/ch+j7idICM3Qq527y9E9VlTGj\r\npS70+9i1ve3EZ5onBbOvGqnVkA+YwwMS9zVGMPv6XnBB3QQQnnOSQesr1mY9\r\nRw/YXnOy5q3KESrBvznZEqTCswWOaZmpaCaR1KQm/WjGlXLOM9Wrc1Pn38Uz\r\n1XhTYbnjkY4DnkH/bcuGyOwbCqnLkqWmU31fiNwRuNeJt2/zvmshEfLovpqk\r\nL0jcbt7hQij5zLCzNoFCcf6AsaXHgCcASO9oanYcUairn2EI/UXA9D/DVQPE\r\nwrDKshwEezecRoZK7MYjoV48UrMOY57YU+E=\r\n=vTWc\r\n-----END PGP SIGNATURE-----\r\n"},"type":"module","types":"types.d.ts","readme":"# Vouch UIKit\n\n- [Get Started](#get-started)\n - [Storybook](#storybook)\n - [Build package](#build-package)\n - [Test package locally with vouch-app](#test-package-locally-with-vouch-app)\n - [Publish to npm](#publish-to-npm)\n - [Purge npm cache](#purge-npm-cached-tags)\n- [Update vouch-app](#update-vouch-app)\n - [development](#development-devvouchforcom)\n - [staging](#staging-stagingvouchforcom)\n - [production](#production-appvouchforcom)\n\n**Vouch UIKit** consists of `2 libraries` and `1 application`\n\n```bash\n└── src\n ├── lib\n │ ├── components # Design System Components (Web Component)\n │ │ ├── VouchBrandLogo.svelte\n │ │ ...\n │ │\n │ └── embed # embed Components (Web Component)\n │ │ ├── VouchEmbedInlinePlayer.svelte\n │ ...\n │\n │\n ├── routes # vouch public embed link (https://embed.vouchfor.com)\n │ ├── __layout.svelte\n │ ├── index.svelte\n │ ├── about.svelte\n │ ...\n │\n ├── app.css\n └── app.html\n```\n\n# Get Started\n\nEnsure you have node `14.17.0` installed on your machine, for example via [nvm](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/TERMINAL.md#install-nvm), run `nvm ls` to check\n\n```bash\nnvm ls 14\n```\n\nyou should see output if you have the version installed\n\n```bash\n-> v14.17.0\n```\n\nensure you have [git ssh](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/GITHUB.md) setup locally before you clone the repo\n\n```bash\ngit clone git@github.com:VouchAU/vouch-uikit.git\n```\n\ninstall dependencies\n\n```bash\ncd vouch-uikit\nyarn\n```\n\n## Storybook\n\nhttps://designsystem.vouchfor.com/\n\nStorybook is hosted on GitHub page `gh-pages` branch (Domain name is configured on **Cloudflare**) and deployed automatically via **GitHub Action** every time changes are merged back to `master`.\n\nLocal dev\n\n```bash\nyarn storybook\n```\n\nbuild storybook\n\n```bash\nyarn build-storybook\n```\n\n## Build package\n\nBuild `src/lib` production/beta/alpha package, make sure you change `version` in `package.json` for three different build tags.\n\n```sh\ncd vouch-uikit\n...\nyarn package:alpha # development\nyarn package:beta # staging\nyarn package # production\n```\n\n## Test package locally with `vouch-app`\n\nOnce you build the `npm` package, you can test locally with `vouch-app` to ensure everything works as expected before publishing to `npm`\n\nAssuming you build a package according [Build package](#build-package), now you can create a symlink to your local package\n\n```sh\ncd package\nyarn link\n```\n\nyou should see this if successfully linked\n\n```sh\nyarn link v1.22.10\nsuccess Registered \"@vouchfor/uikit\".\ninfo You can now run `yarn link \"@vouchfor/uikit\"` in the projects where you want to use this package and it will be used instead.\n✨ Done in 0.04s.\n```\n\ngo to `vouch-app` folder and switch to the branch you want to test against with then link the local package\n\n```sh\ncd vouch-app\ngit checkout VCH-222\nyarn link @vouchfor/uikit\nyarn dev\n```\n\nVoilà, you are testing your feature branch with the local uikit package and don't forget to roll back after testing\n\n```sh\ncd vouch-app\nyarn unlink @vouchfor/uikit\n...\ncd vouch-uikit/package\nyarn unlink\n```\n\n## Publish to `npm`\n\n> Note you will need to log in `vouch-tech` on your terminal before publishing, credential is shared via 1Password.\n\n```bash\nnpm login\n...\n```\n\n```bash\ncd package\n...\nnpm publish --access public --tag alpha # development\nnpm publish --access public --tag beta # staging\nnpm publish --access public # production\n```\n\n## Purge `jsdelivr` cache\n\n`@vouchfor/uikit` is most likely consumed by **tag**, `alpha`, `beta` and `latest`, not version number to ensure clients can always get the latest updates. [jsdelivr](https://cdn.jsdelivr.net/) default has 7 days cache for `tag`, so we need to purge it to reflect new version number.\n\n- Check current tag version number\n\n - [Click to check Alpha](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@alpha/)\n - [Click to check Beta](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@beta/)\n - [Click to check Production](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n- Purge cache\n - [Click to purge Alpha](https://purge.jsdelivr.net/npm/@vouchfor/uikit@alpha/)\n - [Click to purge Beta](https://purge.jsdelivr.net/npm/@vouchfor/uikit@beta/)\n - **_Danger_** [Click to purge Production](https://purge.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n### Purge specific bundle.js\n\nOur embed code snippet `src` attribute currently refers to a specific embed bundle js , for example\n\n```html\n\n
\n```\n\nIn this case, you will need to purge the bundle file specifically by providing absolute path\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/embed/{filename}.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/components/{filename}.bundle.js\n```\n\nfor example,\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@alpha/embed/vouch-embed-inline-player.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@beta/embed/vouch-embed-inline-player.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/embed/vouch-embed-inline-player.bundle.js\n```\n\n## Unit test\n\n```bash\nyarn test\n```\n\nupdate snapshot\n\n```bash\nyarn test -u\n```\n\n# Update `vouch-app`\n\n`@vouchfor/uikit` is a dependency of `vouch-app` for embeds and UI components, follow the below steps to publish NPM package and update `package.json` dependency in `vouch-app`.\n\n> Each PR should bump the minor version in `package.json` in order to push new version to NPM. e.g. `\"version\": \"3.9.0\"` in `main` branch, you should bump to `\"version\": \"3.10.0\"` in your branch.\n\n> The major version should only be used for releasing breaking changes. e.g. `3.0.0`, `4.0.0`\n\n## Development (`dev.vouchfor.com`)\n\nAssuming your branch bumped version in `package.json` to\n\n```json\n\"version\": \"3.10.0\"\n```\n\n### Bump patch version number\n\nEnsure your patch version number isn't used, e.g. if `3.10.0` was published before, bump to `3.10.1`.\n\n### Build and publish\n\n```sh\nyarn package:alpha\ncd package\nnpm publish --access public --tag alpha\n```\n\nMake sure you purge NPM CDN cache for package, see [Purge npm cached tags](#purge-npm-cached-tags)\n\n### Update dependency in `vouch-app`\n\nEnsure you already cloned [vouch-app](https://github.com/VouchAU/vouch-app.git) locally then switch to the folder.\n\n```sh\ncd vouch-app\ngit checkout development\ngit pull\ngit merge feature/VCH-111 # Optional, only when you have code change dependency in vouch-app as well\nyarn upgrade @vouchfor/uikit@alpha\n```\n\nAfter upgrade, you should see version updates in both `package.json` and `yarn.lock`, but due to a known issue of `yarn`, please do these before committing changes\n\n- Manually roll back `package.json` (should always `\"@vouchfor/uikit\": \"alpha\"` for `development`).\n- run `yarn` again to update `yarn.lock`\n\n```sh\ngit commit -m \"Bumped uikit version\"\ngit push\n```\n\n## Staging (`staging.vouchfor.com`)\n\nUpdate `staging` environment is the same as [Development](#development-devvouchforcom) but remember to change cmd to `staging` specific\n\n```sh\nyarn package:beta\n```\n\n```sh\nnpm publish --access public --tag beta\n```\n\n```sh\ncd vouch-app\ngit checkout staging\ngit pull\ngit merge feature/VCH-111 # Optional, only when you have code change dependency in vouch-app as well\nyarn upgrade @vouchfor/uikit@beta\n```\n\n## Production (`app.vouchfor.com`)\n\nOne thing different when release to production, since `master` branch can only be merged by PRs (after code review), so you will need to run `yarn upgrade @vouchfor/uikit@latest` under you feature branch and commit **before merging the PR**.\n\n```sh\ngit checkout feature/VCH-111\nyarn upgrade upgrade @vouchfor/uikit@latest\ngit commit -m \"Bumped uikit version\"\ngit push\n```\n\n> When you run above cmd, your PR should be ready to merge (reviewed and QA tested)\n","engines":{"node":">=16"},"exports":{"./events":"./events.js","./constants":"./constants.js","./embed/events":{"import":"./embed/events.js","default":"./embed/events.js","require":"./embed/events.cjs"},"./package.json":"./package.json","./internal/theme":"./internal/theme.js","./internal/utils":"./internal/utils.js","./embed/vouch-embed-all":{"import":"./embed/vouch-embed-all.js","default":"./embed/vouch-embed-all.js","require":"./embed/vouch-embed-all.cjs"},"./embed/vouch-embed-card":{"import":"./embed/vouch-embed-card.js","default":"./embed/vouch-embed-card.js","require":"./embed/vouch-embed-card.cjs"},"./embed/vouch-embed-jumbo":{"import":"./embed/vouch-embed-jumbo.js","default":"./embed/vouch-embed-jumbo.js","require":"./embed/vouch-embed-jumbo.cjs"},"./internal/hooks/useFetch":"./internal/hooks/useFetch.js","./internal/hooks/useTrack":"./internal/hooks/useTrack.js","./embed/vouch-embed-button":{"import":"./embed/vouch-embed-button.js","default":"./embed/vouch-embed-button.js","require":"./embed/vouch-embed-button.cjs"},"./components/vouch-recorder":{"import":"./components/vouch-recorder.js","default":"./components/vouch-recorder.js","require":"./components/vouch-recorder.cjs"},"./embed/vouch-embed-popover":{"import":"./embed/vouch-embed-popover.js","default":"./embed/vouch-embed-popover.js","require":"./embed/vouch-embed-popover.cjs"},"./test/internals/utils.spec":"./test/internals/utils.spec.js","./components/vouch-icon-play":{"import":"./components/vouch-icon-play.js","default":"./components/vouch-icon-play.js","require":"./components/vouch-icon-play.cjs"},"./embed/vouch-embed-dialogue":{"import":"./embed/vouch-embed-dialogue.js","default":"./embed/vouch-embed-dialogue.js","require":"./embed/vouch-embed-dialogue.cjs"},"./components/vouch-brand-logo":{"import":"./components/vouch-brand-logo.js","default":"./components/vouch-brand-logo.js","require":"./components/vouch-brand-logo.cjs"},"./components/vouch-icon-close":{"import":"./components/vouch-icon-close.js","default":"./components/vouch-icon-close.js","require":"./components/vouch-icon-close.cjs"},"./components/vouch-icon-pause":{"import":"./components/vouch-icon-pause.js","default":"./components/vouch-icon-pause.js","require":"./components/vouch-icon-pause.cjs"},"./components/vouch-media-plyr":{"import":"./components/vouch-media-plyr.js","default":"./components/vouch-media-plyr.js","require":"./components/vouch-media-plyr.cjs"},"./components/vouch-water-mark":{"import":"./components/vouch-water-mark.js","default":"./components/vouch-water-mark.js","require":"./components/vouch-water-mark.cjs"},"./embed/VouchEmbedCard.svelte":"./embed/VouchEmbedCard.svelte","./embed/vouch-embed-thumbnail":{"import":"./embed/vouch-embed-thumbnail.js","default":"./embed/vouch-embed-thumbnail.js","require":"./embed/vouch-embed-thumbnail.cjs"},"./embed/vouch-recorder-button":{"import":"./embed/vouch-recorder-button.js","default":"./embed/vouch-recorder-button.js","require":"./embed/vouch-recorder-button.cjs"},"./components/vouch-graphic-svg":{"import":"./components/vouch-graphic-svg.js","default":"./components/vouch-graphic-svg.js","require":"./components/vouch-graphic-svg.cjs"},"./embed/VouchEmbedJumbo.svelte":"./embed/VouchEmbedJumbo.svelte","./embed/vouch-recorder-preview":{"import":"./embed/vouch-recorder-preview.js","default":"./embed/vouch-recorder-preview.js","require":"./embed/vouch-recorder-preview.cjs"},"./internal/hooks/useFetchEmbed":"./internal/hooks/useFetchEmbed.js","./embed/VouchEmbedButton.svelte":"./embed/VouchEmbedButton.svelte","./components/vouch-circle-button":{"import":"./components/vouch-circle-button.js","default":"./components/vouch-circle-button.js","require":"./components/vouch-circle-button.cjs"},"./embed/VouchEmbedPopover.svelte":"./embed/VouchEmbedPopover.svelte","./components/VouchIconPlay.svelte":"./components/VouchIconPlay.svelte","./components/VouchRecorder.svelte":"./components/VouchRecorder.svelte","./embed/VouchEmbedDialogue.svelte":"./embed/VouchEmbedDialogue.svelte","./embed/vouch-embed-inline-player":{"import":"./embed/vouch-embed-inline-player.js","default":"./embed/vouch-embed-inline-player.js","require":"./embed/vouch-embed-inline-player.cjs"},"./test/components/VouchIcons.spec":"./test/components/VouchIcons.spec.js","./components/VouchBrandLogo.svelte":"./components/VouchBrandLogo.svelte","./components/VouchIconClose.svelte":"./components/VouchIconClose.svelte","./components/VouchIconPause.svelte":"./components/VouchIconPause.svelte","./components/VouchMediaPlyr.svelte":"./components/VouchMediaPlyr.svelte","./components/VouchWaterMark.svelte":"./components/VouchWaterMark.svelte","./components/vouch-icon-arrow-left":{"import":"./components/vouch-icon-arrow-left.js","default":"./components/vouch-icon-arrow-left.js","require":"./components/vouch-icon-arrow-left.cjs"},"./embed/VouchEmbedThumbnail.svelte":"./embed/VouchEmbedThumbnail.svelte","./embed/VouchRecorderButton.svelte":"./embed/VouchRecorderButton.svelte","./components/VouchGraphicSvg.svelte":"./components/VouchGraphicSvg.svelte","./components/vouch-icon-arrow-right":{"import":"./components/vouch-icon-arrow-right.js","default":"./components/vouch-icon-arrow-right.js","require":"./components/vouch-icon-arrow-right.cjs"},"./embed/VouchRecorderPreview.svelte":"./embed/VouchRecorderPreview.svelte","./components/vouch-overlay-play-icon":{"import":"./components/vouch-overlay-play-icon.js","default":"./components/vouch-overlay-play-icon.js","require":"./components/vouch-overlay-play-icon.cjs"},"./test/internals/hooks/useFetch.spec":"./test/internals/hooks/useFetch.spec.js","./test/internals/hooks/useTrack.spec":"./test/internals/hooks/useTrack.spec.js","./components/VouchCircleButton.svelte":"./components/VouchCircleButton.svelte","./embed/VouchEmbedInlinePlayer.svelte":"./embed/VouchEmbedInlinePlayer.svelte","./test/components/VouchBrandLogo.spec":"./test/components/VouchBrandLogo.spec.js","./test/components/VouchWaterMark.spec":"./test/components/VouchWaterMark.spec.js","./components/VouchIconArrowLeft.svelte":"./components/VouchIconArrowLeft.svelte","./test/components/VouchGraphicSvg.spec":"./test/components/VouchGraphicSvg.spec.js","./components/VouchIconArrowRight.svelte":"./components/VouchIconArrowRight.svelte","./components/VouchOverlayPlayIcon.svelte":"./components/VouchOverlayPlayIcon.svelte","./test/internals/hooks/useFetchEmbed.spec":"./test/internals/hooks/useFetchEmbed.spec.js"},"gitHead":"7a37db53f49c0352acc26146333d81895055106a","_npmUser":{"name":"vouch-tech","email":"brian@vouchfor.com"},"repository":{"url":"git+https://github.com/VouchAU/vouch-uikit.git","type":"git"},"_npmVersion":"8.19.2","description":"Vouch Svelte UIKit","directories":{},"lint-staged":{"*.{js,svelte}":"yarn lint"},"_nodeVersion":"16.18.0","dependencies":{"flat":"^5.0.2","plyr":"^3.7.2","cookie":"^0.4.1","hls.js":"^1.1.5","core-js":"^3.16.3","postcss":"^7","@vime/core":"^5.3.1","tailwindcss":"npm:@tailwindcss/postcss7-compat","@lukeed/uuid":"^2.0.0","autoprefixer":"^9","whatwg-fetch":"^3.6.2","patch-package":"^6.5.0","@fontsource/fira-mono":"^4.2.2","postinstall-postinstall":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^27.0.6","path":"^0.12.7","vite":"^3.1.8","react":"^18.2.0","tslib":"^2.0.0","dotenv":"^10.0.0","eslint":"^7.22.0","rollup":"^2.55.1","svelte":"^3.34.0","webpack":"^5.74.0","playroom":"0.28.0","prettier":"~2.2.1","react-dom":"^18.2.0","ts-loader":"^9.4.1","babel-jest":"^27.0.6","base64-url":"^2.3.3","dotenv-cli":"^6.0.0","svelte2tsx":"^0.4.3","typescript":"^4.8.4","@babel/core":"^7.14.8","@types/jest":"^26.0.24","lint-staged":"^12.4.1","babel-loader":"^8.2.5","svelte-check":"^2.0.0","@sveltejs/kit":"next","@types/cookie":"^0.4.0","@types/hls.js":"^1.0.0","svelte-jester":"^1.8.1","svelte-loader":"^3.1.2","@storybook/react":"^6.5.13","@babel/preset-env":"^7.14.9","@storybook/svelte":"^6.5.13","@sveltejs/package":"^1.0.0-next.5","svelte-preprocess":"^4.0.0","rollup-plugin-copy":"^3.4.0","require-from-string":"^2.0.2","rollup-plugin-svelte":"^7.1.0","rollup-plugin-terser":"^7.0.2","eslint-plugin-svelte3":"^3.2.0","@babel/runtime-corejs3":"^7.14.9","@rollup/plugin-replace":"^3.0.0","@storybook/addon-links":"^6.5.13","eslint-config-prettier":"^8.1.0","prettier-plugin-svelte":"^2.2.0","@rollup/plugin-commonjs":"^22.0.0","@testing-library/svelte":"^3.0.3","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.5.13","storybook-addon-playroom":"^3.0.2","@typescript-eslint/parser":"^4.19.0","@rollup/plugin-node-resolve":"^13.0.4","@storybook/addon-essentials":"^6.5.13","@storybook/addon-svelte-csf":"^2.0.10","@typescript-eslint/eslint-plugin":"^4.19.0"},"_npmOperationalInternal":{"tmp":"tmp/uikit_0.0.0-experiment.7a37db5_1669099628959_0.5852295886239267","host":"s3://npm-registry-packages"}},"0.0.0-experiment.80c3672":{"name":"@vouchfor/uikit","version":"0.0.0-experiment.80c3672","keywords":["embed","design system","vouch-uikit","svelte","uikit"],"author":{"url":"https://vouchau.github.io/vouch-uikit","name":"Vouch Dev Team","email":"hello@vouchfor.com"},"license":"MIT","_id":"@vouchfor/uikit@0.0.0-experiment.80c3672","maintainers":[{"name":"vouch-tech","email":"brian@vouchfor.com"}],"homepage":"https://vouchau.github.io/vouch-uikit","bugs":{"url":"https://github.com/VouchAU/vouch-uikit/issues"},"dist":{"shasum":"be65a11e8d5834ce99d4ca3e20f6e34aa68d8be6","tarball":"https://registry.npmjs.org/@vouchfor/uikit/-/uikit-0.0.0-experiment.80c3672.tgz","fileCount":239,"integrity":"sha512-j/ux5/Ym6nXwFEnaoc+09RRAr4W4fzVOIeegL2fdwIrAeqbeicdGwY7cE+sNACudgK8ODBglV7ZJNMOjv488jw==","signatures":[{"sig":"MEYCIQDtvQmgueD/bO2gLdgpmUI2pPtTBv4FKRRE7rQI4IECdwIhAIhZALtyW943mZfCFg69D8vGO/XjBr3HtEnQq2TlvRp8","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":104274506,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjfHPvACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqLmw//U1x7hlv0UqV4GOM8ocI0ic/6BdR0ZmPvTRYNp3sCEYMBL1f6\r\nw7t/LyMAv2jljc40tA8sphEqDVg6SrjrJJ6xt23z0pS5LDL0DMkrPVvfcHVf\r\n/nuCczJnsalCT8Hjg2l66T6igVlzP1eJcNuKkpCavf07qOSp+zuuSt/RzycG\r\nHYOYn8fekb9f1XJ5YfWS4/keo/3GJcxPisRruqqaCK69zzmEAS/t1nhedqDq\r\nKzvmvb1isCpfL8Fz8tjYMQhRNZFMGI/P1yd464/4bzysAj08l0LLf9tWU7EP\r\nVXTYdLbhboyFn8SJuMECZIqt9ljE3jUH8UJneVl5+wyj2hig8HkFj+mLZ7LS\r\nxHy5yyQ5YBgKFi8o0ItgXYX3oQwC4+bUj1A3ovip4iu3/maPgRQXXF/iI+BZ\r\nQPX8F2b8qgi945IMZvSnvJLaOqJAHJekpKV28RR7iwZV6h6SRoX4Ha3yQ+b0\r\nibP/6zGD78H+INnKjM3TDXt+gG7Y+lm0aNvaIWjpJ8cF261DYJEdBlE7uhML\r\n/OhX2a2o1kh1VAhKINDWUT+0Oq256o1zjmdYJs+R9/fQgMHYE2XJhWpr59yU\r\n8CfUaFeFP4kdwjqnNVxZKgzhhQMAOwZE0byC/3G8oNxjQFTUPgcjIz/yhUYt\r\nLtr7LH7Vz/c7Sqg4N9ex0IkI+H+EoCH4SEA=\r\n=ZBmY\r\n-----END PGP SIGNATURE-----\r\n"},"type":"module","types":"types.d.ts","readme":"# Vouch UIKit\n\n- [Get Started](#get-started)\n - [Storybook](#storybook)\n - [Build package](#build-package)\n - [Test package locally with vouch-app](#test-package-locally-with-vouch-app)\n - [Publish to npm](#publish-to-npm)\n - [Purge npm cache](#purge-npm-cached-tags)\n- [Update vouch-app](#update-vouch-app)\n - [development](#development-devvouchforcom)\n - [staging](#staging-stagingvouchforcom)\n - [production](#production-appvouchforcom)\n\n**Vouch UIKit** consists of `2 libraries` and `1 application`\n\n```bash\n└── src\n ├── lib\n │ ├── components # Design System Components (Web Component)\n │ │ ├── VouchBrandLogo.svelte\n │ │ ...\n │ │\n │ └── embed # embed Components (Web Component)\n │ │ ├── VouchEmbedInlinePlayer.svelte\n │ ...\n │\n │\n ├── routes # vouch public embed link (https://embed.vouchfor.com)\n │ ├── __layout.svelte\n │ ├── index.svelte\n │ ├── about.svelte\n │ ...\n │\n ├── app.css\n └── app.html\n```\n\n# Get Started\n\nEnsure you have node `16` installed on your machine, for example via [nvm](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/TERMINAL.md#install-nvm), run `nvm ls` to check\n\n```bash\nnvm ls 16\n```\n\nyou should see output if you have the version installed\n\n```bash\n-> v16.17.1\n```\n\nensure you have [git ssh](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/GITHUB.md) setup locally before you clone the repo\n\n```bash\ngit clone git@github.com:VouchAU/vouch-uikit-mono.git\n```\n\ninstall dependencies\n\n```bash\ncd vouch-uikit-mono\nyarn\n```\n\n## Storybook\n\nhttps://uikit-storybook.vercel.app\n\nStorybook is hosted on vercel and deployed automatically via **GitHub Action** every time changes are merged back to `main`. Storybook can also be deployed per PR by adding the `deploy storybook` label on the PR.\n\nLocal dev\n\n```bash\nyarn storybook\n```\n\nbuild storybook\n\n```bash\nyarn storybook:build\n```\n\n### Playroom\n\nhttps://uikit-playroom.vercel.app\n\nPlayroom is hosted on vercel and deployed automatically via **GitHub Action** every time changes are merged back to `main`. Playroom is not intended to be used on it's own because we don't get good autocomplete for web components, and playroom cannot render the svelte components natively.\n\nInstead we have created a `Playroom` plugin for storybook that will automatically update the rendered web component when any of the story controls change.\n\nLocal dev\n\n```bash\nyarn playroom\n```\n\nbuild playroom\n\n```bash\nyarn playroom:build\n```\n\n## Build package\n\nBuild `src/lib` production/beta/alpha package, make sure you change `version` in `package.json` for three different build tags.\n\n```sh\ncd vouch-uikit\n...\nyarn package:alpha # development\nyarn package:beta # staging\nyarn package # production\n```\n\n## Test package locally with `vouch-app`\n\nOnce you build the `npm` package, you can test locally with `vouch-app` to ensure everything works as expected before publishing to `npm`\n\nAssuming you build a package according [Build package](#build-package), now you can create a symlink to your local package\n\n```sh\ncd package\nyarn link\n```\n\nyou should see this if successfully linked\n\n```sh\nyarn link v1.22.10\nsuccess Registered \"@vouchfor/uikit\".\ninfo You can now run `yarn link \"@vouchfor/uikit\"` in the projects where you want to use this package and it will be used instead.\n✨ Done in 0.04s.\n```\n\ngo to `vouch-app` folder and switch to the branch you want to test against with then link the local package\n\n```sh\ncd vouch-app\ngit checkout VCH-222\nyarn link @vouchfor/uikit\nyarn dev\n```\n\nVoilà, you are testing your feature branch with the local uikit package and don't forget to roll back after testing\n\n```sh\ncd vouch-app\nyarn unlink @vouchfor/uikit\n...\ncd vouch-uikit/package\nyarn unlink\n```\n\n## Test published package\n\nYou can publish an experimental version of the package by adding the `publish rc` label onto your PR. This will use the commit hash and a prerelease version number to publish onto NPM which you can then install into your application for testing.\n\nThis can be important because the published package and the linked package aren't necessarily 100% the same, some functionality is lost during the conversion to web-components:\n- When using a svelte component within another svelte component, you are able to pass $$restProps down to inner DOM elements, this doesn't work when the svelte component is changed into a web-component during build time\n\n## Publish to `npm`\n\n> Note you will need to log in `vouch-tech` on your terminal before publishing, credential is shared via 1Password.\n\n```bash\nnpm login\n...\n```\n\n```bash\ncd package\n...\nnpm publish --access public --tag alpha # development\nnpm publish --access public --tag beta # staging\nnpm publish --access public # production\n```\n\n## Purge `jsdelivr` cache\n\n`@vouchfor/uikit` is most likely consumed by **tag**, `alpha`, `beta` and `latest`, not version number to ensure clients can always get the latest updates. [jsdelivr](https://cdn.jsdelivr.net/) default has 7 days cache for `tag`, so we need to purge it to reflect new version number.\n\n- Check current tag version number\n\n - [Click to check Alpha](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@alpha/)\n - [Click to check Beta](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@beta/)\n - [Click to check Production](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n- Purge cache\n - [Click to purge Alpha](https://purge.jsdelivr.net/npm/@vouchfor/uikit@alpha/)\n - [Click to purge Beta](https://purge.jsdelivr.net/npm/@vouchfor/uikit@beta/)\n - **_Danger_** [Click to purge Production](https://purge.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n### Purge specific bundle.js\n\nOur embed code snippet `src` attribute currently refers to a specific embed bundle js , for example\n\n```html\n\n
\n```\n\nIn this case, you will need to purge the bundle file specifically by providing absolute path\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/embed/{filename}.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/components/{filename}.bundle.js\n```\n\nfor example,\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@alpha/embed/vouch-embed-inline-player.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@beta/embed/vouch-embed-inline-player.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/embed/vouch-embed-inline-player.bundle.js\n```\n\n## Unit test\n\n```bash\nyarn test\n```\n\nupdate snapshot\n\n```bash\nyarn test -u\n```\n\n# Update `vouch-app`\n\n`@vouchfor/uikit` is a dependency of `vouch-app` for embeds and UI components, follow the below steps to publish NPM package and update `package.json` dependency in `vouch-app`.\n\n> Each PR should bump the minor version in `package.json` in order to push new version to NPM. e.g. `\"version\": \"3.9.0\"` in `main` branch, you should bump to `\"version\": \"3.10.0\"` in your branch.\n\n> The major version should only be used for releasing breaking changes. e.g. `3.0.0`, `4.0.0`\n\n## Development (`dev.vouchfor.com`)\n\nAssuming your branch bumped version in `package.json` to\n\n```json\n\"version\": \"3.10.0\"\n```\n\n### Bump patch version number\n\nEnsure your patch version number isn't used, e.g. if `3.10.0` was published before, bump to `3.10.1`.\n\n### Build and publish\n\n```sh\nyarn package:alpha\ncd package\nnpm publish --access public --tag alpha\n```\n\nMake sure you purge NPM CDN cache for package, see [Purge npm cached tags](#purge-npm-cached-tags)\n\n### Update dependency in `vouch-app`\n\nEnsure you already cloned [vouch-app](https://github.com/VouchAU/vouch-app.git) locally then switch to the folder.\n\n```sh\ncd vouch-app\ngit checkout development\ngit pull\ngit merge feature/VCH-111 # Optional, only when you have code change dependency in vouch-app as well\nyarn upgrade @vouchfor/uikit@alpha\n```\n\nAfter upgrade, you should see version updates in both `package.json` and `yarn.lock`, but due to a known issue of `yarn`, please do these before committing changes\n\n- Manually roll back `package.json` (should always `\"@vouchfor/uikit\": \"alpha\"` for `development`).\n- run `yarn` again to update `yarn.lock`\n\n```sh\ngit commit -m \"Bumped uikit version\"\ngit push\n```\n\n## Staging (`admin-staging.vouchfor.com`)\n\nUpdate `staging` environment is the same as [Development](#development-devvouchforcom) but remember to change cmd to `staging` specific\n\n```sh\nyarn package:beta\n```\n\n```sh\nnpm publish --access public --tag beta\n```\n\n```sh\ncd vouch-app\ngit checkout staging\ngit pull\ngit merge feature/VCH-111 # Optional, only when you have code change dependency in vouch-app as well\nyarn upgrade @vouchfor/uikit@beta\n```\n\n## Production (`admin.vouchfor.com`)\n\nOne thing different when release to production, since `main` branch can only be merged by PRs (after code review), so you will need to run `yarn upgrade @vouchfor/uikit@latest` under you feature branch and commit **before merging the PR**.\n\n```sh\ngit checkout feature/VCH-111\nyarn upgrade upgrade @vouchfor/uikit@latest\ngit commit -m \"Bumped uikit version\"\ngit push\n```\n\n> When you run above cmd, your PR should be ready to merge (reviewed and QA tested)\n","engines":{"node":">=16"},"exports":{"./events":"./events.js","./constants":"./constants.js","./embed/events":{"import":"./embed/events.js","default":"./embed/events.js","require":"./embed/events.cjs"},"./package.json":"./package.json","./internal/theme":"./internal/theme.js","./internal/utils":"./internal/utils.js","./embed/vouch-embed-all":{"import":"./embed/vouch-embed-all.js","default":"./embed/vouch-embed-all.js","require":"./embed/vouch-embed-all.cjs"},"./embed/vouch-embed-card":{"import":"./embed/vouch-embed-card.js","default":"./embed/vouch-embed-card.js","require":"./embed/vouch-embed-card.cjs"},"./embed/vouch-embed-jumbo":{"import":"./embed/vouch-embed-jumbo.js","default":"./embed/vouch-embed-jumbo.js","require":"./embed/vouch-embed-jumbo.cjs"},"./internal/hooks/useFetch":"./internal/hooks/useFetch.js","./internal/hooks/useTrack":"./internal/hooks/useTrack.js","./embed/vouch-embed-button":{"import":"./embed/vouch-embed-button.js","default":"./embed/vouch-embed-button.js","require":"./embed/vouch-embed-button.cjs"},"./components/vouch-recorder":{"import":"./components/vouch-recorder.js","default":"./components/vouch-recorder.js","require":"./components/vouch-recorder.cjs"},"./embed/vouch-embed-popover":{"import":"./embed/vouch-embed-popover.js","default":"./embed/vouch-embed-popover.js","require":"./embed/vouch-embed-popover.cjs"},"./test/internals/utils.spec":"./test/internals/utils.spec.js","./components/vouch-icon-play":{"import":"./components/vouch-icon-play.js","default":"./components/vouch-icon-play.js","require":"./components/vouch-icon-play.cjs"},"./embed/vouch-embed-dialogue":{"import":"./embed/vouch-embed-dialogue.js","default":"./embed/vouch-embed-dialogue.js","require":"./embed/vouch-embed-dialogue.cjs"},"./components/vouch-brand-logo":{"import":"./components/vouch-brand-logo.js","default":"./components/vouch-brand-logo.js","require":"./components/vouch-brand-logo.cjs"},"./components/vouch-icon-close":{"import":"./components/vouch-icon-close.js","default":"./components/vouch-icon-close.js","require":"./components/vouch-icon-close.cjs"},"./components/vouch-icon-pause":{"import":"./components/vouch-icon-pause.js","default":"./components/vouch-icon-pause.js","require":"./components/vouch-icon-pause.cjs"},"./components/vouch-media-plyr":{"import":"./components/vouch-media-plyr.js","default":"./components/vouch-media-plyr.js","require":"./components/vouch-media-plyr.cjs"},"./components/vouch-water-mark":{"import":"./components/vouch-water-mark.js","default":"./components/vouch-water-mark.js","require":"./components/vouch-water-mark.cjs"},"./embed/VouchEmbedCard.svelte":"./embed/VouchEmbedCard.svelte","./embed/vouch-embed-thumbnail":{"import":"./embed/vouch-embed-thumbnail.js","default":"./embed/vouch-embed-thumbnail.js","require":"./embed/vouch-embed-thumbnail.cjs"},"./embed/vouch-recorder-button":{"import":"./embed/vouch-recorder-button.js","default":"./embed/vouch-recorder-button.js","require":"./embed/vouch-recorder-button.cjs"},"./components/vouch-graphic-svg":{"import":"./components/vouch-graphic-svg.js","default":"./components/vouch-graphic-svg.js","require":"./components/vouch-graphic-svg.cjs"},"./embed/VouchEmbedJumbo.svelte":"./embed/VouchEmbedJumbo.svelte","./embed/vouch-recorder-preview":{"import":"./embed/vouch-recorder-preview.js","default":"./embed/vouch-recorder-preview.js","require":"./embed/vouch-recorder-preview.cjs"},"./internal/hooks/useFetchEmbed":"./internal/hooks/useFetchEmbed.js","./embed/VouchEmbedButton.svelte":"./embed/VouchEmbedButton.svelte","./components/vouch-circle-button":{"import":"./components/vouch-circle-button.js","default":"./components/vouch-circle-button.js","require":"./components/vouch-circle-button.cjs"},"./embed/VouchEmbedPopover.svelte":"./embed/VouchEmbedPopover.svelte","./components/VouchIconPlay.svelte":"./components/VouchIconPlay.svelte","./components/VouchRecorder.svelte":"./components/VouchRecorder.svelte","./embed/VouchEmbedDialogue.svelte":"./embed/VouchEmbedDialogue.svelte","./embed/vouch-embed-inline-player":{"import":"./embed/vouch-embed-inline-player.js","default":"./embed/vouch-embed-inline-player.js","require":"./embed/vouch-embed-inline-player.cjs"},"./test/components/VouchIcons.spec":"./test/components/VouchIcons.spec.js","./components/VouchBrandLogo.svelte":"./components/VouchBrandLogo.svelte","./components/VouchIconClose.svelte":"./components/VouchIconClose.svelte","./components/VouchIconPause.svelte":"./components/VouchIconPause.svelte","./components/VouchMediaPlyr.svelte":"./components/VouchMediaPlyr.svelte","./components/VouchWaterMark.svelte":"./components/VouchWaterMark.svelte","./components/vouch-icon-arrow-left":{"import":"./components/vouch-icon-arrow-left.js","default":"./components/vouch-icon-arrow-left.js","require":"./components/vouch-icon-arrow-left.cjs"},"./embed/VouchEmbedThumbnail.svelte":"./embed/VouchEmbedThumbnail.svelte","./embed/VouchRecorderButton.svelte":"./embed/VouchRecorderButton.svelte","./components/VouchGraphicSvg.svelte":"./components/VouchGraphicSvg.svelte","./components/vouch-icon-arrow-right":{"import":"./components/vouch-icon-arrow-right.js","default":"./components/vouch-icon-arrow-right.js","require":"./components/vouch-icon-arrow-right.cjs"},"./embed/VouchRecorderPreview.svelte":"./embed/VouchRecorderPreview.svelte","./components/vouch-overlay-play-icon":{"import":"./components/vouch-overlay-play-icon.js","default":"./components/vouch-overlay-play-icon.js","require":"./components/vouch-overlay-play-icon.cjs"},"./test/internals/hooks/useFetch.spec":"./test/internals/hooks/useFetch.spec.js","./test/internals/hooks/useTrack.spec":"./test/internals/hooks/useTrack.spec.js","./components/VouchCircleButton.svelte":"./components/VouchCircleButton.svelte","./embed/VouchEmbedInlinePlayer.svelte":"./embed/VouchEmbedInlinePlayer.svelte","./test/components/VouchBrandLogo.spec":"./test/components/VouchBrandLogo.spec.js","./test/components/VouchWaterMark.spec":"./test/components/VouchWaterMark.spec.js","./components/VouchIconArrowLeft.svelte":"./components/VouchIconArrowLeft.svelte","./test/components/VouchGraphicSvg.spec":"./test/components/VouchGraphicSvg.spec.js","./components/VouchIconArrowRight.svelte":"./components/VouchIconArrowRight.svelte","./components/VouchOverlayPlayIcon.svelte":"./components/VouchOverlayPlayIcon.svelte","./test/internals/hooks/useFetchEmbed.spec":"./test/internals/hooks/useFetchEmbed.spec.js"},"gitHead":"80c36722325735c0232cfee22b2ba210a2ed3670","_npmUser":{"name":"vouch-tech","email":"brian@vouchfor.com"},"repository":{"url":"git+https://github.com/VouchAU/vouch-uikit.git","type":"git"},"_npmVersion":"8.19.2","description":"Vouch Svelte UIKit","directories":{},"lint-staged":{"*.{js,svelte}":"yarn lint"},"_nodeVersion":"16.18.0","dependencies":{"flat":"^5.0.2","plyr":"^3.7.2","cookie":"^0.4.1","hls.js":"^1.1.5","core-js":"^3.16.3","postcss":"^7","@vime/core":"^5.3.1","tailwindcss":"npm:@tailwindcss/postcss7-compat","@lukeed/uuid":"^2.0.0","autoprefixer":"^9","whatwg-fetch":"^3.6.2","patch-package":"^6.5.0","@fontsource/fira-mono":"^4.2.2","postinstall-postinstall":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^27.0.6","path":"^0.12.7","vite":"^3.1.8","react":"^18.2.0","tslib":"^2.0.0","dotenv":"^10.0.0","eslint":"^7.22.0","rollup":"^2.55.1","svelte":"^3.34.0","webpack":"^5.74.0","playroom":"0.28.0","prettier":"~2.2.1","react-dom":"^18.2.0","ts-loader":"^9.4.1","babel-jest":"^27.0.6","base64-url":"^2.3.3","dotenv-cli":"^6.0.0","svelte2tsx":"^0.4.3","typescript":"^4.8.4","@babel/core":"^7.14.8","@types/jest":"^26.0.24","lint-staged":"^12.4.1","babel-loader":"^8.2.5","svelte-check":"^2.0.0","@sveltejs/kit":"next","@types/cookie":"^0.4.0","@types/hls.js":"^1.0.0","svelte-jester":"^1.8.1","svelte-loader":"^3.1.2","@storybook/react":"^6.5.13","@babel/preset-env":"^7.14.9","@storybook/svelte":"^6.5.13","@sveltejs/package":"^1.0.0-next.5","svelte-preprocess":"^4.0.0","rollup-plugin-copy":"^3.4.0","require-from-string":"^2.0.2","rollup-plugin-svelte":"^7.1.0","rollup-plugin-terser":"^7.0.2","eslint-plugin-svelte3":"^3.2.0","@babel/runtime-corejs3":"^7.14.9","@rollup/plugin-replace":"^3.0.0","@storybook/addon-links":"^6.5.13","eslint-config-prettier":"^8.1.0","prettier-plugin-svelte":"^2.2.0","@rollup/plugin-commonjs":"^22.0.0","@testing-library/svelte":"^3.0.3","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.5.13","storybook-addon-playroom":"^3.0.2","@typescript-eslint/parser":"^4.19.0","@rollup/plugin-node-resolve":"^13.0.4","@storybook/addon-essentials":"^6.5.13","@storybook/addon-svelte-csf":"^2.0.10","@typescript-eslint/eslint-plugin":"^4.19.0"},"_npmOperationalInternal":{"tmp":"tmp/uikit_0.0.0-experiment.80c3672_1669100526521_0.6609876792341749","host":"s3://npm-registry-packages"}},"0.0.0-experiment.e6836b7":{"name":"@vouchfor/uikit","version":"0.0.0-experiment.e6836b7","keywords":["embed","design system","vouch-uikit","svelte","uikit"],"author":{"url":"https://vouchau.github.io/vouch-uikit","name":"Vouch Dev Team","email":"hello@vouchfor.com"},"license":"MIT","_id":"@vouchfor/uikit@0.0.0-experiment.e6836b7","maintainers":[{"name":"vouch-tech","email":"brian@vouchfor.com"}],"homepage":"https://vouchau.github.io/vouch-uikit","bugs":{"url":"https://github.com/VouchAU/vouch-uikit/issues"},"dist":{"shasum":"983b928411e19bde963aee14679eb3b9899e9c6a","tarball":"https://registry.npmjs.org/@vouchfor/uikit/-/uikit-0.0.0-experiment.e6836b7.tgz","fileCount":239,"integrity":"sha512-gkhHSvDwXdQPTPhHAIPl/X+dUUGK0uGMAQzbiI0DdQdzPc0Un+iAjRRJNB6ZZIVwftu9UgB9tjg8Nz8nOW3RxA==","signatures":[{"sig":"MEUCIQDLIZjFSp9OxFFbT5mhONJZdEBSh7YUMGe66M42BCbwIgIgAkCDMQtOKhSB89bWhfv1TMXKxTn49SFHLYg3jlOobDM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":104268771,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjfHaeACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmriJQ/+MqdVoV07WsBufCd01X0f0A6raygbN8z1tt0vrLa89rhq9gFc\r\nSoAGbLyuTKqutd6ccwv9E0VMupgGLxA7Q4KS6fAysOTNi54C9Vks4kQgTt2P\r\n7zZKMIGqiHCyjVlAmfkzhJ+XKifnPhuCWLce+/5MTrAZV05Jh7lTGYGhTKZc\r\ntJrMZMqQhFR/JRv+X+4CNO3mjwRZMjqoLzxKljwW1q5NoUXqEyNMocSYeAi5\r\niuReeVa2T3hn0x92vxJB9G8FuueVyoHgiSOlHOPWMIc3r2vJGiZ/pBQQcGWM\r\nWS/L+LTYXGWOcmb1q8iNdMd2wB80oB+wuZOiPmquf1doR+1AJwj7lseOKsuj\r\n2IdiopKtjgGZaBA6cavqim05QcMuVjuDHm+x9UXW0PUHRCNJ+J6ZbCw23kCD\r\nO/WSLj06Nezkq241kTFuG4rnXYgfAm0SOSEG1KteljkJILrmyGWn3lv3x0Hl\r\nPpcq9Qrg2EYmZdETOf83Qhs0xcOZqxjD6dCGFUW99jcNbkO6B/iOppXYcG0I\r\nT6U0JVIkl3AskKu7ISLmHJi+hw0k0mGWQeBElp7sKbyoxkd1LkCm2x7wKzMi\r\n5npFLLHcalfJJlUunFzMFjyMU6opP/COlqihSFlyPhpBHtsLHYuOGCdUHcHG\r\ne0GDbY4zutI5fD5Dx2HrpxmnB8TFO371fS0=\r\n=qK7r\r\n-----END PGP SIGNATURE-----\r\n"},"type":"module","types":"types.d.ts","readme":"# Vouch UIKit\n\n- [Get Started](#get-started)\n - [Storybook](#storybook)\n - [Build package](#build-package)\n - [Test package locally with vouch-app](#test-package-locally-with-vouch-app)\n - [Publish to npm](#publish-to-npm)\n - [Purge npm cache](#purge-npm-cached-tags)\n- [Update vouch-app](#update-vouch-app)\n - [development](#development-devvouchforcom)\n - [staging](#staging-stagingvouchforcom)\n - [production](#production-appvouchforcom)\n\n**Vouch UIKit** consists of `2 libraries` and `1 application`\n\n```bash\n└── src\n ├── lib\n │ ├── components # Design System Components (Web Component)\n │ │ ├── VouchBrandLogo.svelte\n │ │ ...\n │ │\n │ └── embed # embed Components (Web Component)\n │ │ ├── VouchEmbedInlinePlayer.svelte\n │ ...\n │\n │\n ├── routes # vouch public embed link (https://embed.vouchfor.com)\n │ ├── __layout.svelte\n │ ├── index.svelte\n │ ├── about.svelte\n │ ...\n │\n ├── app.css\n └── app.html\n```\n\n# Get Started\n\nEnsure you have node `16` installed on your machine, for example via [nvm](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/TERMINAL.md#install-nvm), run `nvm ls` to check\n\n```bash\nnvm ls 16\n```\n\nyou should see output if you have the version installed\n\n```bash\n-> v16.17.1\n```\n\nensure you have [git ssh](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/GITHUB.md) setup locally before you clone the repo\n\n```bash\ngit clone git@github.com:VouchAU/vouch-uikit-mono.git\n```\n\ninstall dependencies\n\n```bash\ncd vouch-uikit-mono\nyarn\n```\n\n## Storybook\n\nhttps://uikit-storybook.vercel.app\n\nStorybook is hosted on vercel and deployed automatically via **GitHub Action** every time changes are merged back to `main`. Storybook can also be deployed per PR by adding the `deploy storybook` label on the PR.\n\nLocal dev\n\n```bash\nyarn storybook\n```\n\nbuild storybook\n\n```bash\nyarn storybook:build\n```\n\n### Playroom\n\nhttps://uikit-playroom.vercel.app\n\nPlayroom is hosted on vercel and deployed automatically via **GitHub Action** every time changes are merged back to `main`. Playroom is not intended to be used on it's own because we don't get good autocomplete for web components, and playroom cannot render the svelte components natively.\n\nInstead we have created a `Playroom` plugin for storybook that will automatically update the rendered web component when any of the story controls change.\n\nLocal dev\n\n```bash\nyarn playroom\n```\n\nbuild playroom\n\n```bash\nyarn playroom:build\n```\n\n## Build package\n\nBuild `src/lib` production/beta/alpha package, make sure you change `version` in `package.json` for three different build tags.\n\n```sh\ncd vouch-uikit\n...\nyarn package:alpha # development\nyarn package:beta # staging\nyarn package # production\n```\n\n## Test package locally with `vouch-app`\n\nOnce you build the `npm` package, you can test locally with `vouch-app` to ensure everything works as expected before publishing to `npm`\n\nAssuming you build a package according [Build package](#build-package), now you can create a symlink to your local package\n\n```sh\ncd package\nyarn link\n```\n\nyou should see this if successfully linked\n\n```sh\nyarn link v1.22.10\nsuccess Registered \"@vouchfor/uikit\".\ninfo You can now run `yarn link \"@vouchfor/uikit\"` in the projects where you want to use this package and it will be used instead.\n✨ Done in 0.04s.\n```\n\ngo to `vouch-app` folder and switch to the branch you want to test against with then link the local package\n\n```sh\ncd vouch-app\ngit checkout VCH-222\nyarn link @vouchfor/uikit\nyarn dev\n```\n\nVoilà, you are testing your feature branch with the local uikit package and don't forget to roll back after testing\n\n```sh\ncd vouch-app\nyarn unlink @vouchfor/uikit\n...\ncd vouch-uikit/package\nyarn unlink\n```\n\n## Test published package\n\nYou can publish an experimental version of the package by adding the `publish rc` label onto your PR. This will use the commit hash and a prerelease version number to publish onto NPM which you can then install into your application for testing.\n\nThis can be important because the published package and the linked package aren't necessarily 100% the same, some functionality is lost during the conversion to web-components:\n- When using a svelte component within another svelte component, you are able to pass $$restProps down to inner DOM elements, this doesn't work when the svelte component is changed into a web-component during build time\n\n## Publish to `npm`\n\n> Note you will need to log in `vouch-tech` on your terminal before publishing, credential is shared via 1Password.\n\n```bash\nnpm login\n...\n```\n\n```bash\ncd package\n...\nnpm publish --access public --tag alpha # development\nnpm publish --access public --tag beta # staging\nnpm publish --access public # production\n```\n\n## Purge `jsdelivr` cache\n\n`@vouchfor/uikit` is most likely consumed by **tag**, `alpha`, `beta` and `latest`, not version number to ensure clients can always get the latest updates. [jsdelivr](https://cdn.jsdelivr.net/) default has 7 days cache for `tag`, so we need to purge it to reflect new version number.\n\n- Check current tag version number\n\n - [Click to check Alpha](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@alpha/)\n - [Click to check Beta](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@beta/)\n - [Click to check Production](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n- Purge cache\n - [Click to purge Alpha](https://purge.jsdelivr.net/npm/@vouchfor/uikit@alpha/)\n - [Click to purge Beta](https://purge.jsdelivr.net/npm/@vouchfor/uikit@beta/)\n - **_Danger_** [Click to purge Production](https://purge.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n### Purge specific bundle.js\n\nOur embed code snippet `src` attribute currently refers to a specific embed bundle js , for example\n\n```html\n\n
\n```\n\nIn this case, you will need to purge the bundle file specifically by providing absolute path\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/embed/{filename}.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/components/{filename}.bundle.js\n```\n\nfor example,\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@alpha/embed/vouch-embed-inline-player.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@beta/embed/vouch-embed-inline-player.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/embed/vouch-embed-inline-player.bundle.js\n```\n\n## Unit test\n\n```bash\nyarn test\n```\n\nupdate snapshot\n\n```bash\nyarn test -u\n```\n\n# Update `vouch-app`\n\n`@vouchfor/uikit` is a dependency of `vouch-app` for embeds and UI components, follow the below steps to publish NPM package and update `package.json` dependency in `vouch-app`.\n\n> Each PR should bump the minor version in `package.json` in order to push new version to NPM. e.g. `\"version\": \"3.9.0\"` in `main` branch, you should bump to `\"version\": \"3.10.0\"` in your branch.\n\n> The major version should only be used for releasing breaking changes. e.g. `3.0.0`, `4.0.0`\n\n## Development (`dev.vouchfor.com`)\n\nAssuming your branch bumped version in `package.json` to\n\n```json\n\"version\": \"3.10.0\"\n```\n\n### Bump patch version number\n\nEnsure your patch version number isn't used, e.g. if `3.10.0` was published before, bump to `3.10.1`.\n\n### Build and publish\n\n```sh\nyarn package:alpha\ncd package\nnpm publish --access public --tag alpha\n```\n\nMake sure you purge NPM CDN cache for package, see [Purge npm cached tags](#purge-npm-cached-tags)\n\n### Update dependency in `vouch-app`\n\nEnsure you already cloned [vouch-app](https://github.com/VouchAU/vouch-app.git) locally then switch to the folder.\n\n```sh\ncd vouch-app\ngit checkout development\ngit pull\ngit merge feature/VCH-111 # Optional, only when you have code change dependency in vouch-app as well\nyarn upgrade @vouchfor/uikit@alpha\n```\n\nAfter upgrade, you should see version updates in both `package.json` and `yarn.lock`, but due to a known issue of `yarn`, please do these before committing changes\n\n- Manually roll back `package.json` (should always `\"@vouchfor/uikit\": \"alpha\"` for `development`).\n- run `yarn` again to update `yarn.lock`\n\n```sh\ngit commit -m \"Bumped uikit version\"\ngit push\n```\n\n## Staging (`admin-staging.vouchfor.com`)\n\nUpdate `staging` environment is the same as [Development](#development-devvouchforcom) but remember to change cmd to `staging` specific\n\n```sh\nyarn package:beta\n```\n\n```sh\nnpm publish --access public --tag beta\n```\n\n```sh\ncd vouch-app\ngit checkout staging\ngit pull\ngit merge feature/VCH-111 # Optional, only when you have code change dependency in vouch-app as well\nyarn upgrade @vouchfor/uikit@beta\n```\n\n## Production (`admin.vouchfor.com`)\n\nOne thing different when release to production, since `main` branch can only be merged by PRs (after code review), so you will need to run `yarn upgrade @vouchfor/uikit@latest` under you feature branch and commit **before merging the PR**.\n\n```sh\ngit checkout feature/VCH-111\nyarn upgrade upgrade @vouchfor/uikit@latest\ngit commit -m \"Bumped uikit version\"\ngit push\n```\n\n> When you run above cmd, your PR should be ready to merge (reviewed and QA tested)\n","engines":{"node":">=16"},"exports":{"./events":"./events.js","./constants":"./constants.js","./embed/events":{"import":"./embed/events.js","default":"./embed/events.js","require":"./embed/events.cjs"},"./package.json":"./package.json","./internal/theme":"./internal/theme.js","./internal/utils":"./internal/utils.js","./embed/vouch-embed-all":{"import":"./embed/vouch-embed-all.js","default":"./embed/vouch-embed-all.js","require":"./embed/vouch-embed-all.cjs"},"./embed/vouch-embed-card":{"import":"./embed/vouch-embed-card.js","default":"./embed/vouch-embed-card.js","require":"./embed/vouch-embed-card.cjs"},"./embed/vouch-embed-jumbo":{"import":"./embed/vouch-embed-jumbo.js","default":"./embed/vouch-embed-jumbo.js","require":"./embed/vouch-embed-jumbo.cjs"},"./internal/hooks/useFetch":"./internal/hooks/useFetch.js","./internal/hooks/useTrack":"./internal/hooks/useTrack.js","./embed/vouch-embed-button":{"import":"./embed/vouch-embed-button.js","default":"./embed/vouch-embed-button.js","require":"./embed/vouch-embed-button.cjs"},"./components/vouch-recorder":{"import":"./components/vouch-recorder.js","default":"./components/vouch-recorder.js","require":"./components/vouch-recorder.cjs"},"./embed/vouch-embed-popover":{"import":"./embed/vouch-embed-popover.js","default":"./embed/vouch-embed-popover.js","require":"./embed/vouch-embed-popover.cjs"},"./test/internals/utils.spec":"./test/internals/utils.spec.js","./components/vouch-icon-play":{"import":"./components/vouch-icon-play.js","default":"./components/vouch-icon-play.js","require":"./components/vouch-icon-play.cjs"},"./embed/vouch-embed-dialogue":{"import":"./embed/vouch-embed-dialogue.js","default":"./embed/vouch-embed-dialogue.js","require":"./embed/vouch-embed-dialogue.cjs"},"./components/vouch-brand-logo":{"import":"./components/vouch-brand-logo.js","default":"./components/vouch-brand-logo.js","require":"./components/vouch-brand-logo.cjs"},"./components/vouch-icon-close":{"import":"./components/vouch-icon-close.js","default":"./components/vouch-icon-close.js","require":"./components/vouch-icon-close.cjs"},"./components/vouch-icon-pause":{"import":"./components/vouch-icon-pause.js","default":"./components/vouch-icon-pause.js","require":"./components/vouch-icon-pause.cjs"},"./components/vouch-media-plyr":{"import":"./components/vouch-media-plyr.js","default":"./components/vouch-media-plyr.js","require":"./components/vouch-media-plyr.cjs"},"./components/vouch-water-mark":{"import":"./components/vouch-water-mark.js","default":"./components/vouch-water-mark.js","require":"./components/vouch-water-mark.cjs"},"./embed/VouchEmbedCard.svelte":"./embed/VouchEmbedCard.svelte","./embed/vouch-embed-thumbnail":{"import":"./embed/vouch-embed-thumbnail.js","default":"./embed/vouch-embed-thumbnail.js","require":"./embed/vouch-embed-thumbnail.cjs"},"./embed/vouch-recorder-button":{"import":"./embed/vouch-recorder-button.js","default":"./embed/vouch-recorder-button.js","require":"./embed/vouch-recorder-button.cjs"},"./components/vouch-graphic-svg":{"import":"./components/vouch-graphic-svg.js","default":"./components/vouch-graphic-svg.js","require":"./components/vouch-graphic-svg.cjs"},"./embed/VouchEmbedJumbo.svelte":"./embed/VouchEmbedJumbo.svelte","./embed/vouch-recorder-preview":{"import":"./embed/vouch-recorder-preview.js","default":"./embed/vouch-recorder-preview.js","require":"./embed/vouch-recorder-preview.cjs"},"./internal/hooks/useFetchEmbed":"./internal/hooks/useFetchEmbed.js","./embed/VouchEmbedButton.svelte":"./embed/VouchEmbedButton.svelte","./components/vouch-circle-button":{"import":"./components/vouch-circle-button.js","default":"./components/vouch-circle-button.js","require":"./components/vouch-circle-button.cjs"},"./embed/VouchEmbedPopover.svelte":"./embed/VouchEmbedPopover.svelte","./components/VouchIconPlay.svelte":"./components/VouchIconPlay.svelte","./components/VouchRecorder.svelte":"./components/VouchRecorder.svelte","./embed/VouchEmbedDialogue.svelte":"./embed/VouchEmbedDialogue.svelte","./embed/vouch-embed-inline-player":{"import":"./embed/vouch-embed-inline-player.js","default":"./embed/vouch-embed-inline-player.js","require":"./embed/vouch-embed-inline-player.cjs"},"./test/components/VouchIcons.spec":"./test/components/VouchIcons.spec.js","./components/VouchBrandLogo.svelte":"./components/VouchBrandLogo.svelte","./components/VouchIconClose.svelte":"./components/VouchIconClose.svelte","./components/VouchIconPause.svelte":"./components/VouchIconPause.svelte","./components/VouchMediaPlyr.svelte":"./components/VouchMediaPlyr.svelte","./components/VouchWaterMark.svelte":"./components/VouchWaterMark.svelte","./components/vouch-icon-arrow-left":{"import":"./components/vouch-icon-arrow-left.js","default":"./components/vouch-icon-arrow-left.js","require":"./components/vouch-icon-arrow-left.cjs"},"./embed/VouchEmbedThumbnail.svelte":"./embed/VouchEmbedThumbnail.svelte","./embed/VouchRecorderButton.svelte":"./embed/VouchRecorderButton.svelte","./components/VouchGraphicSvg.svelte":"./components/VouchGraphicSvg.svelte","./components/vouch-icon-arrow-right":{"import":"./components/vouch-icon-arrow-right.js","default":"./components/vouch-icon-arrow-right.js","require":"./components/vouch-icon-arrow-right.cjs"},"./embed/VouchRecorderPreview.svelte":"./embed/VouchRecorderPreview.svelte","./components/vouch-overlay-play-icon":{"import":"./components/vouch-overlay-play-icon.js","default":"./components/vouch-overlay-play-icon.js","require":"./components/vouch-overlay-play-icon.cjs"},"./test/internals/hooks/useFetch.spec":"./test/internals/hooks/useFetch.spec.js","./test/internals/hooks/useTrack.spec":"./test/internals/hooks/useTrack.spec.js","./components/VouchCircleButton.svelte":"./components/VouchCircleButton.svelte","./embed/VouchEmbedInlinePlayer.svelte":"./embed/VouchEmbedInlinePlayer.svelte","./test/components/VouchBrandLogo.spec":"./test/components/VouchBrandLogo.spec.js","./test/components/VouchWaterMark.spec":"./test/components/VouchWaterMark.spec.js","./components/VouchIconArrowLeft.svelte":"./components/VouchIconArrowLeft.svelte","./test/components/VouchGraphicSvg.spec":"./test/components/VouchGraphicSvg.spec.js","./components/VouchIconArrowRight.svelte":"./components/VouchIconArrowRight.svelte","./components/VouchOverlayPlayIcon.svelte":"./components/VouchOverlayPlayIcon.svelte","./test/internals/hooks/useFetchEmbed.spec":"./test/internals/hooks/useFetchEmbed.spec.js"},"gitHead":"e6836b77c220463c6426e75ec3c2a3558d637501","_npmUser":{"name":"vouch-tech","email":"brian@vouchfor.com"},"repository":{"url":"git+https://github.com/VouchAU/vouch-uikit.git","type":"git"},"_npmVersion":"8.19.2","description":"Vouch Svelte UIKit","directories":{},"lint-staged":{"*.{js,svelte}":"yarn lint"},"_nodeVersion":"16.18.0","dependencies":{"flat":"^5.0.2","plyr":"^3.7.2","cookie":"^0.4.1","hls.js":"^1.1.5","core-js":"^3.16.3","postcss":"^7","@vime/core":"^5.3.1","tailwindcss":"npm:@tailwindcss/postcss7-compat","@lukeed/uuid":"^2.0.0","autoprefixer":"^9","whatwg-fetch":"^3.6.2","patch-package":"^6.5.0","@fontsource/fira-mono":"^4.2.2","postinstall-postinstall":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^27.0.6","path":"^0.12.7","vite":"^3.1.8","react":"^18.2.0","tslib":"^2.0.0","dotenv":"^10.0.0","eslint":"^7.22.0","rollup":"^2.55.1","svelte":"^3.34.0","webpack":"^5.74.0","playroom":"0.28.0","prettier":"~2.2.1","react-dom":"^18.2.0","ts-loader":"^9.4.1","babel-jest":"^27.0.6","base64-url":"^2.3.3","dotenv-cli":"^6.0.0","svelte2tsx":"^0.4.3","typescript":"^4.8.4","@babel/core":"^7.14.8","@types/jest":"^26.0.24","lint-staged":"^12.4.1","babel-loader":"^8.2.5","svelte-check":"^2.0.0","@sveltejs/kit":"next","@types/cookie":"^0.4.0","@types/hls.js":"^1.0.0","svelte-jester":"^1.8.1","svelte-loader":"^3.1.2","@storybook/react":"^6.5.13","@babel/preset-env":"^7.14.9","@storybook/svelte":"^6.5.13","@sveltejs/package":"^1.0.0-next.5","svelte-preprocess":"^4.0.0","rollup-plugin-copy":"^3.4.0","require-from-string":"^2.0.2","rollup-plugin-svelte":"^7.1.0","rollup-plugin-terser":"^7.0.2","eslint-plugin-svelte3":"^3.2.0","@babel/runtime-corejs3":"^7.14.9","@rollup/plugin-replace":"^3.0.0","@storybook/addon-links":"^6.5.13","eslint-config-prettier":"^8.1.0","prettier-plugin-svelte":"^2.2.0","@rollup/plugin-commonjs":"^22.0.0","@testing-library/svelte":"^3.0.3","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.5.13","storybook-addon-playroom":"^3.0.2","@typescript-eslint/parser":"^4.19.0","@rollup/plugin-node-resolve":"^13.0.4","@storybook/addon-essentials":"^6.5.13","@storybook/addon-svelte-csf":"^2.0.10","@typescript-eslint/eslint-plugin":"^4.19.0"},"_npmOperationalInternal":{"tmp":"tmp/uikit_0.0.0-experiment.e6836b7_1669101213937_0.9142850438308554","host":"s3://npm-registry-packages"}},"0.0.0-experiment.f0b27ce":{"name":"@vouchfor/uikit","version":"0.0.0-experiment.f0b27ce","keywords":["embed","design system","vouch-uikit","svelte","uikit"],"author":{"url":"https://vouchau.github.io/vouch-uikit","name":"Vouch Dev Team","email":"hello@vouchfor.com"},"license":"MIT","_id":"@vouchfor/uikit@0.0.0-experiment.f0b27ce","maintainers":[{"name":"vouch-tech","email":"brian@vouchfor.com"}],"homepage":"https://vouchau.github.io/vouch-uikit","bugs":{"url":"https://github.com/VouchAU/vouch-uikit/issues"},"dist":{"shasum":"aa71f159abed5c9e41e9c9e1fe16a57858e1ae8a","tarball":"https://registry.npmjs.org/@vouchfor/uikit/-/uikit-0.0.0-experiment.f0b27ce.tgz","fileCount":239,"integrity":"sha512-188UEwPV4orIncpkAoTsOl9Oc7qHaTjcn5o3CH8a6NZ2i54b5m2g6QN6ZrEWPXVzrFpbgtL51WFw8IJZo6cDfA==","signatures":[{"sig":"MEMCIAu7Fuv6Mv2VwbG3EllutCrha2Whrzbwe/6QxDbpfwb3Ah9TFDyMcmT564s2htpL98+UoUbj/umDeE3bKn9tSES3","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":104277680,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjfV6MACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpMkQ//VBv/UHc90I1lV8huenwN9mjXV+LxzXTN4bm1IeNlT4IvR5fc\r\nWIw4U6JOmaAcV/hnHuDGPqt2GA3xPWn8pBlp9c4xB7rPKpKSBBT/i/AKtuPf\r\naQhQopAlDu2Lr/8Vc0LqSkN418AyqEpLWSpCC8uvK8M3C54QRAHB5NhCqSZW\r\nCaMxSuiD3wFqXAj/P6O/VGA2cAcKckxOvhK7PpCFuM/AdYwg9tq5U1nxLz42\r\nDyg2jPkXB1at6ozLqZeqmsUF2patQmrG/9DiPHG7srBNW8Hs1dKLQ4bM/NLD\r\nZqj6XUJMJzzQqZzZbfoC5Ul6i5vjNPaXAzZTx+5QLx7aq6Lc79nr7a9apAj1\r\n0bg5a226MTuoFZbnYiFiG5yBtsNC8xlafAIKWaIT22U5tProFwbAGmEKlrk2\r\n5jP/woi4mh02twrOOGk2I0VVE0eAZ9z+064R3i92+jgUcnH0CFICN9HSULW2\r\nLN/BfeWiHJd1gueHI390ltgaT1XIXViGxm40cC7PwJi7bp41z3taSS+97klL\r\nrCNY55nLGL18yJZe4VyRSRT8TP/pMPumSuul7xsQ+Cr5QD4IYFXI8nvpq7Fr\r\nA3t78ZS24jTArG/jr30tY49rHsN21D7M0i3nQCf0RB0BiXdJeO2OmokR3cEU\r\nfiYwsbEvqHJx2oYBwM32Rj+rDxvlGKJmr+Q=\r\n=pZOe\r\n-----END PGP SIGNATURE-----\r\n"},"type":"module","types":"types.d.ts","readme":"# Vouch UIKit\n\n- [Get Started](#get-started)\n - [Storybook](#storybook)\n - [Build package](#build-package)\n - [Test package locally with vouch-app](#test-package-locally-with-vouch-app)\n - [Publish to npm](#publish-to-npm)\n - [Purge npm cache](#purge-npm-cached-tags)\n- [Update vouch-app](#update-vouch-app)\n - [development](#development-devvouchforcom)\n - [staging](#staging-stagingvouchforcom)\n - [production](#production-appvouchforcom)\n\n**Vouch UIKit** consists of `2 libraries` and `1 application`\n\n```bash\n└── src\n ├── lib\n │ ├── components # Design System Components (Web Component)\n │ │ ├── VouchBrandLogo.svelte\n │ │ ...\n │ │\n │ └── embed # embed Components (Web Component)\n │ │ ├── VouchEmbedInlinePlayer.svelte\n │ ...\n │\n │\n ├── routes # vouch public embed link (https://embed.vouchfor.com)\n │ ├── __layout.svelte\n │ ├── index.svelte\n │ ├── about.svelte\n │ ...\n │\n ├── app.css\n └── app.html\n```\n\n# Get Started\n\nEnsure you have node `16` installed on your machine, for example via [nvm](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/TERMINAL.md#install-nvm), run `nvm ls` to check\n\n```bash\nnvm ls 16\n```\n\nyou should see output if you have the version installed\n\n```bash\n-> v16.17.1\n```\n\nensure you have [git ssh](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/GITHUB.md) setup locally before you clone the repo\n\n```bash\ngit clone git@github.com:VouchAU/vouch-uikit-mono.git\n```\n\ninstall dependencies\n\n```bash\ncd vouch-uikit-mono\nyarn\n```\n\n## Storybook\n\nhttps://uikit-storybook.vercel.app\n\nStorybook is hosted on vercel and deployed automatically via **GitHub Action** every time changes are merged back to `main`. Storybook can also be deployed per PR by adding the `deploy storybook` label on the PR.\n\nLocal dev\n\n```bash\nyarn storybook\n```\n\nbuild storybook\n\n```bash\nyarn storybook:build\n```\n\n### Playroom\n\nhttps://uikit-playroom.vercel.app\n\nPlayroom is hosted on vercel and deployed automatically via **GitHub Action** every time changes are merged back to `main`. Playroom is not intended to be used on it's own because we don't get good autocomplete for web components, and playroom cannot render the svelte components natively.\n\nInstead we have created a `Playroom` plugin for storybook that will automatically update the rendered web component when any of the story controls change.\n\nLocal dev\n\n```bash\nyarn playroom\n```\n\nbuild playroom\n\n```bash\nyarn playroom:build\n```\n\n## Build package\n\nBuild `src/lib` production/beta/alpha package, make sure you change `version` in `package.json` for three different build tags.\n\n```sh\ncd vouch-uikit\n...\nyarn package:alpha # development\nyarn package:beta # staging\nyarn package # production\n```\n\n## Test package locally with `vouch-app`\n\nOnce you build the `npm` package, you can test locally with `vouch-app` to ensure everything works as expected before publishing to `npm`\n\nAssuming you build a package according [Build package](#build-package), now you can create a symlink to your local package\n\n```sh\ncd package\nyarn link\n```\n\nyou should see this if successfully linked\n\n```sh\nyarn link v1.22.10\nsuccess Registered \"@vouchfor/uikit\".\ninfo You can now run `yarn link \"@vouchfor/uikit\"` in the projects where you want to use this package and it will be used instead.\n✨ Done in 0.04s.\n```\n\ngo to `vouch-app` folder and switch to the branch you want to test against with then link the local package\n\n```sh\ncd vouch-app\ngit checkout VCH-222\nyarn link @vouchfor/uikit\nyarn dev\n```\n\nVoilà, you are testing your feature branch with the local uikit package and don't forget to roll back after testing\n\n```sh\ncd vouch-app\nyarn unlink @vouchfor/uikit\n...\ncd vouch-uikit/package\nyarn unlink\n```\n\n## Test published package\n\nYou can publish an experimental version of the package by adding the `publish rc` label onto your PR. This will use the commit hash and a prerelease version number to publish onto NPM which you can then install into your application for testing.\n\nThis can be important because the published package and the linked package aren't necessarily 100% the same, some functionality is lost during the conversion to web-components:\n- When using a svelte component within another svelte component, you are able to pass $$restProps down to inner DOM elements, this doesn't work when the svelte component is changed into a web-component during build time\n\n## Publish to `npm`\n\n> Note you will need to log in `vouch-tech` on your terminal before publishing, credential is shared via 1Password.\n\n```bash\nnpm login\n...\n```\n\n```bash\ncd package\n...\nnpm publish --access public --tag alpha # development\nnpm publish --access public --tag beta # staging\nnpm publish --access public # production\n```\n\n## Purge `jsdelivr` cache\n\n`@vouchfor/uikit` is most likely consumed by **tag**, `alpha`, `beta` and `latest`, not version number to ensure clients can always get the latest updates. [jsdelivr](https://cdn.jsdelivr.net/) default has 7 days cache for `tag`, so we need to purge it to reflect new version number.\n\n- Check current tag version number\n\n - [Click to check Alpha](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@alpha/)\n - [Click to check Beta](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@beta/)\n - [Click to check Production](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n- Purge cache\n - [Click to purge Alpha](https://purge.jsdelivr.net/npm/@vouchfor/uikit@alpha/)\n - [Click to purge Beta](https://purge.jsdelivr.net/npm/@vouchfor/uikit@beta/)\n - **_Danger_** [Click to purge Production](https://purge.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n### Purge specific bundle.js\n\nOur embed code snippet `src` attribute currently refers to a specific embed bundle js , for example\n\n```html\n\n
\n```\n\nIn this case, you will need to purge the bundle file specifically by providing absolute path\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/embed/{filename}.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/components/{filename}.bundle.js\n```\n\nfor example,\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@alpha/embed/vouch-embed-inline-player.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@beta/embed/vouch-embed-inline-player.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/embed/vouch-embed-inline-player.bundle.js\n```\n\n## Unit test\n\n```bash\nyarn test\n```\n\nupdate snapshot\n\n```bash\nyarn test -u\n```\n\n# Update `vouch-app`\n\n`@vouchfor/uikit` is a dependency of `vouch-app` for embeds and UI components, follow the below steps to publish NPM package and update `package.json` dependency in `vouch-app`.\n\n> Each PR should bump the minor version in `package.json` in order to push new version to NPM. e.g. `\"version\": \"3.9.0\"` in `main` branch, you should bump to `\"version\": \"3.10.0\"` in your branch.\n\n> The major version should only be used for releasing breaking changes. e.g. `3.0.0`, `4.0.0`\n\n## Development (`dev.vouchfor.com`)\n\nAssuming your branch bumped version in `package.json` to\n\n```json\n\"version\": \"3.10.0\"\n```\n\n### Bump patch version number\n\nEnsure your patch version number isn't used, e.g. if `3.10.0` was published before, bump to `3.10.1`.\n\n### Build and publish\n\n```sh\nyarn package:alpha\ncd package\nnpm publish --access public --tag alpha\n```\n\nMake sure you purge NPM CDN cache for package, see [Purge npm cached tags](#purge-npm-cached-tags)\n\n### Update dependency in `vouch-app`\n\nEnsure you already cloned [vouch-app](https://github.com/VouchAU/vouch-app.git) locally then switch to the folder.\n\n```sh\ncd vouch-app\ngit checkout development\ngit pull\ngit merge feature/VCH-111 # Optional, only when you have code change dependency in vouch-app as well\nyarn upgrade @vouchfor/uikit@alpha\n```\n\nAfter upgrade, you should see version updates in both `package.json` and `yarn.lock`, but due to a known issue of `yarn`, please do these before committing changes\n\n- Manually roll back `package.json` (should always `\"@vouchfor/uikit\": \"alpha\"` for `development`).\n- run `yarn` again to update `yarn.lock`\n\n```sh\ngit commit -m \"Bumped uikit version\"\ngit push\n```\n\n## Staging (`admin-staging.vouchfor.com`)\n\nUpdate `staging` environment is the same as [Development](#development-devvouchforcom) but remember to change cmd to `staging` specific\n\n```sh\nyarn package:beta\n```\n\n```sh\nnpm publish --access public --tag beta\n```\n\n```sh\ncd vouch-app\ngit checkout staging\ngit pull\ngit merge feature/VCH-111 # Optional, only when you have code change dependency in vouch-app as well\nyarn upgrade @vouchfor/uikit@beta\n```\n\n## Production (`admin.vouchfor.com`)\n\nOne thing different when release to production, since `main` branch can only be merged by PRs (after code review), so you will need to run `yarn upgrade @vouchfor/uikit@latest` under you feature branch and commit **before merging the PR**.\n\n```sh\ngit checkout feature/VCH-111\nyarn upgrade upgrade @vouchfor/uikit@latest\ngit commit -m \"Bumped uikit version\"\ngit push\n```\n\n> When you run above cmd, your PR should be ready to merge (reviewed and QA tested)\n","engines":{"node":">=16"},"exports":{"./events":"./events.js","./constants":"./constants.js","./embed/events":{"import":"./embed/events.js","default":"./embed/events.js","require":"./embed/events.cjs"},"./package.json":"./package.json","./internal/theme":"./internal/theme.js","./internal/utils":"./internal/utils.js","./embed/vouch-embed-all":{"import":"./embed/vouch-embed-all.js","default":"./embed/vouch-embed-all.js","require":"./embed/vouch-embed-all.cjs"},"./embed/vouch-embed-card":{"import":"./embed/vouch-embed-card.js","default":"./embed/vouch-embed-card.js","require":"./embed/vouch-embed-card.cjs"},"./embed/vouch-embed-jumbo":{"import":"./embed/vouch-embed-jumbo.js","default":"./embed/vouch-embed-jumbo.js","require":"./embed/vouch-embed-jumbo.cjs"},"./internal/hooks/useFetch":"./internal/hooks/useFetch.js","./internal/hooks/useTrack":"./internal/hooks/useTrack.js","./embed/vouch-embed-button":{"import":"./embed/vouch-embed-button.js","default":"./embed/vouch-embed-button.js","require":"./embed/vouch-embed-button.cjs"},"./components/vouch-recorder":{"import":"./components/vouch-recorder.js","default":"./components/vouch-recorder.js","require":"./components/vouch-recorder.cjs"},"./embed/vouch-embed-popover":{"import":"./embed/vouch-embed-popover.js","default":"./embed/vouch-embed-popover.js","require":"./embed/vouch-embed-popover.cjs"},"./test/internals/utils.spec":"./test/internals/utils.spec.js","./components/vouch-icon-play":{"import":"./components/vouch-icon-play.js","default":"./components/vouch-icon-play.js","require":"./components/vouch-icon-play.cjs"},"./embed/vouch-embed-dialogue":{"import":"./embed/vouch-embed-dialogue.js","default":"./embed/vouch-embed-dialogue.js","require":"./embed/vouch-embed-dialogue.cjs"},"./components/vouch-brand-logo":{"import":"./components/vouch-brand-logo.js","default":"./components/vouch-brand-logo.js","require":"./components/vouch-brand-logo.cjs"},"./components/vouch-icon-close":{"import":"./components/vouch-icon-close.js","default":"./components/vouch-icon-close.js","require":"./components/vouch-icon-close.cjs"},"./components/vouch-icon-pause":{"import":"./components/vouch-icon-pause.js","default":"./components/vouch-icon-pause.js","require":"./components/vouch-icon-pause.cjs"},"./components/vouch-media-plyr":{"import":"./components/vouch-media-plyr.js","default":"./components/vouch-media-plyr.js","require":"./components/vouch-media-plyr.cjs"},"./components/vouch-water-mark":{"import":"./components/vouch-water-mark.js","default":"./components/vouch-water-mark.js","require":"./components/vouch-water-mark.cjs"},"./embed/VouchEmbedCard.svelte":"./embed/VouchEmbedCard.svelte","./embed/vouch-embed-thumbnail":{"import":"./embed/vouch-embed-thumbnail.js","default":"./embed/vouch-embed-thumbnail.js","require":"./embed/vouch-embed-thumbnail.cjs"},"./embed/vouch-recorder-button":{"import":"./embed/vouch-recorder-button.js","default":"./embed/vouch-recorder-button.js","require":"./embed/vouch-recorder-button.cjs"},"./components/vouch-graphic-svg":{"import":"./components/vouch-graphic-svg.js","default":"./components/vouch-graphic-svg.js","require":"./components/vouch-graphic-svg.cjs"},"./embed/VouchEmbedJumbo.svelte":"./embed/VouchEmbedJumbo.svelte","./embed/vouch-recorder-preview":{"import":"./embed/vouch-recorder-preview.js","default":"./embed/vouch-recorder-preview.js","require":"./embed/vouch-recorder-preview.cjs"},"./internal/hooks/useFetchEmbed":"./internal/hooks/useFetchEmbed.js","./embed/VouchEmbedButton.svelte":"./embed/VouchEmbedButton.svelte","./components/vouch-circle-button":{"import":"./components/vouch-circle-button.js","default":"./components/vouch-circle-button.js","require":"./components/vouch-circle-button.cjs"},"./embed/VouchEmbedPopover.svelte":"./embed/VouchEmbedPopover.svelte","./components/VouchIconPlay.svelte":"./components/VouchIconPlay.svelte","./components/VouchRecorder.svelte":"./components/VouchRecorder.svelte","./embed/VouchEmbedDialogue.svelte":"./embed/VouchEmbedDialogue.svelte","./embed/vouch-embed-inline-player":{"import":"./embed/vouch-embed-inline-player.js","default":"./embed/vouch-embed-inline-player.js","require":"./embed/vouch-embed-inline-player.cjs"},"./test/components/VouchIcons.spec":"./test/components/VouchIcons.spec.js","./components/VouchBrandLogo.svelte":"./components/VouchBrandLogo.svelte","./components/VouchIconClose.svelte":"./components/VouchIconClose.svelte","./components/VouchIconPause.svelte":"./components/VouchIconPause.svelte","./components/VouchMediaPlyr.svelte":"./components/VouchMediaPlyr.svelte","./components/VouchWaterMark.svelte":"./components/VouchWaterMark.svelte","./components/vouch-icon-arrow-left":{"import":"./components/vouch-icon-arrow-left.js","default":"./components/vouch-icon-arrow-left.js","require":"./components/vouch-icon-arrow-left.cjs"},"./embed/VouchEmbedThumbnail.svelte":"./embed/VouchEmbedThumbnail.svelte","./embed/VouchRecorderButton.svelte":"./embed/VouchRecorderButton.svelte","./components/VouchGraphicSvg.svelte":"./components/VouchGraphicSvg.svelte","./components/vouch-icon-arrow-right":{"import":"./components/vouch-icon-arrow-right.js","default":"./components/vouch-icon-arrow-right.js","require":"./components/vouch-icon-arrow-right.cjs"},"./embed/VouchRecorderPreview.svelte":"./embed/VouchRecorderPreview.svelte","./components/vouch-overlay-play-icon":{"import":"./components/vouch-overlay-play-icon.js","default":"./components/vouch-overlay-play-icon.js","require":"./components/vouch-overlay-play-icon.cjs"},"./test/internals/hooks/useFetch.spec":"./test/internals/hooks/useFetch.spec.js","./test/internals/hooks/useTrack.spec":"./test/internals/hooks/useTrack.spec.js","./components/VouchCircleButton.svelte":"./components/VouchCircleButton.svelte","./embed/VouchEmbedInlinePlayer.svelte":"./embed/VouchEmbedInlinePlayer.svelte","./test/components/VouchBrandLogo.spec":"./test/components/VouchBrandLogo.spec.js","./test/components/VouchWaterMark.spec":"./test/components/VouchWaterMark.spec.js","./components/VouchIconArrowLeft.svelte":"./components/VouchIconArrowLeft.svelte","./test/components/VouchGraphicSvg.spec":"./test/components/VouchGraphicSvg.spec.js","./components/VouchIconArrowRight.svelte":"./components/VouchIconArrowRight.svelte","./components/VouchOverlayPlayIcon.svelte":"./components/VouchOverlayPlayIcon.svelte","./test/internals/hooks/useFetchEmbed.spec":"./test/internals/hooks/useFetchEmbed.spec.js"},"gitHead":"f0b27cecbf96c9d1d3e9ca30055cdefdae260d62","_npmUser":{"name":"vouch-tech","email":"brian@vouchfor.com"},"repository":{"url":"git+https://github.com/VouchAU/vouch-uikit.git","type":"git"},"_npmVersion":"8.19.2","description":"Vouch Svelte UIKit","directories":{},"lint-staged":{"*.{js,svelte}":"yarn lint"},"_nodeVersion":"16.18.0","dependencies":{"flat":"^5.0.2","plyr":"^3.7.2","cookie":"^0.4.1","hls.js":"^1.1.5","core-js":"^3.16.3","postcss":"^7","@vime/core":"^5.3.1","tailwindcss":"npm:@tailwindcss/postcss7-compat","@lukeed/uuid":"^2.0.0","autoprefixer":"^9","whatwg-fetch":"^3.6.2","patch-package":"^6.5.0","@fontsource/fira-mono":"^4.2.2","postinstall-postinstall":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^27.0.6","path":"^0.12.7","vite":"^3.1.8","react":"^18.2.0","tslib":"^2.0.0","dotenv":"^10.0.0","eslint":"^7.22.0","rollup":"^2.55.1","svelte":"^3.34.0","webpack":"^5.74.0","playroom":"0.28.0","prettier":"~2.2.1","react-dom":"^18.2.0","ts-loader":"^9.4.1","babel-jest":"^27.0.6","base64-url":"^2.3.3","dotenv-cli":"^6.0.0","svelte2tsx":"^0.4.3","typescript":"^4.8.4","@babel/core":"^7.14.8","@types/jest":"^26.0.24","lint-staged":"^12.4.1","babel-loader":"^8.2.5","svelte-check":"^2.0.0","@sveltejs/kit":"next","@types/cookie":"^0.4.0","@types/hls.js":"^1.0.0","svelte-jester":"^1.8.1","svelte-loader":"^3.1.2","@storybook/react":"^6.5.13","@babel/preset-env":"^7.14.9","@storybook/svelte":"^6.5.13","@sveltejs/package":"^1.0.0-next.5","svelte-preprocess":"^4.0.0","rollup-plugin-copy":"^3.4.0","require-from-string":"^2.0.2","rollup-plugin-svelte":"^7.1.0","rollup-plugin-terser":"^7.0.2","eslint-plugin-svelte3":"^3.2.0","@babel/runtime-corejs3":"^7.14.9","@rollup/plugin-replace":"^3.0.0","@storybook/addon-links":"^6.5.13","eslint-config-prettier":"^8.1.0","prettier-plugin-svelte":"^2.2.0","@rollup/plugin-commonjs":"^22.0.0","@testing-library/svelte":"^3.0.3","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.5.13","storybook-addon-playroom":"^3.0.2","@typescript-eslint/parser":"^4.19.0","@rollup/plugin-node-resolve":"^13.0.4","@storybook/addon-essentials":"^6.5.13","@storybook/addon-svelte-csf":"^2.0.10","@typescript-eslint/eslint-plugin":"^4.19.0"},"_npmOperationalInternal":{"tmp":"tmp/uikit_0.0.0-experiment.f0b27ce_1669160587833_0.23977382589585083","host":"s3://npm-registry-packages"}},"0.0.0-experiment.6db4d4e":{"name":"@vouchfor/uikit","version":"0.0.0-experiment.6db4d4e","keywords":["embed","design system","vouch-uikit","svelte","uikit"],"author":{"url":"https://vouchau.github.io/vouch-uikit","name":"Vouch Dev Team","email":"hello@vouchfor.com"},"license":"MIT","_id":"@vouchfor/uikit@0.0.0-experiment.6db4d4e","maintainers":[{"name":"vouch-tech","email":"brian@vouchfor.com"}],"homepage":"https://vouchau.github.io/vouch-uikit","bugs":{"url":"https://github.com/VouchAU/vouch-uikit/issues"},"dist":{"shasum":"f42d9d01346553ad0c42b3bea09a7a8a722f8592","tarball":"https://registry.npmjs.org/@vouchfor/uikit/-/uikit-0.0.0-experiment.6db4d4e.tgz","fileCount":239,"integrity":"sha512-1uy64LSuCe74t1uPWBrz/cuOFEw8j8sWbeKMkQxyS52i1RDAeU6pPEVV0SLRuNOeiGl9qhTqvAi/RUt0fRnhEg==","signatures":[{"sig":"MEUCIQCq6KM6KhJDCaRbCLPJ93rjwC4UL+NofwQAiRApawF8hwIgc8qF8dU6VpRtEiedjJagMRfSHbHDiZXrlEeh8nHk3s8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":104277680,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjfV/dACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrLJA/9GcWIPz5hoRjMbVAIBompcOx3q4NUX6AATQrDGGccngZW4X73\r\n4Mlv8QPnBbNDi6ouZmdPgH/HnfghzKMV4cSme3YB7I7m6jTPzr56khE5Cd3Y\r\nGNqhm62JIMzJ8x+reEEQd2WAESfnoRuQOCYVJSayMofqph76pF8efRdk6wDV\r\nHIJHzpyfu7Qdgcz0c26QOxyV9OD231RulKYHMzkGTpWozLiU73mwzRfKVbt7\r\nLWMaiDwhV2JR5DLofTEVDX6G6bDSUGbuqdh7rtFra2s/A/yrVbnFo2Tmcw8o\r\nZUtMexl8gDAGgf6IHrGycRNpYr66MeqPXtDiU9467SZsN35KYd52RxEVQsB5\r\n/Kf2J3i5SR1ElPwBW4hDan1yQrCA/3wkvOoy5YkOCnnT9lgHyobIVzg3X6Td\r\nmqlBQt/eQ0OB1/bD0qerrHoEK+s1ujGshTmxW6fBrpjvR5dFq3e/UnESWYaC\r\n8NFRD8e7G1pzC5HTztBgPJ4fLv5f1zoyDFl9vBIvVOBswWZ6iYananHyA4kJ\r\n9RfeCN1Xxi66fIY9niDtt26BL3mkcQ/NJgt/+/UPZvNgulOgXjDs9Vty1QPh\r\n9St7EoZ1aTHKxrbLNoNVY173RAKeZmfkeOOjQ/O6Z68t9NzCkPIrednJeJxk\r\n/oZ8HEZOeyXxdzj9mj5EGstq9yHzTKQ6kgU=\r\n=6E2w\r\n-----END PGP SIGNATURE-----\r\n"},"type":"module","types":"types.d.ts","readme":"# Vouch UIKit\n\n- [Get Started](#get-started)\n - [Storybook](#storybook)\n - [Build package](#build-package)\n - [Test package locally with vouch-app](#test-package-locally-with-vouch-app)\n - [Publish to npm](#publish-to-npm)\n - [Purge npm cache](#purge-npm-cached-tags)\n- [Update vouch-app](#update-vouch-app)\n - [development](#development-devvouchforcom)\n - [staging](#staging-stagingvouchforcom)\n - [production](#production-appvouchforcom)\n\n**Vouch UIKit** consists of `2 libraries` and `1 application`\n\n```bash\n└── src\n ├── lib\n │ ├── components # Design System Components (Web Component)\n │ │ ├── VouchBrandLogo.svelte\n │ │ ...\n │ │\n │ └── embed # embed Components (Web Component)\n │ │ ├── VouchEmbedInlinePlayer.svelte\n │ ...\n │\n │\n ├── routes # vouch public embed link (https://embed.vouchfor.com)\n │ ├── __layout.svelte\n │ ├── index.svelte\n │ ├── about.svelte\n │ ...\n │\n ├── app.css\n └── app.html\n```\n\n# Get Started\n\nEnsure you have node `16` installed on your machine, for example via [nvm](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/TERMINAL.md#install-nvm), run `nvm ls` to check\n\n```bash\nnvm ls 16\n```\n\nyou should see output if you have the version installed\n\n```bash\n-> v16.17.1\n```\n\nensure you have [git ssh](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/GITHUB.md) setup locally before you clone the repo\n\n```bash\ngit clone git@github.com:VouchAU/vouch-uikit-mono.git\n```\n\ninstall dependencies\n\n```bash\ncd vouch-uikit-mono\nyarn\n```\n\n## Storybook\n\nhttps://uikit-storybook.vercel.app\n\nStorybook is hosted on vercel and deployed automatically via **GitHub Action** every time changes are merged back to `main`. Storybook can also be deployed per PR by adding the `deploy storybook` label on the PR.\n\nLocal dev\n\n```bash\nyarn storybook\n```\n\nbuild storybook\n\n```bash\nyarn storybook:build\n```\n\n### Playroom\n\nhttps://uikit-playroom.vercel.app\n\nPlayroom is hosted on vercel and deployed automatically via **GitHub Action** every time changes are merged back to `main`. Playroom is not intended to be used on it's own because we don't get good autocomplete for web components, and playroom cannot render the svelte components natively.\n\nInstead we have created a `Playroom` plugin for storybook that will automatically update the rendered web component when any of the story controls change.\n\nLocal dev\n\n```bash\nyarn playroom\n```\n\nbuild playroom\n\n```bash\nyarn playroom:build\n```\n\n## Build package\n\nBuild `src/lib` production/beta/alpha package, make sure you change `version` in `package.json` for three different build tags.\n\n```sh\ncd vouch-uikit\n...\nyarn package:alpha # development\nyarn package:beta # staging\nyarn package # production\n```\n\n## Test package locally with `vouch-app`\n\nOnce you build the `npm` package, you can test locally with `vouch-app` to ensure everything works as expected before publishing to `npm`\n\nAssuming you build a package according [Build package](#build-package), now you can create a symlink to your local package\n\n```sh\ncd package\nyarn link\n```\n\nyou should see this if successfully linked\n\n```sh\nyarn link v1.22.10\nsuccess Registered \"@vouchfor/uikit\".\ninfo You can now run `yarn link \"@vouchfor/uikit\"` in the projects where you want to use this package and it will be used instead.\n✨ Done in 0.04s.\n```\n\ngo to `vouch-app` folder and switch to the branch you want to test against with then link the local package\n\n```sh\ncd vouch-app\ngit checkout VCH-222\nyarn link @vouchfor/uikit\nyarn dev\n```\n\nVoilà, you are testing your feature branch with the local uikit package and don't forget to roll back after testing\n\n```sh\ncd vouch-app\nyarn unlink @vouchfor/uikit\n...\ncd vouch-uikit/package\nyarn unlink\n```\n\n## Test published package\n\nYou can publish an experimental version of the package by adding the `publish rc` label onto your PR. This will use the commit hash and a prerelease version number to publish onto NPM which you can then install into your application for testing.\n\nThis can be important because the published package and the linked package aren't necessarily 100% the same, some functionality is lost during the conversion to web-components:\n- When using a svelte component within another svelte component, you are able to pass $$restProps down to inner DOM elements, this doesn't work when the svelte component is changed into a web-component during build time\n\n## Publish to `npm`\n\n> Note you will need to log in `vouch-tech` on your terminal before publishing, credential is shared via 1Password.\n\n```bash\nnpm login\n...\n```\n\n```bash\ncd package\n...\nnpm publish --access public --tag alpha # development\nnpm publish --access public --tag beta # staging\nnpm publish --access public # production\n```\n\n## Purge `jsdelivr` cache\n\n`@vouchfor/uikit` is most likely consumed by **tag**, `alpha`, `beta` and `latest`, not version number to ensure clients can always get the latest updates. [jsdelivr](https://cdn.jsdelivr.net/) default has 7 days cache for `tag`, so we need to purge it to reflect new version number.\n\n- Check current tag version number\n\n - [Click to check Alpha](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@alpha/)\n - [Click to check Beta](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@beta/)\n - [Click to check Production](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n- Purge cache\n - [Click to purge Alpha](https://purge.jsdelivr.net/npm/@vouchfor/uikit@alpha/)\n - [Click to purge Beta](https://purge.jsdelivr.net/npm/@vouchfor/uikit@beta/)\n - **_Danger_** [Click to purge Production](https://purge.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n### Purge specific bundle.js\n\nOur embed code snippet `src` attribute currently refers to a specific embed bundle js , for example\n\n```html\n\n
\n```\n\nIn this case, you will need to purge the bundle file specifically by providing absolute path\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/embed/{filename}.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/components/{filename}.bundle.js\n```\n\nfor example,\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@alpha/embed/vouch-embed-inline-player.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@beta/embed/vouch-embed-inline-player.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/embed/vouch-embed-inline-player.bundle.js\n```\n\n## Unit test\n\n```bash\nyarn test\n```\n\nupdate snapshot\n\n```bash\nyarn test -u\n```\n\n# Update `vouch-app`\n\n`@vouchfor/uikit` is a dependency of `vouch-app` for embeds and UI components, follow the below steps to publish NPM package and update `package.json` dependency in `vouch-app`.\n\n> Each PR should bump the minor version in `package.json` in order to push new version to NPM. e.g. `\"version\": \"3.9.0\"` in `main` branch, you should bump to `\"version\": \"3.10.0\"` in your branch.\n\n> The major version should only be used for releasing breaking changes. e.g. `3.0.0`, `4.0.0`\n\n## Development (`dev.vouchfor.com`)\n\nAssuming your branch bumped version in `package.json` to\n\n```json\n\"version\": \"3.10.0\"\n```\n\n### Bump patch version number\n\nEnsure your patch version number isn't used, e.g. if `3.10.0` was published before, bump to `3.10.1`.\n\n### Build and publish\n\n```sh\nyarn package:alpha\ncd package\nnpm publish --access public --tag alpha\n```\n\nMake sure you purge NPM CDN cache for package, see [Purge npm cached tags](#purge-npm-cached-tags)\n\n### Update dependency in `vouch-app`\n\nEnsure you already cloned [vouch-app](https://github.com/VouchAU/vouch-app.git) locally then switch to the folder.\n\n```sh\ncd vouch-app\ngit checkout development\ngit pull\ngit merge feature/VCH-111 # Optional, only when you have code change dependency in vouch-app as well\nyarn upgrade @vouchfor/uikit@alpha\n```\n\nAfter upgrade, you should see version updates in both `package.json` and `yarn.lock`, but due to a known issue of `yarn`, please do these before committing changes\n\n- Manually roll back `package.json` (should always `\"@vouchfor/uikit\": \"alpha\"` for `development`).\n- run `yarn` again to update `yarn.lock`\n\n```sh\ngit commit -m \"Bumped uikit version\"\ngit push\n```\n\n## Staging (`admin-staging.vouchfor.com`)\n\nUpdate `staging` environment is the same as [Development](#development-devvouchforcom) but remember to change cmd to `staging` specific\n\n```sh\nyarn package:beta\n```\n\n```sh\nnpm publish --access public --tag beta\n```\n\n```sh\ncd vouch-app\ngit checkout staging\ngit pull\ngit merge feature/VCH-111 # Optional, only when you have code change dependency in vouch-app as well\nyarn upgrade @vouchfor/uikit@beta\n```\n\n## Production (`admin.vouchfor.com`)\n\nOne thing different when release to production, since `main` branch can only be merged by PRs (after code review), so you will need to run `yarn upgrade @vouchfor/uikit@latest` under you feature branch and commit **before merging the PR**.\n\n```sh\ngit checkout feature/VCH-111\nyarn upgrade upgrade @vouchfor/uikit@latest\ngit commit -m \"Bumped uikit version\"\ngit push\n```\n\n> When you run above cmd, your PR should be ready to merge (reviewed and QA tested)\n","engines":{"node":">=16"},"exports":{"./events":"./events.js","./constants":"./constants.js","./embed/events":{"import":"./embed/events.js","default":"./embed/events.js","require":"./embed/events.cjs"},"./package.json":"./package.json","./internal/theme":"./internal/theme.js","./internal/utils":"./internal/utils.js","./embed/vouch-embed-all":{"import":"./embed/vouch-embed-all.js","default":"./embed/vouch-embed-all.js","require":"./embed/vouch-embed-all.cjs"},"./embed/vouch-embed-card":{"import":"./embed/vouch-embed-card.js","default":"./embed/vouch-embed-card.js","require":"./embed/vouch-embed-card.cjs"},"./embed/vouch-embed-jumbo":{"import":"./embed/vouch-embed-jumbo.js","default":"./embed/vouch-embed-jumbo.js","require":"./embed/vouch-embed-jumbo.cjs"},"./internal/hooks/useFetch":"./internal/hooks/useFetch.js","./internal/hooks/useTrack":"./internal/hooks/useTrack.js","./embed/vouch-embed-button":{"import":"./embed/vouch-embed-button.js","default":"./embed/vouch-embed-button.js","require":"./embed/vouch-embed-button.cjs"},"./components/vouch-recorder":{"import":"./components/vouch-recorder.js","default":"./components/vouch-recorder.js","require":"./components/vouch-recorder.cjs"},"./embed/vouch-embed-popover":{"import":"./embed/vouch-embed-popover.js","default":"./embed/vouch-embed-popover.js","require":"./embed/vouch-embed-popover.cjs"},"./test/internals/utils.spec":"./test/internals/utils.spec.js","./components/vouch-icon-play":{"import":"./components/vouch-icon-play.js","default":"./components/vouch-icon-play.js","require":"./components/vouch-icon-play.cjs"},"./embed/vouch-embed-dialogue":{"import":"./embed/vouch-embed-dialogue.js","default":"./embed/vouch-embed-dialogue.js","require":"./embed/vouch-embed-dialogue.cjs"},"./components/vouch-brand-logo":{"import":"./components/vouch-brand-logo.js","default":"./components/vouch-brand-logo.js","require":"./components/vouch-brand-logo.cjs"},"./components/vouch-icon-close":{"import":"./components/vouch-icon-close.js","default":"./components/vouch-icon-close.js","require":"./components/vouch-icon-close.cjs"},"./components/vouch-icon-pause":{"import":"./components/vouch-icon-pause.js","default":"./components/vouch-icon-pause.js","require":"./components/vouch-icon-pause.cjs"},"./components/vouch-media-plyr":{"import":"./components/vouch-media-plyr.js","default":"./components/vouch-media-plyr.js","require":"./components/vouch-media-plyr.cjs"},"./components/vouch-water-mark":{"import":"./components/vouch-water-mark.js","default":"./components/vouch-water-mark.js","require":"./components/vouch-water-mark.cjs"},"./embed/VouchEmbedCard.svelte":"./embed/VouchEmbedCard.svelte","./embed/vouch-embed-thumbnail":{"import":"./embed/vouch-embed-thumbnail.js","default":"./embed/vouch-embed-thumbnail.js","require":"./embed/vouch-embed-thumbnail.cjs"},"./embed/vouch-recorder-button":{"import":"./embed/vouch-recorder-button.js","default":"./embed/vouch-recorder-button.js","require":"./embed/vouch-recorder-button.cjs"},"./components/vouch-graphic-svg":{"import":"./components/vouch-graphic-svg.js","default":"./components/vouch-graphic-svg.js","require":"./components/vouch-graphic-svg.cjs"},"./embed/VouchEmbedJumbo.svelte":"./embed/VouchEmbedJumbo.svelte","./embed/vouch-recorder-preview":{"import":"./embed/vouch-recorder-preview.js","default":"./embed/vouch-recorder-preview.js","require":"./embed/vouch-recorder-preview.cjs"},"./internal/hooks/useFetchEmbed":"./internal/hooks/useFetchEmbed.js","./embed/VouchEmbedButton.svelte":"./embed/VouchEmbedButton.svelte","./components/vouch-circle-button":{"import":"./components/vouch-circle-button.js","default":"./components/vouch-circle-button.js","require":"./components/vouch-circle-button.cjs"},"./embed/VouchEmbedPopover.svelte":"./embed/VouchEmbedPopover.svelte","./components/VouchIconPlay.svelte":"./components/VouchIconPlay.svelte","./components/VouchRecorder.svelte":"./components/VouchRecorder.svelte","./embed/VouchEmbedDialogue.svelte":"./embed/VouchEmbedDialogue.svelte","./embed/vouch-embed-inline-player":{"import":"./embed/vouch-embed-inline-player.js","default":"./embed/vouch-embed-inline-player.js","require":"./embed/vouch-embed-inline-player.cjs"},"./test/components/VouchIcons.spec":"./test/components/VouchIcons.spec.js","./components/VouchBrandLogo.svelte":"./components/VouchBrandLogo.svelte","./components/VouchIconClose.svelte":"./components/VouchIconClose.svelte","./components/VouchIconPause.svelte":"./components/VouchIconPause.svelte","./components/VouchMediaPlyr.svelte":"./components/VouchMediaPlyr.svelte","./components/VouchWaterMark.svelte":"./components/VouchWaterMark.svelte","./components/vouch-icon-arrow-left":{"import":"./components/vouch-icon-arrow-left.js","default":"./components/vouch-icon-arrow-left.js","require":"./components/vouch-icon-arrow-left.cjs"},"./embed/VouchEmbedThumbnail.svelte":"./embed/VouchEmbedThumbnail.svelte","./embed/VouchRecorderButton.svelte":"./embed/VouchRecorderButton.svelte","./components/VouchGraphicSvg.svelte":"./components/VouchGraphicSvg.svelte","./components/vouch-icon-arrow-right":{"import":"./components/vouch-icon-arrow-right.js","default":"./components/vouch-icon-arrow-right.js","require":"./components/vouch-icon-arrow-right.cjs"},"./embed/VouchRecorderPreview.svelte":"./embed/VouchRecorderPreview.svelte","./components/vouch-overlay-play-icon":{"import":"./components/vouch-overlay-play-icon.js","default":"./components/vouch-overlay-play-icon.js","require":"./components/vouch-overlay-play-icon.cjs"},"./test/internals/hooks/useFetch.spec":"./test/internals/hooks/useFetch.spec.js","./test/internals/hooks/useTrack.spec":"./test/internals/hooks/useTrack.spec.js","./components/VouchCircleButton.svelte":"./components/VouchCircleButton.svelte","./embed/VouchEmbedInlinePlayer.svelte":"./embed/VouchEmbedInlinePlayer.svelte","./test/components/VouchBrandLogo.spec":"./test/components/VouchBrandLogo.spec.js","./test/components/VouchWaterMark.spec":"./test/components/VouchWaterMark.spec.js","./components/VouchIconArrowLeft.svelte":"./components/VouchIconArrowLeft.svelte","./test/components/VouchGraphicSvg.spec":"./test/components/VouchGraphicSvg.spec.js","./components/VouchIconArrowRight.svelte":"./components/VouchIconArrowRight.svelte","./components/VouchOverlayPlayIcon.svelte":"./components/VouchOverlayPlayIcon.svelte","./test/internals/hooks/useFetchEmbed.spec":"./test/internals/hooks/useFetchEmbed.spec.js"},"gitHead":"6db4d4e3cbc958fd2b6d676ae7fcb5651eedab3f","_npmUser":{"name":"vouch-tech","email":"brian@vouchfor.com"},"repository":{"url":"git+https://github.com/VouchAU/vouch-uikit.git","type":"git"},"_npmVersion":"8.19.2","description":"Vouch Svelte UIKit","directories":{},"lint-staged":{"*.{js,svelte}":"yarn lint"},"_nodeVersion":"16.18.0","dependencies":{"flat":"^5.0.2","plyr":"^3.7.2","cookie":"^0.4.1","hls.js":"^1.1.5","core-js":"^3.16.3","postcss":"^7","@vime/core":"^5.3.1","tailwindcss":"npm:@tailwindcss/postcss7-compat","@lukeed/uuid":"^2.0.0","autoprefixer":"^9","whatwg-fetch":"^3.6.2","patch-package":"^6.5.0","@fontsource/fira-mono":"^4.2.2","postinstall-postinstall":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^27.0.6","path":"^0.12.7","vite":"^3.1.8","react":"^18.2.0","tslib":"^2.0.0","dotenv":"^10.0.0","eslint":"^7.22.0","rollup":"^2.55.1","svelte":"^3.34.0","webpack":"^5.74.0","playroom":"0.28.0","prettier":"~2.2.1","react-dom":"^18.2.0","ts-loader":"^9.4.1","babel-jest":"^27.0.6","base64-url":"^2.3.3","dotenv-cli":"^6.0.0","svelte2tsx":"^0.4.3","typescript":"^4.8.4","@babel/core":"^7.14.8","@types/jest":"^26.0.24","lint-staged":"^12.4.1","babel-loader":"^8.2.5","svelte-check":"^2.0.0","@sveltejs/kit":"next","@types/cookie":"^0.4.0","@types/hls.js":"^1.0.0","svelte-jester":"^1.8.1","svelte-loader":"^3.1.2","@storybook/react":"^6.5.13","@babel/preset-env":"^7.14.9","@storybook/svelte":"^6.5.13","@sveltejs/package":"^1.0.0-next.5","svelte-preprocess":"^4.0.0","rollup-plugin-copy":"^3.4.0","require-from-string":"^2.0.2","rollup-plugin-svelte":"^7.1.0","rollup-plugin-terser":"^7.0.2","eslint-plugin-svelte3":"^3.2.0","@babel/runtime-corejs3":"^7.14.9","@rollup/plugin-replace":"^3.0.0","@storybook/addon-links":"^6.5.13","eslint-config-prettier":"^8.1.0","prettier-plugin-svelte":"^2.2.0","@rollup/plugin-commonjs":"^22.0.0","@testing-library/svelte":"^3.0.3","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.5.13","storybook-addon-playroom":"^3.0.2","@typescript-eslint/parser":"^4.19.0","@rollup/plugin-node-resolve":"^13.0.4","@storybook/addon-essentials":"^6.5.13","@storybook/addon-svelte-csf":"^2.0.10","@typescript-eslint/eslint-plugin":"^4.19.0"},"_npmOperationalInternal":{"tmp":"tmp/uikit_0.0.0-experiment.6db4d4e_1669160924641_0.5312648645875089","host":"s3://npm-registry-packages"}},"0.0.0-experiment.d658420":{"name":"@vouchfor/uikit","version":"0.0.0-experiment.d658420","keywords":["embed","design system","vouch-uikit","svelte","uikit"],"author":{"url":"https://vouchau.github.io/vouch-uikit","name":"Vouch Dev Team","email":"hello@vouchfor.com"},"license":"MIT","_id":"@vouchfor/uikit@0.0.0-experiment.d658420","maintainers":[{"name":"vouch-tech","email":"brian@vouchfor.com"}],"homepage":"https://vouchau.github.io/vouch-uikit","bugs":{"url":"https://github.com/VouchAU/vouch-uikit/issues"},"dist":{"shasum":"904e74a18e40b410397708a9727764a98360b052","tarball":"https://registry.npmjs.org/@vouchfor/uikit/-/uikit-0.0.0-experiment.d658420.tgz","fileCount":231,"integrity":"sha512-X3Bj37hUk6dhwzDgb8dARqkltKVffncOblU8w5MutD6DlrKiajYbH8U+bpZyOnxQCCPfav/b68OEmpw1VDQsyg==","signatures":[{"sig":"MEUCIQCseGb+RiRjwoa0XZMQM45Ww2feuaFjdCzDN15Xl0mTXQIgcAC6evKyapSctQNwx3wU4MoqHs9BtU9zPeuDqW5hu3o=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":102315387,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjfsfwACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmohdA/+MUgcOoRbWUfutQ1DbqXcHScsCzvilGW7ATtqNVja8Ni8rVVC\r\nFWuAk+3GLZp0Htgx66+fOu3w8jij9fWVF0gLr/f8Jtl0b7w3JnuZTnGzb8sB\r\n2BwtQv5LsS/YQOLr8152I6Dh9/uhSqgb1djXUlgg85qYXYP+0m07xTA6ZyF6\r\nWpBxVQfkpXDUB5Mv5EixanFC9JI/hk/QZK3KQZmx91Aug22eaUNhqO6AM3/t\r\nJVMOrKEYatnTXMdT7LjY57r8avzusErfy7EJLBuTXfQEVvheunyb8b7e33no\r\nu9B89qDDRBB3Jqk70GoFniyjQPf567NeZLZc9FT2O0UjtQ2AALynEL31yU0W\r\nzVoTewxY6voJBqnSFcCNFdax84nszIf/jk1BzZ542J4lyZAyTwNMIGCp9sXz\r\nwM+Gvt9jp5kPDEviNwKldaJRBzDHQdbuHvjs2+J/vcY6TW8jAyE2vgibpzfD\r\ntUgvo24cy/Q8Z6l1OquFueYUoXNgtjF5cjg8VUqxaCrBhNYzZv1ahi/HPKHc\r\n01O3wM0HOwo1unk8252I1gSv730igDiIdgVw1OCLOiDNqIB6RJsEG/tNDXfj\r\nr02sJByXWWcKRF+MTWQiyTGLEVQDBkojcrUi6AOMnnh6uF9592evvTWOiGFm\r\nzEaJU2/qYasovz4kmLN2A28D7oEN7V8XPP8=\r\n=BsX9\r\n-----END PGP SIGNATURE-----\r\n"},"type":"module","types":"types.d.ts","readme":"# Vouch UIKit\n\n- [Get Started](#get-started)\n - [Storybook](#storybook)\n - [Playroom](#playroom)\n - [Build package](#build-package)\n - [Test package locally with vouch-app-mono](#test-package-locally-with-vouch-app)\n - [Testing published package](#test-published-package)\n - [Purge npm cache](#purge-jsdelivr-cache)\n - [Purge specific bundles](#purge-specific-bundlejs)\n- [Releasing](#releasing)\n - [Update vouch-app](#update-vouch-app)\n - [Production release](#prod-release)\n\n# Get Started\n\nEnsure you have node `16` installed on your machine, for example via [nvm](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/TERMINAL.md#install-nvm), run `nvm ls` to check\n\n```bash\nnvm ls 16\n```\n\nyou should see output if you have the version installed\n\n```bash\n-> v16.17.1\n```\n\nensure you have [git ssh](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/GITHUB.md) setup locally before you clone the repo\n\n```bash\ngit clone git@github.com:VouchAU/vouch-uikit-mono.git\n```\n\ninstall dependencies\n\n```bash\ncd vouch-uikit-mono\nyarn\n```\n\n## Storybook\n\nhttps://uikit-storybook.vercel.app\n\nStorybook is hosted on vercel and deployed automatically via **GitHub Action** every time changes are merged back to `main`. Storybook can also be deployed per PR by adding the `deploy storybook` label on the PR.\n\nLocal dev\n\n```bash\nyarn storybook\n```\n\nbuild storybook\n\n```bash\nyarn storybook:build\n```\n\n## Playroom\n\nhttps://uikit-playroom.vercel.app\n\nPlayroom is hosted on vercel and deployed automatically via **GitHub Action** every time changes are merged back to `main`. Playroom is not intended to be used on it's own because we don't get good autocomplete for web components, and playroom cannot render the svelte components natively.\n\nInstead we have created a `Playroom` plugin for storybook that will automatically update the rendered web component when any of the story controls change.\n\nLocal dev\n\n```bash\nyarn playroom\n```\n\nbuild playroom\n\n```bash\nyarn playroom:build\n```\n\n## Build package\n\nBuild `src/lib` production/beta/alpha package, make sure you change `version` in `package.json` for three different build tags.\n\n```sh\ncd packages/uikit\n...\nyarn package # production\n```\n\n## Test package locally with `vouch-app`\n\nOnce you build the `npm` package, you can test locally with `vouch-app` to ensure everything works as expected before publishing to `npm`\n\nAssuming you build a package according [Build package](#build-package), now you can create a symlink to your local package\n\n```sh\ncd package\nyarn link\n```\n\nyou should see this if successfully linked\n\n```sh\nyarn link v1.22.10\nsuccess Registered \"@vouchfor/uikit\".\ninfo You can now run `yarn link \"@vouchfor/uikit\"` in the projects where you want to use this package and it will be used instead.\n✨ Done in 0.04s.\n```\n\ngo to `vouch-app-mono` folder and switch to the branch you want to test against with then link the local package\n\n```sh\ncd vouch-app-mono\ngit checkout VCH-222\nyarn link @vouchfor/uikit\nyarn dev\n```\n\nVoilà, you are testing your feature branch with the local uikit package and don't forget to roll back after testing\n\n```sh\ncd vouch-app\nyarn unlink @vouchfor/uikit\n...\ncd vouch-uikit/package\nyarn unlink\n```\n\n## Test published package\n\nYou can publish an experimental version of the package by adding the `publish rc` label onto your PR. This will use the commit hash and a prerelease version number to publish onto NPM which you can then install into your application for testing.\n\nThis can be important because the published package and the linked package aren't necessarily 100% the same, some functionality is lost during the conversion to web-components:\n- When using a svelte component within another svelte component, you are able to pass $$restProps down to inner DOM elements, this doesn't work when the svelte component is changed into a web-component during build time\n\n## Purge `jsdelivr` cache\n\n`@vouchfor/uikit` is most likely consumed by the `latest` **tag**, not version number to ensure clients can always get the latest updates. [jsdelivr](https://cdn.jsdelivr.net/) default has 7 days cache for `tag`, so we need to purge it to reflect new version number.\n\n- Check current tag version number\n\n - [Click to check Production](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n- Purge cache\n - **_Danger_** [Click to purge Production](https://purge.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n### Purge specific bundle.js\n\nOur embed code snippet `src` attribute currently refers to a specific embed bundle js , for example\n\n```html\n\n
\n```\n\nIn this case, you will need to purge the bundle file specifically by providing absolute path\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/embed/{filename}.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/components/{filename}.bundle.js\n```\n\nfor example,\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/embed/vouch-embed-inline-player.bundle.js\n```\n\n## Unit test\n\n```bash\nyarn test\n```\n\nupdate snapshot\n\n```bash\nyarn test -u\n```\n\n# Releasing\n\nTo make sure we are delivering the highest quality software we can, there is a multi-step review and testing process before we go ahead with any release.\n\n1. Once the feature has been implemented, create a PR and add the `deploy storybook` label to it, once storybook has been deployed send the link to the stakeholder that is in charge of the feature and get them to review.\n - The deployment URL will be added as a comment to the PR once deployed\n2. Use browserstack (credentials in 1password) to cross-browser test the storybook PR deployment using a wide range of operating systems and browser versions\n - TODO: Figure out what is a reasonable set of browsers to test with\n - TODO: Automated tools for cross browser testing using browserstack\n3. Publish the package as a release candidate by adding the `publish rc` label to the PR\n - Once published, install the package into the admin app and test the feature there to make sure your changes are working in situ.\n - Create a PR deployment for the admin app using the release candidate package and get stakeholders to review also.\n4. If there are no issues, the PR can be merged into `main` and a regular release can be created using the instructions below\n - TODO: Automate public release\n\n## Update `vouch-app`\n\n`@vouchfor/uikit` is a dependency of the admin app within `vouch-app-mono` and `vouch-app` for embeds and the media player, follow the below steps to publish NPM package and update `package.json` dependency in `vouch-app-mono`.\n\n> Always use semver for version numbering for main releases\n\n- Major: Breaking changes\n- Minor: Feature releases\n- Patch: Hotfixes\n\nBecause we have a few different environments that the embeds may be fetching from (`dev`, `staging` and `prod`) we have added an `env` prop to all of the necessary embeds that allows you to choose the environment at run time. This, along with PR releases, removes the need for an `alpha` and `beta` package release and will allow us to better automate the release process.\n\n### Prod release\n\n> You will need to log in `vouch-tech` on your terminal before publishing, credential is shared via 1Password.\n\n```bash\nnpm login\n```\n\n1. Bump package version\n2. Make sure you are in `packages/uikit` directory\n3. Run `yarn package`\n4. Move to the created `package` folder\n5. Run `npm publish --access public` to publish under the `latest` tag\n\n```bash\nnpm version Vouch UIKit\n\n- [Get Started](#get-started)\n - [Storybook](#storybook)\n - [Playroom](#playroom)\n - [Build package](#build-package)\n - [Test package locally with vouch-app-mono](#test-package-locally-with-vouch-app)\n - [Testing published package](#test-published-package)\n - [Purge npm cache](#purge-jsdelivr-cache)\n - [Purge specific bundles](#purge-specific-bundlejs)\n- [Releasing](#releasing)\n - [Update vouch-app](#update-vouch-app)\n - [Production release](#prod-release)\n\n# Get Started\n\nEnsure you have node `16` installed on your machine, for example via [nvm](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/TERMINAL.md#install-nvm), run `nvm ls` to check\n\n```bash\nnvm ls 16\n```\n\nyou should see output if you have the version installed\n\n```bash\n-> v16.17.1\n```\n\nensure you have [git ssh](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/GITHUB.md) setup locally before you clone the repo\n\n```bash\ngit clone git@github.com:VouchAU/vouch-uikit-mono.git\n```\n\ninstall dependencies\n\n```bash\ncd vouch-uikit-mono\nyarn\n```\n\n## Storybook\n\nhttps://uikit-storybook.vercel.app\n\nStorybook is hosted on vercel and deployed automatically via **GitHub Action** every time changes are merged back to `main`. Storybook can also be deployed per PR by adding the `deploy storybook` label on the PR.\n\nLocal dev\n\n```bash\nyarn storybook\n```\n\nbuild storybook\n\n```bash\nyarn storybook:build\n```\n\n## Playroom\n\nhttps://uikit-playroom.vercel.app\n\nPlayroom is hosted on vercel and deployed automatically via **GitHub Action** every time changes are merged back to `main`. Playroom is not intended to be used on it's own because we don't get good autocomplete for web components, and playroom cannot render the svelte components natively.\n\nInstead we have created a `Playroom` plugin for storybook that will automatically update the rendered web component when any of the story controls change.\n\nLocal dev\n\n```bash\nyarn playroom\n```\n\nbuild playroom\n\n```bash\nyarn playroom:build\n```\n\n## Build package\n\nBuild `src/lib` production/beta/alpha package, make sure you change `version` in `package.json` for three different build tags.\n\n```sh\ncd packages/uikit\n...\nyarn package # production\n```\n\n## Test package locally with `vouch-app`\n\nOnce you build the `npm` package, you can test locally with `vouch-app` to ensure everything works as expected before publishing to `npm`\n\nAssuming you build a package according [Build package](#build-package), now you can create a symlink to your local package\n\n```sh\ncd package\nyarn link\n```\n\nyou should see this if successfully linked\n\n```sh\nyarn link v1.22.10\nsuccess Registered \"@vouchfor/uikit\".\ninfo You can now run `yarn link \"@vouchfor/uikit\"` in the projects where you want to use this package and it will be used instead.\n✨ Done in 0.04s.\n```\n\ngo to `vouch-app-mono` folder and switch to the branch you want to test against with then link the local package\n\n```sh\ncd vouch-app-mono\ngit checkout VCH-222\nyarn link @vouchfor/uikit\nyarn dev\n```\n\nVoilà, you are testing your feature branch with the local uikit package and don't forget to roll back after testing\n\n```sh\ncd vouch-app\nyarn unlink @vouchfor/uikit\n...\ncd vouch-uikit/package\nyarn unlink\n```\n\n## Test published package\n\nYou can publish an experimental version of the package by adding the `publish rc` label onto your PR. This will use the commit hash and a prerelease version number to publish onto NPM which you can then install into your application for testing.\n\nThis can be important because the published package and the linked package aren't necessarily 100% the same, some functionality is lost during the conversion to web-components:\n- When using a svelte component within another svelte component, you are able to pass $$restProps down to inner DOM elements, this doesn't work when the svelte component is changed into a web-component during build time\n\n## Purge `jsdelivr` cache\n\n`@vouchfor/uikit` is most likely consumed by the `latest` **tag**, not version number to ensure clients can always get the latest updates. [jsdelivr](https://cdn.jsdelivr.net/) default has 7 days cache for `tag`, so we need to purge it to reflect new version number.\n\n- Check current tag version number\n\n - [Click to check Production](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n- Purge cache\n - **_Danger_** [Click to purge Production](https://purge.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n### Purge specific bundle.js\n\nOur embed code snippet `src` attribute currently refers to a specific embed bundle js , for example\n\n```html\n\n
\n```\n\nIn this case, you will need to purge the bundle file specifically by providing absolute path\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/embed/{filename}.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/components/{filename}.bundle.js\n```\n\nfor example,\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/embed/vouch-embed-inline-player.bundle.js\n```\n\n## Unit test\n\n```bash\nyarn test\n```\n\nupdate snapshot\n\n```bash\nyarn test -u\n```\n\n# Releasing\n\nTo make sure we are delivering the highest quality software we can, there is a multi-step review and testing process before we go ahead with any release.\n\n1. Once the feature has been implemented, create a PR and add the `deploy storybook` label to it, once storybook has been deployed send the link to the stakeholder that is in charge of the feature and get them to review.\n - The deployment URL will be added as a comment to the PR once deployed\n2. Use browserstack (credentials in 1password) to cross-browser test the storybook PR deployment using a wide range of operating systems and browser versions\n - TODO: Figure out what is a reasonable set of browsers to test with\n - TODO: Automated tools for cross browser testing using browserstack\n3. Publish the package as a release candidate by adding the `publish rc` label to the PR\n - Once published, install the package into the admin app and test the feature there to make sure your changes are working in situ.\n - Create a PR deployment for the admin app using the release candidate package and get stakeholders to review also.\n4. If there are no issues, the PR can be merged into `main` and a regular release can be created using the instructions below\n - TODO: Automate public release\n\n## Update `vouch-app`\n\n`@vouchfor/uikit` is a dependency of the admin app within `vouch-app-mono` and `vouch-app` for embeds and the media player, follow the below steps to publish NPM package and update `package.json` dependency in `vouch-app-mono`.\n\n> Always use semver for version numbering for main releases\n\n- Major: Breaking changes\n- Minor: Feature releases\n- Patch: Hotfixes\n\nBecause we have a few different environments that the embeds may be fetching from (`dev`, `staging` and `prod`) we have added an `env` prop to all of the necessary embeds that allows you to choose the environment at run time. This, along with PR releases, removes the need for an `alpha` and `beta` package release and will allow us to better automate the release process.\n\n### Prod release\n\n> You will need to log in `vouch-tech` on your terminal before publishing, credential is shared via 1Password.\n\n```bash\nnpm login\n```\n\n1. Bump package version\n2. Make sure you are in `packages/uikit` directory\n3. Run `yarn package`\n4. Move to the created `package` folder\n5. Run `npm publish --access public` to publish under the `latest` tag\n\n```bash\nnpm version Vouch UIKit\n\n- [Get Started](#get-started)\n - [Storybook](#storybook)\n - [Playroom](#playroom)\n - [Build package](#build-package)\n - [Test package locally with vouch-app-mono](#test-package-locally-with-vouch-app)\n - [Testing published package](#test-published-package)\n - [Purge npm cache](#purge-jsdelivr-cache)\n - [Purge specific bundles](#purge-specific-bundlejs)\n- [Releasing](#releasing)\n - [Update vouch-app](#update-vouch-app)\n - [Production release](#prod-release)\n\n# Get Started\n\nEnsure you have node `16` installed on your machine, for example via [nvm](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/TERMINAL.md#install-nvm), run `nvm ls` to check\n\n```bash\nnvm ls 16\n```\n\nyou should see output if you have the version installed\n\n```bash\n-> v16.17.1\n```\n\nensure you have [git ssh](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/GITHUB.md) setup locally before you clone the repo\n\n```bash\ngit clone git@github.com:VouchAU/vouch-uikit-mono.git\n```\n\ninstall dependencies\n\n```bash\ncd vouch-uikit-mono\nyarn\n```\n\n## Storybook\n\nhttps://uikit-storybook.vercel.app\n\nStorybook is hosted on vercel and deployed automatically via **GitHub Action** every time changes are merged back to `main`. Storybook can also be deployed per PR by adding the `deploy storybook` label on the PR.\n\nLocal dev\n\n```bash\nyarn storybook\n```\n\nbuild storybook\n\n```bash\nyarn storybook:build\n```\n\n## Playroom\n\nhttps://uikit-playroom.vercel.app\n\nPlayroom is hosted on vercel and deployed automatically via **GitHub Action** every time changes are merged back to `main`. Playroom is not intended to be used on it's own because we don't get good autocomplete for web components, and playroom cannot render the svelte components natively.\n\nInstead we have created a `Playroom` plugin for storybook that will automatically update the rendered web component when any of the story controls change.\n\nLocal dev\n\n```bash\nyarn playroom\n```\n\nbuild playroom\n\n```bash\nyarn playroom:build\n```\n\n## Build package\n\nBuild `src/lib` production/beta/alpha package, make sure you change `version` in `package.json` for three different build tags.\n\n```sh\ncd packages/uikit\n...\nyarn package # production\n```\n\n## Test package locally with `vouch-app`\n\nOnce you build the `npm` package, you can test locally with `vouch-app` to ensure everything works as expected before publishing to `npm`\n\nAssuming you build a package according [Build package](#build-package), now you can create a symlink to your local package\n\n```sh\ncd package\nyarn link\n```\n\nyou should see this if successfully linked\n\n```sh\nyarn link v1.22.10\nsuccess Registered \"@vouchfor/uikit\".\ninfo You can now run `yarn link \"@vouchfor/uikit\"` in the projects where you want to use this package and it will be used instead.\n✨ Done in 0.04s.\n```\n\ngo to `vouch-app-mono` folder and switch to the branch you want to test against with then link the local package\n\n```sh\ncd vouch-app-mono\ngit checkout VCH-222\nyarn link @vouchfor/uikit\nyarn dev\n```\n\nVoilà, you are testing your feature branch with the local uikit package and don't forget to roll back after testing\n\n```sh\ncd vouch-app\nyarn unlink @vouchfor/uikit\n...\ncd vouch-uikit/package\nyarn unlink\n```\n\n## Test published package\n\nYou can publish an experimental version of the package by adding the `publish rc` label onto your PR. This will use the commit hash and a prerelease version number to publish onto NPM which you can then install into your application for testing.\n\nThis can be important because the published package and the linked package aren't necessarily 100% the same, some functionality is lost during the conversion to web-components:\n- When using a svelte component within another svelte component, you are able to pass $$restProps down to inner DOM elements, this doesn't work when the svelte component is changed into a web-component during build time\n\n## Purge `jsdelivr` cache\n\n`@vouchfor/uikit` is most likely consumed by the `latest` **tag**, not version number to ensure clients can always get the latest updates. [jsdelivr](https://cdn.jsdelivr.net/) default has 7 days cache for `tag`, so we need to purge it to reflect new version number.\n\n- Check current tag version number\n\n - [Click to check Production](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n- Purge cache\n - **_Danger_** [Click to purge Production](https://purge.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n### Purge specific bundle.js\n\nOur embed code snippet `src` attribute currently refers to a specific embed bundle js , for example\n\n```html\n\n
\n```\n\nIn this case, you will need to purge the bundle file specifically by providing absolute path\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/embed/{filename}.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/components/{filename}.bundle.js\n```\n\nfor example,\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/embed/vouch-embed-inline-player.bundle.js\n```\n\n## Unit test\n\n```bash\nyarn test\n```\n\nupdate snapshot\n\n```bash\nyarn test -u\n```\n\n# Releasing\n\nTo make sure we are delivering the highest quality software we can, there is a multi-step review and testing process before we go ahead with any release.\n\n1. Once the feature has been implemented, create a PR and add the `deploy storybook` label to it, once storybook has been deployed send the link to the stakeholder that is in charge of the feature and get them to review.\n - The deployment URL will be added as a comment to the PR once deployed\n2. Use browserstack (credentials in 1password) to cross-browser test the storybook PR deployment using a wide range of operating systems and browser versions\n - TODO: Figure out what is a reasonable set of browsers to test with\n - TODO: Automated tools for cross browser testing using browserstack\n3. Publish the package as a release candidate by adding the `publish rc` label to the PR\n - Once published, install the package into the admin app and test the feature there to make sure your changes are working in situ.\n - Create a PR deployment for the admin app using the release candidate package and get stakeholders to review also.\n4. If there are no issues, the PR can be merged into `main` and a regular release can be created using the instructions below\n - TODO: Automate public release\n\n## Update `vouch-app`\n\n`@vouchfor/uikit` is a dependency of the admin app within `vouch-app-mono` and `vouch-app` for embeds and the media player, follow the below steps to publish NPM package and update `package.json` dependency in `vouch-app-mono`.\n\n> Always use semver for version numbering for main releases\n\n- Major: Breaking changes\n- Minor: Feature releases\n- Patch: Hotfixes\n\nBecause we have a few different environments that the embeds may be fetching from (`dev`, `staging` and `prod`) we have added an `env` prop to all of the necessary embeds that allows you to choose the environment at run time. This, along with PR releases, removes the need for an `alpha` and `beta` package release and will allow us to better automate the release process.\n\n### Prod release\n\n> You will need to log in `vouch-tech` on your terminal before publishing, credential is shared via 1Password.\n\n```bash\nnpm login\n```\n\n1. Bump package version\n2. Make sure you are in `packages/uikit` directory\n3. Run `yarn package`\n4. Move to the created `package` folder\n5. Run `npm publish --access public` to publish under the `latest` tag\n\n```bash\nnpm version Vouch UIKit\n\n- [Get Started](#get-started)\n - [Storybook](#storybook)\n - [Playroom](#playroom)\n - [Build package](#build-package)\n - [Test package locally with vouch-app-mono](#test-package-locally-with-vouch-app)\n - [Testing published package](#test-published-package)\n - [Purge npm cache](#purge-jsdelivr-cache)\n - [Purge specific bundles](#purge-specific-bundlejs)\n- [Releasing](#releasing)\n - [Update vouch-app](#update-vouch-app)\n - [Production release](#prod-release)\n\n# Get Started\n\nEnsure you have node `16` installed on your machine, for example via [nvm](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/TERMINAL.md#install-nvm), run `nvm ls` to check\n\n```bash\nnvm ls 16\n```\n\nyou should see output if you have the version installed\n\n```bash\n-> v16.17.1\n```\n\nensure you have [git ssh](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/GITHUB.md) setup locally before you clone the repo\n\n```bash\ngit clone git@github.com:VouchAU/vouch-uikit-mono.git\n```\n\ninstall dependencies\n\n```bash\ncd vouch-uikit-mono\nyarn\n```\n\n## Storybook\n\nhttps://uikit-storybook.vercel.app\n\nStorybook is hosted on vercel and deployed automatically via **GitHub Action** every time changes are merged back to `main`. Storybook can also be deployed per PR by adding the `deploy storybook` label on the PR.\n\nLocal dev\n\n```bash\nyarn storybook\n```\n\nbuild storybook\n\n```bash\nyarn storybook:build\n```\n\n## Playroom\n\nhttps://uikit-playroom.vercel.app\n\nPlayroom is hosted on vercel and deployed automatically via **GitHub Action** every time changes are merged back to `main`. Playroom is not intended to be used on it's own because we don't get good autocomplete for web components, and playroom cannot render the svelte components natively.\n\nInstead we have created a `Playroom` plugin for storybook that will automatically update the rendered web component when any of the story controls change.\n\nLocal dev\n\n```bash\nyarn playroom\n```\n\nbuild playroom\n\n```bash\nyarn playroom:build\n```\n\n## Build package\n\nBuild `src/lib` production/beta/alpha package, make sure you change `version` in `package.json` for three different build tags.\n\n```sh\ncd packages/uikit\n...\nyarn package # production\n```\n\n## Test package locally with `vouch-app`\n\nOnce you build the `npm` package, you can test locally with `vouch-app` to ensure everything works as expected before publishing to `npm`\n\nAssuming you build a package according [Build package](#build-package), now you can create a symlink to your local package\n\n```sh\ncd package\nyarn link\n```\n\nyou should see this if successfully linked\n\n```sh\nyarn link v1.22.10\nsuccess Registered \"@vouchfor/uikit\".\ninfo You can now run `yarn link \"@vouchfor/uikit\"` in the projects where you want to use this package and it will be used instead.\n✨ Done in 0.04s.\n```\n\ngo to `vouch-app-mono` folder and switch to the branch you want to test against with then link the local package\n\n```sh\ncd vouch-app-mono\ngit checkout VCH-222\nyarn link @vouchfor/uikit\nyarn dev\n```\n\nVoilà, you are testing your feature branch with the local uikit package and don't forget to roll back after testing\n\n```sh\ncd vouch-app\nyarn unlink @vouchfor/uikit\n...\ncd vouch-uikit/package\nyarn unlink\n```\n\n## Test published package\n\nYou can publish an experimental version of the package by adding the `publish rc` label onto your PR. This will use the commit hash and a prerelease version number to publish onto NPM which you can then install into your application for testing.\n\nThis can be important because the published package and the linked package aren't necessarily 100% the same, some functionality is lost during the conversion to web-components:\n- When using a svelte component within another svelte component, you are able to pass $$restProps down to inner DOM elements, this doesn't work when the svelte component is changed into a web-component during build time\n\n## Purge `jsdelivr` cache\n\n`@vouchfor/uikit` is most likely consumed by the `latest` **tag**, not version number to ensure clients can always get the latest updates. [jsdelivr](https://cdn.jsdelivr.net/) default has 7 days cache for `tag`, so we need to purge it to reflect new version number.\n\n- Check current tag version number\n\n - [Click to check Production](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n- Purge cache\n - **_Danger_** [Click to purge Production](https://purge.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n### Purge specific bundle.js\n\nOur embed code snippet `src` attribute currently refers to a specific embed bundle js , for example\n\n```html\n\n
\n```\n\nIn this case, you will need to purge the bundle file specifically by providing absolute path\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/embed/{filename}.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/components/{filename}.bundle.js\n```\n\nfor example,\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/embed/vouch-embed-inline-player.bundle.js\n```\n\n## Unit test\n\n```bash\nyarn test\n```\n\nupdate snapshot\n\n```bash\nyarn test -u\n```\n\n# Releasing\n\nTo make sure we are delivering the highest quality software we can, there is a multi-step review and testing process before we go ahead with any release.\n\n1. Once the feature has been implemented, create a PR and add the `deploy storybook` label to it, once storybook has been deployed send the link to the stakeholder that is in charge of the feature and get them to review.\n - The deployment URL will be added as a comment to the PR once deployed\n2. Use browserstack (credentials in 1password) to cross-browser test the storybook PR deployment using a wide range of operating systems and browser versions\n - TODO: Figure out what is a reasonable set of browsers to test with\n - TODO: Automated tools for cross browser testing using browserstack\n3. Publish the package as a release candidate by adding the `publish rc` label to the PR\n - Once published, install the package into the admin app and test the feature there to make sure your changes are working in situ.\n - Create a PR deployment for the admin app using the release candidate package and get stakeholders to review also.\n4. If there are no issues, the PR can be merged into `main` and a regular release can be created using the instructions below\n - TODO: Automate public release\n\n## Update `vouch-app`\n\n`@vouchfor/uikit` is a dependency of the admin app within `vouch-app-mono` and `vouch-app` for embeds and the media player, follow the below steps to publish NPM package and update `package.json` dependency in `vouch-app-mono`.\n\n> Always use semver for version numbering for main releases\n\n- Major: Breaking changes\n- Minor: Feature releases\n- Patch: Hotfixes\n\nBecause we have a few different environments that the embeds may be fetching from (`dev`, `staging` and `prod`) we have added an `env` prop to all of the necessary embeds that allows you to choose the environment at run time. This, along with PR releases, removes the need for an `alpha` and `beta` package release and will allow us to better automate the release process.\n\n### Prod release\n\n> You will need to log in `vouch-tech` on your terminal before publishing, credential is shared via 1Password.\n\n```bash\nnpm login\n```\n\n1. Bump package version\n2. Make sure you are in `packages/uikit` directory\n3. Run `yarn package`\n4. Move to the created `package` folder\n5. Run `npm publish --access public` to publish under the `latest` tag\n\n```bash\nnpm version Vouch UIKit\n\n- [Get Started](#get-started)\n - [Storybook](#storybook)\n - [Playroom](#playroom)\n - [Build package](#build-package)\n - [Test package locally with vouch-app-mono](#test-package-locally-with-vouch-app)\n - [Testing published package](#test-published-package)\n - [Purge npm cache](#purge-jsdelivr-cache)\n - [Purge specific bundles](#purge-specific-bundlejs)\n- [Releasing](#releasing)\n - [Update vouch-app](#update-vouch-app)\n - [Production release](#prod-release)\n\n# Get Started\n\nEnsure you have node `16` installed on your machine, for example via [nvm](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/TERMINAL.md#install-nvm), run `nvm ls` to check\n\n```bash\nnvm ls 16\n```\n\nyou should see output if you have the version installed\n\n```bash\n-> v16.17.1\n```\n\nensure you have [git ssh](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/GITHUB.md) setup locally before you clone the repo\n\n```bash\ngit clone git@github.com:VouchAU/vouch-uikit-mono.git\n```\n\ninstall dependencies\n\n```bash\ncd vouch-uikit-mono\nyarn\n```\n\n## Storybook\n\nhttps://uikit-storybook.vercel.app\n\nStorybook is hosted on vercel and deployed automatically via **GitHub Action** every time changes are merged back to `main`. Storybook can also be deployed per PR by adding the `deploy storybook` label on the PR.\n\nLocal dev\n\n```bash\nyarn storybook\n```\n\nbuild storybook\n\n```bash\nyarn storybook:build\n```\n\n## Playroom\n\nhttps://uikit-playroom.vercel.app\n\nPlayroom is hosted on vercel and deployed automatically via **GitHub Action** every time changes are merged back to `main`. Playroom is not intended to be used on it's own because we don't get good autocomplete for web components, and playroom cannot render the svelte components natively.\n\nInstead we have created a `Playroom` plugin for storybook that will automatically update the rendered web component when any of the story controls change.\n\nLocal dev\n\n```bash\nyarn playroom\n```\n\nbuild playroom\n\n```bash\nyarn playroom:build\n```\n\n## Build package\n\nBuild `src/lib` production/beta/alpha package, make sure you change `version` in `package.json` for three different build tags.\n\n```sh\ncd packages/uikit\n...\nyarn package # production\n```\n\n## Test package locally with `vouch-app`\n\nOnce you build the `npm` package, you can test locally with `vouch-app` to ensure everything works as expected before publishing to `npm`\n\nAssuming you build a package according [Build package](#build-package), now you can create a symlink to your local package\n\n```sh\ncd package\nyarn link\n```\n\nyou should see this if successfully linked\n\n```sh\nyarn link v1.22.10\nsuccess Registered \"@vouchfor/uikit\".\ninfo You can now run `yarn link \"@vouchfor/uikit\"` in the projects where you want to use this package and it will be used instead.\n✨ Done in 0.04s.\n```\n\ngo to `vouch-app-mono` folder and switch to the branch you want to test against with then link the local package\n\n```sh\ncd vouch-app-mono\ngit checkout VCH-222\nyarn link @vouchfor/uikit\nyarn dev\n```\n\nVoilà, you are testing your feature branch with the local uikit package and don't forget to roll back after testing\n\n```sh\ncd vouch-app\nyarn unlink @vouchfor/uikit\n...\ncd vouch-uikit/package\nyarn unlink\n```\n\n## Test published package\n\nYou can publish an experimental version of the package by adding the `publish rc` label onto your PR. This will use the commit hash and a prerelease version number to publish onto NPM which you can then install into your application for testing.\n\nThis can be important because the published package and the linked package aren't necessarily 100% the same, some functionality is lost during the conversion to web-components:\n- When using a svelte component within another svelte component, you are able to pass $$restProps down to inner DOM elements, this doesn't work when the svelte component is changed into a web-component during build time\n\n## Purge `jsdelivr` cache\n\n`@vouchfor/uikit` is most likely consumed by the `latest` **tag**, not version number to ensure clients can always get the latest updates. [jsdelivr](https://cdn.jsdelivr.net/) default has 7 days cache for `tag`, so we need to purge it to reflect new version number.\n\n- Check current tag version number\n\n - [Click to check Production](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n- Purge cache\n - **_Danger_** [Click to purge Production](https://purge.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n### Purge specific bundle.js\n\nOur embed code snippet `src` attribute currently refers to a specific embed bundle js , for example\n\n```html\n\n
\n```\n\nIn this case, you will need to purge the bundle file specifically by providing absolute path\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/embed/{filename}.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/components/{filename}.bundle.js\n```\n\nfor example,\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/embed/vouch-embed-inline-player.bundle.js\n```\n\n## Unit test\n\n```bash\nyarn test\n```\n\nupdate snapshot\n\n```bash\nyarn test -u\n```\n\n# Releasing\n\nTo make sure we are delivering the highest quality software we can, there is a multi-step review and testing process before we go ahead with any release.\n\n1. Once the feature has been implemented, create a PR and add the `deploy storybook` label to it, once storybook has been deployed send the link to the stakeholder that is in charge of the feature and get them to review.\n - The deployment URL will be added as a comment to the PR once deployed\n2. Use browserstack (credentials in 1password) to cross-browser test the storybook PR deployment using a wide range of operating systems and browser versions\n - TODO: Figure out what is a reasonable set of browsers to test with\n - TODO: Automated tools for cross browser testing using browserstack\n3. Publish the package as a release candidate by adding the `publish rc` label to the PR\n - Once published, install the package into the admin app and test the feature there to make sure your changes are working in situ.\n - Create a PR deployment for the admin app using the release candidate package and get stakeholders to review also.\n4. If there are no issues, the PR can be merged into `main` and a regular release can be created using the instructions below\n - TODO: Automate public release\n\n## Update `vouch-app`\n\n`@vouchfor/uikit` is a dependency of the admin app within `vouch-app-mono` and `vouch-app` for embeds and the media player, follow the below steps to publish NPM package and update `package.json` dependency in `vouch-app-mono`.\n\n> Always use semver for version numbering for main releases\n\n- Major: Breaking changes\n- Minor: Feature releases\n- Patch: Hotfixes\n\nBecause we have a few different environments that the embeds may be fetching from (`dev`, `staging` and `prod`) we have added an `env` prop to all of the necessary embeds that allows you to choose the environment at run time. This, along with PR releases, removes the need for an `alpha` and `beta` package release and will allow us to better automate the release process.\n\n### Prod release\n\n> You will need to log in `vouch-tech` on your terminal before publishing, credential is shared via 1Password.\n\n```bash\nnpm login\n```\n\n1. Bump package version\n2. Make sure you are in `packages/uikit` directory\n3. Run `yarn package`\n4. Move to the created `package` folder\n5. Run `npm publish --access public` to publish under the `latest` tag\n\n```bash\nnpm version Vouch UIKit\n\n- [Get Started](#get-started)\n - [Storybook](#storybook)\n - [Playroom](#playroom)\n - [Build package](#build-package)\n - [Test package locally with vouch-app-mono](#test-package-locally-with-vouch-app)\n - [Testing published package](#test-published-package)\n - [Purge npm cache](#purge-jsdelivr-cache)\n - [Purge specific bundles](#purge-specific-bundlejs)\n- [Releasing](#releasing)\n - [Update vouch-app](#update-vouch-app)\n - [Production release](#prod-release)\n\n# Get Started\n\nEnsure you have node `16` installed on your machine, for example via [nvm](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/TERMINAL.md#install-nvm), run `nvm ls` to check\n\n```bash\nnvm ls 16\n```\n\nyou should see output if you have the version installed\n\n```bash\n-> v16.17.1\n```\n\nensure you have [git ssh](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/GITHUB.md) setup locally before you clone the repo\n\n```bash\ngit clone git@github.com:VouchAU/vouch-uikit-mono.git\n```\n\ninstall dependencies\n\n```bash\ncd vouch-uikit-mono\nyarn\n```\n\n## Storybook\n\nhttps://uikit-storybook.vercel.app\n\nStorybook is hosted on vercel and deployed automatically via **GitHub Action** every time changes are merged back to `main`. Storybook can also be deployed per PR by adding the `deploy storybook` label on the PR.\n\nLocal dev\n\n```bash\nyarn storybook\n```\n\nbuild storybook\n\n```bash\nyarn storybook:build\n```\n\n## Playroom\n\nhttps://uikit-playroom.vercel.app\n\nPlayroom is hosted on vercel and deployed automatically via **GitHub Action** every time changes are merged back to `main`. Playroom is not intended to be used on it's own because we don't get good autocomplete for web components, and playroom cannot render the svelte components natively.\n\nInstead we have created a `Playroom` plugin for storybook that will automatically update the rendered web component when any of the story controls change.\n\nLocal dev\n\n```bash\nyarn playroom\n```\n\nbuild playroom\n\n```bash\nyarn playroom:build\n```\n\n## Build package\n\nBuild `src/lib` production/beta/alpha package, make sure you change `version` in `package.json` for three different build tags.\n\n```sh\ncd packages/uikit\n...\nyarn package # production\n```\n\n## Test package locally with `vouch-app`\n\nOnce you build the `npm` package, you can test locally with `vouch-app` to ensure everything works as expected before publishing to `npm`\n\nAssuming you build a package according [Build package](#build-package), now you can create a symlink to your local package\n\n```sh\ncd package\nyarn link\n```\n\nyou should see this if successfully linked\n\n```sh\nyarn link v1.22.10\nsuccess Registered \"@vouchfor/uikit\".\ninfo You can now run `yarn link \"@vouchfor/uikit\"` in the projects where you want to use this package and it will be used instead.\n✨ Done in 0.04s.\n```\n\ngo to `vouch-app-mono` folder and switch to the branch you want to test against with then link the local package\n\n```sh\ncd vouch-app-mono\ngit checkout VCH-222\nyarn link @vouchfor/uikit\nyarn dev\n```\n\nVoilà, you are testing your feature branch with the local uikit package and don't forget to roll back after testing\n\n```sh\ncd vouch-app\nyarn unlink @vouchfor/uikit\n...\ncd vouch-uikit/package\nyarn unlink\n```\n\n## Test published package\n\nYou can publish an experimental version of the package by adding the `publish rc` label onto your PR. This will use the commit hash and a prerelease version number to publish onto NPM which you can then install into your application for testing.\n\nThis can be important because the published package and the linked package aren't necessarily 100% the same, some functionality is lost during the conversion to web-components:\n- When using a svelte component within another svelte component, you are able to pass $$restProps down to inner DOM elements, this doesn't work when the svelte component is changed into a web-component during build time\n- Using slots is a little weird\n - When using normal svelte components, if you want to style slot contents from the parent component you need to use the `:global(\n
\n```\n\nIn this case, you will need to purge the bundle file specifically by providing absolute path\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/embed/{filename}.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/components/{filename}.bundle.js\n```\n\nfor example,\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/embed/vouch-embed-inline-player.bundle.js\n```\n\n## Unit test\n\n```bash\nyarn test\n```\n\nupdate snapshot\n\n```bash\nyarn test -u\n```\n\n# Releasing\n\nTo make sure we are delivering the highest quality software we can, there is a multi-step review and testing process before we go ahead with any release.\n\n1. Once the feature has been implemented, create a PR and add the `deploy storybook` label to it, once storybook has been deployed send the link to the stakeholder that is in charge of the feature and get them to review.\n - The deployment URL will be added as a comment to the PR once deployed\n2. Use browserstack (credentials in 1password) to cross-browser test the storybook PR deployment using a wide range of operating systems and browser versions\n - TODO: Figure out what is a reasonable set of browsers to test with\n - TODO: Automated tools for cross browser testing using browserstack\n3. Publish the package as a release candidate by adding the `publish rc` label to the PR\n - Once published, install the package into the admin app and test the feature there to make sure your changes are working in situ.\n - Create a PR deployment for the admin app using the release candidate package and get stakeholders to review also.\n4. If there are no issues, the PR can be merged into `main` and a regular release can be created using the instructions below\n - TODO: Automate public release\n\n## Update `vouch-app`\n\n`@vouchfor/uikit` is a dependency of the admin app within `vouch-app-mono` and `vouch-app` for embeds and the media player, follow the below steps to publish NPM package and update `package.json` dependency in `vouch-app-mono`.\n\n> Always use semver for version numbering for main releases\n\n- Major: Breaking changes\n- Minor: Feature releases\n- Patch: Hotfixes\n\nBecause we have a few different environments that the embeds may be fetching from (`dev`, `staging` and `prod`) we have added an `env` prop to all of the necessary embeds that allows you to choose the environment at run time. This, along with PR releases, removes the need for an `alpha` and `beta` package release and will allow us to better automate the release process.\n\n### Prod release\n\n> You will need to log in `vouch-tech` on your terminal before publishing, credential is shared via 1Password.\n\n```bash\nnpm login\n```\n\n1. Bump package version\n2. Make sure you are in `packages/uikit` directory\n3. Run `yarn package`\n4. Move to the created `package` folder\n5. Run `npm publish --access public` to publish under the `latest` tag\n\n```bash\nnpm version Vouch UIKit\n\n- [Get Started](#get-started)\n - [Storybook](#storybook)\n - [Playroom](#playroom)\n - [Build package](#build-package)\n - [Test package locally with vouch-app-mono](#test-package-locally-with-vouch-app)\n - [Testing published package](#test-published-package)\n - [Purge npm cache](#purge-jsdelivr-cache)\n - [Purge specific bundles](#purge-specific-bundlejs)\n- [Releasing](#releasing)\n - [Update vouch-app](#update-vouch-app)\n - [Production release](#prod-release)\n\n# Get Started\n\nEnsure you have node `16` installed on your machine, for example via [nvm](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/TERMINAL.md#install-nvm), run `nvm ls` to check\n\n```bash\nnvm ls 16\n```\n\nyou should see output if you have the version installed\n\n```bash\n-> v16.17.1\n```\n\nensure you have [git ssh](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/GITHUB.md) setup locally before you clone the repo\n\n```bash\ngit clone git@github.com:VouchAU/vouch-uikit-mono.git\n```\n\ninstall dependencies\n\n```bash\ncd vouch-uikit-mono\nyarn\n```\n\n## Storybook\n\nhttps://uikit-storybook.vercel.app\n\nStorybook is hosted on vercel and deployed automatically via **GitHub Action** every time changes are merged back to `main`. Storybook can also be deployed per PR by adding the `deploy storybook` label on the PR.\n\nLocal dev\n\n```bash\nyarn storybook\n```\n\nbuild storybook\n\n```bash\nyarn storybook:build\n```\n\n## Playroom\n\nhttps://uikit-playroom.vercel.app\n\nPlayroom is hosted on vercel and deployed automatically via **GitHub Action** every time changes are merged back to `main`. Playroom is not intended to be used on it's own because we don't get good autocomplete for web components, and playroom cannot render the svelte components natively.\n\nInstead we have created a `Playroom` plugin for storybook that will automatically update the rendered web component when any of the story controls change.\n\nLocal dev\n\n```bash\nyarn playroom\n```\n\nbuild playroom\n\n```bash\nyarn playroom:build\n```\n\n## Build package\n\nBuild `src/lib` production/beta/alpha package, make sure you change `version` in `package.json` for three different build tags.\n\n```sh\ncd packages/uikit\n...\nyarn package # production\n```\n\n## Test package locally with `vouch-app`\n\nOnce you build the `npm` package, you can test locally with `vouch-app` to ensure everything works as expected before publishing to `npm`\n\nAssuming you build a package according [Build package](#build-package), now you can create a symlink to your local package\n\n```sh\ncd package\nyarn link\n```\n\nyou should see this if successfully linked\n\n```sh\nyarn link v1.22.10\nsuccess Registered \"@vouchfor/uikit\".\ninfo You can now run `yarn link \"@vouchfor/uikit\"` in the projects where you want to use this package and it will be used instead.\n✨ Done in 0.04s.\n```\n\ngo to `vouch-app-mono` folder and switch to the branch you want to test against with then link the local package\n\n```sh\ncd vouch-app-mono\ngit checkout VCH-222\nyarn link @vouchfor/uikit\nyarn dev\n```\n\nVoilà, you are testing your feature branch with the local uikit package and don't forget to roll back after testing\n\n```sh\ncd vouch-app\nyarn unlink @vouchfor/uikit\n...\ncd vouch-uikit/package\nyarn unlink\n```\n\n## Test published package\n\nYou can publish an experimental version of the package by adding the `publish rc` label onto your PR. This will use the commit hash and a prerelease version number to publish onto NPM which you can then install into your application for testing.\n\nThis can be important because the published package and the linked package aren't necessarily 100% the same, some functionality is lost during the conversion to web-components:\n- When using a svelte component within another svelte component, you are able to pass $$restProps down to inner DOM elements, this doesn't work when the svelte component is changed into a web-component during build time\n\n## Purge `jsdelivr` cache\n\n`@vouchfor/uikit` is most likely consumed by the `latest` **tag**, not version number to ensure clients can always get the latest updates. [jsdelivr](https://cdn.jsdelivr.net/) default has 7 days cache for `tag`, so we need to purge it to reflect new version number.\n\n- Check current tag version number\n\n - [Click to check Production](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n- Purge cache\n - **_Danger_** [Click to purge Production](https://purge.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n### Purge specific bundle.js\n\nOur embed code snippet `src` attribute currently refers to a specific embed bundle js , for example\n\n```html\n\n
\n```\n\nIn this case, you will need to purge the bundle file specifically by providing absolute path\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/embed/{filename}.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/components/{filename}.bundle.js\n```\n\nfor example,\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/embed/vouch-embed-inline-player.bundle.js\n```\n\n## Unit test\n\n```bash\nyarn test\n```\n\nupdate snapshot\n\n```bash\nyarn test -u\n```\n\n# Releasing\n\nTo make sure we are delivering the highest quality software we can, there is a multi-step review and testing process before we go ahead with any release.\n\n1. Once the feature has been implemented, create a PR and add the `deploy storybook` label to it, once storybook has been deployed send the link to the stakeholder that is in charge of the feature and get them to review.\n - The deployment URL will be added as a comment to the PR once deployed\n2. Use browserstack (credentials in 1password) to cross-browser test the storybook PR deployment using a wide range of operating systems and browser versions\n - TODO: Figure out what is a reasonable set of browsers to test with\n - TODO: Automated tools for cross browser testing using browserstack\n3. Publish the package as a release candidate by adding the `publish rc` label to the PR\n - Once published, install the package into the admin app and test the feature there to make sure your changes are working in situ.\n - Create a PR deployment for the admin app using the release candidate package and get stakeholders to review also.\n4. If there are no issues, the PR can be merged into `main` and a regular release can be created using the instructions below\n - TODO: Automate public release\n\n## Update `vouch-app`\n\n`@vouchfor/uikit` is a dependency of the admin app within `vouch-app-mono` and `vouch-app` for embeds and the media player, follow the below steps to publish NPM package and update `package.json` dependency in `vouch-app-mono`.\n\n> Always use semver for version numbering for main releases\n\n- Major: Breaking changes\n- Minor: Feature releases\n- Patch: Hotfixes\n\nBecause we have a few different environments that the embeds may be fetching from (`dev`, `staging` and `prod`) we have added an `env` prop to all of the necessary embeds that allows you to choose the environment at run time. This, along with PR releases, removes the need for an `alpha` and `beta` package release and will allow us to better automate the release process.\n\n### Prod release\n\n> You will need to log in `vouch-tech` on your terminal before publishing, credential is shared via 1Password.\n\n```bash\nnpm login\n```\n\n1. Bump package version\n2. Make sure you are in `packages/uikit` directory\n3. Run `yarn package`\n4. Move to the created `package` folder\n5. Run `npm publish --access public` to publish under the `latest` tag\n\n```bash\nnpm version Vouch UIKit\n\n- [Get Started](#get-started)\n - [Storybook](#storybook)\n - [Playroom](#playroom)\n - [Build package](#build-package)\n - [Test package locally with vouch-app-mono](#test-package-locally-with-vouch-app)\n - [Testing published package](#test-published-package)\n - [Purge npm cache](#purge-jsdelivr-cache)\n - [Purge specific bundles](#purge-specific-bundlejs)\n- [Releasing](#releasing)\n - [Update vouch-app](#update-vouch-app)\n - [Production release](#prod-release)\n\n# Get Started\n\nEnsure you have node `16` installed on your machine, for example via [nvm](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/TERMINAL.md#install-nvm), run `nvm ls` to check\n\n```bash\nnvm ls 16\n```\n\nyou should see output if you have the version installed\n\n```bash\n-> v16.17.1\n```\n\nensure you have [git ssh](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/GITHUB.md) setup locally before you clone the repo\n\n```bash\ngit clone git@github.com:VouchAU/vouch-uikit-mono.git\n```\n\ninstall dependencies\n\n```bash\ncd vouch-uikit-mono\nyarn\n```\n\n## Storybook\n\nhttps://uikit-storybook.vercel.app\n\nStorybook is hosted on vercel and deployed automatically via **GitHub Action** every time changes are merged back to `main`. Storybook can also be deployed per PR by adding the `deploy storybook` label on the PR.\n\nLocal dev\n\n```bash\nyarn storybook\n```\n\nbuild storybook\n\n```bash\nyarn storybook:build\n```\n\n## Playroom\n\nhttps://uikit-playroom.vercel.app\n\nPlayroom is hosted on vercel and deployed automatically via **GitHub Action** every time changes are merged back to `main`. Playroom is not intended to be used on it's own because we don't get good autocomplete for web components, and playroom cannot render the svelte components natively.\n\nInstead we have created a `Playroom` plugin for storybook that will automatically update the rendered web component when any of the story controls change.\n\nLocal dev\n\n```bash\nyarn playroom\n```\n\nbuild playroom\n\n```bash\nyarn playroom:build\n```\n\n## Build package\n\nBuild `src/lib` production/beta/alpha package, make sure you change `version` in `package.json` for three different build tags.\n\n```sh\ncd packages/uikit\n...\nyarn package # production\n```\n\n## Test package locally with `vouch-app`\n\nOnce you build the `npm` package, you can test locally with `vouch-app` to ensure everything works as expected before publishing to `npm`\n\nAssuming you build a package according [Build package](#build-package), now you can create a symlink to your local package\n\n```sh\ncd package\nyarn link\n```\n\nyou should see this if successfully linked\n\n```sh\nyarn link v1.22.10\nsuccess Registered \"@vouchfor/uikit\".\ninfo You can now run `yarn link \"@vouchfor/uikit\"` in the projects where you want to use this package and it will be used instead.\n✨ Done in 0.04s.\n```\n\ngo to `vouch-app-mono` folder and switch to the branch you want to test against with then link the local package\n\n```sh\ncd vouch-app-mono\ngit checkout VCH-222\nyarn link @vouchfor/uikit\nyarn dev\n```\n\nVoilà, you are testing your feature branch with the local uikit package and don't forget to roll back after testing\n\n```sh\ncd vouch-app\nyarn unlink @vouchfor/uikit\n...\ncd vouch-uikit/package\nyarn unlink\n```\n\n## Test published package\n\nYou can publish an experimental version of the package by adding the `publish rc` label onto your PR. This will use the commit hash and a prerelease version number to publish onto NPM which you can then install into your application for testing.\n\nThis can be important because the published package and the linked package aren't necessarily 100% the same, some functionality is lost during the conversion to web-components:\n- When using a svelte component within another svelte component, you are able to pass $$restProps down to inner DOM elements, this doesn't work when the svelte component is changed into a web-component during build time\n\n## Purge `jsdelivr` cache\n\n`@vouchfor/uikit` is most likely consumed by the `latest` **tag**, not version number to ensure clients can always get the latest updates. [jsdelivr](https://cdn.jsdelivr.net/) default has 7 days cache for `tag`, so we need to purge it to reflect new version number.\n\n- Check current tag version number\n\n - [Click to check Production](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n- Purge cache\n - **_Danger_** [Click to purge Production](https://purge.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n### Purge specific bundle.js\n\nOur embed code snippet `src` attribute currently refers to a specific embed bundle js , for example\n\n```html\n\n
\n```\n\nIn this case, you will need to purge the bundle file specifically by providing absolute path\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/embed/{filename}.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/components/{filename}.bundle.js\n```\n\nfor example,\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/embed/vouch-embed-inline-player.bundle.js\n```\n\n## Unit test\n\n```bash\nyarn test\n```\n\nupdate snapshot\n\n```bash\nyarn test -u\n```\n\n# Releasing\n\nTo make sure we are delivering the highest quality software we can, there is a multi-step review and testing process before we go ahead with any release.\n\n1. Once the feature has been implemented, create a PR and add the `deploy storybook` label to it, once storybook has been deployed send the link to the stakeholder that is in charge of the feature and get them to review.\n - The deployment URL will be added as a comment to the PR once deployed\n2. Use browserstack (credentials in 1password) to cross-browser test the storybook PR deployment using a wide range of operating systems and browser versions\n - TODO: Figure out what is a reasonable set of browsers to test with\n - TODO: Automated tools for cross browser testing using browserstack\n3. Publish the package as a release candidate by adding the `publish rc` label to the PR\n - Once published, install the package into the admin app and test the feature there to make sure your changes are working in situ.\n - Create a PR deployment for the admin app using the release candidate package and get stakeholders to review also.\n4. If there are no issues, the PR can be merged into `main` and a regular release can be created using the instructions below\n - TODO: Automate public release\n\n## Update `vouch-app`\n\n`@vouchfor/uikit` is a dependency of the admin app within `vouch-app-mono` and `vouch-app` for embeds and the media player, follow the below steps to publish NPM package and update `package.json` dependency in `vouch-app-mono`.\n\n> Always use semver for version numbering for main releases\n\n- Major: Breaking changes\n- Minor: Feature releases\n- Patch: Hotfixes\n\nBecause we have a few different environments that the embeds may be fetching from (`dev`, `staging` and `prod`) we have added an `env` prop to all of the necessary embeds that allows you to choose the environment at run time. This, along with PR releases, removes the need for an `alpha` and `beta` package release and will allow us to better automate the release process.\n\n### Prod release\n\n> You will need to log in `vouch-tech` on your terminal before publishing, credential is shared via 1Password.\n\n```bash\nnpm login\n```\n\n1. Bump package version\n2. Make sure you are in `packages/uikit` directory\n3. Run `yarn package`\n4. Move to the created `package` folder\n5. Run `npm publish --access public` to publish under the `latest` tag\n\n```bash\nnpm version Vouch UIKit\n\n- [Get Started](#get-started)\n - [Storybook](#storybook)\n - [Playroom](#playroom)\n - [Build package](#build-package)\n - [Test package locally with vouch-app-mono](#test-package-locally-with-vouch-app)\n - [Testing published package](#test-published-package)\n - [Purge npm cache](#purge-jsdelivr-cache)\n - [Purge specific bundles](#purge-specific-bundlejs)\n- [Releasing](#releasing)\n - [Update vouch-app](#update-vouch-app)\n - [Production release](#prod-release)\n\n# Get Started\n\nEnsure you have node `16` installed on your machine, for example via [nvm](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/TERMINAL.md#install-nvm), run `nvm ls` to check\n\n```bash\nnvm ls 16\n```\n\nyou should see output if you have the version installed\n\n```bash\n-> v16.17.1\n```\n\nensure you have [git ssh](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/GITHUB.md) setup locally before you clone the repo\n\n```bash\ngit clone git@github.com:VouchAU/vouch-uikit-mono.git\n```\n\ninstall dependencies\n\n```bash\ncd vouch-uikit-mono\nyarn\n```\n\n## Storybook\n\nhttps://uikit-storybook.vercel.app\n\nStorybook is hosted on vercel and deployed automatically via **GitHub Action** every time changes are merged back to `main`. Storybook can also be deployed per PR by adding the `deploy storybook` label on the PR.\n\nLocal dev\n\n```bash\nyarn storybook\n```\n\nbuild storybook\n\n```bash\nyarn storybook:build\n```\n\n## Playroom\n\nhttps://uikit-playroom.vercel.app\n\nPlayroom is hosted on vercel and deployed automatically via **GitHub Action** every time changes are merged back to `main`. Playroom is not intended to be used on it's own because we don't get good autocomplete for web components, and playroom cannot render the svelte components natively.\n\nInstead we have created a `Playroom` plugin for storybook that will automatically update the rendered web component when any of the story controls change.\n\nLocal dev\n\n```bash\nyarn playroom\n```\n\nbuild playroom\n\n```bash\nyarn playroom:build\n```\n\n## Build package\n\nBuild `src/lib` production/beta/alpha package, make sure you change `version` in `package.json` for three different build tags.\n\n```sh\ncd packages/uikit\n...\nyarn package # production\n```\n\n## Test package locally with `vouch-app`\n\nOnce you build the `npm` package, you can test locally with `vouch-app` to ensure everything works as expected before publishing to `npm`\n\nAssuming you build a package according [Build package](#build-package), now you can create a symlink to your local package\n\n```sh\ncd package\nyarn link\n```\n\nyou should see this if successfully linked\n\n```sh\nyarn link v1.22.10\nsuccess Registered \"@vouchfor/uikit\".\ninfo You can now run `yarn link \"@vouchfor/uikit\"` in the projects where you want to use this package and it will be used instead.\n✨ Done in 0.04s.\n```\n\ngo to `vouch-app-mono` folder and switch to the branch you want to test against with then link the local package\n\n```sh\ncd vouch-app-mono\ngit checkout VCH-222\nyarn link @vouchfor/uikit\nyarn dev\n```\n\nVoilà, you are testing your feature branch with the local uikit package and don't forget to roll back after testing\n\n```sh\ncd vouch-app\nyarn unlink @vouchfor/uikit\n...\ncd vouch-uikit/package\nyarn unlink\n```\n\n## Test published package\n\nYou can publish an experimental version of the package by adding the `publish rc` label onto your PR. This will use the commit hash and a prerelease version number to publish onto NPM which you can then install into your application for testing.\n\nThis can be important because the published package and the linked package aren't necessarily 100% the same, some functionality is lost during the conversion to web-components:\n- When using a svelte component within another svelte component, you are able to pass $$restProps down to inner DOM elements, this doesn't work when the svelte component is changed into a web-component during build time\n\n## Purge `jsdelivr` cache\n\n`@vouchfor/uikit` is most likely consumed by the `latest` **tag**, not version number to ensure clients can always get the latest updates. [jsdelivr](https://cdn.jsdelivr.net/) default has 7 days cache for `tag`, so we need to purge it to reflect new version number.\n\n- Check current tag version number\n\n - [Click to check Production](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n- Purge cache\n - **_Danger_** [Click to purge Production](https://purge.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n### Purge specific bundle.js\n\nOur embed code snippet `src` attribute currently refers to a specific embed bundle js , for example\n\n```html\n\n
\n```\n\nIn this case, you will need to purge the bundle file specifically by providing absolute path\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/embed/{filename}.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/components/{filename}.bundle.js\n```\n\nfor example,\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/embed/vouch-embed-inline-player.bundle.js\n```\n\n## Unit test\n\n```bash\nyarn test\n```\n\nupdate snapshot\n\n```bash\nyarn test -u\n```\n\n# Releasing\n\nTo make sure we are delivering the highest quality software we can, there is a multi-step review and testing process before we go ahead with any release.\n\n1. Once the feature has been implemented, create a PR and add the `deploy storybook` label to it, once storybook has been deployed send the link to the stakeholder that is in charge of the feature and get them to review.\n - The deployment URL will be added as a comment to the PR once deployed\n2. Use browserstack (credentials in 1password) to cross-browser test the storybook PR deployment using a wide range of operating systems and browser versions\n - TODO: Figure out what is a reasonable set of browsers to test with\n - TODO: Automated tools for cross browser testing using browserstack\n3. Publish the package as a release candidate by adding the `publish rc` label to the PR\n - Once published, install the package into the admin app and test the feature there to make sure your changes are working in situ.\n - Create a PR deployment for the admin app using the release candidate package and get stakeholders to review also.\n4. If there are no issues, the PR can be merged into `main` and a regular release can be created using the instructions below\n - TODO: Automate public release\n\n## Update `vouch-app`\n\n`@vouchfor/uikit` is a dependency of the admin app within `vouch-app-mono` and `vouch-app` for embeds and the media player, follow the below steps to publish NPM package and update `package.json` dependency in `vouch-app-mono`.\n\n> Always use semver for version numbering for main releases\n\n- Major: Breaking changes\n- Minor: Feature releases\n- Patch: Hotfixes\n\nBecause we have a few different environments that the embeds may be fetching from (`dev`, `staging` and `prod`) we have added an `env` prop to all of the necessary embeds that allows you to choose the environment at run time. This, along with PR releases, removes the need for an `alpha` and `beta` package release and will allow us to better automate the release process.\n\n### Prod release\n\n> You will need to log in `vouch-tech` on your terminal before publishing, credential is shared via 1Password.\n\n```bash\nnpm login\n```\n\n1. Bump package version\n2. Make sure you are in `packages/uikit` directory\n3. Run `yarn package`\n4. Move to the created `package` folder\n5. Run `npm publish --access public` to publish under the `latest` tag\n\n```bash\nnpm version Vouch UIKit\n\n- [Get Started](#get-started)\n - [Storybook](#storybook)\n - [Playroom](#playroom)\n - [Build package](#build-package)\n - [Test package locally with vouch-app-mono](#test-package-locally-with-vouch-app)\n - [Testing published package](#test-published-package)\n - [Purge npm cache](#purge-jsdelivr-cache)\n - [Purge specific bundles](#purge-specific-bundlejs)\n- [Releasing](#releasing)\n - [Update vouch-app](#update-vouch-app)\n - [Production release](#prod-release)\n\n# Get Started\n\nEnsure you have node `16` installed on your machine, for example via [nvm](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/TERMINAL.md#install-nvm), run `nvm ls` to check\n\n```bash\nnvm ls 16\n```\n\nyou should see output if you have the version installed\n\n```bash\n-> v16.17.1\n```\n\nensure you have [git ssh](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/GITHUB.md) setup locally before you clone the repo\n\n```bash\ngit clone git@github.com:VouchAU/vouch-uikit-mono.git\n```\n\ninstall dependencies\n\n```bash\ncd vouch-uikit-mono\nyarn\n```\n\n## Storybook\n\nhttps://uikit-storybook.vercel.app\n\nStorybook is hosted on vercel and deployed automatically via **GitHub Action** every time changes are merged back to `main`. Storybook can also be deployed per PR by adding the `deploy storybook` label on the PR.\n\nLocal dev\n\n```bash\nyarn storybook\n```\n\nbuild storybook\n\n```bash\nyarn storybook:build\n```\n\n## Playroom\n\nhttps://uikit-playroom.vercel.app\n\nPlayroom is hosted on vercel and deployed automatically via **GitHub Action** every time changes are merged back to `main`. Playroom is not intended to be used on it's own because we don't get good autocomplete for web components, and playroom cannot render the svelte components natively.\n\nInstead we have created a `Playroom` plugin for storybook that will automatically update the rendered web component when any of the story controls change.\n\nLocal dev\n\n```bash\nyarn playroom\n```\n\nbuild playroom\n\n```bash\nyarn playroom:build\n```\n\n## Build package\n\nBuild `src/lib` production/beta/alpha package, make sure you change `version` in `package.json` for three different build tags.\n\n```sh\ncd packages/uikit\n...\nyarn package # production\n```\n\n## Test package locally with `vouch-app`\n\nOnce you build the `npm` package, you can test locally with `vouch-app` to ensure everything works as expected before publishing to `npm`\n\nAssuming you build a package according [Build package](#build-package), now you can create a symlink to your local package\n\n```sh\ncd package\nyarn link\n```\n\nyou should see this if successfully linked\n\n```sh\nyarn link v1.22.10\nsuccess Registered \"@vouchfor/uikit\".\ninfo You can now run `yarn link \"@vouchfor/uikit\"` in the projects where you want to use this package and it will be used instead.\n✨ Done in 0.04s.\n```\n\ngo to `vouch-app-mono` folder and switch to the branch you want to test against with then link the local package\n\n```sh\ncd vouch-app-mono\ngit checkout VCH-222\nyarn link @vouchfor/uikit\nyarn dev\n```\n\nVoilà, you are testing your feature branch with the local uikit package and don't forget to roll back after testing\n\n```sh\ncd vouch-app\nyarn unlink @vouchfor/uikit\n...\ncd vouch-uikit/package\nyarn unlink\n```\n\n## Test published package\n\nYou can publish an experimental version of the package by adding the `publish rc` label onto your PR. This will use the commit hash and a prerelease version number to publish onto NPM which you can then install into your application for testing.\n\nThis can be important because the published package and the linked package aren't necessarily 100% the same, some functionality is lost during the conversion to web-components:\n- When using a svelte component within another svelte component, you are able to pass $$restProps down to inner DOM elements, this doesn't work when the svelte component is changed into a web-component during build time\n\n## Purge `jsdelivr` cache\n\n`@vouchfor/uikit` is most likely consumed by the `latest` **tag**, not version number to ensure clients can always get the latest updates. [jsdelivr](https://cdn.jsdelivr.net/) default has 7 days cache for `tag`, so we need to purge it to reflect new version number.\n\n- Check current tag version number\n\n - [Click to check Production](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n- Purge cache\n - **_Danger_** [Click to purge Production](https://purge.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n### Purge specific bundle.js\n\nOur embed code snippet `src` attribute currently refers to a specific embed bundle js , for example\n\n```html\n\n
\n```\n\nIn this case, you will need to purge the bundle file specifically by providing absolute path\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/embed/{filename}.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/components/{filename}.bundle.js\n```\n\nfor example,\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/embed/vouch-embed-inline-player.bundle.js\n```\n\n## Unit test\n\n```bash\nyarn test\n```\n\nupdate snapshot\n\n```bash\nyarn test -u\n```\n\n# Releasing\n\nTo make sure we are delivering the highest quality software we can, there is a multi-step review and testing process before we go ahead with any release.\n\n1. Once the feature has been implemented, create a PR and add the `deploy storybook` label to it, once storybook has been deployed send the link to the stakeholder that is in charge of the feature and get them to review.\n - The deployment URL will be added as a comment to the PR once deployed\n2. Use browserstack (credentials in 1password) to cross-browser test the storybook PR deployment using a wide range of operating systems and browser versions\n - TODO: Figure out what is a reasonable set of browsers to test with\n - TODO: Automated tools for cross browser testing using browserstack\n3. Publish the package as a release candidate by adding the `publish rc` label to the PR\n - Once published, install the package into the admin app and test the feature there to make sure your changes are working in situ.\n - Create a PR deployment for the admin app using the release candidate package and get stakeholders to review also.\n4. If there are no issues, the PR can be merged into `main` and a regular release can be created using the instructions below\n - TODO: Automate public release\n\n## Update `vouch-app`\n\n`@vouchfor/uikit` is a dependency of the admin app within `vouch-app-mono` and `vouch-app` for embeds and the media player, follow the below steps to publish NPM package and update `package.json` dependency in `vouch-app-mono`.\n\n> Always use semver for version numbering for main releases\n\n- Major: Breaking changes\n- Minor: Feature releases\n- Patch: Hotfixes\n\nBecause we have a few different environments that the embeds may be fetching from (`dev`, `staging` and `prod`) we have added an `env` prop to all of the necessary embeds that allows you to choose the environment at run time. This, along with PR releases, removes the need for an `alpha` and `beta` package release and will allow us to better automate the release process.\n\n### Prod release\n\n> You will need to log in `vouch-tech` on your terminal before publishing, credential is shared via 1Password.\n\n```bash\nnpm login\n```\n\n1. Bump package version\n2. Make sure you are in `packages/uikit` directory\n3. Run `yarn package`\n4. Move to the created `package` folder\n5. Run `npm publish --access public` to publish under the `latest` tag\n\n```bash\nnpm version Vouch UIKit\n\n- [Get Started](#get-started)\n - [Storybook](#storybook)\n - [Playroom](#playroom)\n - [Build package](#build-package)\n - [Test package locally with vouch-app-mono](#test-package-locally-with-vouch-app)\n - [Testing published package](#test-published-package)\n - [Purge npm cache](#purge-jsdelivr-cache)\n - [Purge specific bundles](#purge-specific-bundlejs)\n- [Releasing](#releasing)\n - [Update vouch-app](#update-vouch-app)\n - [Production release](#prod-release)\n\n# Get Started\n\nEnsure you have node `16` installed on your machine, for example via [nvm](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/TERMINAL.md#install-nvm), run `nvm ls` to check\n\n```bash\nnvm ls 16\n```\n\nyou should see output if you have the version installed\n\n```bash\n-> v16.17.1\n```\n\nensure you have [git ssh](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/GITHUB.md) setup locally before you clone the repo\n\n```bash\ngit clone git@github.com:VouchAU/vouch-uikit-mono.git\n```\n\ninstall dependencies\n\n```bash\ncd vouch-uikit-mono\nyarn\n```\n\n## Storybook\n\nhttps://uikit-storybook.vercel.app\n\nStorybook is hosted on vercel and deployed automatically via **GitHub Action** every time changes are merged back to `main`. Storybook can also be deployed per PR by adding the `deploy storybook` label on the PR.\n\nLocal dev\n\n```bash\nyarn storybook\n```\n\nbuild storybook\n\n```bash\nyarn storybook:build\n```\n\n## Playroom\n\nhttps://uikit-playroom.vercel.app\n\nPlayroom is hosted on vercel and deployed automatically via **GitHub Action** every time changes are merged back to `main`. Playroom is not intended to be used on it's own because we don't get good autocomplete for web components, and playroom cannot render the svelte components natively.\n\nInstead we have created a `Playroom` plugin for storybook that will automatically update the rendered web component when any of the story controls change.\n\nLocal dev\n\n```bash\nyarn playroom\n```\n\nbuild playroom\n\n```bash\nyarn playroom:build\n```\n\n## Build package\n\nBuild `src/lib` production/beta/alpha package, make sure you change `version` in `package.json` for three different build tags.\n\n```sh\ncd packages/uikit\n...\nyarn package # production\n```\n\n## Test package locally with `vouch-app`\n\nOnce you build the `npm` package, you can test locally with `vouch-app` to ensure everything works as expected before publishing to `npm`\n\nAssuming you build a package according [Build package](#build-package), now you can create a symlink to your local package\n\n```sh\ncd package\nyarn link\n```\n\nyou should see this if successfully linked\n\n```sh\nyarn link v1.22.10\nsuccess Registered \"@vouchfor/uikit\".\ninfo You can now run `yarn link \"@vouchfor/uikit\"` in the projects where you want to use this package and it will be used instead.\n✨ Done in 0.04s.\n```\n\ngo to `vouch-app-mono` folder and switch to the branch you want to test against with then link the local package\n\n```sh\ncd vouch-app-mono\ngit checkout VCH-222\nyarn link @vouchfor/uikit\nyarn dev\n```\n\nVoilà, you are testing your feature branch with the local uikit package and don't forget to roll back after testing\n\n```sh\ncd vouch-app\nyarn unlink @vouchfor/uikit\n...\ncd vouch-uikit/package\nyarn unlink\n```\n\n## Test published package\n\nYou can publish an experimental version of the package by adding the `publish rc` label onto your PR. This will use the commit hash and a prerelease version number to publish onto NPM which you can then install into your application for testing.\n\nThis can be important because the published package and the linked package aren't necessarily 100% the same, some functionality is lost during the conversion to web-components:\n- When using a svelte component within another svelte component, you are able to pass $$restProps down to inner DOM elements, this doesn't work when the svelte component is changed into a web-component during build time\n- Using slots is a little weird\n - When using normal svelte components, if you want to style slot contents from the parent component you need to use the `:global(\n
\n```\n\nIn this case, you will need to purge the bundle file specifically by providing absolute path\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/embed/{filename}.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/components/{filename}.bundle.js\n```\n\nfor example,\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/embed/vouch-embed-inline-player.bundle.js\n```\n\n## Unit test\n\n```bash\nyarn test\n```\n\nupdate snapshot\n\n```bash\nyarn test -u\n```\n\n# Releasing\n\nTo make sure we are delivering the highest quality software we can, there is a multi-step review and testing process before we go ahead with any release.\n\n1. Once the feature has been implemented, create a PR and add the `deploy storybook` label to it, once storybook has been deployed send the link to the stakeholder that is in charge of the feature and get them to review.\n - The deployment URL will be added as a comment to the PR once deployed\n2. Use browserstack (credentials in 1password) to cross-browser test the storybook PR deployment using a wide range of operating systems and browser versions\n - TODO: Figure out what is a reasonable set of browsers to test with\n - TODO: Automated tools for cross browser testing using browserstack\n3. Publish the package as a release candidate by adding the `publish rc` label to the PR\n - Once published, install the package into the admin app and test the feature there to make sure your changes are working in situ.\n - Create a PR deployment for the admin app using the release candidate package and get stakeholders to review also.\n4. If there are no issues, the PR can be merged into `main` and a regular release can be created using the instructions below\n - TODO: Automate public release\n\n## Update `vouch-app`\n\n`@vouchfor/uikit` is a dependency of the admin app within `vouch-app-mono` and `vouch-app` for embeds and the media player, follow the below steps to publish NPM package and update `package.json` dependency in `vouch-app-mono`.\n\n> Always use semver for version numbering for main releases\n\n- Major: Breaking changes\n- Minor: Feature releases\n- Patch: Hotfixes\n\nBecause we have a few different environments that the embeds may be fetching from (`dev`, `staging` and `prod`) we have added an `env` prop to all of the necessary embeds that allows you to choose the environment at run time. This, along with PR releases, removes the need for an `alpha` and `beta` package release and will allow us to better automate the release process.\n\n### Prod release\n\n> You will need to log in `vouch-tech` on your terminal before publishing, credential is shared via 1Password.\n\n```bash\nnpm login\n```\n\n1. Bump package version\n2. Make sure you are in `packages/uikit` directory\n3. Run `yarn package`\n4. Move to the created `package` folder\n5. Run `npm publish --access public` to publish under the `latest` tag\n\n```bash\nnpm version Vouch UIKit\n\n- [Get Started](#get-started)\n - [Storybook](#storybook)\n - [Playroom](#playroom)\n - [Build package](#build-package)\n - [Test package locally with vouch-app-mono](#test-package-locally-with-vouch-app)\n - [Testing published package](#test-published-package)\n - [Purge npm cache](#purge-jsdelivr-cache)\n - [Purge specific bundles](#purge-specific-bundlejs)\n- [Releasing](#releasing)\n - [Update vouch-app](#update-vouch-app)\n - [Production release](#prod-release)\n\n# Get Started\n\nEnsure you have node `16` installed on your machine, for example via [nvm](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/TERMINAL.md#install-nvm), run `nvm ls` to check\n\n```bash\nnvm ls 16\n```\n\nyou should see output if you have the version installed\n\n```bash\n-> v16.17.1\n```\n\nensure you have [git ssh](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/GITHUB.md) setup locally before you clone the repo\n\n```bash\ngit clone git@github.com:VouchAU/vouch-uikit-mono.git\n```\n\ninstall dependencies\n\n```bash\ncd vouch-uikit-mono\nyarn\n```\n\n## Storybook\n\nhttps://uikit-storybook.vercel.app\n\nStorybook is hosted on vercel and deployed automatically via **GitHub Action** every time changes are merged back to `main`. Storybook can also be deployed per PR by adding the `deploy storybook` label on the PR.\n\nLocal dev\n\n```bash\nyarn storybook\n```\n\nbuild storybook\n\n```bash\nyarn storybook:build\n```\n\n## Playroom\n\nhttps://uikit-playroom.vercel.app\n\nPlayroom is hosted on vercel and deployed automatically via **GitHub Action** every time changes are merged back to `main`. Playroom is not intended to be used on it's own because we don't get good autocomplete for web components, and playroom cannot render the svelte components natively.\n\nInstead we have created a `Playroom` plugin for storybook that will automatically update the rendered web component when any of the story controls change.\n\nLocal dev\n\n```bash\nyarn playroom\n```\n\nbuild playroom\n\n```bash\nyarn playroom:build\n```\n\n## Build package\n\nBuild `src/lib` production/beta/alpha package, make sure you change `version` in `package.json` for three different build tags.\n\n```sh\ncd packages/uikit\n...\nyarn package # production\n```\n\n## Test package locally with `vouch-app`\n\nOnce you build the `npm` package, you can test locally with `vouch-app` to ensure everything works as expected before publishing to `npm`\n\nAssuming you build a package according [Build package](#build-package), now you can create a symlink to your local package\n\n```sh\ncd package\nyarn link\n```\n\nyou should see this if successfully linked\n\n```sh\nyarn link v1.22.10\nsuccess Registered \"@vouchfor/uikit\".\ninfo You can now run `yarn link \"@vouchfor/uikit\"` in the projects where you want to use this package and it will be used instead.\n✨ Done in 0.04s.\n```\n\ngo to `vouch-app-mono` folder and switch to the branch you want to test against with then link the local package\n\n```sh\ncd vouch-app-mono\ngit checkout VCH-222\nyarn link @vouchfor/uikit\nyarn dev\n```\n\nVoilà, you are testing your feature branch with the local uikit package and don't forget to roll back after testing\n\n```sh\ncd vouch-app\nyarn unlink @vouchfor/uikit\n...\ncd vouch-uikit/package\nyarn unlink\n```\n\n## Test published package\n\nYou can publish an experimental version of the package by adding the `publish rc` label onto your PR. This will use the commit hash and a prerelease version number to publish onto NPM which you can then install into your application for testing.\n\nThis can be important because the published package and the linked package aren't necessarily 100% the same, some functionality is lost during the conversion to web-components:\n- When using a svelte component within another svelte component, you are able to pass $$restProps down to inner DOM elements, this doesn't work when the svelte component is changed into a web-component during build time\n- Using slots is a little weird\n - When using normal svelte components, if you want to style slot contents from the parent component you need to use the `:global(\n
\n```\n\nIn this case, you will need to purge the bundle file specifically by providing absolute path\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/embed/{filename}.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/components/{filename}.bundle.js\n```\n\nfor example,\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/embed/vouch-embed-inline-player.bundle.js\n```\n\n## Unit test\n\n```bash\nyarn test\n```\n\nupdate snapshot\n\n```bash\nyarn test -u\n```\n\n# Releasing\n\nTo make sure we are delivering the highest quality software we can, there is a multi-step review and testing process before we go ahead with any release.\n\n1. Once the feature has been implemented, create a PR and add the `deploy storybook` label to it, once storybook has been deployed send the link to the stakeholder that is in charge of the feature and get them to review.\n - The deployment URL will be added as a comment to the PR once deployed\n2. Use browserstack (credentials in 1password) to cross-browser test the storybook PR deployment using a wide range of operating systems and browser versions\n - TODO: Figure out what is a reasonable set of browsers to test with\n - TODO: Automated tools for cross browser testing using browserstack\n3. Publish the package as a release candidate by adding the `publish rc` label to the PR\n - Once published, install the package into the admin app and test the feature there to make sure your changes are working in situ.\n - Create a PR deployment for the admin app using the release candidate package and get stakeholders to review also.\n4. If there are no issues, the PR can be merged into `main` and a regular release can be created using the instructions below\n - TODO: Automate public release\n\n## Update `vouch-app`\n\n`@vouchfor/uikit` is a dependency of the admin app within `vouch-app-mono` and `vouch-app` for embeds and the media player, follow the below steps to publish NPM package and update `package.json` dependency in `vouch-app-mono`.\n\n> Always use semver for version numbering for main releases\n\n- Major: Breaking changes\n- Minor: Feature releases\n- Patch: Hotfixes\n\nBecause we have a few different environments that the embeds may be fetching from (`dev`, `staging` and `prod`) we have added an `env` prop to all of the necessary embeds that allows you to choose the environment at run time. This, along with PR releases, removes the need for an `alpha` and `beta` package release and will allow us to better automate the release process.\n\n### Prod release\n\n> You will need to log in `vouch-tech` on your terminal before publishing, credential is shared via 1Password.\n\n```bash\nnpm login\n```\n\n1. Bump package version\n2. Make sure you are in `packages/uikit` directory\n3. Run `yarn package`\n4. Move to the created `package` folder\n5. Run `npm publish --access public` to publish under the `latest` tag\n\n```bash\nnpm version Vouch UIKit\n\n- [Get Started](#get-started)\n - [Storybook](#storybook)\n - [Playroom](#playroom)\n - [Build package](#build-package)\n - [Test package locally with vouch-app-mono](#test-package-locally-with-vouch-app)\n - [Testing published package](#test-published-package)\n - [Purge npm cache](#purge-jsdelivr-cache)\n - [Purge specific bundles](#purge-specific-bundlejs)\n- [Releasing](#releasing)\n - [Update vouch-app](#update-vouch-app)\n - [Production release](#prod-release)\n\n# Get Started\n\nEnsure you have node `16` installed on your machine, for example via [nvm](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/TERMINAL.md#install-nvm), run `nvm ls` to check\n\n```bash\nnvm ls 16\n```\n\nyou should see output if you have the version installed\n\n```bash\n-> v16.17.1\n```\n\nensure you have [git ssh](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/GITHUB.md) setup locally before you clone the repo\n\n```bash\ngit clone git@github.com:VouchAU/vouch-uikit-mono.git\n```\n\ninstall dependencies\n\n```bash\ncd vouch-uikit-mono\nyarn\n```\n\n## Storybook\n\nhttps://uikit-storybook.vercel.app\n\nStorybook is hosted on vercel and deployed automatically via **GitHub Action** every time changes are merged back to `main`. Storybook can also be deployed per PR by adding the `deploy storybook` label on the PR.\n\nLocal dev\n\n```bash\nyarn storybook\n```\n\nbuild storybook\n\n```bash\nyarn storybook:build\n```\n\n## Playroom\n\nhttps://uikit-playroom.vercel.app\n\nPlayroom is hosted on vercel and deployed automatically via **GitHub Action** every time changes are merged back to `main`. Playroom is not intended to be used on it's own because we don't get good autocomplete for web components, and playroom cannot render the svelte components natively.\n\nInstead we have created a `Playroom` plugin for storybook that will automatically update the rendered web component when any of the story controls change.\n\nLocal dev\n\n```bash\nyarn playroom\n```\n\nbuild playroom\n\n```bash\nyarn playroom:build\n```\n\n## Build package\n\nBuild `src/lib` production/beta/alpha package, make sure you change `version` in `package.json` for three different build tags.\n\n```sh\ncd packages/uikit\n...\nyarn package # production\n```\n\n## Test package locally with `vouch-app`\n\nOnce you build the `npm` package, you can test locally with `vouch-app` to ensure everything works as expected before publishing to `npm`\n\nAssuming you build a package according [Build package](#build-package), now you can create a symlink to your local package\n\n```sh\ncd package\nyarn link\n```\n\nyou should see this if successfully linked\n\n```sh\nyarn link v1.22.10\nsuccess Registered \"@vouchfor/uikit\".\ninfo You can now run `yarn link \"@vouchfor/uikit\"` in the projects where you want to use this package and it will be used instead.\n✨ Done in 0.04s.\n```\n\ngo to `vouch-app-mono` folder and switch to the branch you want to test against with then link the local package\n\n```sh\ncd vouch-app-mono\ngit checkout VCH-222\nyarn link @vouchfor/uikit\nyarn dev\n```\n\nVoilà, you are testing your feature branch with the local uikit package and don't forget to roll back after testing\n\n```sh\ncd vouch-app\nyarn unlink @vouchfor/uikit\n...\ncd vouch-uikit/package\nyarn unlink\n```\n\n## Test published package\n\nYou can publish an experimental version of the package by adding the `publish rc` label onto your PR. This will use the commit hash and a prerelease version number to publish onto NPM which you can then install into your application for testing.\n\nThis can be important because the published package and the linked package aren't necessarily 100% the same, some functionality is lost during the conversion to web-components:\n- When using a svelte component within another svelte component, you are able to pass $$restProps down to inner DOM elements, this doesn't work when the svelte component is changed into a web-component during build time\n- Using slots is a little weird\n - When using normal svelte components, if you want to style slot contents from the parent component you need to use the `:global(\n
\n```\n\nIn this case, you will need to purge the bundle file specifically by providing absolute path\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/embed/{filename}.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/components/{filename}.bundle.js\n```\n\nfor example,\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/embed/vouch-embed-inline-player.bundle.js\n```\n\n## Unit test\n\n```bash\nyarn test\n```\n\nupdate snapshot\n\n```bash\nyarn test -u\n```\n\n# Releasing\n\nTo make sure we are delivering the highest quality software we can, there is a multi-step review and testing process before we go ahead with any release.\n\n1. Once the feature has been implemented, create a PR and add the `deploy storybook` label to it, once storybook has been deployed send the link to the stakeholder that is in charge of the feature and get them to review.\n - The deployment URL will be added as a comment to the PR once deployed\n2. Use browserstack (credentials in 1password) to cross-browser test the storybook PR deployment using a wide range of operating systems and browser versions\n - TODO: Figure out what is a reasonable set of browsers to test with\n - TODO: Automated tools for cross browser testing using browserstack\n3. Publish the package as a release candidate by adding the `publish rc` label to the PR\n - Once published, install the package into the admin app and test the feature there to make sure your changes are working in situ.\n - Create a PR deployment for the admin app using the release candidate package and get stakeholders to review also.\n4. If there are no issues, the PR can be merged into `main` and a regular release can be created using the instructions below\n - TODO: Automate public release\n\n## Update `vouch-app`\n\n`@vouchfor/uikit` is a dependency of the admin app within `vouch-app-mono` and `vouch-app` for embeds and the media player, follow the below steps to publish NPM package and update `package.json` dependency in `vouch-app-mono`.\n\n> Always use semver for version numbering for main releases\n\n- Major: Breaking changes\n- Minor: Feature releases\n- Patch: Hotfixes\n\nBecause we have a few different environments that the embeds may be fetching from (`dev`, `staging` and `prod`) we have added an `env` prop to all of the necessary embeds that allows you to choose the environment at run time. This, along with PR releases, removes the need for an `alpha` and `beta` package release and will allow us to better automate the release process.\n\n### Prod release\n\n> You will need to log in `vouch-tech` on your terminal before publishing, credential is shared via 1Password.\n\n```bash\nnpm login\n```\n\n1. Bump package version\n2. Make sure you are in `packages/uikit` directory\n3. Run `yarn package`\n4. Move to the created `package` folder\n5. Run `npm publish --access public` to publish under the `latest` tag\n\n```bash\nnpm version Vouch UIKit\n\n- [Get Started](#get-started)\n - [Storybook](#storybook)\n - [Playroom](#playroom)\n - [Build package](#build-package)\n - [Test package locally with vouch-app-mono](#test-package-locally-with-vouch-app)\n - [Testing published package](#test-published-package)\n - [Purge npm cache](#purge-jsdelivr-cache)\n - [Purge specific bundles](#purge-specific-bundlejs)\n- [Releasing](#releasing)\n - [Update vouch-app](#update-vouch-app)\n - [Production release](#prod-release)\n\n# Get Started\n\nEnsure you have node `16` installed on your machine, for example via [nvm](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/TERMINAL.md#install-nvm), run `nvm ls` to check\n\n```bash\nnvm ls 16\n```\n\nyou should see output if you have the version installed\n\n```bash\n-> v16.17.1\n```\n\nensure you have [git ssh](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/GITHUB.md) setup locally before you clone the repo\n\n```bash\ngit clone git@github.com:VouchAU/vouch-uikit-mono.git\n```\n\ninstall dependencies\n\n```bash\ncd vouch-uikit-mono\nyarn\n```\n\n## Storybook\n\nhttps://uikit-storybook.vercel.app\n\nStorybook is hosted on vercel and deployed automatically via **GitHub Action** every time changes are merged back to `main`. Storybook can also be deployed per PR by adding the `deploy storybook` label on the PR.\n\nLocal dev\n\n```bash\nyarn storybook\n```\n\nbuild storybook\n\n```bash\nyarn storybook:build\n```\n\n## Playroom\n\nhttps://uikit-playroom.vercel.app\n\nPlayroom is hosted on vercel and deployed automatically via **GitHub Action** every time changes are merged back to `main`. Playroom is not intended to be used on it's own because we don't get good autocomplete for web components, and playroom cannot render the svelte components natively.\n\nInstead we have created a `Playroom` plugin for storybook that will automatically update the rendered web component when any of the story controls change.\n\nLocal dev\n\n```bash\nyarn playroom\n```\n\nbuild playroom\n\n```bash\nyarn playroom:build\n```\n\n## Build package\n\nBuild `src/lib` production/beta/alpha package, make sure you change `version` in `package.json` for three different build tags.\n\n```sh\ncd packages/uikit\n...\nyarn package # production\n```\n\n## Test package locally with `vouch-app`\n\nOnce you build the `npm` package, you can test locally with `vouch-app` to ensure everything works as expected before publishing to `npm`\n\nAssuming you build a package according [Build package](#build-package), now you can create a symlink to your local package\n\n```sh\ncd package\nyarn link\n```\n\nyou should see this if successfully linked\n\n```sh\nyarn link v1.22.10\nsuccess Registered \"@vouchfor/uikit\".\ninfo You can now run `yarn link \"@vouchfor/uikit\"` in the projects where you want to use this package and it will be used instead.\n✨ Done in 0.04s.\n```\n\ngo to `vouch-app-mono` folder and switch to the branch you want to test against with then link the local package\n\n```sh\ncd vouch-app-mono\ngit checkout VCH-222\nyarn link @vouchfor/uikit\nyarn dev\n```\n\nVoilà, you are testing your feature branch with the local uikit package and don't forget to roll back after testing\n\n```sh\ncd vouch-app\nyarn unlink @vouchfor/uikit\n...\ncd vouch-uikit/package\nyarn unlink\n```\n\n## Test published package\n\nYou can publish an experimental version of the package by adding the `publish rc` label onto your PR. This will use the commit hash and a prerelease version number to publish onto NPM which you can then install into your application for testing.\n\nThis can be important because the published package and the linked package aren't necessarily 100% the same, some functionality is lost during the conversion to web-components:\n- When using a svelte component within another svelte component, you are able to pass $$restProps down to inner DOM elements, this doesn't work when the svelte component is changed into a web-component during build time\n- Using slots is a little weird\n - When using normal svelte components, if you want to style slot contents from the parent component you need to use the `:global(\n
\n```\n\nIn this case, you will need to purge the bundle file specifically by providing absolute path\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/embed/{filename}.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/components/{filename}.bundle.js\n```\n\nfor example,\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/embed/vouch-embed-inline-player.bundle.js\n```\n\n## Unit test\n\n```bash\nyarn test\n```\n\nupdate snapshot\n\n```bash\nyarn test -u\n```\n\n# Releasing\n\nTo make sure we are delivering the highest quality software we can, there is a multi-step review and testing process before we go ahead with any release.\n\n1. Once the feature has been implemented, create a PR and add the `deploy storybook` label to it, once storybook has been deployed send the link to the stakeholder that is in charge of the feature and get them to review.\n - The deployment URL will be added as a comment to the PR once deployed\n2. Use browserstack (credentials in 1password) to cross-browser test the storybook PR deployment using a wide range of operating systems and browser versions\n - TODO: Figure out what is a reasonable set of browsers to test with\n - TODO: Automated tools for cross browser testing using browserstack\n3. Publish the package as a release candidate by adding the `publish rc` label to the PR\n - Once published, install the package into the admin app and test the feature there to make sure your changes are working in situ.\n - Create a PR deployment for the admin app using the release candidate package and get stakeholders to review also.\n4. If there are no issues, the PR can be merged into `main` and a regular release can be created using the instructions below\n - TODO: Automate public release\n\n## Update `vouch-app`\n\n`@vouchfor/uikit` is a dependency of the admin app within `vouch-app-mono` and `vouch-app` for embeds and the media player, follow the below steps to publish NPM package and update `package.json` dependency in `vouch-app-mono`.\n\n> Always use semver for version numbering for main releases\n\n- Major: Breaking changes\n- Minor: Feature releases\n- Patch: Hotfixes\n\nBecause we have a few different environments that the embeds may be fetching from (`dev`, `staging` and `prod`) we have added an `env` prop to all of the necessary embeds that allows you to choose the environment at run time. This, along with PR releases, removes the need for an `alpha` and `beta` package release and will allow us to better automate the release process.\n\n### Prod release\n\n> You will need to log in `vouch-tech` on your terminal before publishing, credential is shared via 1Password.\n\n```bash\nnpm login\n```\n\n1. Bump package version\n2. Make sure you are in `packages/uikit` directory\n3. Run `yarn package`\n4. Move to the created `package` folder\n5. Run `npm publish --access public` to publish under the `latest` tag\n\n```bash\nnpm version Vouch UIKit\n\n- [Get Started](#get-started)\n - [Storybook](#storybook)\n - [Playroom](#playroom)\n - [Build package](#build-package)\n - [Test package locally with vouch-app-mono](#test-package-locally-with-vouch-app)\n - [Testing published package](#test-published-package)\n - [Purge npm cache](#purge-jsdelivr-cache)\n - [Purge specific bundles](#purge-specific-bundlejs)\n- [Releasing](#releasing)\n - [Update vouch-app](#update-vouch-app)\n - [Production release](#prod-release)\n\n# Get Started\n\nEnsure you have node `16` installed on your machine, for example via [nvm](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/TERMINAL.md#install-nvm), run `nvm ls` to check\n\n```bash\nnvm ls 16\n```\n\nyou should see output if you have the version installed\n\n```bash\n-> v16.17.1\n```\n\nensure you have [git ssh](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/GITHUB.md) setup locally before you clone the repo\n\n```bash\ngit clone git@github.com:VouchAU/vouch-uikit-mono.git\n```\n\ninstall dependencies\n\n```bash\ncd vouch-uikit-mono\nyarn\n```\n\n## Storybook\n\nhttps://uikit-storybook.vercel.app\n\nStorybook is hosted on vercel and deployed automatically via **GitHub Action** every time changes are merged back to `main`. Storybook can also be deployed per PR by adding the `deploy storybook` label on the PR.\n\nLocal dev\n\n```bash\nyarn storybook\n```\n\nbuild storybook\n\n```bash\nyarn storybook:build\n```\n\n## Playroom\n\nhttps://uikit-playroom.vercel.app\n\nPlayroom is hosted on vercel and deployed automatically via **GitHub Action** every time changes are merged back to `main`. Playroom is not intended to be used on it's own because we don't get good autocomplete for web components, and playroom cannot render the svelte components natively.\n\nInstead we have created a `Playroom` plugin for storybook that will automatically update the rendered web component when any of the story controls change.\n\nLocal dev\n\n```bash\nyarn playroom\n```\n\nbuild playroom\n\n```bash\nyarn playroom:build\n```\n\n## Build package\n\nBuild `src/lib` production/beta/alpha package, make sure you change `version` in `package.json` for three different build tags.\n\n```sh\ncd packages/uikit\n...\nyarn package # production\n```\n\n## Test package locally with `vouch-app`\n\nOnce you build the `npm` package, you can test locally with `vouch-app` to ensure everything works as expected before publishing to `npm`\n\nAssuming you build a package according [Build package](#build-package), now you can create a symlink to your local package\n\n```sh\ncd package\nyarn link\n```\n\nyou should see this if successfully linked\n\n```sh\nyarn link v1.22.10\nsuccess Registered \"@vouchfor/uikit\".\ninfo You can now run `yarn link \"@vouchfor/uikit\"` in the projects where you want to use this package and it will be used instead.\n✨ Done in 0.04s.\n```\n\ngo to `vouch-app-mono` folder and switch to the branch you want to test against with then link the local package\n\n```sh\ncd vouch-app-mono\ngit checkout VCH-222\nyarn link @vouchfor/uikit\nyarn dev\n```\n\nVoilà, you are testing your feature branch with the local uikit package and don't forget to roll back after testing\n\n```sh\ncd vouch-app\nyarn unlink @vouchfor/uikit\n...\ncd vouch-uikit/package\nyarn unlink\n```\n\n## Test published package\n\nYou can publish an experimental version of the package by adding the `publish rc` label onto your PR. This will use the commit hash and a prerelease version number to publish onto NPM which you can then install into your application for testing.\n\nThis can be important because the published package and the linked package aren't necessarily 100% the same, some functionality is lost during the conversion to web-components:\n- When using a svelte component within another svelte component, you are able to pass $$restProps down to inner DOM elements, this doesn't work when the svelte component is changed into a web-component during build time\n\n## Purge `jsdelivr` cache\n\n`@vouchfor/uikit` is most likely consumed by the `latest` **tag**, not version number to ensure clients can always get the latest updates. [jsdelivr](https://cdn.jsdelivr.net/) default has 7 days cache for `tag`, so we need to purge it to reflect new version number.\n\n- Check current tag version number\n\n - [Click to check Production](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n- Purge cache\n - **_Danger_** [Click to purge Production](https://purge.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n### Purge specific bundle.js\n\nOur embed code snippet `src` attribute currently refers to a specific embed bundle js , for example\n\n```html\n\n
\n```\n\nIn this case, you will need to purge the bundle file specifically by providing absolute path\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/embed/{filename}.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/components/{filename}.bundle.js\n```\n\nfor example,\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/embed/vouch-embed-inline-player.bundle.js\n```\n\n## Unit test\n\n```bash\nyarn test\n```\n\nupdate snapshot\n\n```bash\nyarn test -u\n```\n\n# Releasing\n\nTo make sure we are delivering the highest quality software we can, there is a multi-step review and testing process before we go ahead with any release.\n\n1. Once the feature has been implemented, create a PR and add the `deploy storybook` label to it, once storybook has been deployed send the link to the stakeholder that is in charge of the feature and get them to review.\n - The deployment URL will be added as a comment to the PR once deployed\n2. Use browserstack (credentials in 1password) to cross-browser test the storybook PR deployment using a wide range of operating systems and browser versions\n - TODO: Figure out what is a reasonable set of browsers to test with\n - TODO: Automated tools for cross browser testing using browserstack\n3. Publish the package as a release candidate by adding the `publish rc` label to the PR\n - Once published, install the package into the admin app and test the feature there to make sure your changes are working in situ.\n - Create a PR deployment for the admin app using the release candidate package and get stakeholders to review also.\n4. If there are no issues, the PR can be merged into `main` and a regular release can be created using the instructions below\n - TODO: Automate public release\n\n## Update `vouch-app`\n\n`@vouchfor/uikit` is a dependency of the admin app within `vouch-app-mono` and `vouch-app` for embeds and the media player, follow the below steps to publish NPM package and update `package.json` dependency in `vouch-app-mono`.\n\n> Always use semver for version numbering for main releases\n\n- Major: Breaking changes\n- Minor: Feature releases\n- Patch: Hotfixes\n\nBecause we have a few different environments that the embeds may be fetching from (`dev`, `staging` and `prod`) we have added an `env` prop to all of the necessary embeds that allows you to choose the environment at run time. This, along with PR releases, removes the need for an `alpha` and `beta` package release and will allow us to better automate the release process.\n\n### Prod release\n\n> You will need to log in `vouch-tech` on your terminal before publishing, credential is shared via 1Password.\n\n```bash\nnpm login\n```\n\n1. Bump package version\n2. Make sure you are in `packages/uikit` directory\n3. Run `yarn package`\n4. Move to the created `package` folder\n5. Run `npm publish --access public` to publish under the `latest` tag\n\n```bash\nnpm version Vouch UIKit\n\n- [Get Started](#get-started)\n - [Storybook](#storybook)\n - [Playroom](#playroom)\n - [Build package](#build-package)\n - [Test package locally with vouch-app-mono](#test-package-locally-with-vouch-app)\n - [Testing published package](#test-published-package)\n - [Purge npm cache](#purge-jsdelivr-cache)\n - [Purge specific bundles](#purge-specific-bundlejs)\n- [Releasing](#releasing)\n - [Update vouch-app](#update-vouch-app)\n - [Production release](#prod-release)\n\n# Get Started\n\nEnsure you have node `16` installed on your machine, for example via [nvm](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/TERMINAL.md#install-nvm), run `nvm ls` to check\n\n```bash\nnvm ls 16\n```\n\nyou should see output if you have the version installed\n\n```bash\n-> v16.17.1\n```\n\nensure you have [git ssh](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/GITHUB.md) setup locally before you clone the repo\n\n```bash\ngit clone git@github.com:VouchAU/vouch-uikit-mono.git\n```\n\ninstall dependencies\n\n```bash\ncd vouch-uikit-mono\nyarn\n```\n\n## Storybook\n\nhttps://uikit-storybook.vercel.app\n\nStorybook is hosted on vercel and deployed automatically via **GitHub Action** every time changes are merged back to `main`. Storybook can also be deployed per PR by adding the `deploy storybook` label on the PR.\n\nLocal dev\n\n```bash\nyarn storybook\n```\n\nbuild storybook\n\n```bash\nyarn storybook:build\n```\n\n## Playroom\n\nhttps://uikit-playroom.vercel.app\n\nPlayroom is hosted on vercel and deployed automatically via **GitHub Action** every time changes are merged back to `main`. Playroom is not intended to be used on it's own because we don't get good autocomplete for web components, and playroom cannot render the svelte components natively.\n\nInstead we have created a `Playroom` plugin for storybook that will automatically update the rendered web component when any of the story controls change.\n\nLocal dev\n\n```bash\nyarn playroom\n```\n\nbuild playroom\n\n```bash\nyarn playroom:build\n```\n\n## Build package\n\nBuild `src/lib` production/beta/alpha package, make sure you change `version` in `package.json` for three different build tags.\n\n```sh\ncd packages/uikit\n...\nyarn package # production\n```\n\n## Test package locally with `vouch-app`\n\nOnce you build the `npm` package, you can test locally with `vouch-app` to ensure everything works as expected before publishing to `npm`\n\nAssuming you build a package according [Build package](#build-package), now you can create a symlink to your local package\n\n```sh\ncd package\nyarn link\n```\n\nyou should see this if successfully linked\n\n```sh\nyarn link v1.22.10\nsuccess Registered \"@vouchfor/uikit\".\ninfo You can now run `yarn link \"@vouchfor/uikit\"` in the projects where you want to use this package and it will be used instead.\n✨ Done in 0.04s.\n```\n\ngo to `vouch-app-mono` folder and switch to the branch you want to test against with then link the local package\n\n```sh\ncd vouch-app-mono\ngit checkout VCH-222\nyarn link @vouchfor/uikit\nyarn dev\n```\n\nVoilà, you are testing your feature branch with the local uikit package and don't forget to roll back after testing\n\n```sh\ncd vouch-app\nyarn unlink @vouchfor/uikit\n...\ncd vouch-uikit/package\nyarn unlink\n```\n\n## Test published package\n\nYou can publish an experimental version of the package by adding the `publish rc` label onto your PR. This will use the commit hash and a prerelease version number to publish onto NPM which you can then install into your application for testing.\n\nThis can be important because the published package and the linked package aren't necessarily 100% the same, some functionality is lost during the conversion to web-components:\n- When using a svelte component within another svelte component, you are able to pass $$restProps down to inner DOM elements, this doesn't work when the svelte component is changed into a web-component during build time\n\n## Purge `jsdelivr` cache\n\n`@vouchfor/uikit` is most likely consumed by the `latest` **tag**, not version number to ensure clients can always get the latest updates. [jsdelivr](https://cdn.jsdelivr.net/) default has 7 days cache for `tag`, so we need to purge it to reflect new version number.\n\n- Check current tag version number\n\n - [Click to check Production](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n- Purge cache\n - **_Danger_** [Click to purge Production](https://purge.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n### Purge specific bundle.js\n\nOur embed code snippet `src` attribute currently refers to a specific embed bundle js , for example\n\n```html\n\n
\n```\n\nIn this case, you will need to purge the bundle file specifically by providing absolute path\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/embed/{filename}.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/components/{filename}.bundle.js\n```\n\nfor example,\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/embed/vouch-embed-inline-player.bundle.js\n```\n\n## Unit test\n\n```bash\nyarn test\n```\n\nupdate snapshot\n\n```bash\nyarn test -u\n```\n\n# Releasing\n\nTo make sure we are delivering the highest quality software we can, there is a multi-step review and testing process before we go ahead with any release.\n\n1. Once the feature has been implemented, create a PR and add the `deploy storybook` label to it, once storybook has been deployed send the link to the stakeholder that is in charge of the feature and get them to review.\n - The deployment URL will be added as a comment to the PR once deployed\n2. Use browserstack (credentials in 1password) to cross-browser test the storybook PR deployment using a wide range of operating systems and browser versions\n - TODO: Figure out what is a reasonable set of browsers to test with\n - TODO: Automated tools for cross browser testing using browserstack\n3. Publish the package as a release candidate by adding the `publish rc` label to the PR\n - Once published, install the package into the admin app and test the feature there to make sure your changes are working in situ.\n - Create a PR deployment for the admin app using the release candidate package and get stakeholders to review also.\n4. If there are no issues, the PR can be merged into `main` and a regular release can be created using the instructions below\n - TODO: Automate public release\n\n## Update `vouch-app`\n\n`@vouchfor/uikit` is a dependency of the admin app within `vouch-app-mono` and `vouch-app` for embeds and the media player, follow the below steps to publish NPM package and update `package.json` dependency in `vouch-app-mono`.\n\n> Always use semver for version numbering for main releases\n\n- Major: Breaking changes\n- Minor: Feature releases\n- Patch: Hotfixes\n\nBecause we have a few different environments that the embeds may be fetching from (`dev`, `staging` and `prod`) we have added an `env` prop to all of the necessary embeds that allows you to choose the environment at run time. This, along with PR releases, removes the need for an `alpha` and `beta` package release and will allow us to better automate the release process.\n\n### Prod release\n\n> You will need to log in `vouch-tech` on your terminal before publishing, credential is shared via 1Password.\n\n```bash\nnpm login\n```\n\n1. Bump package version\n2. Make sure you are in `packages/uikit` directory\n3. Run `yarn package`\n4. Move to the created `package` folder\n5. Run `npm publish --access public` to publish under the `latest` tag\n\n```bash\nnpm version Vouch UIKit\n\n- [Get Started](#get-started)\n - [Storybook](#storybook)\n - [Playroom](#playroom)\n - [Build package](#build-package)\n - [Test package locally with vouch-app-mono](#test-package-locally-with-vouch-app)\n - [Testing published package](#test-published-package)\n - [Purge npm cache](#purge-jsdelivr-cache)\n - [Purge specific bundles](#purge-specific-bundlejs)\n- [Releasing](#releasing)\n - [Update vouch-app](#update-vouch-app)\n - [Production release](#prod-release)\n\n# Get Started\n\nEnsure you have node `16` installed on your machine, for example via [nvm](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/TERMINAL.md#install-nvm), run `nvm ls` to check\n\n```bash\nnvm ls 16\n```\n\nyou should see output if you have the version installed\n\n```bash\n-> v16.17.1\n```\n\nensure you have [git ssh](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/GITHUB.md) setup locally before you clone the repo\n\n```bash\ngit clone git@github.com:VouchAU/vouch-uikit-mono.git\n```\n\ninstall dependencies\n\n```bash\ncd vouch-uikit-mono\nyarn\n```\n\n## Storybook\n\nhttps://uikit-storybook.vercel.app\n\nStorybook is hosted on vercel and deployed automatically via **GitHub Action** every time changes are merged back to `main`. Storybook can also be deployed per PR by adding the `deploy storybook` label on the PR.\n\nLocal dev\n\n```bash\nyarn storybook\n```\n\nbuild storybook\n\n```bash\nyarn storybook:build\n```\n\n## Playroom\n\nhttps://uikit-playroom.vercel.app\n\nPlayroom is hosted on vercel and deployed automatically via **GitHub Action** every time changes are merged back to `main`. Playroom is not intended to be used on it's own because we don't get good autocomplete for web components, and playroom cannot render the svelte components natively.\n\nInstead we have created a `Playroom` plugin for storybook that will automatically update the rendered web component when any of the story controls change.\n\nLocal dev\n\n```bash\nyarn playroom\n```\n\nbuild playroom\n\n```bash\nyarn playroom:build\n```\n\n## Build package\n\nBuild `src/lib` production/beta/alpha package, make sure you change `version` in `package.json` for three different build tags.\n\n```sh\ncd packages/uikit\n...\nyarn package # production\n```\n\n## Test package locally with `vouch-app`\n\nOnce you build the `npm` package, you can test locally with `vouch-app` to ensure everything works as expected before publishing to `npm`\n\nAssuming you build a package according [Build package](#build-package), now you can create a symlink to your local package\n\n```sh\ncd package\nyarn link\n```\n\nyou should see this if successfully linked\n\n```sh\nyarn link v1.22.10\nsuccess Registered \"@vouchfor/uikit\".\ninfo You can now run `yarn link \"@vouchfor/uikit\"` in the projects where you want to use this package and it will be used instead.\n✨ Done in 0.04s.\n```\n\ngo to `vouch-app-mono` folder and switch to the branch you want to test against with then link the local package\n\n```sh\ncd vouch-app-mono\ngit checkout VCH-222\nyarn link @vouchfor/uikit\nyarn dev\n```\n\nVoilà, you are testing your feature branch with the local uikit package and don't forget to roll back after testing\n\n```sh\ncd vouch-app\nyarn unlink @vouchfor/uikit\n...\ncd vouch-uikit/package\nyarn unlink\n```\n\n## Test published package\n\nYou can publish an experimental version of the package by adding the `publish rc` label onto your PR. This will use the commit hash and a prerelease version number to publish onto NPM which you can then install into your application for testing.\n\nThis can be important because the published package and the linked package aren't necessarily 100% the same, some functionality is lost during the conversion to web-components:\n- When using a svelte component within another svelte component, you are able to pass $$restProps down to inner DOM elements, this doesn't work when the svelte component is changed into a web-component during build time\n\n## Purge `jsdelivr` cache\n\n`@vouchfor/uikit` is most likely consumed by the `latest` **tag**, not version number to ensure clients can always get the latest updates. [jsdelivr](https://cdn.jsdelivr.net/) default has 7 days cache for `tag`, so we need to purge it to reflect new version number.\n\n- Check current tag version number\n\n - [Click to check Production](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n- Purge cache\n - **_Danger_** [Click to purge Production](https://purge.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n### Purge specific bundle.js\n\nOur embed code snippet `src` attribute currently refers to a specific embed bundle js , for example\n\n```html\n\n
\n```\n\nIn this case, you will need to purge the bundle file specifically by providing absolute path\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/embed/{filename}.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/components/{filename}.bundle.js\n```\n\nfor example,\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/embed/vouch-embed-inline-player.bundle.js\n```\n\n## Unit test\n\n```bash\nyarn test\n```\n\nupdate snapshot\n\n```bash\nyarn test -u\n```\n\n# Releasing\n\nTo make sure we are delivering the highest quality software we can, there is a multi-step review and testing process before we go ahead with any release.\n\n1. Once the feature has been implemented, create a PR and add the `deploy storybook` label to it, once storybook has been deployed send the link to the stakeholder that is in charge of the feature and get them to review.\n - The deployment URL will be added as a comment to the PR once deployed\n2. Use browserstack (credentials in 1password) to cross-browser test the storybook PR deployment using a wide range of operating systems and browser versions\n - TODO: Figure out what is a reasonable set of browsers to test with\n - TODO: Automated tools for cross browser testing using browserstack\n3. Publish the package as a release candidate by adding the `publish rc` label to the PR\n - Once published, install the package into the admin app and test the feature there to make sure your changes are working in situ.\n - Create a PR deployment for the admin app using the release candidate package and get stakeholders to review also.\n4. If there are no issues, the PR can be merged into `main` and a regular release can be created using the instructions below\n - TODO: Automate public release\n\n## Update `vouch-app`\n\n`@vouchfor/uikit` is a dependency of the admin app within `vouch-app-mono` and `vouch-app` for embeds and the media player, follow the below steps to publish NPM package and update `package.json` dependency in `vouch-app-mono`.\n\n> Always use semver for version numbering for main releases\n\n- Major: Breaking changes\n- Minor: Feature releases\n- Patch: Hotfixes\n\nBecause we have a few different environments that the embeds may be fetching from (`dev`, `staging` and `prod`) we have added an `env` prop to all of the necessary embeds that allows you to choose the environment at run time. This, along with PR releases, removes the need for an `alpha` and `beta` package release and will allow us to better automate the release process.\n\n### Prod release\n\n> You will need to log in `vouch-tech` on your terminal before publishing, credential is shared via 1Password.\n\n```bash\nnpm login\n```\n\n1. Bump package version\n2. Make sure you are in `packages/uikit` directory\n3. Run `yarn package`\n4. Move to the created `package` folder\n5. Run `npm publish --access public` to publish under the `latest` tag\n\n```bash\nnpm version Vouch UIKit\n\n- [Get Started](#get-started)\n - [Storybook](#storybook)\n - [Playroom](#playroom)\n - [Build package](#build-package)\n - [Test package locally with vouch-app-mono](#test-package-locally-with-vouch-app)\n - [Testing published package](#test-published-package)\n - [Purge npm cache](#purge-jsdelivr-cache)\n - [Purge specific bundles](#purge-specific-bundlejs)\n- [Releasing](#releasing)\n - [Update vouch-app](#update-vouch-app)\n - [Production release](#prod-release)\n\n# Get Started\n\nEnsure you have node `16` installed on your machine, for example via [nvm](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/TERMINAL.md#install-nvm), run `nvm ls` to check\n\n```bash\nnvm ls 16\n```\n\nyou should see output if you have the version installed\n\n```bash\n-> v16.17.1\n```\n\nensure you have [git ssh](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/GITHUB.md) setup locally before you clone the repo\n\n```bash\ngit clone git@github.com:VouchAU/vouch-uikit-mono.git\n```\n\ninstall dependencies\n\n```bash\ncd vouch-uikit-mono\nyarn\n```\n\n## Storybook\n\nhttps://uikit-storybook.vercel.app\n\nStorybook is hosted on vercel and deployed automatically via **GitHub Action** every time changes are merged back to `main`. Storybook can also be deployed per PR by adding the `deploy storybook` label on the PR.\n\nLocal dev\n\n```bash\nyarn storybook\n```\n\nbuild storybook\n\n```bash\nyarn storybook:build\n```\n\n## Playroom\n\nhttps://uikit-playroom.vercel.app\n\nPlayroom is hosted on vercel and deployed automatically via **GitHub Action** every time changes are merged back to `main`. Playroom is not intended to be used on it's own because we don't get good autocomplete for web components, and playroom cannot render the svelte components natively.\n\nInstead we have created a `Playroom` plugin for storybook that will automatically update the rendered web component when any of the story controls change.\n\nLocal dev\n\n```bash\nyarn playroom\n```\n\nbuild playroom\n\n```bash\nyarn playroom:build\n```\n\n## Build package\n\nBuild `src/lib` production/beta/alpha package, make sure you change `version` in `package.json` for three different build tags.\n\n```sh\ncd packages/uikit\n...\nyarn package # production\n```\n\n## Test package locally with `vouch-app`\n\nOnce you build the `npm` package, you can test locally with `vouch-app` to ensure everything works as expected before publishing to `npm`\n\nAssuming you build a package according [Build package](#build-package), now you can create a symlink to your local package\n\n```sh\ncd package\nyarn link\n```\n\nyou should see this if successfully linked\n\n```sh\nyarn link v1.22.10\nsuccess Registered \"@vouchfor/uikit\".\ninfo You can now run `yarn link \"@vouchfor/uikit\"` in the projects where you want to use this package and it will be used instead.\n✨ Done in 0.04s.\n```\n\ngo to `vouch-app-mono` folder and switch to the branch you want to test against with then link the local package\n\n```sh\ncd vouch-app-mono\ngit checkout VCH-222\nyarn link @vouchfor/uikit\nyarn dev\n```\n\nVoilà, you are testing your feature branch with the local uikit package and don't forget to roll back after testing\n\n```sh\ncd vouch-app\nyarn unlink @vouchfor/uikit\n...\ncd vouch-uikit/package\nyarn unlink\n```\n\n## Test published package\n\nYou can publish an experimental version of the package by adding the `publish rc` label onto your PR. This will use the commit hash and a prerelease version number to publish onto NPM which you can then install into your application for testing.\n\nThis can be important because the published package and the linked package aren't necessarily 100% the same, some functionality is lost during the conversion to web-components:\n- When using a svelte component within another svelte component, you are able to pass $$restProps down to inner DOM elements, this doesn't work when the svelte component is changed into a web-component during build time\n\n## Purge `jsdelivr` cache\n\n`@vouchfor/uikit` is most likely consumed by the `latest` **tag**, not version number to ensure clients can always get the latest updates. [jsdelivr](https://cdn.jsdelivr.net/) default has 7 days cache for `tag`, so we need to purge it to reflect new version number.\n\n- Check current tag version number\n\n - [Click to check Production](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n- Purge cache\n - **_Danger_** [Click to purge Production](https://purge.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n### Purge specific bundle.js\n\nOur embed code snippet `src` attribute currently refers to a specific embed bundle js , for example\n\n```html\n\n
\n```\n\nIn this case, you will need to purge the bundle file specifically by providing absolute path\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/embed/{filename}.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/components/{filename}.bundle.js\n```\n\nfor example,\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/embed/vouch-embed-inline-player.bundle.js\n```\n\n## Unit test\n\n```bash\nyarn test\n```\n\nupdate snapshot\n\n```bash\nyarn test -u\n```\n\n# Releasing\n\nTo make sure we are delivering the highest quality software we can, there is a multi-step review and testing process before we go ahead with any release.\n\n1. Once the feature has been implemented, create a PR and add the `deploy storybook` label to it, once storybook has been deployed send the link to the stakeholder that is in charge of the feature and get them to review.\n - The deployment URL will be added as a comment to the PR once deployed\n2. Use browserstack (credentials in 1password) to cross-browser test the storybook PR deployment using a wide range of operating systems and browser versions\n - TODO: Figure out what is a reasonable set of browsers to test with\n - TODO: Automated tools for cross browser testing using browserstack\n3. Publish the package as a release candidate by adding the `publish rc` label to the PR\n - Once published, install the package into the admin app and test the feature there to make sure your changes are working in situ.\n - Create a PR deployment for the admin app using the release candidate package and get stakeholders to review also.\n4. If there are no issues, the PR can be merged into `main` and a regular release can be created using the instructions below\n - TODO: Automate public release\n\n## Update `vouch-app`\n\n`@vouchfor/uikit` is a dependency of the admin app within `vouch-app-mono` and `vouch-app` for embeds and the media player, follow the below steps to publish NPM package and update `package.json` dependency in `vouch-app-mono`.\n\n> Always use semver for version numbering for main releases\n\n- Major: Breaking changes\n- Minor: Feature releases\n- Patch: Hotfixes\n\nBecause we have a few different environments that the embeds may be fetching from (`dev`, `staging` and `prod`) we have added an `env` prop to all of the necessary embeds that allows you to choose the environment at run time. This, along with PR releases, removes the need for an `alpha` and `beta` package release and will allow us to better automate the release process.\n\n### Prod release\n\n> You will need to log in `vouch-tech` on your terminal before publishing, credential is shared via 1Password.\n\n```bash\nnpm login\n```\n\n1. Bump package version\n2. Make sure you are in `packages/uikit` directory\n3. Run `yarn package`\n4. Move to the created `package` folder\n5. Run `npm publish --access public` to publish under the `latest` tag\n\n```bash\nnpm version Vouch UIKit\n\n- [Get Started](#get-started)\n - [Storybook](#storybook)\n - [Playroom](#playroom)\n - [Build package](#build-package)\n - [Test package locally with vouch-app-mono](#test-package-locally-with-vouch-app)\n - [Testing published package](#test-published-package)\n - [Purge npm cache](#purge-jsdelivr-cache)\n - [Purge specific bundles](#purge-specific-bundlejs)\n- [Releasing](#releasing)\n - [Update vouch-app](#update-vouch-app)\n - [Production release](#prod-release)\n\n# Get Started\n\nEnsure you have node `16` installed on your machine, for example via [nvm](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/TERMINAL.md#install-nvm), run `nvm ls` to check\n\n```bash\nnvm ls 16\n```\n\nyou should see output if you have the version installed\n\n```bash\n-> v16.17.1\n```\n\nensure you have [git ssh](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/GITHUB.md) setup locally before you clone the repo\n\n```bash\ngit clone git@github.com:VouchAU/vouch-uikit-mono.git\n```\n\ninstall dependencies\n\n```bash\ncd vouch-uikit-mono\nyarn\n```\n\n## Storybook\n\nhttps://uikit-storybook.vercel.app\n\nStorybook is hosted on vercel and deployed automatically via **GitHub Action** every time changes are merged back to `main`. Storybook can also be deployed per PR by adding the `deploy storybook` label on the PR.\n\nLocal dev\n\n```bash\nyarn storybook\n```\n\nbuild storybook\n\n```bash\nyarn storybook:build\n```\n\n## Playroom\n\nhttps://uikit-playroom.vercel.app\n\nPlayroom is hosted on vercel and deployed automatically via **GitHub Action** every time changes are merged back to `main`. Playroom is not intended to be used on it's own because we don't get good autocomplete for web components, and playroom cannot render the svelte components natively.\n\nInstead we have created a `Playroom` plugin for storybook that will automatically update the rendered web component when any of the story controls change.\n\nLocal dev\n\n```bash\nyarn playroom\n```\n\nbuild playroom\n\n```bash\nyarn playroom:build\n```\n\n## Build package\n\nBuild `src/lib` production/beta/alpha package, make sure you change `version` in `package.json` for three different build tags.\n\n```sh\ncd packages/uikit\n...\nyarn package # production\n```\n\n## Test package locally with `vouch-app`\n\nOnce you build the `npm` package, you can test locally with `vouch-app` to ensure everything works as expected before publishing to `npm`\n\nAssuming you build a package according [Build package](#build-package), now you can create a symlink to your local package\n\n```sh\ncd package\nyarn link\n```\n\nyou should see this if successfully linked\n\n```sh\nyarn link v1.22.10\nsuccess Registered \"@vouchfor/uikit\".\ninfo You can now run `yarn link \"@vouchfor/uikit\"` in the projects where you want to use this package and it will be used instead.\n✨ Done in 0.04s.\n```\n\ngo to `vouch-app-mono` folder and switch to the branch you want to test against with then link the local package\n\n```sh\ncd vouch-app-mono\ngit checkout VCH-222\nyarn link @vouchfor/uikit\nyarn dev\n```\n\nVoilà, you are testing your feature branch with the local uikit package and don't forget to roll back after testing\n\n```sh\ncd vouch-app\nyarn unlink @vouchfor/uikit\n...\ncd vouch-uikit/package\nyarn unlink\n```\n\n## Test published package\n\nYou can publish an experimental version of the package by adding the `publish rc` label onto your PR. This will use the commit hash and a prerelease version number to publish onto NPM which you can then install into your application for testing.\n\nThis can be important because the published package and the linked package aren't necessarily 100% the same, some functionality is lost during the conversion to web-components:\n- When using a svelte component within another svelte component, you are able to pass $$restProps down to inner DOM elements, this doesn't work when the svelte component is changed into a web-component during build time\n\n## Purge `jsdelivr` cache\n\n`@vouchfor/uikit` is most likely consumed by the `latest` **tag**, not version number to ensure clients can always get the latest updates. [jsdelivr](https://cdn.jsdelivr.net/) default has 7 days cache for `tag`, so we need to purge it to reflect new version number.\n\n- Check current tag version number\n\n - [Click to check Production](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n- Purge cache\n - **_Danger_** [Click to purge Production](https://purge.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n### Purge specific bundle.js\n\nOur embed code snippet `src` attribute currently refers to a specific embed bundle js , for example\n\n```html\n\n
\n```\n\nIn this case, you will need to purge the bundle file specifically by providing absolute path\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/embed/{filename}.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/components/{filename}.bundle.js\n```\n\nfor example,\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/embed/vouch-embed-inline-player.bundle.js\n```\n\n## Unit test\n\n```bash\nyarn test\n```\n\nupdate snapshot\n\n```bash\nyarn test -u\n```\n\n# Releasing\n\nTo make sure we are delivering the highest quality software we can, there is a multi-step review and testing process before we go ahead with any release.\n\n1. Once the feature has been implemented, create a PR and add the `deploy storybook` label to it, once storybook has been deployed send the link to the stakeholder that is in charge of the feature and get them to review.\n - The deployment URL will be added as a comment to the PR once deployed\n2. Use browserstack (credentials in 1password) to cross-browser test the storybook PR deployment using a wide range of operating systems and browser versions\n - TODO: Figure out what is a reasonable set of browsers to test with\n - TODO: Automated tools for cross browser testing using browserstack\n3. Publish the package as a release candidate by adding the `publish rc` label to the PR\n - Once published, install the package into the admin app and test the feature there to make sure your changes are working in situ.\n - Create a PR deployment for the admin app using the release candidate package and get stakeholders to review also.\n4. If there are no issues, the PR can be merged into `main` and a regular release can be created using the instructions below\n - TODO: Automate public release\n\n## Update `vouch-app`\n\n`@vouchfor/uikit` is a dependency of the admin app within `vouch-app-mono` and `vouch-app` for embeds and the media player, follow the below steps to publish NPM package and update `package.json` dependency in `vouch-app-mono`.\n\n> Always use semver for version numbering for main releases\n\n- Major: Breaking changes\n- Minor: Feature releases\n- Patch: Hotfixes\n\nBecause we have a few different environments that the embeds may be fetching from (`dev`, `staging` and `prod`) we have added an `env` prop to all of the necessary embeds that allows you to choose the environment at run time. This, along with PR releases, removes the need for an `alpha` and `beta` package release and will allow us to better automate the release process.\n\n### Prod release\n\n> You will need to log in `vouch-tech` on your terminal before publishing, credential is shared via 1Password.\n\n```bash\nnpm login\n```\n\n1. Bump package version\n2. Make sure you are in `packages/uikit` directory\n3. Run `yarn package`\n4. Move to the created `package` folder\n5. Run `npm publish --access public` to publish under the `latest` tag\n\n```bash\nnpm version Vouch UIKit\n\n- [Get Started](#get-started)\n - [Storybook](#storybook)\n - [Playroom](#playroom)\n - [Build package](#build-package)\n - [Test package locally with vouch-app-mono](#test-package-locally-with-vouch-app)\n - [Testing published package](#test-published-package)\n - [Purge npm cache](#purge-jsdelivr-cache)\n - [Purge specific bundles](#purge-specific-bundlejs)\n- [Releasing](#releasing)\n - [Update vouch-app](#update-vouch-app)\n - [Production release](#prod-release)\n\n# Get Started\n\nEnsure you have node `16` installed on your machine, for example via [nvm](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/TERMINAL.md#install-nvm), run `nvm ls` to check\n\n```bash\nnvm ls 16\n```\n\nyou should see output if you have the version installed\n\n```bash\n-> v16.17.1\n```\n\nensure you have [git ssh](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/GITHUB.md) setup locally before you clone the repo\n\n```bash\ngit clone git@github.com:VouchAU/vouch-uikit-mono.git\n```\n\ninstall dependencies\n\n```bash\ncd vouch-uikit-mono\nyarn\n```\n\n## Storybook\n\nhttps://uikit-storybook.vercel.app\n\nStorybook is hosted on vercel and deployed automatically via **GitHub Action** every time changes are merged back to `main`. Storybook can also be deployed per PR by adding the `deploy storybook` label on the PR.\n\nLocal dev\n\n```bash\nyarn storybook\n```\n\nbuild storybook\n\n```bash\nyarn storybook:build\n```\n\n## Playroom\n\nhttps://uikit-playroom.vercel.app\n\nPlayroom is hosted on vercel and deployed automatically via **GitHub Action** every time changes are merged back to `main`. Playroom is not intended to be used on it's own because we don't get good autocomplete for web components, and playroom cannot render the svelte components natively.\n\nInstead we have created a `Playroom` plugin for storybook that will automatically update the rendered web component when any of the story controls change.\n\nLocal dev\n\n```bash\nyarn playroom\n```\n\nbuild playroom\n\n```bash\nyarn playroom:build\n```\n\n## Build package\n\nBuild `src/lib` production/beta/alpha package, make sure you change `version` in `package.json` for three different build tags.\n\n```sh\ncd packages/uikit\n...\nyarn package # production\n```\n\n## Test package locally with `vouch-app`\n\nOnce you build the `npm` package, you can test locally with `vouch-app` to ensure everything works as expected before publishing to `npm`\n\nAssuming you build a package according [Build package](#build-package), now you can create a symlink to your local package\n\n```sh\ncd package\nyarn link\n```\n\nyou should see this if successfully linked\n\n```sh\nyarn link v1.22.10\nsuccess Registered \"@vouchfor/uikit\".\ninfo You can now run `yarn link \"@vouchfor/uikit\"` in the projects where you want to use this package and it will be used instead.\n✨ Done in 0.04s.\n```\n\ngo to `vouch-app-mono` folder and switch to the branch you want to test against with then link the local package\n\n```sh\ncd vouch-app-mono\ngit checkout VCH-222\nyarn link @vouchfor/uikit\nyarn dev\n```\n\nVoilà, you are testing your feature branch with the local uikit package and don't forget to roll back after testing\n\n```sh\ncd vouch-app\nyarn unlink @vouchfor/uikit\n...\ncd vouch-uikit/package\nyarn unlink\n```\n\n## Test published package\n\nYou can publish an experimental version of the package by adding the `publish rc` label onto your PR. This will use the commit hash and a prerelease version number to publish onto NPM which you can then install into your application for testing.\n\nThis can be important because the published package and the linked package aren't necessarily 100% the same, some functionality is lost during the conversion to web-components:\n- When using a svelte component within another svelte component, you are able to pass $$restProps down to inner DOM elements, this doesn't work when the svelte component is changed into a web-component during build time\n\n## Purge `jsdelivr` cache\n\n`@vouchfor/uikit` is most likely consumed by the `latest` **tag**, not version number to ensure clients can always get the latest updates. [jsdelivr](https://cdn.jsdelivr.net/) default has 7 days cache for `tag`, so we need to purge it to reflect new version number.\n\n- Check current tag version number\n\n - [Click to check Production](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n- Purge cache\n - **_Danger_** [Click to purge Production](https://purge.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n### Purge specific bundle.js\n\nOur embed code snippet `src` attribute currently refers to a specific embed bundle js , for example\n\n```html\n\n
\n```\n\nIn this case, you will need to purge the bundle file specifically by providing absolute path\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/embed/{filename}.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/components/{filename}.bundle.js\n```\n\nfor example,\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/embed/vouch-embed-inline-player.bundle.js\n```\n\n## Unit test\n\n```bash\nyarn test\n```\n\nupdate snapshot\n\n```bash\nyarn test -u\n```\n\n# Releasing\n\nTo make sure we are delivering the highest quality software we can, there is a multi-step review and testing process before we go ahead with any release.\n\n1. Once the feature has been implemented, create a PR and add the `deploy storybook` label to it, once storybook has been deployed send the link to the stakeholder that is in charge of the feature and get them to review.\n - The deployment URL will be added as a comment to the PR once deployed\n2. Use browserstack (credentials in 1password) to cross-browser test the storybook PR deployment using a wide range of operating systems and browser versions\n - TODO: Figure out what is a reasonable set of browsers to test with\n - TODO: Automated tools for cross browser testing using browserstack\n3. Publish the package as a release candidate by adding the `publish rc` label to the PR\n - Once published, install the package into the admin app and test the feature there to make sure your changes are working in situ.\n - Create a PR deployment for the admin app using the release candidate package and get stakeholders to review also.\n4. If there are no issues, the PR can be merged into `main` and a regular release can be created using the instructions below\n - TODO: Automate public release\n\n## Update `vouch-app`\n\n`@vouchfor/uikit` is a dependency of the admin app within `vouch-app-mono` and `vouch-app` for embeds and the media player, follow the below steps to publish NPM package and update `package.json` dependency in `vouch-app-mono`.\n\n> Always use semver for version numbering for main releases\n\n- Major: Breaking changes\n- Minor: Feature releases\n- Patch: Hotfixes\n\nBecause we have a few different environments that the embeds may be fetching from (`dev`, `staging` and `prod`) we have added an `env` prop to all of the necessary embeds that allows you to choose the environment at run time. This, along with PR releases, removes the need for an `alpha` and `beta` package release and will allow us to better automate the release process.\n\n### Prod release\n\n> You will need to log in `vouch-tech` on your terminal before publishing, credential is shared via 1Password.\n\n```bash\nnpm login\n```\n\n1. Bump package version\n2. Make sure you are in `packages/uikit` directory\n3. Run `yarn package`\n4. Move to the created `package` folder\n5. Run `npm publish --access public` to publish under the `latest` tag\n\n```bash\nnpm version Vouch UIKit\n\n- [Get Started](#get-started)\n - [Storybook](#storybook)\n - [Playroom](#playroom)\n - [Build package](#build-package)\n - [Test package locally with vouch-app-mono](#test-package-locally-with-vouch-app)\n - [Testing published package](#test-published-package)\n - [Purge npm cache](#purge-jsdelivr-cache)\n - [Purge specific bundles](#purge-specific-bundlejs)\n- [Releasing](#releasing)\n - [Update vouch-app](#update-vouch-app)\n - [Production release](#prod-release)\n\n# Get Started\n\nEnsure you have node `16` installed on your machine, for example via [nvm](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/TERMINAL.md#install-nvm), run `nvm ls` to check\n\n```bash\nnvm ls 16\n```\n\nyou should see output if you have the version installed\n\n```bash\n-> v16.17.1\n```\n\nensure you have [git ssh](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/GITHUB.md) setup locally before you clone the repo\n\n```bash\ngit clone git@github.com:VouchAU/vouch-uikit-mono.git\n```\n\ninstall dependencies\n\n```bash\ncd vouch-uikit-mono\nyarn\n```\n\n## Storybook\n\nhttps://uikit-storybook.vercel.app\n\nStorybook is hosted on vercel and deployed automatically via **GitHub Action** every time changes are merged back to `main`. Storybook can also be deployed per PR by adding the `deploy storybook` label on the PR.\n\nLocal dev\n\n```bash\nyarn storybook\n```\n\nbuild storybook\n\n```bash\nyarn storybook:build\n```\n\n## Playroom\n\nhttps://uikit-playroom.vercel.app\n\nPlayroom is hosted on vercel and deployed automatically via **GitHub Action** every time changes are merged back to `main`. Playroom is not intended to be used on it's own because we don't get good autocomplete for web components, and playroom cannot render the svelte components natively.\n\nInstead we have created a `Playroom` plugin for storybook that will automatically update the rendered web component when any of the story controls change.\n\nLocal dev\n\n```bash\nyarn playroom\n```\n\nbuild playroom\n\n```bash\nyarn playroom:build\n```\n\n## Build package\n\nBuild `src/lib` production/beta/alpha package, make sure you change `version` in `package.json` for three different build tags.\n\n```sh\ncd packages/uikit\n...\nyarn package # production\n```\n\n## Test package locally with `vouch-app`\n\nOnce you build the `npm` package, you can test locally with `vouch-app` to ensure everything works as expected before publishing to `npm`\n\nAssuming you build a package according [Build package](#build-package), now you can create a symlink to your local package\n\n```sh\ncd package\nyarn link\n```\n\nyou should see this if successfully linked\n\n```sh\nyarn link v1.22.10\nsuccess Registered \"@vouchfor/uikit\".\ninfo You can now run `yarn link \"@vouchfor/uikit\"` in the projects where you want to use this package and it will be used instead.\n✨ Done in 0.04s.\n```\n\ngo to `vouch-app-mono` folder and switch to the branch you want to test against with then link the local package\n\n```sh\ncd vouch-app-mono\ngit checkout VCH-222\nyarn link @vouchfor/uikit\nyarn dev\n```\n\nVoilà, you are testing your feature branch with the local uikit package and don't forget to roll back after testing\n\n```sh\ncd vouch-app\nyarn unlink @vouchfor/uikit\n...\ncd vouch-uikit/package\nyarn unlink\n```\n\n## Test published package\n\nYou can publish an experimental version of the package by adding the `publish rc` label onto your PR. This will use the commit hash and a prerelease version number to publish onto NPM which you can then install into your application for testing.\n\nThis can be important because the published package and the linked package aren't necessarily 100% the same, some functionality is lost during the conversion to web-components:\n- When using a svelte component within another svelte component, you are able to pass $$restProps down to inner DOM elements, this doesn't work when the svelte component is changed into a web-component during build time\n\n## Purge `jsdelivr` cache\n\n`@vouchfor/uikit` is most likely consumed by the `latest` **tag**, not version number to ensure clients can always get the latest updates. [jsdelivr](https://cdn.jsdelivr.net/) default has 7 days cache for `tag`, so we need to purge it to reflect new version number.\n\n- Check current tag version number\n\n - [Click to check Production](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n- Purge cache\n - **_Danger_** [Click to purge Production](https://purge.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n### Purge specific bundle.js\n\nOur embed code snippet `src` attribute currently refers to a specific embed bundle js , for example\n\n```html\n\n
\n```\n\nIn this case, you will need to purge the bundle file specifically by providing absolute path\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/embed/{filename}.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/components/{filename}.bundle.js\n```\n\nfor example,\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/embed/vouch-embed-inline-player.bundle.js\n```\n\n## Unit test\n\n```bash\nyarn test\n```\n\nupdate snapshot\n\n```bash\nyarn test -u\n```\n\n# Releasing\n\nTo make sure we are delivering the highest quality software we can, there is a multi-step review and testing process before we go ahead with any release.\n\n1. Once the feature has been implemented, create a PR and add the `deploy storybook` label to it, once storybook has been deployed send the link to the stakeholder that is in charge of the feature and get them to review.\n - The deployment URL will be added as a comment to the PR once deployed\n2. Use browserstack (credentials in 1password) to cross-browser test the storybook PR deployment using a wide range of operating systems and browser versions\n - TODO: Figure out what is a reasonable set of browsers to test with\n - TODO: Automated tools for cross browser testing using browserstack\n3. Publish the package as a release candidate by adding the `publish rc` label to the PR\n - Once published, install the package into the admin app and test the feature there to make sure your changes are working in situ.\n - Create a PR deployment for the admin app using the release candidate package and get stakeholders to review also.\n4. If there are no issues, the PR can be merged into `main` and a regular release can be created using the instructions below\n - TODO: Automate public release\n\n## Update `vouch-app`\n\n`@vouchfor/uikit` is a dependency of the admin app within `vouch-app-mono` and `vouch-app` for embeds and the media player, follow the below steps to publish NPM package and update `package.json` dependency in `vouch-app-mono`.\n\n> Always use semver for version numbering for main releases\n\n- Major: Breaking changes\n- Minor: Feature releases\n- Patch: Hotfixes\n\nBecause we have a few different environments that the embeds may be fetching from (`dev`, `staging` and `prod`) we have added an `env` prop to all of the necessary embeds that allows you to choose the environment at run time. This, along with PR releases, removes the need for an `alpha` and `beta` package release and will allow us to better automate the release process.\n\n### Prod release\n\n> You will need to log in `vouch-tech` on your terminal before publishing, credential is shared via 1Password.\n\n```bash\nnpm login\n```\n\n1. Bump package version\n2. Make sure you are in `packages/uikit` directory\n3. Run `yarn package`\n4. Move to the created `package` folder\n5. Run `npm publish --access public` to publish under the `latest` tag\n\n```bash\nnpm version Vouch UIKit\n\n- [Get Started](#get-started)\n - [Storybook](#storybook)\n - [Playroom](#playroom)\n - [Build package](#build-package)\n - [Test package locally with vouch-app-mono](#test-package-locally-with-vouch-app)\n - [Testing published package](#test-published-package)\n - [Purge npm cache](#purge-jsdelivr-cache)\n - [Purge specific bundles](#purge-specific-bundlejs)\n- [Releasing](#releasing)\n - [Update vouch-app](#update-vouch-app)\n - [Production release](#prod-release)\n\n# Get Started\n\nEnsure you have node `16` installed on your machine, for example via [nvm](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/TERMINAL.md#install-nvm), run `nvm ls` to check\n\n```bash\nnvm ls 16\n```\n\nyou should see output if you have the version installed\n\n```bash\n-> v16.17.1\n```\n\nensure you have [git ssh](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/GITHUB.md) setup locally before you clone the repo\n\n```bash\ngit clone git@github.com:VouchAU/vouch-uikit-mono.git\n```\n\ninstall dependencies\n\n```bash\ncd vouch-uikit-mono\nyarn\n```\n\n## Storybook\n\nhttps://uikit-storybook.vercel.app\n\nStorybook is hosted on vercel and deployed automatically via **GitHub Action** every time changes are merged back to `main`. Storybook can also be deployed per PR by adding the `deploy storybook` label on the PR.\n\nLocal dev\n\n```bash\nyarn storybook\n```\n\nbuild storybook\n\n```bash\nyarn storybook:build\n```\n\n## Playroom\n\nhttps://uikit-playroom.vercel.app\n\nPlayroom is hosted on vercel and deployed automatically via **GitHub Action** every time changes are merged back to `main`. Playroom is not intended to be used on it's own because we don't get good autocomplete for web components, and playroom cannot render the svelte components natively.\n\nInstead we have created a `Playroom` plugin for storybook that will automatically update the rendered web component when any of the story controls change.\n\nLocal dev\n\n```bash\nyarn playroom\n```\n\nbuild playroom\n\n```bash\nyarn playroom:build\n```\n\n## Build package\n\nBuild `src/lib` production/beta/alpha package, make sure you change `version` in `package.json` for three different build tags.\n\n```sh\ncd packages/uikit\n...\nyarn package # production\n```\n\n## Test package locally with `vouch-app`\n\nOnce you build the `npm` package, you can test locally with `vouch-app` to ensure everything works as expected before publishing to `npm`\n\nAssuming you build a package according [Build package](#build-package), now you can create a symlink to your local package\n\n```sh\ncd package\nyarn link\n```\n\nyou should see this if successfully linked\n\n```sh\nyarn link v1.22.10\nsuccess Registered \"@vouchfor/uikit\".\ninfo You can now run `yarn link \"@vouchfor/uikit\"` in the projects where you want to use this package and it will be used instead.\n✨ Done in 0.04s.\n```\n\ngo to `vouch-app-mono` folder and switch to the branch you want to test against with then link the local package\n\n```sh\ncd vouch-app-mono\ngit checkout VCH-222\nyarn link @vouchfor/uikit\nyarn dev\n```\n\nVoilà, you are testing your feature branch with the local uikit package and don't forget to roll back after testing\n\n```sh\ncd vouch-app\nyarn unlink @vouchfor/uikit\n...\ncd vouch-uikit/package\nyarn unlink\n```\n\n## Test published package\n\nYou can publish an experimental version of the package by adding the `publish rc` label onto your PR. This will use the commit hash and a prerelease version number to publish onto NPM which you can then install into your application for testing.\n\nThis can be important because the published package and the linked package aren't necessarily 100% the same, some functionality is lost during the conversion to web-components:\n- When using a svelte component within another svelte component, you are able to pass $$restProps down to inner DOM elements, this doesn't work when the svelte component is changed into a web-component during build time\n\n## Purge `jsdelivr` cache\n\n`@vouchfor/uikit` is most likely consumed by the `latest` **tag**, not version number to ensure clients can always get the latest updates. [jsdelivr](https://cdn.jsdelivr.net/) default has 7 days cache for `tag`, so we need to purge it to reflect new version number.\n\n- Check current tag version number\n\n - [Click to check Production](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n- Purge cache\n - **_Danger_** [Click to purge Production](https://purge.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n### Purge specific bundle.js\n\nOur embed code snippet `src` attribute currently refers to a specific embed bundle js , for example\n\n```html\n\n
\n```\n\nIn this case, you will need to purge the bundle file specifically by providing absolute path\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/embed/{filename}.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/components/{filename}.bundle.js\n```\n\nfor example,\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/embed/vouch-embed-inline-player.bundle.js\n```\n\n## Unit test\n\n```bash\nyarn test\n```\n\nupdate snapshot\n\n```bash\nyarn test -u\n```\n\n# Releasing\n\nTo make sure we are delivering the highest quality software we can, there is a multi-step review and testing process before we go ahead with any release.\n\n1. Once the feature has been implemented, create a PR and add the `deploy storybook` label to it, once storybook has been deployed send the link to the stakeholder that is in charge of the feature and get them to review.\n - The deployment URL will be added as a comment to the PR once deployed\n2. Use browserstack (credentials in 1password) to cross-browser test the storybook PR deployment using a wide range of operating systems and browser versions\n - TODO: Figure out what is a reasonable set of browsers to test with\n - TODO: Automated tools for cross browser testing using browserstack\n3. Publish the package as a release candidate by adding the `publish rc` label to the PR\n - Once published, install the package into the admin app and test the feature there to make sure your changes are working in situ.\n - Create a PR deployment for the admin app using the release candidate package and get stakeholders to review also.\n4. If there are no issues, the PR can be merged into `main` and a regular release can be created using the instructions below\n - TODO: Automate public release\n\n## Update `vouch-app`\n\n`@vouchfor/uikit` is a dependency of the admin app within `vouch-app-mono` and `vouch-app` for embeds and the media player, follow the below steps to publish NPM package and update `package.json` dependency in `vouch-app-mono`.\n\n> Always use semver for version numbering for main releases\n\n- Major: Breaking changes\n- Minor: Feature releases\n- Patch: Hotfixes\n\nBecause we have a few different environments that the embeds may be fetching from (`dev`, `staging` and `prod`) we have added an `env` prop to all of the necessary embeds that allows you to choose the environment at run time. This, along with PR releases, removes the need for an `alpha` and `beta` package release and will allow us to better automate the release process.\n\n### Prod release\n\n> You will need to log in `vouch-tech` on your terminal before publishing, credential is shared via 1Password.\n\n```bash\nnpm login\n```\n\n1. Bump package version\n2. Make sure you are in `packages/uikit` directory\n3. Run `yarn package`\n4. Move to the created `package` folder\n5. Run `npm publish --access public` to publish under the `latest` tag\n\n```bash\nnpm version Vouch UIKit\n\n- [Get Started](#get-started)\n - [Storybook](#storybook)\n - [Playroom](#playroom)\n - [Build package](#build-package)\n - [Test package locally with vouch-app-mono](#test-package-locally-with-vouch-app)\n - [Testing published package](#test-published-package)\n - [Purge npm cache](#purge-jsdelivr-cache)\n - [Purge specific bundles](#purge-specific-bundlejs)\n- [Releasing](#releasing)\n - [Update vouch-app](#update-vouch-app)\n - [Production release](#prod-release)\n\n# Get Started\n\nEnsure you have node `16` installed on your machine, for example via [nvm](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/TERMINAL.md#install-nvm), run `nvm ls` to check\n\n```bash\nnvm ls 16\n```\n\nyou should see output if you have the version installed\n\n```bash\n-> v16.17.1\n```\n\nensure you have [git ssh](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/GITHUB.md) setup locally before you clone the repo\n\n```bash\ngit clone git@github.com:VouchAU/vouch-uikit-mono.git\n```\n\ninstall dependencies\n\n```bash\ncd vouch-uikit-mono\nyarn\n```\n\n## Storybook\n\nhttps://uikit-storybook.vercel.app\n\nStorybook is hosted on vercel and deployed automatically via **GitHub Action** every time changes are merged back to `main`. Storybook can also be deployed per PR by adding the `deploy storybook` label on the PR.\n\nLocal dev\n\n```bash\nyarn storybook\n```\n\nbuild storybook\n\n```bash\nyarn storybook:build\n```\n\n## Playroom\n\nhttps://uikit-playroom.vercel.app\n\nPlayroom is hosted on vercel and deployed automatically via **GitHub Action** every time changes are merged back to `main`. Playroom is not intended to be used on it's own because we don't get good autocomplete for web components, and playroom cannot render the svelte components natively.\n\nInstead we have created a `Playroom` plugin for storybook that will automatically update the rendered web component when any of the story controls change.\n\nLocal dev\n\n```bash\nyarn playroom\n```\n\nbuild playroom\n\n```bash\nyarn playroom:build\n```\n\n## Build package\n\nBuild `src/lib` production/beta/alpha package, make sure you change `version` in `package.json`.\n\n```sh\ncd packages/uikit\n...\nyarn package # production\n```\n\n## Test package locally with `vouch-app`\n\nOnce you build the `npm` package, you can test locally with `vouch-app` to ensure everything works as expected before publishing to `npm`\n\nAssuming you build a package according [Build package](#build-package), now you can create a symlink to your local package\n\n```sh\ncd package\nyarn link\n```\n\nyou should see this if successfully linked\n\n```sh\nyarn link v1.22.10\nsuccess Registered \"@vouchfor/uikit\".\ninfo You can now run `yarn link \"@vouchfor/uikit\"` in the projects where you want to use this package and it will be used instead.\n✨ Done in 0.04s.\n```\n\ngo to `vouch-app-mono` folder and switch to the branch you want to test against with then link the local package\n\n```sh\ncd vouch-app-mono\ngit checkout VCH-222\nyarn link @vouchfor/uikit\nyarn dev\n```\n\nVoilà, you are testing your feature branch with the local uikit package and don't forget to roll back after testing\n\n```sh\ncd vouch-app\nyarn unlink @vouchfor/uikit\n...\ncd vouch-uikit/package\nyarn unlink\n```\n\n## Test published package\n\nYou can publish an experimental version of the package by adding the `publish rc` label onto your PR. This will use the commit hash and a prerelease version number to publish onto NPM which you can then install into your application for testing.\n\nThis can be important because the published package and the linked package aren't necessarily 100% the same, some functionality is lost during the conversion to web-components:\n- When using a svelte component within another svelte component, you are able to pass $$restProps down to inner DOM elements, this doesn't work when the svelte component is changed into a web-component during build time\n- Using slots is a little weird\n - When using normal svelte components, if you want to style slot contents from the parent component you need to use the `:global(\n
\n```\n\nIn this case, you will need to purge the bundle file specifically by providing absolute path\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/embed/{filename}.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/components/{filename}.bundle.js\n```\n\nfor example,\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/embed/vouch-embed-inline-player.bundle.js\n```\n\n## Unit test\n\n```bash\nyarn test\n```\n\nupdate snapshot\n\n```bash\nyarn test -u\n```\n\n# Releasing\n\nTo make sure we are delivering the highest quality software we can, there is a multi-step review and testing process before we go ahead with any release.\n\n1. Once the feature has been implemented, create a PR and add the `deploy storybook` label to it, once storybook has been deployed send the link to the stakeholder that is in charge of the feature and get them to review.\n - The deployment URL will be added as a comment to the PR once deployed\n2. Use browserstack (credentials in 1password) to cross-browser test the storybook PR deployment using a wide range of operating systems and browser versions\n - TODO: Figure out what is a reasonable set of browsers to test with\n - TODO: Automated tools for cross browser testing using browserstack\n3. Publish the package as a release candidate by adding the `publish rc` label to the PR\n - Once published, install the package into the admin app and test the feature there to make sure your changes are working in situ.\n - Create a PR deployment for the admin app using the release candidate package and get stakeholders to review also.\n4. If there are no issues, bump the package to the appropriate version in the PR, then the PR can be merged into `main` and a regular release can be created using the instructions below\n - TODO: Automate public release\n\n## Update `vouch-app`\n\n`@vouchfor/uikit` is a dependency of the admin app within `vouch-app-mono` and `vouch-app` for embeds and the media player, follow the below steps to publish NPM package and update `package.json` dependency in `vouch-app-mono`.\n\n> Always use semver for version numbering for main releases\n\n- Major: Breaking changes\n- Minor: Feature releases\n- Patch: Hotfixes\n\nBecause we have a few different environments that the embeds may be fetching from (`dev`, `staging` and `prod`) we have added an `env` prop to all of the necessary embeds that allows you to choose the environment at run time. This, along with PR releases, removes the need for an `alpha` and `beta` package release and will allow us to better automate the release process.\n\n### Prod release\n\n> You will need to log in `vouch-tech` on your terminal before publishing, credential is shared via 1Password.\n\n```bash\nnpm login\n```\n\n1. Make sure you are in `packages/uikit` directory\n2. Run `yarn package`\n3. Move to the created `package` folder\n4. Run `npm publish --access public` to publish under the `latest` tag\n\n```bash\ncd packages/uikit\nyarn package\ncd package\nnpm publish --access public\n```\n\nThen, using the same PR in `vouch-app-mono` that you used to test the experimental version, bump to the now latest version and re-test one final time to make sure everything worked as expected.\n\nIf everything works correctly then the PR is ready to be merged, and the CDN cache can be purged to allow for upstream clients using embeds in their apps to receive the new version.\n\n### Post release testing\n\nUse [this](https://codepen.io/aaronuu/pen/poKYJVz) codepen to bump the package version that is downloaded from the CDN and make sure all of the embeds work as expected.","engines":{"node":">=16"},"exports":{"./events":"./events.js","./constants":"./constants.js","./embed/events":{"import":"./embed/events.js","default":"./embed/events.js","require":"./embed/events.cjs"},"./package.json":"./package.json","./internal/theme":"./internal/theme.js","./internal/utils":"./internal/utils.js","./internal/environment":"./internal/environment.js","./components/vouch-menu":{"import":"./components/vouch-menu.js","default":"./components/vouch-menu.js","require":"./components/vouch-menu.cjs"},"./embed/vouch-embed-all":{"import":"./embed/vouch-embed-all.js","default":"./embed/vouch-embed-all.js","require":"./embed/vouch-embed-all.cjs"},"./embed/vouch-embed-card":{"import":"./embed/vouch-embed-card.js","default":"./embed/vouch-embed-card.js","require":"./embed/vouch-embed-card.cjs"},"./components/vouch-button":{"import":"./components/vouch-button.js","default":"./components/vouch-button.js","require":"./components/vouch-button.cjs"},"./embed/vouch-embed-jumbo":{"import":"./embed/vouch-embed-jumbo.js","default":"./embed/vouch-embed-jumbo.js","require":"./embed/vouch-embed-jumbo.cjs"},"./internal/actions/popper":"./internal/actions/popper.js","./internal/hooks/useFetch":"./internal/hooks/useFetch.js","./internal/hooks/useTrack":"./internal/hooks/useTrack.js","./components/vouch-persona":{"import":"./components/vouch-persona.js","default":"./components/vouch-persona.js","require":"./components/vouch-persona.cjs"},"./components/vouch-tooltip":{"import":"./components/vouch-tooltip.js","default":"./components/vouch-tooltip.js","require":"./components/vouch-tooltip.cjs"},"./embed/vouch-embed-button":{"import":"./embed/vouch-embed-button.js","default":"./embed/vouch-embed-button.js","require":"./embed/vouch-embed-button.cjs"},"./components/vouch-recorder":{"import":"./components/vouch-recorder.js","default":"./components/vouch-recorder.js","require":"./components/vouch-recorder.cjs"},"./embed/vouch-embed-popover":{"import":"./embed/vouch-embed-popover.js","default":"./embed/vouch-embed-popover.js","require":"./embed/vouch-embed-popover.cjs"},"./test/internals/utils.spec":"./test/internals/utils.spec.js","./components/vouch-icon-play":{"import":"./components/vouch-icon-play.js","default":"./components/vouch-icon-play.js","require":"./components/vouch-icon-play.cjs"},"./embed/vouch-embed-dialogue":{"import":"./embed/vouch-embed-dialogue.js","default":"./embed/vouch-embed-dialogue.js","require":"./embed/vouch-embed-dialogue.cjs"},"./components/VouchMenu.svelte":"./components/VouchMenu.svelte","./components/vouch-brand-logo":{"import":"./components/vouch-brand-logo.js","default":"./components/vouch-brand-logo.js","require":"./components/vouch-brand-logo.cjs"},"./components/vouch-icon-close":{"import":"./components/vouch-icon-close.js","default":"./components/vouch-icon-close.js","require":"./components/vouch-icon-close.cjs"},"./components/vouch-icon-pause":{"import":"./components/vouch-icon-pause.js","default":"./components/vouch-icon-pause.js","require":"./components/vouch-icon-pause.cjs"},"./components/vouch-media-plyr":{"import":"./components/vouch-media-plyr.js","default":"./components/vouch-media-plyr.js","require":"./components/vouch-media-plyr.cjs"},"./components/vouch-water-mark":{"import":"./components/vouch-water-mark.js","default":"./components/vouch-water-mark.js","require":"./components/vouch-water-mark.cjs"},"./embed/VouchEmbedCard.svelte":"./embed/VouchEmbedCard.svelte","./embed/vouch-embed-thumbnail":{"import":"./embed/vouch-embed-thumbnail.js","default":"./embed/vouch-embed-thumbnail.js","require":"./embed/vouch-embed-thumbnail.cjs"},"./embed/vouch-recorder-button":{"import":"./embed/vouch-recorder-button.js","default":"./embed/vouch-recorder-button.js","require":"./embed/vouch-recorder-button.cjs"},"./components/vouch-graphic-svg":{"import":"./components/vouch-graphic-svg.js","default":"./components/vouch-graphic-svg.js","require":"./components/vouch-graphic-svg.cjs"},"./embed/VouchEmbedJumbo.svelte":"./embed/VouchEmbedJumbo.svelte","./embed/vouch-recorder-preview":{"import":"./embed/vouch-recorder-preview.js","default":"./embed/vouch-recorder-preview.js","require":"./embed/vouch-recorder-preview.cjs"},"./internal/hooks/useFetchEmbed":"./internal/hooks/useFetchEmbed.js","./components/VouchButton.svelte":"./components/VouchButton.svelte","./embed/VouchEmbedButton.svelte":"./embed/VouchEmbedButton.svelte","./components/VouchPersona.svelte":"./components/VouchPersona.svelte","./components/VouchTooltip.svelte":"./components/VouchTooltip.svelte","./components/vouch-volume-slider":{"import":"./components/vouch-volume-slider.js","default":"./components/vouch-volume-slider.js","require":"./components/vouch-volume-slider.cjs"},"./embed/VouchEmbedPopover.svelte":"./embed/VouchEmbedPopover.svelte","./internal/actions/outside-click":"./internal/actions/outside-click.js","./components/VouchIconPlay.svelte":"./components/VouchIconPlay.svelte","./components/VouchRecorder.svelte":"./components/VouchRecorder.svelte","./embed/VouchEmbedDialogue.svelte":"./embed/VouchEmbedDialogue.svelte","./embed/vouch-embed-inline-player":{"import":"./embed/vouch-embed-inline-player.js","default":"./embed/vouch-embed-inline-player.js","require":"./embed/vouch-embed-inline-player.cjs"},"./test/components/VouchIcons.spec":"./test/components/VouchIcons.spec.js","./components/VouchBrandLogo.svelte":"./components/VouchBrandLogo.svelte","./components/VouchIconClose.svelte":"./components/VouchIconClose.svelte","./components/VouchIconPause.svelte":"./components/VouchIconPause.svelte","./components/VouchMediaPlyr.svelte":"./components/VouchMediaPlyr.svelte","./components/VouchWaterMark.svelte":"./components/VouchWaterMark.svelte","./components/vouch-icon-arrow-left":{"import":"./components/vouch-icon-arrow-left.js","default":"./components/vouch-icon-arrow-left.js","require":"./components/vouch-icon-arrow-left.cjs"},"./embed/VouchEmbedThumbnail.svelte":"./embed/VouchEmbedThumbnail.svelte","./embed/VouchRecorderButton.svelte":"./embed/VouchRecorderButton.svelte","./internal/actions/resize-observer":"./internal/actions/resize-observer.js","./components/VouchGraphicSvg.svelte":"./components/VouchGraphicSvg.svelte","./components/vouch-icon-arrow-right":{"import":"./components/vouch-icon-arrow-right.js","default":"./components/vouch-icon-arrow-right.js","require":"./components/vouch-icon-arrow-right.cjs"},"./embed/VouchRecorderPreview.svelte":"./embed/VouchRecorderPreview.svelte","./components/vouch-overlay-play-icon":{"import":"./components/vouch-overlay-play-icon.js","default":"./components/vouch-overlay-play-icon.js","require":"./components/vouch-overlay-play-icon.cjs"},"./components/vouch-progress-scrubber":{"import":"./components/vouch-progress-scrubber.js","default":"./components/vouch-progress-scrubber.js","require":"./components/vouch-progress-scrubber.cjs"},"./test/internals/hooks/useFetch.spec":"./test/internals/hooks/useFetch.spec.js","./test/internals/hooks/useTrack.spec":"./test/internals/hooks/useTrack.spec.js","./components/VouchVolumeSlider.svelte":"./components/VouchVolumeSlider.svelte","./embed/VouchEmbedInlinePlayer.svelte":"./embed/VouchEmbedInlinePlayer.svelte","./test/components/VouchBrandLogo.spec":"./test/components/VouchBrandLogo.spec.js","./test/components/VouchWaterMark.spec":"./test/components/VouchWaterMark.spec.js","./components/VouchIconArrowLeft.svelte":"./components/VouchIconArrowLeft.svelte","./test/components/VouchGraphicSvg.spec":"./test/components/VouchGraphicSvg.spec.js","./components/VouchIconArrowRight.svelte":"./components/VouchIconArrowRight.svelte","./components/VouchOverlayPlayIcon.svelte":"./components/VouchOverlayPlayIcon.svelte","./components/VouchProgressScrubber.svelte":"./components/VouchProgressScrubber.svelte","./test/internals/hooks/useFetchEmbed.spec":"./test/internals/hooks/useFetchEmbed.spec.js"},"gitHead":"5f2249fc1e14f9a19f1181207016a4c7b2a04222","_npmUser":{"name":"vouch-tech","email":"brian@vouchfor.com"},"repository":{"url":"git+https://github.com/VouchAU/vouch-uikit.git","type":"git"},"_npmVersion":"8.19.2","description":"Vouch Svelte UIKit","directories":{},"lint-staged":{"*.{js,svelte}":"yarn lint"},"_nodeVersion":"16.18.1","dependencies":{"flat":"^5.0.2","plyr":"^3.7.2","cookie":"^0.4.1","hls.js":"^1.1.5","core-js":"^3.16.3","postcss":"^7","@vime/core":"^5.3.1","tailwindcss":"npm:@tailwindcss/postcss7-compat","@lukeed/uuid":"^2.0.0","autoprefixer":"^9","whatwg-fetch":"^3.6.2","patch-package":"^6.5.0","@popperjs/core":"^2.11.6","@fontsource/fira-mono":"^4.2.2","postinstall-postinstall":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^27.0.6","path":"^0.12.7","vite":"^3.1.8","react":"^18.2.0","tslib":"^2.0.0","dotenv":"^10.0.0","eslint":"^7.22.0","rollup":"^2.55.1","svelte":"^3.34.0","webpack":"^5.74.0","playroom":"0.28.0","prettier":"~2.2.1","react-dom":"^18.2.0","ts-loader":"^9.4.1","@percy/cli":"^1.15.0","babel-jest":"^27.0.6","base64-url":"^2.3.3","dotenv-cli":"^6.0.0","svelte2tsx":"^0.4.3","typescript":"^4.8.4","@babel/core":"^7.14.8","@types/jest":"^26.0.24","lint-staged":"^12.4.1","babel-loader":"^8.2.5","svelte-check":"^2.0.0","@sveltejs/kit":"next","@types/cookie":"^0.4.0","@types/hls.js":"^1.0.0","svelte-jester":"^1.8.1","svelte-loader":"^3.1.2","@percy/storybook":"^4.3.4","@storybook/react":"^6.5.13","@babel/preset-env":"^7.14.9","@storybook/svelte":"^6.5.13","@sveltejs/package":"^1.0.0-next.5","svelte-preprocess":"^4.0.0","rollup-plugin-copy":"^3.4.0","require-from-string":"^2.0.2","rollup-plugin-svelte":"^7.1.0","rollup-plugin-terser":"^7.0.2","eslint-plugin-svelte3":"^3.2.0","@babel/runtime-corejs3":"^7.14.9","@rollup/plugin-replace":"^3.0.0","@storybook/addon-links":"^6.5.13","eslint-config-prettier":"^8.1.0","prettier-plugin-svelte":"^2.2.0","@rollup/plugin-commonjs":"^22.0.0","@testing-library/svelte":"^3.0.3","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.5.13","storybook-addon-playroom":"^3.0.2","@typescript-eslint/parser":"^4.19.0","@rollup/plugin-node-resolve":"^13.0.4","@storybook/addon-essentials":"^6.5.13","@storybook/addon-svelte-csf":"^2.0.10","@typescript-eslint/eslint-plugin":"^4.19.0"},"_npmOperationalInternal":{"tmp":"tmp/uikit_0.0.0-experiment.5f2249f_1670483158965_0.02875381792556375","host":"s3://npm-registry-packages"}},"0.0.0-experiment.033ecd5":{"name":"@vouchfor/uikit","version":"0.0.0-experiment.033ecd5","keywords":["embed","design system","vouch-uikit","svelte","uikit"],"author":{"url":"https://vouchau.github.io/vouch-uikit","name":"Vouch Dev Team","email":"hello@vouchfor.com"},"license":"MIT","_id":"@vouchfor/uikit@0.0.0-experiment.033ecd5","maintainers":[{"name":"vouch-tech","email":"brian@vouchfor.com"}],"homepage":"https://vouchau.github.io/vouch-uikit","bugs":{"url":"https://github.com/VouchAU/vouch-uikit/issues"},"dist":{"shasum":"efd728cc4587849c9c1255591ae0733d5578153f","tarball":"https://registry.npmjs.org/@vouchfor/uikit/-/uikit-0.0.0-experiment.033ecd5.tgz","fileCount":287,"integrity":"sha512-fHnr083EEmwSwZPbbw41MsC8OSd8jEJWW40SQzQWnA0qoLm0+h7z/2C9J+YtanyYIU3oLsfz2iLvlywUZClF3Q==","signatures":[{"sig":"MEUCIQC/tvdTT8ol6Er56kOKbXoB5ZNtygq6y5zB8sGGEX3wvwIgew4RYgNoVRhObdQPdrZHOwJ9mpxC4jhxDqnETHqTkvY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":113678125,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjkZ1dACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpwmQ/5ABEVkU/dcuxAl1fqfwN3HKhi4GPT9QjunV1CEoD8VY462uRG\r\nXENBN1cYpf80Ns9Bv7y9YClegSd+vXnhOqAOf4ObMstBUwRc52bBf4IYcEEM\r\n0/9MF2d2A9OKafJ2MXs9upY1ChEZ6qHUnfVY+1Cvd3bG4z4Kf/xPiUwk8/Fa\r\nd3z5pElbiqYTO5Zcp2NbVPc8i/0v/8wS4pH40SSh4LWsDZKi3I08HTlWPO+8\r\n4q5H21LygnJSFx3FJDDjtDqXlIx0tJrg3uihkZ4eUtcTJYh4Q7hZLJAapOhu\r\nkdEs/np1Z//uWRQs6304Cp7VUgfhzjP6IGpw/sr/jgOho0GMeOJQF3OVZkej\r\npt5OBy6FuvOFQ/vjSaXeWTG84BH+tQpI/ieJViWvXqIvkwcwIgLJmWlHIZve\r\n60EzcHjAswDzoICICpANE7hVYG1M+Uxcq7Op03OLRicpd9AJfClQy4zHa8+O\r\niEy2x40etVUyzdP2XRBA+NYbiLfyoa1By5Tkzwg4rM2F2rJl9z4ymxe1B9fi\r\nqkH7lOeh31TmFAapvqhmMf4lvMHwu0zIBng49dpg/9k80YLuPnZulKiK4fMR\r\nIEoIPc2FZOu00gFPdOG+j+Ckr0mP2laJQKTlxRCJabn+AWc89zk8N3VGF3/Q\r\n2JHBJtKGM6AVWL+pY7H3O1iCOuJgFx5gt3E=\r\n=VyTG\r\n-----END PGP SIGNATURE-----\r\n"},"type":"module","types":"types.d.ts","readme":"# Vouch UIKit\n\n- [Get Started](#get-started)\n - [Storybook](#storybook)\n - [Playroom](#playroom)\n - [Build package](#build-package)\n - [Test package locally with vouch-app-mono](#test-package-locally-with-vouch-app)\n - [Testing published package](#test-published-package)\n - [Purge npm cache](#purge-jsdelivr-cache)\n - [Purge specific bundles](#purge-specific-bundlejs)\n- [Releasing](#releasing)\n - [Update vouch-app](#update-vouch-app)\n - [Production release](#prod-release)\n\n# Get Started\n\nEnsure you have node `16` installed on your machine, for example via [nvm](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/TERMINAL.md#install-nvm), run `nvm ls` to check\n\n```bash\nnvm ls 16\n```\n\nyou should see output if you have the version installed\n\n```bash\n-> v16.17.1\n```\n\nensure you have [git ssh](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/GITHUB.md) setup locally before you clone the repo\n\n```bash\ngit clone git@github.com:VouchAU/vouch-uikit-mono.git\n```\n\ninstall dependencies\n\n```bash\ncd vouch-uikit-mono\nyarn\n```\n\n## Storybook\n\nhttps://uikit-storybook.vercel.app\n\nStorybook is hosted on vercel and deployed automatically via **GitHub Action** every time changes are merged back to `main`. Storybook can also be deployed per PR by adding the `deploy storybook` label on the PR.\n\nLocal dev\n\n```bash\nyarn storybook\n```\n\nbuild storybook\n\n```bash\nyarn storybook:build\n```\n\n## Playroom\n\nhttps://uikit-playroom.vercel.app\n\nPlayroom is hosted on vercel and deployed automatically via **GitHub Action** every time changes are merged back to `main`. Playroom is not intended to be used on it's own because we don't get good autocomplete for web components, and playroom cannot render the svelte components natively.\n\nInstead we have created a `Playroom` plugin for storybook that will automatically update the rendered web component when any of the story controls change.\n\nLocal dev\n\n```bash\nyarn playroom\n```\n\nbuild playroom\n\n```bash\nyarn playroom:build\n```\n\n## Build package\n\nBuild `src/lib` production/beta/alpha package, make sure you change `version` in `package.json`.\n\n```sh\ncd packages/uikit\n...\nyarn package # production\n```\n\n## Test package locally with `vouch-app`\n\nOnce you build the `npm` package, you can test locally with `vouch-app` to ensure everything works as expected before publishing to `npm`\n\nAssuming you build a package according [Build package](#build-package), now you can create a symlink to your local package\n\n```sh\ncd package\nyarn link\n```\n\nyou should see this if successfully linked\n\n```sh\nyarn link v1.22.10\nsuccess Registered \"@vouchfor/uikit\".\ninfo You can now run `yarn link \"@vouchfor/uikit\"` in the projects where you want to use this package and it will be used instead.\n✨ Done in 0.04s.\n```\n\ngo to `vouch-app-mono` folder and switch to the branch you want to test against with then link the local package\n\n```sh\ncd vouch-app-mono\ngit checkout VCH-222\nyarn link @vouchfor/uikit\nyarn dev\n```\n\nVoilà, you are testing your feature branch with the local uikit package and don't forget to roll back after testing\n\n```sh\ncd vouch-app\nyarn unlink @vouchfor/uikit\n...\ncd vouch-uikit/package\nyarn unlink\n```\n\n## Test published package\n\nYou can publish an experimental version of the package by adding the `publish rc` label onto your PR. This will use the commit hash and a prerelease version number to publish onto NPM which you can then install into your application for testing.\n\nThis can be important because the published package and the linked package aren't necessarily 100% the same, some functionality is lost during the conversion to web-components:\n- When using a svelte component within another svelte component, you are able to pass $$restProps down to inner DOM elements, this doesn't work when the svelte component is changed into a web-component during build time\n- Using slots is a little weird\n - When using normal svelte components, if you want to style slot contents from the parent component you need to use the `:global(\n
\n```\n\nIn this case, you will need to purge the bundle file specifically by providing absolute path\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/embed/{filename}.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/components/{filename}.bundle.js\n```\n\nfor example,\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/embed/vouch-embed-inline-player.bundle.js\n```\n\n## Unit test\n\n```bash\nyarn test\n```\n\nupdate snapshot\n\n```bash\nyarn test -u\n```\n\n# Releasing\n\nTo make sure we are delivering the highest quality software we can, there is a multi-step review and testing process before we go ahead with any release.\n\n1. Once the feature has been implemented, create a PR and add the `deploy storybook` label to it, once storybook has been deployed send the link to the stakeholder that is in charge of the feature and get them to review.\n - The deployment URL will be added as a comment to the PR once deployed\n2. Use browserstack (credentials in 1password) to cross-browser test the storybook PR deployment using a wide range of operating systems and browser versions\n - TODO: Figure out what is a reasonable set of browsers to test with\n - TODO: Automated tools for cross browser testing using browserstack\n3. Publish the package as a release candidate by adding the `publish rc` label to the PR\n - Once published, install the package into the admin app and test the feature there to make sure your changes are working in situ.\n - Create a PR deployment for the admin app using the release candidate package and get stakeholders to review also.\n4. If there are no issues, bump the package to the appropriate version in the PR, then the PR can be merged into `main` and a regular release can be created using the instructions below\n - TODO: Automate public release\n\n## Update `vouch-app`\n\n`@vouchfor/uikit` is a dependency of the admin app within `vouch-app-mono` and `vouch-app` for embeds and the media player, follow the below steps to publish NPM package and update `package.json` dependency in `vouch-app-mono`.\n\n> Always use semver for version numbering for main releases\n\n- Major: Breaking changes\n- Minor: Feature releases\n- Patch: Hotfixes\n\nBecause we have a few different environments that the embeds may be fetching from (`dev`, `staging` and `prod`) we have added an `env` prop to all of the necessary embeds that allows you to choose the environment at run time. This, along with PR releases, removes the need for an `alpha` and `beta` package release and will allow us to better automate the release process.\n\n### Prod release\n\n> You will need to log in `vouch-tech` on your terminal before publishing, credential is shared via 1Password.\n\n```bash\nnpm login\n```\n\n1. Make sure you are in `packages/uikit` directory\n2. Run `yarn package`\n3. Move to the created `package` folder\n4. Run `npm publish --access public` to publish under the `latest` tag\n\n```bash\ncd packages/uikit\nyarn package\ncd package\nnpm publish --access public\n```\n\nThen, using the same PR in `vouch-app-mono` that you used to test the experimental version, bump to the now latest version and re-test one final time to make sure everything worked as expected.\n\nIf everything works correctly then the PR is ready to be merged, and the CDN cache can be purged to allow for upstream clients using embeds in their apps to receive the new version.\n\n### Post release testing\n\nUse [this](https://codepen.io/aaronuu/pen/poKYJVz) codepen to bump the package version that is downloaded from the CDN and make sure all of the embeds work as expected.","engines":{"node":">=16"},"exports":{"./events":"./events.js","./constants":"./constants.js","./embed/events":{"import":"./embed/events.js","default":"./embed/events.js","require":"./embed/events.cjs"},"./package.json":"./package.json","./internal/theme":"./internal/theme.js","./internal/utils":"./internal/utils.js","./internal/environment":"./internal/environment.js","./components/vouch-menu":{"import":"./components/vouch-menu.js","default":"./components/vouch-menu.js","require":"./components/vouch-menu.cjs"},"./embed/vouch-embed-all":{"import":"./embed/vouch-embed-all.js","default":"./embed/vouch-embed-all.js","require":"./embed/vouch-embed-all.cjs"},"./embed/vouch-embed-card":{"import":"./embed/vouch-embed-card.js","default":"./embed/vouch-embed-card.js","require":"./embed/vouch-embed-card.cjs"},"./components/vouch-button":{"import":"./components/vouch-button.js","default":"./components/vouch-button.js","require":"./components/vouch-button.cjs"},"./embed/vouch-embed-jumbo":{"import":"./embed/vouch-embed-jumbo.js","default":"./embed/vouch-embed-jumbo.js","require":"./embed/vouch-embed-jumbo.cjs"},"./internal/actions/popper":"./internal/actions/popper.js","./internal/hooks/useFetch":"./internal/hooks/useFetch.js","./internal/hooks/useTrack":"./internal/hooks/useTrack.js","./components/vouch-persona":{"import":"./components/vouch-persona.js","default":"./components/vouch-persona.js","require":"./components/vouch-persona.cjs"},"./components/vouch-tooltip":{"import":"./components/vouch-tooltip.js","default":"./components/vouch-tooltip.js","require":"./components/vouch-tooltip.cjs"},"./embed/vouch-embed-button":{"import":"./embed/vouch-embed-button.js","default":"./embed/vouch-embed-button.js","require":"./embed/vouch-embed-button.cjs"},"./components/vouch-recorder":{"import":"./components/vouch-recorder.js","default":"./components/vouch-recorder.js","require":"./components/vouch-recorder.cjs"},"./embed/vouch-embed-popover":{"import":"./embed/vouch-embed-popover.js","default":"./embed/vouch-embed-popover.js","require":"./embed/vouch-embed-popover.cjs"},"./test/internals/utils.spec":"./test/internals/utils.spec.js","./components/vouch-icon-play":{"import":"./components/vouch-icon-play.js","default":"./components/vouch-icon-play.js","require":"./components/vouch-icon-play.cjs"},"./embed/vouch-embed-dialogue":{"import":"./embed/vouch-embed-dialogue.js","default":"./embed/vouch-embed-dialogue.js","require":"./embed/vouch-embed-dialogue.cjs"},"./components/VouchMenu.svelte":"./components/VouchMenu.svelte","./components/vouch-brand-logo":{"import":"./components/vouch-brand-logo.js","default":"./components/vouch-brand-logo.js","require":"./components/vouch-brand-logo.cjs"},"./components/vouch-icon-close":{"import":"./components/vouch-icon-close.js","default":"./components/vouch-icon-close.js","require":"./components/vouch-icon-close.cjs"},"./components/vouch-icon-pause":{"import":"./components/vouch-icon-pause.js","default":"./components/vouch-icon-pause.js","require":"./components/vouch-icon-pause.cjs"},"./components/vouch-media-plyr":{"import":"./components/vouch-media-plyr.js","default":"./components/vouch-media-plyr.js","require":"./components/vouch-media-plyr.cjs"},"./components/vouch-water-mark":{"import":"./components/vouch-water-mark.js","default":"./components/vouch-water-mark.js","require":"./components/vouch-water-mark.cjs"},"./embed/VouchEmbedCard.svelte":"./embed/VouchEmbedCard.svelte","./embed/vouch-embed-thumbnail":{"import":"./embed/vouch-embed-thumbnail.js","default":"./embed/vouch-embed-thumbnail.js","require":"./embed/vouch-embed-thumbnail.cjs"},"./embed/vouch-recorder-button":{"import":"./embed/vouch-recorder-button.js","default":"./embed/vouch-recorder-button.js","require":"./embed/vouch-recorder-button.cjs"},"./components/vouch-graphic-svg":{"import":"./components/vouch-graphic-svg.js","default":"./components/vouch-graphic-svg.js","require":"./components/vouch-graphic-svg.cjs"},"./embed/VouchEmbedJumbo.svelte":"./embed/VouchEmbedJumbo.svelte","./embed/vouch-recorder-preview":{"import":"./embed/vouch-recorder-preview.js","default":"./embed/vouch-recorder-preview.js","require":"./embed/vouch-recorder-preview.cjs"},"./internal/hooks/useFetchEmbed":"./internal/hooks/useFetchEmbed.js","./components/VouchButton.svelte":"./components/VouchButton.svelte","./embed/VouchEmbedButton.svelte":"./embed/VouchEmbedButton.svelte","./components/VouchPersona.svelte":"./components/VouchPersona.svelte","./components/VouchTooltip.svelte":"./components/VouchTooltip.svelte","./components/vouch-volume-slider":{"import":"./components/vouch-volume-slider.js","default":"./components/vouch-volume-slider.js","require":"./components/vouch-volume-slider.cjs"},"./embed/VouchEmbedPopover.svelte":"./embed/VouchEmbedPopover.svelte","./internal/actions/outside-click":"./internal/actions/outside-click.js","./components/VouchIconPlay.svelte":"./components/VouchIconPlay.svelte","./components/VouchRecorder.svelte":"./components/VouchRecorder.svelte","./embed/VouchEmbedDialogue.svelte":"./embed/VouchEmbedDialogue.svelte","./embed/vouch-embed-inline-player":{"import":"./embed/vouch-embed-inline-player.js","default":"./embed/vouch-embed-inline-player.js","require":"./embed/vouch-embed-inline-player.cjs"},"./test/components/VouchIcons.spec":"./test/components/VouchIcons.spec.js","./components/VouchBrandLogo.svelte":"./components/VouchBrandLogo.svelte","./components/VouchIconClose.svelte":"./components/VouchIconClose.svelte","./components/VouchIconPause.svelte":"./components/VouchIconPause.svelte","./components/VouchMediaPlyr.svelte":"./components/VouchMediaPlyr.svelte","./components/VouchWaterMark.svelte":"./components/VouchWaterMark.svelte","./components/vouch-icon-arrow-left":{"import":"./components/vouch-icon-arrow-left.js","default":"./components/vouch-icon-arrow-left.js","require":"./components/vouch-icon-arrow-left.cjs"},"./embed/VouchEmbedThumbnail.svelte":"./embed/VouchEmbedThumbnail.svelte","./embed/VouchRecorderButton.svelte":"./embed/VouchRecorderButton.svelte","./internal/actions/resize-observer":"./internal/actions/resize-observer.js","./components/VouchGraphicSvg.svelte":"./components/VouchGraphicSvg.svelte","./components/vouch-icon-arrow-right":{"import":"./components/vouch-icon-arrow-right.js","default":"./components/vouch-icon-arrow-right.js","require":"./components/vouch-icon-arrow-right.cjs"},"./embed/VouchRecorderPreview.svelte":"./embed/VouchRecorderPreview.svelte","./components/vouch-overlay-play-icon":{"import":"./components/vouch-overlay-play-icon.js","default":"./components/vouch-overlay-play-icon.js","require":"./components/vouch-overlay-play-icon.cjs"},"./components/vouch-progress-scrubber":{"import":"./components/vouch-progress-scrubber.js","default":"./components/vouch-progress-scrubber.js","require":"./components/vouch-progress-scrubber.cjs"},"./test/internals/hooks/useFetch.spec":"./test/internals/hooks/useFetch.spec.js","./test/internals/hooks/useTrack.spec":"./test/internals/hooks/useTrack.spec.js","./components/VouchVolumeSlider.svelte":"./components/VouchVolumeSlider.svelte","./embed/VouchEmbedInlinePlayer.svelte":"./embed/VouchEmbedInlinePlayer.svelte","./test/components/VouchBrandLogo.spec":"./test/components/VouchBrandLogo.spec.js","./test/components/VouchWaterMark.spec":"./test/components/VouchWaterMark.spec.js","./components/VouchIconArrowLeft.svelte":"./components/VouchIconArrowLeft.svelte","./test/components/VouchGraphicSvg.spec":"./test/components/VouchGraphicSvg.spec.js","./components/VouchIconArrowRight.svelte":"./components/VouchIconArrowRight.svelte","./components/VouchOverlayPlayIcon.svelte":"./components/VouchOverlayPlayIcon.svelte","./components/VouchProgressScrubber.svelte":"./components/VouchProgressScrubber.svelte","./test/internals/hooks/useFetchEmbed.spec":"./test/internals/hooks/useFetchEmbed.spec.js"},"gitHead":"033ecd5f76398da065a1de3db6ba03d43670d278","_npmUser":{"name":"vouch-tech","email":"brian@vouchfor.com"},"repository":{"url":"git+https://github.com/VouchAU/vouch-uikit.git","type":"git"},"_npmVersion":"8.19.2","description":"Vouch Svelte UIKit","directories":{},"lint-staged":{"*.{js,svelte}":"yarn lint"},"_nodeVersion":"16.18.1","dependencies":{"flat":"^5.0.2","plyr":"^3.7.2","cookie":"^0.4.1","hls.js":"^1.1.5","core-js":"^3.16.3","postcss":"^7","@vime/core":"^5.3.1","tailwindcss":"npm:@tailwindcss/postcss7-compat","@lukeed/uuid":"^2.0.0","autoprefixer":"^9","whatwg-fetch":"^3.6.2","patch-package":"^6.5.0","@popperjs/core":"^2.11.6","@fontsource/fira-mono":"^4.2.2","postinstall-postinstall":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^27.0.6","path":"^0.12.7","vite":"^3.1.8","react":"^18.2.0","tslib":"^2.0.0","dotenv":"^10.0.0","eslint":"^7.22.0","rollup":"^2.55.1","svelte":"^3.34.0","webpack":"^5.74.0","playroom":"0.28.0","prettier":"~2.2.1","react-dom":"^18.2.0","ts-loader":"^9.4.1","@percy/cli":"^1.15.0","babel-jest":"^27.0.6","base64-url":"^2.3.3","dotenv-cli":"^6.0.0","svelte2tsx":"^0.4.3","typescript":"^4.8.4","@babel/core":"^7.14.8","@types/jest":"^26.0.24","lint-staged":"^12.4.1","babel-loader":"^8.2.5","svelte-check":"^2.0.0","@sveltejs/kit":"next","@types/cookie":"^0.4.0","@types/hls.js":"^1.0.0","svelte-jester":"^1.8.1","svelte-loader":"^3.1.2","@percy/storybook":"^4.3.4","@storybook/react":"^6.5.13","@babel/preset-env":"^7.14.9","@storybook/svelte":"^6.5.13","@sveltejs/package":"^1.0.0-next.5","svelte-preprocess":"^4.0.0","rollup-plugin-copy":"^3.4.0","require-from-string":"^2.0.2","rollup-plugin-svelte":"^7.1.0","rollup-plugin-terser":"^7.0.2","eslint-plugin-svelte3":"^3.2.0","@babel/runtime-corejs3":"^7.14.9","@rollup/plugin-replace":"^3.0.0","@storybook/addon-links":"^6.5.13","eslint-config-prettier":"^8.1.0","prettier-plugin-svelte":"^2.2.0","@rollup/plugin-commonjs":"^22.0.0","@testing-library/svelte":"^3.0.3","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.5.13","storybook-addon-playroom":"^3.0.2","@typescript-eslint/parser":"^4.19.0","@rollup/plugin-node-resolve":"^13.0.4","@storybook/addon-essentials":"^6.5.13","@storybook/addon-svelte-csf":"^2.0.10","@typescript-eslint/eslint-plugin":"^4.19.0"},"_npmOperationalInternal":{"tmp":"tmp/uikit_0.0.0-experiment.033ecd5_1670487389281_0.25651147876133074","host":"s3://npm-registry-packages"}},"0.0.0-experiment.fc50eb5":{"name":"@vouchfor/uikit","version":"0.0.0-experiment.fc50eb5","keywords":["embed","design system","vouch-uikit","svelte","uikit"],"author":{"url":"https://vouchau.github.io/vouch-uikit","name":"Vouch Dev Team","email":"hello@vouchfor.com"},"license":"MIT","_id":"@vouchfor/uikit@0.0.0-experiment.fc50eb5","maintainers":[{"name":"vouch-tech","email":"brian@vouchfor.com"}],"homepage":"https://vouchau.github.io/vouch-uikit","bugs":{"url":"https://github.com/VouchAU/vouch-uikit/issues"},"dist":{"shasum":"20b6fea8764927dfae388a60cbadd4694ad0bddf","tarball":"https://registry.npmjs.org/@vouchfor/uikit/-/uikit-0.0.0-experiment.fc50eb5.tgz","fileCount":231,"integrity":"sha512-rmm7rTzTiFBRdHKJ09w1KktxxUWu0f2FLyR8EMy+aVnyfe8tWuJZncmufivNgngTMvTHrQctcRRQY3gR7qANYA==","signatures":[{"sig":"MEUCIQC8VaJOB7Gme9CF6vtH7Rae3mJkBhu1Im+BNyyXTgg/UAIgO5qFYso7d+CTgOBFMZTF7dQFTz/qPbl2/2WWnbtmo7o=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":102393010,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjkn94ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqe3Q/+KKBiJHl8S94sGIzeNSTSPsFB5QEPZyKk4+UxMxvVx684Q9xj\r\nFnulBV8aWSDLQsZ3fB5RAPg0u4o4oiVh/N73oVWJUMyyQj0s1/37WYpUjQ6c\r\nIpKCgI88mo/PfeN5WIzw+JpiCeHTgKRrlnOeQboitO2yrdZNevfHGsERVib1\r\nfcDApHYl0/tcGJAxI9LPG1daNcgUXV5dDCmt8wXsnFi4bW00pcWA4DKbd9yM\r\nTGibEporM1Pq/CdWFA80bfoixUHvRfe+ecbSXHXZwItyWrr05xgzWmJjcNY/\r\nsBodSZEjHkYLcQlkqt3pO4K96iDrw2wj71VG2mbHK5N3Y4jkPDlAxKtLbp1Q\r\njtcWZqNTIp/0Y2aTnx2tV7WYcuU788aqDeKX0EMsAtk0GEHMl35X5Al1hS0R\r\nyOFDtBibiWVhPYaBmfURadH3TSrAgmLH5ne7muclBSB9AQOepgtLygZoVCPF\r\nvMCCquLl1yVa+4b6WvBZx6YZM0M0/AeD8UpPrd/HjxKE8IFa20NtVNMQ9pvW\r\ni2cmgIb0eWTxVbsfAcf6GJfxDf3XDzi/sAPr0Bx8jffdlGOyphdBg05Ar6FE\r\nTNbwRzyFfB2lGlgQgLsNcw94Y/Q8AlSsBcd1SgjslR3n/LoLJd6b1n5AVl9x\r\nkAA97jUFGyw3IoGHqwehcElLFIQmcvlAZC0=\r\n=TrS3\r\n-----END PGP SIGNATURE-----\r\n"},"type":"module","types":"types.d.ts","readme":"# Vouch UIKit\n\n- [Get Started](#get-started)\n - [Storybook](#storybook)\n - [Playroom](#playroom)\n - [Build package](#build-package)\n - [Test package locally with vouch-app-mono](#test-package-locally-with-vouch-app)\n - [Testing published package](#test-published-package)\n - [Purge npm cache](#purge-jsdelivr-cache)\n - [Purge specific bundles](#purge-specific-bundlejs)\n- [Releasing](#releasing)\n - [Update vouch-app](#update-vouch-app)\n - [Production release](#prod-release)\n\n# Get Started\n\nEnsure you have node `16` installed on your machine, for example via [nvm](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/TERMINAL.md#install-nvm), run `nvm ls` to check\n\n```bash\nnvm ls 16\n```\n\nyou should see output if you have the version installed\n\n```bash\n-> v16.17.1\n```\n\nensure you have [git ssh](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/GITHUB.md) setup locally before you clone the repo\n\n```bash\ngit clone git@github.com:VouchAU/vouch-uikit-mono.git\n```\n\ninstall dependencies\n\n```bash\ncd vouch-uikit-mono\nyarn\n```\n\n## Storybook\n\nhttps://uikit-storybook.vercel.app\n\nStorybook is hosted on vercel and deployed automatically via **GitHub Action** every time changes are merged back to `main`. Storybook can also be deployed per PR by adding the `deploy storybook` label on the PR.\n\nLocal dev\n\n```bash\nyarn storybook\n```\n\nbuild storybook\n\n```bash\nyarn storybook:build\n```\n\n## Playroom\n\nhttps://uikit-playroom.vercel.app\n\nPlayroom is hosted on vercel and deployed automatically via **GitHub Action** every time changes are merged back to `main`. Playroom is not intended to be used on it's own because we don't get good autocomplete for web components, and playroom cannot render the svelte components natively.\n\nInstead we have created a `Playroom` plugin for storybook that will automatically update the rendered web component when any of the story controls change.\n\nLocal dev\n\n```bash\nyarn playroom\n```\n\nbuild playroom\n\n```bash\nyarn playroom:build\n```\n\n## Build package\n\nBuild `src/lib` production/beta/alpha package, make sure you change `version` in `package.json` for three different build tags.\n\n```sh\ncd packages/uikit\n...\nyarn package # production\n```\n\n## Test package locally with `vouch-app`\n\nOnce you build the `npm` package, you can test locally with `vouch-app` to ensure everything works as expected before publishing to `npm`\n\nAssuming you build a package according [Build package](#build-package), now you can create a symlink to your local package\n\n```sh\ncd package\nyarn link\n```\n\nyou should see this if successfully linked\n\n```sh\nyarn link v1.22.10\nsuccess Registered \"@vouchfor/uikit\".\ninfo You can now run `yarn link \"@vouchfor/uikit\"` in the projects where you want to use this package and it will be used instead.\n✨ Done in 0.04s.\n```\n\ngo to `vouch-app-mono` folder and switch to the branch you want to test against with then link the local package\n\n```sh\ncd vouch-app-mono\ngit checkout VCH-222\nyarn link @vouchfor/uikit\nyarn dev\n```\n\nVoilà, you are testing your feature branch with the local uikit package and don't forget to roll back after testing\n\n```sh\ncd vouch-app\nyarn unlink @vouchfor/uikit\n...\ncd vouch-uikit/package\nyarn unlink\n```\n\n## Test published package\n\nYou can publish an experimental version of the package by adding the `publish rc` label onto your PR. This will use the commit hash and a prerelease version number to publish onto NPM which you can then install into your application for testing.\n\nThis can be important because the published package and the linked package aren't necessarily 100% the same, some functionality is lost during the conversion to web-components:\n- When using a svelte component within another svelte component, you are able to pass $$restProps down to inner DOM elements, this doesn't work when the svelte component is changed into a web-component during build time\n\n## Purge `jsdelivr` cache\n\n`@vouchfor/uikit` is most likely consumed by the `latest` **tag**, not version number to ensure clients can always get the latest updates. [jsdelivr](https://cdn.jsdelivr.net/) default has 7 days cache for `tag`, so we need to purge it to reflect new version number.\n\n- Check current tag version number\n\n - [Click to check Production](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n- Purge cache\n - **_Danger_** [Click to purge Production](https://purge.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n### Purge specific bundle.js\n\nOur embed code snippet `src` attribute currently refers to a specific embed bundle js , for example\n\n```html\n\n
\n```\n\nIn this case, you will need to purge the bundle file specifically by providing absolute path\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/embed/{filename}.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/components/{filename}.bundle.js\n```\n\nfor example,\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/embed/vouch-embed-inline-player.bundle.js\n```\n\n## Unit test\n\n```bash\nyarn test\n```\n\nupdate snapshot\n\n```bash\nyarn test -u\n```\n\n# Releasing\n\nTo make sure we are delivering the highest quality software we can, there is a multi-step review and testing process before we go ahead with any release.\n\n1. Once the feature has been implemented, create a PR and add the `deploy storybook` label to it, once storybook has been deployed send the link to the stakeholder that is in charge of the feature and get them to review.\n - The deployment URL will be added as a comment to the PR once deployed\n2. Use browserstack (credentials in 1password) to cross-browser test the storybook PR deployment using a wide range of operating systems and browser versions\n - TODO: Figure out what is a reasonable set of browsers to test with\n - TODO: Automated tools for cross browser testing using browserstack\n3. Publish the package as a release candidate by adding the `publish rc` label to the PR\n - Once published, install the package into the admin app and test the feature there to make sure your changes are working in situ.\n - Create a PR deployment for the admin app using the release candidate package and get stakeholders to review also.\n4. If there are no issues, the PR can be merged into `main` and a regular release can be created using the instructions below\n - TODO: Automate public release\n\n## Update `vouch-app`\n\n`@vouchfor/uikit` is a dependency of the admin app within `vouch-app-mono` and `vouch-app` for embeds and the media player, follow the below steps to publish NPM package and update `package.json` dependency in `vouch-app-mono`.\n\n> Always use semver for version numbering for main releases\n\n- Major: Breaking changes\n- Minor: Feature releases\n- Patch: Hotfixes\n\nBecause we have a few different environments that the embeds may be fetching from (`dev`, `staging` and `prod`) we have added an `env` prop to all of the necessary embeds that allows you to choose the environment at run time. This, along with PR releases, removes the need for an `alpha` and `beta` package release and will allow us to better automate the release process.\n\n### Prod release\n\n> You will need to log in `vouch-tech` on your terminal before publishing, credential is shared via 1Password.\n\n```bash\nnpm login\n```\n\n1. Bump package version\n2. Make sure you are in `packages/uikit` directory\n3. Run `yarn package`\n4. Move to the created `package` folder\n5. Run `npm publish --access public` to publish under the `latest` tag\n\n```bash\nnpm version Vouch UIKit\n\n- [Get Started](#get-started)\n - [Storybook](#storybook)\n - [Playroom](#playroom)\n - [Build package](#build-package)\n - [Test package locally with vouch-app-mono](#test-package-locally-with-vouch-app)\n - [Testing published package](#test-published-package)\n - [Purge npm cache](#purge-jsdelivr-cache)\n - [Purge specific bundles](#purge-specific-bundlejs)\n- [Releasing](#releasing)\n - [Update vouch-app](#update-vouch-app)\n - [Production release](#prod-release)\n\n# Get Started\n\nEnsure you have node `16` installed on your machine, for example via [nvm](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/TERMINAL.md#install-nvm), run `nvm ls` to check\n\n```bash\nnvm ls 16\n```\n\nyou should see output if you have the version installed\n\n```bash\n-> v16.17.1\n```\n\nensure you have [git ssh](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/GITHUB.md) setup locally before you clone the repo\n\n```bash\ngit clone git@github.com:VouchAU/vouch-uikit-mono.git\n```\n\ninstall dependencies\n\n```bash\ncd vouch-uikit-mono\nyarn\n```\n\n## Storybook\n\nhttps://uikit-storybook.vercel.app\n\nStorybook is hosted on vercel and deployed automatically via **GitHub Action** every time changes are merged back to `main`. Storybook can also be deployed per PR by adding the `deploy storybook` label on the PR.\n\nLocal dev\n\n```bash\nyarn storybook\n```\n\nbuild storybook\n\n```bash\nyarn storybook:build\n```\n\n## Playroom\n\nhttps://uikit-playroom.vercel.app\n\nPlayroom is hosted on vercel and deployed automatically via **GitHub Action** every time changes are merged back to `main`. Playroom is not intended to be used on it's own because we don't get good autocomplete for web components, and playroom cannot render the svelte components natively.\n\nInstead we have created a `Playroom` plugin for storybook that will automatically update the rendered web component when any of the story controls change.\n\nLocal dev\n\n```bash\nyarn playroom\n```\n\nbuild playroom\n\n```bash\nyarn playroom:build\n```\n\n## Build package\n\nBuild `src/lib` production/beta/alpha package, make sure you change `version` in `package.json` for three different build tags.\n\n```sh\ncd packages/uikit\n...\nyarn package # production\n```\n\n## Test package locally with `vouch-app`\n\nOnce you build the `npm` package, you can test locally with `vouch-app` to ensure everything works as expected before publishing to `npm`\n\nAssuming you build a package according [Build package](#build-package), now you can create a symlink to your local package\n\n```sh\ncd package\nyarn link\n```\n\nyou should see this if successfully linked\n\n```sh\nyarn link v1.22.10\nsuccess Registered \"@vouchfor/uikit\".\ninfo You can now run `yarn link \"@vouchfor/uikit\"` in the projects where you want to use this package and it will be used instead.\n✨ Done in 0.04s.\n```\n\ngo to `vouch-app-mono` folder and switch to the branch you want to test against with then link the local package\n\n```sh\ncd vouch-app-mono\ngit checkout VCH-222\nyarn link @vouchfor/uikit\nyarn dev\n```\n\nVoilà, you are testing your feature branch with the local uikit package and don't forget to roll back after testing\n\n```sh\ncd vouch-app\nyarn unlink @vouchfor/uikit\n...\ncd vouch-uikit/package\nyarn unlink\n```\n\n## Test published package\n\nYou can publish an experimental version of the package by adding the `publish rc` label onto your PR. This will use the commit hash and a prerelease version number to publish onto NPM which you can then install into your application for testing.\n\nThis can be important because the published package and the linked package aren't necessarily 100% the same, some functionality is lost during the conversion to web-components:\n- When using a svelte component within another svelte component, you are able to pass $$restProps down to inner DOM elements, this doesn't work when the svelte component is changed into a web-component during build time\n\n## Purge `jsdelivr` cache\n\n`@vouchfor/uikit` is most likely consumed by the `latest` **tag**, not version number to ensure clients can always get the latest updates. [jsdelivr](https://cdn.jsdelivr.net/) default has 7 days cache for `tag`, so we need to purge it to reflect new version number.\n\n- Check current tag version number\n\n - [Click to check Production](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n- Purge cache\n - **_Danger_** [Click to purge Production](https://purge.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n### Purge specific bundle.js\n\nOur embed code snippet `src` attribute currently refers to a specific embed bundle js , for example\n\n```html\n\n
\n```\n\nIn this case, you will need to purge the bundle file specifically by providing absolute path\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/embed/{filename}.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/components/{filename}.bundle.js\n```\n\nfor example,\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/embed/vouch-embed-inline-player.bundle.js\n```\n\n## Unit test\n\n```bash\nyarn test\n```\n\nupdate snapshot\n\n```bash\nyarn test -u\n```\n\n# Releasing\n\nTo make sure we are delivering the highest quality software we can, there is a multi-step review and testing process before we go ahead with any release.\n\n1. Once the feature has been implemented, create a PR and add the `deploy storybook` label to it, once storybook has been deployed send the link to the stakeholder that is in charge of the feature and get them to review.\n - The deployment URL will be added as a comment to the PR once deployed\n2. Use browserstack (credentials in 1password) to cross-browser test the storybook PR deployment using a wide range of operating systems and browser versions\n - TODO: Figure out what is a reasonable set of browsers to test with\n - TODO: Automated tools for cross browser testing using browserstack\n3. Publish the package as a release candidate by adding the `publish rc` label to the PR\n - Once published, install the package into the admin app and test the feature there to make sure your changes are working in situ.\n - Create a PR deployment for the admin app using the release candidate package and get stakeholders to review also.\n4. If there are no issues, the PR can be merged into `main` and a regular release can be created using the instructions below\n - TODO: Automate public release\n\n## Update `vouch-app`\n\n`@vouchfor/uikit` is a dependency of the admin app within `vouch-app-mono` and `vouch-app` for embeds and the media player, follow the below steps to publish NPM package and update `package.json` dependency in `vouch-app-mono`.\n\n> Always use semver for version numbering for main releases\n\n- Major: Breaking changes\n- Minor: Feature releases\n- Patch: Hotfixes\n\nBecause we have a few different environments that the embeds may be fetching from (`dev`, `staging` and `prod`) we have added an `env` prop to all of the necessary embeds that allows you to choose the environment at run time. This, along with PR releases, removes the need for an `alpha` and `beta` package release and will allow us to better automate the release process.\n\n### Prod release\n\n> You will need to log in `vouch-tech` on your terminal before publishing, credential is shared via 1Password.\n\n```bash\nnpm login\n```\n\n1. Bump package version\n2. Make sure you are in `packages/uikit` directory\n3. Run `yarn package`\n4. Move to the created `package` folder\n5. Run `npm publish --access public` to publish under the `latest` tag\n\n```bash\nnpm version Vouch UIKit\n\n- [Get Started](#get-started)\n - [Storybook](#storybook)\n - [Playroom](#playroom)\n - [Build package](#build-package)\n - [Test package locally with vouch-app-mono](#test-package-locally-with-vouch-app)\n - [Testing published package](#test-published-package)\n - [Purge npm cache](#purge-jsdelivr-cache)\n - [Purge specific bundles](#purge-specific-bundlejs)\n- [Releasing](#releasing)\n - [Update vouch-app](#update-vouch-app)\n - [Production release](#prod-release)\n\n# Get Started\n\nEnsure you have node `16` installed on your machine, for example via [nvm](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/TERMINAL.md#install-nvm), run `nvm ls` to check\n\n```bash\nnvm ls 16\n```\n\nyou should see output if you have the version installed\n\n```bash\n-> v16.17.1\n```\n\nensure you have [git ssh](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/GITHUB.md) setup locally before you clone the repo\n\n```bash\ngit clone git@github.com:VouchAU/vouch-uikit-mono.git\n```\n\ninstall dependencies\n\n```bash\ncd vouch-uikit-mono\nyarn\n```\n\n## Storybook\n\nhttps://uikit-storybook.vercel.app\n\nStorybook is hosted on vercel and deployed automatically via **GitHub Action** every time changes are merged back to `main`. Storybook can also be deployed per PR by adding the `deploy storybook` label on the PR.\n\nLocal dev\n\n```bash\nyarn storybook\n```\n\nbuild storybook\n\n```bash\nyarn storybook:build\n```\n\n## Playroom\n\nhttps://uikit-playroom.vercel.app\n\nPlayroom is hosted on vercel and deployed automatically via **GitHub Action** every time changes are merged back to `main`. Playroom is not intended to be used on it's own because we don't get good autocomplete for web components, and playroom cannot render the svelte components natively.\n\nInstead we have created a `Playroom` plugin for storybook that will automatically update the rendered web component when any of the story controls change.\n\nLocal dev\n\n```bash\nyarn playroom\n```\n\nbuild playroom\n\n```bash\nyarn playroom:build\n```\n\n## Build package\n\nBuild `src/lib` production/beta/alpha package, make sure you change `version` in `package.json` for three different build tags.\n\n```sh\ncd packages/uikit\n...\nyarn package # production\n```\n\n## Test package locally with `vouch-app`\n\nOnce you build the `npm` package, you can test locally with `vouch-app` to ensure everything works as expected before publishing to `npm`\n\nAssuming you build a package according [Build package](#build-package), now you can create a symlink to your local package\n\n```sh\ncd package\nyarn link\n```\n\nyou should see this if successfully linked\n\n```sh\nyarn link v1.22.10\nsuccess Registered \"@vouchfor/uikit\".\ninfo You can now run `yarn link \"@vouchfor/uikit\"` in the projects where you want to use this package and it will be used instead.\n✨ Done in 0.04s.\n```\n\ngo to `vouch-app-mono` folder and switch to the branch you want to test against with then link the local package\n\n```sh\ncd vouch-app-mono\ngit checkout VCH-222\nyarn link @vouchfor/uikit\nyarn dev\n```\n\nVoilà, you are testing your feature branch with the local uikit package and don't forget to roll back after testing\n\n```sh\ncd vouch-app\nyarn unlink @vouchfor/uikit\n...\ncd vouch-uikit/package\nyarn unlink\n```\n\n## Test published package\n\nYou can publish an experimental version of the package by adding the `publish rc` label onto your PR. This will use the commit hash and a prerelease version number to publish onto NPM which you can then install into your application for testing.\n\nThis can be important because the published package and the linked package aren't necessarily 100% the same, some functionality is lost during the conversion to web-components:\n- When using a svelte component within another svelte component, you are able to pass $$restProps down to inner DOM elements, this doesn't work when the svelte component is changed into a web-component during build time\n\n## Purge `jsdelivr` cache\n\n`@vouchfor/uikit` is most likely consumed by the `latest` **tag**, not version number to ensure clients can always get the latest updates. [jsdelivr](https://cdn.jsdelivr.net/) default has 7 days cache for `tag`, so we need to purge it to reflect new version number.\n\n- Check current tag version number\n\n - [Click to check Production](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n- Purge cache\n - **_Danger_** [Click to purge Production](https://purge.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n### Purge specific bundle.js\n\nOur embed code snippet `src` attribute currently refers to a specific embed bundle js , for example\n\n```html\n\n
\n```\n\nIn this case, you will need to purge the bundle file specifically by providing absolute path\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/embed/{filename}.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/components/{filename}.bundle.js\n```\n\nfor example,\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/embed/vouch-embed-inline-player.bundle.js\n```\n\n## Unit test\n\n```bash\nyarn test\n```\n\nupdate snapshot\n\n```bash\nyarn test -u\n```\n\n# Releasing\n\nTo make sure we are delivering the highest quality software we can, there is a multi-step review and testing process before we go ahead with any release.\n\n1. Once the feature has been implemented, create a PR and add the `deploy storybook` label to it, once storybook has been deployed send the link to the stakeholder that is in charge of the feature and get them to review.\n - The deployment URL will be added as a comment to the PR once deployed\n2. Use browserstack (credentials in 1password) to cross-browser test the storybook PR deployment using a wide range of operating systems and browser versions\n - TODO: Figure out what is a reasonable set of browsers to test with\n - TODO: Automated tools for cross browser testing using browserstack\n3. Publish the package as a release candidate by adding the `publish rc` label to the PR\n - Once published, install the package into the admin app and test the feature there to make sure your changes are working in situ.\n - Create a PR deployment for the admin app using the release candidate package and get stakeholders to review also.\n4. If there are no issues, the PR can be merged into `main` and a regular release can be created using the instructions below\n - TODO: Automate public release\n\n## Update `vouch-app`\n\n`@vouchfor/uikit` is a dependency of the admin app within `vouch-app-mono` and `vouch-app` for embeds and the media player, follow the below steps to publish NPM package and update `package.json` dependency in `vouch-app-mono`.\n\n> Always use semver for version numbering for main releases\n\n- Major: Breaking changes\n- Minor: Feature releases\n- Patch: Hotfixes\n\nBecause we have a few different environments that the embeds may be fetching from (`dev`, `staging` and `prod`) we have added an `env` prop to all of the necessary embeds that allows you to choose the environment at run time. This, along with PR releases, removes the need for an `alpha` and `beta` package release and will allow us to better automate the release process.\n\n### Prod release\n\n> You will need to log in `vouch-tech` on your terminal before publishing, credential is shared via 1Password.\n\n```bash\nnpm login\n```\n\n1. Bump package version\n2. Make sure you are in `packages/uikit` directory\n3. Run `yarn package`\n4. Move to the created `package` folder\n5. Run `npm publish --access public` to publish under the `latest` tag\n\n```bash\nnpm version Vouch UIKit\n\n- [Get Started](#get-started)\n - [Storybook](#storybook)\n - [Playroom](#playroom)\n - [Build package](#build-package)\n - [Test package locally with vouch-app-mono](#test-package-locally-with-vouch-app)\n - [Testing published package](#test-published-package)\n - [Purge npm cache](#purge-jsdelivr-cache)\n - [Purge specific bundles](#purge-specific-bundlejs)\n- [Releasing](#releasing)\n - [Update vouch-app](#update-vouch-app)\n - [Production release](#prod-release)\n\n# Get Started\n\nEnsure you have node `16` installed on your machine, for example via [nvm](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/TERMINAL.md#install-nvm), run `nvm ls` to check\n\n```bash\nnvm ls 16\n```\n\nyou should see output if you have the version installed\n\n```bash\n-> v16.17.1\n```\n\nensure you have [git ssh](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/GITHUB.md) setup locally before you clone the repo\n\n```bash\ngit clone git@github.com:VouchAU/vouch-uikit-mono.git\n```\n\ninstall dependencies\n\n```bash\ncd vouch-uikit-mono\nyarn\n```\n\n## Storybook\n\nhttps://uikit-storybook.vercel.app\n\nStorybook is hosted on vercel and deployed automatically via **GitHub Action** every time changes are merged back to `main`. Storybook can also be deployed per PR by adding the `deploy storybook` label on the PR.\n\nLocal dev\n\n```bash\nyarn storybook\n```\n\nbuild storybook\n\n```bash\nyarn storybook:build\n```\n\n## Playroom\n\nhttps://uikit-playroom.vercel.app\n\nPlayroom is hosted on vercel and deployed automatically via **GitHub Action** every time changes are merged back to `main`. Playroom is not intended to be used on it's own because we don't get good autocomplete for web components, and playroom cannot render the svelte components natively.\n\nInstead we have created a `Playroom` plugin for storybook that will automatically update the rendered web component when any of the story controls change.\n\nLocal dev\n\n```bash\nyarn playroom\n```\n\nbuild playroom\n\n```bash\nyarn playroom:build\n```\n\n## Build package\n\nBuild `src/lib` production/beta/alpha package, make sure you change `version` in `package.json` for three different build tags.\n\n```sh\ncd packages/uikit\n...\nyarn package # production\n```\n\n## Test package locally with `vouch-app`\n\nOnce you build the `npm` package, you can test locally with `vouch-app` to ensure everything works as expected before publishing to `npm`\n\nAssuming you build a package according [Build package](#build-package), now you can create a symlink to your local package\n\n```sh\ncd package\nyarn link\n```\n\nyou should see this if successfully linked\n\n```sh\nyarn link v1.22.10\nsuccess Registered \"@vouchfor/uikit\".\ninfo You can now run `yarn link \"@vouchfor/uikit\"` in the projects where you want to use this package and it will be used instead.\n✨ Done in 0.04s.\n```\n\ngo to `vouch-app-mono` folder and switch to the branch you want to test against with then link the local package\n\n```sh\ncd vouch-app-mono\ngit checkout VCH-222\nyarn link @vouchfor/uikit\nyarn dev\n```\n\nVoilà, you are testing your feature branch with the local uikit package and don't forget to roll back after testing\n\n```sh\ncd vouch-app\nyarn unlink @vouchfor/uikit\n...\ncd vouch-uikit/package\nyarn unlink\n```\n\n## Test published package\n\nYou can publish an experimental version of the package by adding the `publish rc` label onto your PR. This will use the commit hash and a prerelease version number to publish onto NPM which you can then install into your application for testing.\n\nThis can be important because the published package and the linked package aren't necessarily 100% the same, some functionality is lost during the conversion to web-components:\n- When using a svelte component within another svelte component, you are able to pass $$restProps down to inner DOM elements, this doesn't work when the svelte component is changed into a web-component during build time\n\n## Purge `jsdelivr` cache\n\n`@vouchfor/uikit` is most likely consumed by the `latest` **tag**, not version number to ensure clients can always get the latest updates. [jsdelivr](https://cdn.jsdelivr.net/) default has 7 days cache for `tag`, so we need to purge it to reflect new version number.\n\n- Check current tag version number\n\n - [Click to check Production](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n- Purge cache\n - **_Danger_** [Click to purge Production](https://purge.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n### Purge specific bundle.js\n\nOur embed code snippet `src` attribute currently refers to a specific embed bundle js , for example\n\n```html\n\n
\n```\n\nIn this case, you will need to purge the bundle file specifically by providing absolute path\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/embed/{filename}.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/components/{filename}.bundle.js\n```\n\nfor example,\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/embed/vouch-embed-inline-player.bundle.js\n```\n\n## Unit test\n\n```bash\nyarn test\n```\n\nupdate snapshot\n\n```bash\nyarn test -u\n```\n\n# Releasing\n\nTo make sure we are delivering the highest quality software we can, there is a multi-step review and testing process before we go ahead with any release.\n\n1. Once the feature has been implemented, create a PR and add the `deploy storybook` label to it, once storybook has been deployed send the link to the stakeholder that is in charge of the feature and get them to review.\n - The deployment URL will be added as a comment to the PR once deployed\n2. Use browserstack (credentials in 1password) to cross-browser test the storybook PR deployment using a wide range of operating systems and browser versions\n - TODO: Figure out what is a reasonable set of browsers to test with\n - TODO: Automated tools for cross browser testing using browserstack\n3. Publish the package as a release candidate by adding the `publish rc` label to the PR\n - Once published, install the package into the admin app and test the feature there to make sure your changes are working in situ.\n - Create a PR deployment for the admin app using the release candidate package and get stakeholders to review also.\n4. If there are no issues, the PR can be merged into `main` and a regular release can be created using the instructions below\n - TODO: Automate public release\n\n## Update `vouch-app`\n\n`@vouchfor/uikit` is a dependency of the admin app within `vouch-app-mono` and `vouch-app` for embeds and the media player, follow the below steps to publish NPM package and update `package.json` dependency in `vouch-app-mono`.\n\n> Always use semver for version numbering for main releases\n\n- Major: Breaking changes\n- Minor: Feature releases\n- Patch: Hotfixes\n\nBecause we have a few different environments that the embeds may be fetching from (`dev`, `staging` and `prod`) we have added an `env` prop to all of the necessary embeds that allows you to choose the environment at run time. This, along with PR releases, removes the need for an `alpha` and `beta` package release and will allow us to better automate the release process.\n\n### Prod release\n\n> You will need to log in `vouch-tech` on your terminal before publishing, credential is shared via 1Password.\n\n```bash\nnpm login\n```\n\n1. Bump package version\n2. Make sure you are in `packages/uikit` directory\n3. Run `yarn package`\n4. Move to the created `package` folder\n5. Run `npm publish --access public` to publish under the `latest` tag\n\n```bash\nnpm version Vouch UIKit\n\n- [Get Started](#get-started)\n - [Storybook](#storybook)\n - [Playroom](#playroom)\n - [Build package](#build-package)\n - [Test package locally with vouch-app-mono](#test-package-locally-with-vouch-app)\n - [Testing published package](#test-published-package)\n - [Purge npm cache](#purge-jsdelivr-cache)\n - [Purge specific bundles](#purge-specific-bundlejs)\n- [Releasing](#releasing)\n - [Update vouch-app](#update-vouch-app)\n - [Production release](#prod-release)\n\n# Get Started\n\nEnsure you have node `16` installed on your machine, for example via [nvm](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/TERMINAL.md#install-nvm), run `nvm ls` to check\n\n```bash\nnvm ls 16\n```\n\nyou should see output if you have the version installed\n\n```bash\n-> v16.17.1\n```\n\nensure you have [git ssh](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/GITHUB.md) setup locally before you clone the repo\n\n```bash\ngit clone git@github.com:VouchAU/vouch-uikit-mono.git\n```\n\ninstall dependencies\n\n```bash\ncd vouch-uikit-mono\nyarn\n```\n\n## Storybook\n\nhttps://uikit-storybook.vercel.app\n\nStorybook is hosted on vercel and deployed automatically via **GitHub Action** every time changes are merged back to `main`. Storybook can also be deployed per PR by adding the `deploy storybook` label on the PR.\n\nLocal dev\n\n```bash\nyarn storybook\n```\n\nbuild storybook\n\n```bash\nyarn storybook:build\n```\n\n## Playroom\n\nhttps://uikit-playroom.vercel.app\n\nPlayroom is hosted on vercel and deployed automatically via **GitHub Action** every time changes are merged back to `main`. Playroom is not intended to be used on it's own because we don't get good autocomplete for web components, and playroom cannot render the svelte components natively.\n\nInstead we have created a `Playroom` plugin for storybook that will automatically update the rendered web component when any of the story controls change.\n\nLocal dev\n\n```bash\nyarn playroom\n```\n\nbuild playroom\n\n```bash\nyarn playroom:build\n```\n\n## Build package\n\nBuild `src/lib` production/beta/alpha package, make sure you change `version` in `package.json`.\n\n```sh\ncd packages/uikit\n...\nyarn package # production\n```\n\n## Test package locally with `vouch-app`\n\nOnce you build the `npm` package, you can test locally with `vouch-app` to ensure everything works as expected before publishing to `npm`\n\nAssuming you build a package according [Build package](#build-package), now you can create a symlink to your local package\n\n```sh\ncd package\nyarn link\n```\n\nyou should see this if successfully linked\n\n```sh\nyarn link v1.22.10\nsuccess Registered \"@vouchfor/uikit\".\ninfo You can now run `yarn link \"@vouchfor/uikit\"` in the projects where you want to use this package and it will be used instead.\n✨ Done in 0.04s.\n```\n\ngo to `vouch-app-mono` folder and switch to the branch you want to test against with then link the local package\n\n```sh\ncd vouch-app-mono\ngit checkout VCH-222\nyarn link @vouchfor/uikit\nyarn dev\n```\n\nVoilà, you are testing your feature branch with the local uikit package and don't forget to roll back after testing\n\n```sh\ncd vouch-app\nyarn unlink @vouchfor/uikit\n...\ncd vouch-uikit/package\nyarn unlink\n```\n\n## Test published package\n\nYou can publish an experimental version of the package by adding the `publish rc` label onto your PR. This will use the commit hash and a prerelease version number to publish onto NPM which you can then install into your application for testing.\n\nThis can be important because the published package and the linked package aren't necessarily 100% the same, some functionality is lost during the conversion to web-components:\n- When using a svelte component within another svelte component, you are able to pass $$restProps down to inner DOM elements, this doesn't work when the svelte component is changed into a web-component during build time\n- Using slots is a little weird\n - When using normal svelte components, if you want to style slot contents from the parent component you need to use the `:global(\n
\n```\n\nIn this case, you will need to purge the bundle file specifically by providing absolute path\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/embed/{filename}.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/components/{filename}.bundle.js\n```\n\nfor example,\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/embed/vouch-embed-inline-player.bundle.js\n```\n\n## Unit test\n\n```bash\nyarn test\n```\n\nupdate snapshot\n\n```bash\nyarn test -u\n```\n\n# Releasing\n\nTo make sure we are delivering the highest quality software we can, there is a multi-step review and testing process before we go ahead with any release.\n\n1. Once the feature has been implemented, create a PR and add the `deploy storybook` label to it, once storybook has been deployed send the link to the stakeholder that is in charge of the feature and get them to review.\n - The deployment URL will be added as a comment to the PR once deployed\n2. Use browserstack (credentials in 1password) to cross-browser test the storybook PR deployment using a wide range of operating systems and browser versions\n - TODO: Figure out what is a reasonable set of browsers to test with\n - TODO: Automated tools for cross browser testing using browserstack\n3. Publish the package as a release candidate by adding the `publish rc` label to the PR\n - Once published, install the package into the admin app and test the feature there to make sure your changes are working in situ.\n - Create a PR deployment for the admin app using the release candidate package and get stakeholders to review also.\n4. If there are no issues, bump the package to the appropriate version in the PR, then the PR can be merged into `main` and a regular release can be created using the instructions below\n - TODO: Automate public release\n\n## Update `vouch-app`\n\n`@vouchfor/uikit` is a dependency of the admin app within `vouch-app-mono` and `vouch-app` for embeds and the media player, follow the below steps to publish NPM package and update `package.json` dependency in `vouch-app-mono`.\n\n> Always use semver for version numbering for main releases\n\n- Major: Breaking changes\n- Minor: Feature releases\n- Patch: Hotfixes\n\nBecause we have a few different environments that the embeds may be fetching from (`dev`, `staging` and `prod`) we have added an `env` prop to all of the necessary embeds that allows you to choose the environment at run time. This, along with PR releases, removes the need for an `alpha` and `beta` package release and will allow us to better automate the release process.\n\n### Prod release\n\n> You will need to log in `vouch-tech` on your terminal before publishing, credential is shared via 1Password.\n\n```bash\nnpm login\n```\n\n1. Make sure you are in `packages/uikit` directory\n2. Run `yarn package`\n3. Move to the created `package` folder\n4. Run `npm publish --access public` to publish under the `latest` tag\n\n```bash\ncd packages/uikit\nyarn package\ncd package\nnpm publish --access public\n```\n\nThen, using the same PR in `vouch-app-mono` that you used to test the experimental version, bump to the now latest version and re-test one final time to make sure everything worked as expected.\n\nIf everything works correctly then the PR is ready to be merged, and the CDN cache can be purged to allow for upstream clients using embeds in their apps to receive the new version.\n\n### Post release testing\n\nUse [this](https://codepen.io/aaronuu/pen/poKYJVz) codepen to bump the package version that is downloaded from the CDN and make sure all of the embeds work as expected.","engines":{"node":">=16"},"exports":{"./events":"./events.js","./constants":"./constants.js","./embed/events":{"import":"./embed/events.js","default":"./embed/events.js","require":"./embed/events.cjs"},"./package.json":"./package.json","./internal/theme":"./internal/theme.js","./internal/utils":"./internal/utils.js","./internal/environment":"./internal/environment.js","./components/vouch-menu":{"import":"./components/vouch-menu.js","default":"./components/vouch-menu.js","require":"./components/vouch-menu.cjs"},"./embed/vouch-embed-all":{"import":"./embed/vouch-embed-all.js","default":"./embed/vouch-embed-all.js","require":"./embed/vouch-embed-all.cjs"},"./embed/vouch-embed-card":{"import":"./embed/vouch-embed-card.js","default":"./embed/vouch-embed-card.js","require":"./embed/vouch-embed-card.cjs"},"./components/vouch-button":{"import":"./components/vouch-button.js","default":"./components/vouch-button.js","require":"./components/vouch-button.cjs"},"./embed/vouch-embed-jumbo":{"import":"./embed/vouch-embed-jumbo.js","default":"./embed/vouch-embed-jumbo.js","require":"./embed/vouch-embed-jumbo.cjs"},"./internal/actions/popper":"./internal/actions/popper.js","./internal/hooks/useFetch":"./internal/hooks/useFetch.js","./internal/hooks/useTrack":"./internal/hooks/useTrack.js","./components/vouch-persona":{"import":"./components/vouch-persona.js","default":"./components/vouch-persona.js","require":"./components/vouch-persona.cjs"},"./components/vouch-tooltip":{"import":"./components/vouch-tooltip.js","default":"./components/vouch-tooltip.js","require":"./components/vouch-tooltip.cjs"},"./embed/vouch-embed-button":{"import":"./embed/vouch-embed-button.js","default":"./embed/vouch-embed-button.js","require":"./embed/vouch-embed-button.cjs"},"./components/vouch-recorder":{"import":"./components/vouch-recorder.js","default":"./components/vouch-recorder.js","require":"./components/vouch-recorder.cjs"},"./embed/vouch-embed-popover":{"import":"./embed/vouch-embed-popover.js","default":"./embed/vouch-embed-popover.js","require":"./embed/vouch-embed-popover.cjs"},"./test/internals/utils.spec":"./test/internals/utils.spec.js","./components/vouch-icon-play":{"import":"./components/vouch-icon-play.js","default":"./components/vouch-icon-play.js","require":"./components/vouch-icon-play.cjs"},"./embed/vouch-embed-dialogue":{"import":"./embed/vouch-embed-dialogue.js","default":"./embed/vouch-embed-dialogue.js","require":"./embed/vouch-embed-dialogue.cjs"},"./components/VouchMenu.svelte":"./components/VouchMenu.svelte","./components/vouch-brand-logo":{"import":"./components/vouch-brand-logo.js","default":"./components/vouch-brand-logo.js","require":"./components/vouch-brand-logo.cjs"},"./components/vouch-icon-close":{"import":"./components/vouch-icon-close.js","default":"./components/vouch-icon-close.js","require":"./components/vouch-icon-close.cjs"},"./components/vouch-icon-pause":{"import":"./components/vouch-icon-pause.js","default":"./components/vouch-icon-pause.js","require":"./components/vouch-icon-pause.cjs"},"./components/vouch-media-plyr":{"import":"./components/vouch-media-plyr.js","default":"./components/vouch-media-plyr.js","require":"./components/vouch-media-plyr.cjs"},"./components/vouch-water-mark":{"import":"./components/vouch-water-mark.js","default":"./components/vouch-water-mark.js","require":"./components/vouch-water-mark.cjs"},"./embed/VouchEmbedCard.svelte":"./embed/VouchEmbedCard.svelte","./embed/vouch-embed-thumbnail":{"import":"./embed/vouch-embed-thumbnail.js","default":"./embed/vouch-embed-thumbnail.js","require":"./embed/vouch-embed-thumbnail.cjs"},"./embed/vouch-recorder-button":{"import":"./embed/vouch-recorder-button.js","default":"./embed/vouch-recorder-button.js","require":"./embed/vouch-recorder-button.cjs"},"./components/vouch-graphic-svg":{"import":"./components/vouch-graphic-svg.js","default":"./components/vouch-graphic-svg.js","require":"./components/vouch-graphic-svg.cjs"},"./embed/VouchEmbedJumbo.svelte":"./embed/VouchEmbedJumbo.svelte","./embed/vouch-recorder-preview":{"import":"./embed/vouch-recorder-preview.js","default":"./embed/vouch-recorder-preview.js","require":"./embed/vouch-recorder-preview.cjs"},"./internal/hooks/useFetchEmbed":"./internal/hooks/useFetchEmbed.js","./components/VouchButton.svelte":"./components/VouchButton.svelte","./embed/VouchEmbedButton.svelte":"./embed/VouchEmbedButton.svelte","./components/VouchPersona.svelte":"./components/VouchPersona.svelte","./components/VouchTooltip.svelte":"./components/VouchTooltip.svelte","./components/vouch-volume-slider":{"import":"./components/vouch-volume-slider.js","default":"./components/vouch-volume-slider.js","require":"./components/vouch-volume-slider.cjs"},"./embed/VouchEmbedPopover.svelte":"./embed/VouchEmbedPopover.svelte","./internal/actions/outside-click":"./internal/actions/outside-click.js","./components/VouchIconPlay.svelte":"./components/VouchIconPlay.svelte","./components/VouchRecorder.svelte":"./components/VouchRecorder.svelte","./embed/VouchEmbedDialogue.svelte":"./embed/VouchEmbedDialogue.svelte","./embed/vouch-embed-inline-player":{"import":"./embed/vouch-embed-inline-player.js","default":"./embed/vouch-embed-inline-player.js","require":"./embed/vouch-embed-inline-player.cjs"},"./test/components/VouchIcons.spec":"./test/components/VouchIcons.spec.js","./components/VouchBrandLogo.svelte":"./components/VouchBrandLogo.svelte","./components/VouchIconClose.svelte":"./components/VouchIconClose.svelte","./components/VouchIconPause.svelte":"./components/VouchIconPause.svelte","./components/VouchMediaPlyr.svelte":"./components/VouchMediaPlyr.svelte","./components/VouchWaterMark.svelte":"./components/VouchWaterMark.svelte","./components/vouch-icon-arrow-left":{"import":"./components/vouch-icon-arrow-left.js","default":"./components/vouch-icon-arrow-left.js","require":"./components/vouch-icon-arrow-left.cjs"},"./embed/VouchEmbedThumbnail.svelte":"./embed/VouchEmbedThumbnail.svelte","./embed/VouchRecorderButton.svelte":"./embed/VouchRecorderButton.svelte","./internal/actions/resize-observer":"./internal/actions/resize-observer.js","./components/VouchGraphicSvg.svelte":"./components/VouchGraphicSvg.svelte","./components/vouch-icon-arrow-right":{"import":"./components/vouch-icon-arrow-right.js","default":"./components/vouch-icon-arrow-right.js","require":"./components/vouch-icon-arrow-right.cjs"},"./embed/VouchRecorderPreview.svelte":"./embed/VouchRecorderPreview.svelte","./components/vouch-overlay-play-icon":{"import":"./components/vouch-overlay-play-icon.js","default":"./components/vouch-overlay-play-icon.js","require":"./components/vouch-overlay-play-icon.cjs"},"./components/vouch-progress-scrubber":{"import":"./components/vouch-progress-scrubber.js","default":"./components/vouch-progress-scrubber.js","require":"./components/vouch-progress-scrubber.cjs"},"./test/internals/hooks/useFetch.spec":"./test/internals/hooks/useFetch.spec.js","./test/internals/hooks/useTrack.spec":"./test/internals/hooks/useTrack.spec.js","./components/VouchVolumeSlider.svelte":"./components/VouchVolumeSlider.svelte","./embed/VouchEmbedInlinePlayer.svelte":"./embed/VouchEmbedInlinePlayer.svelte","./test/components/VouchBrandLogo.spec":"./test/components/VouchBrandLogo.spec.js","./test/components/VouchWaterMark.spec":"./test/components/VouchWaterMark.spec.js","./components/VouchIconArrowLeft.svelte":"./components/VouchIconArrowLeft.svelte","./test/components/VouchGraphicSvg.spec":"./test/components/VouchGraphicSvg.spec.js","./components/VouchIconArrowRight.svelte":"./components/VouchIconArrowRight.svelte","./components/VouchOverlayPlayIcon.svelte":"./components/VouchOverlayPlayIcon.svelte","./components/VouchProgressScrubber.svelte":"./components/VouchProgressScrubber.svelte","./test/internals/hooks/useFetchEmbed.spec":"./test/internals/hooks/useFetchEmbed.spec.js"},"gitHead":"39e9f5a4cc9dd87d0b8729912c05f87b28448855","_npmUser":{"name":"vouch-tech","email":"brian@vouchfor.com"},"repository":{"url":"git+https://github.com/VouchAU/vouch-uikit.git","type":"git"},"_npmVersion":"8.19.2","description":"Vouch Svelte UIKit","directories":{},"lint-staged":{"*.{js,svelte}":"yarn lint"},"_nodeVersion":"16.18.1","dependencies":{"flat":"^5.0.2","plyr":"^3.7.2","cookie":"^0.4.1","hls.js":"^1.1.5","core-js":"^3.16.3","postcss":"^7","@vime/core":"^5.3.1","tailwindcss":"npm:@tailwindcss/postcss7-compat","@lukeed/uuid":"^2.0.0","autoprefixer":"^9","whatwg-fetch":"^3.6.2","patch-package":"^6.5.0","@popperjs/core":"^2.11.6","@fontsource/fira-mono":"^4.2.2","postinstall-postinstall":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^27.0.6","path":"^0.12.7","vite":"^3.1.8","react":"^18.2.0","tslib":"^2.0.0","dotenv":"^10.0.0","eslint":"^7.22.0","rollup":"^2.55.1","svelte":"^3.34.0","webpack":"^5.74.0","playroom":"0.28.0","prettier":"~2.2.1","react-dom":"^18.2.0","ts-loader":"^9.4.1","@percy/cli":"^1.15.0","babel-jest":"^27.0.6","base64-url":"^2.3.3","dotenv-cli":"^6.0.0","svelte2tsx":"^0.4.3","typescript":"^4.8.4","@babel/core":"^7.14.8","@types/jest":"^26.0.24","lint-staged":"^12.4.1","babel-loader":"^8.2.5","svelte-check":"^2.0.0","@sveltejs/kit":"next","@types/cookie":"^0.4.0","@types/hls.js":"^1.0.0","svelte-jester":"^1.8.1","svelte-loader":"^3.1.2","@percy/storybook":"^4.3.4","@storybook/react":"^6.5.13","@babel/preset-env":"^7.14.9","@storybook/svelte":"^6.5.13","@sveltejs/package":"^1.0.0-next.5","svelte-preprocess":"^4.0.0","rollup-plugin-copy":"^3.4.0","require-from-string":"^2.0.2","rollup-plugin-svelte":"^7.1.0","rollup-plugin-terser":"^7.0.2","eslint-plugin-svelte3":"^3.2.0","@babel/runtime-corejs3":"^7.14.9","@rollup/plugin-replace":"^3.0.0","@storybook/addon-links":"^6.5.13","eslint-config-prettier":"^8.1.0","prettier-plugin-svelte":"^2.2.0","@rollup/plugin-commonjs":"^22.0.0","@testing-library/svelte":"^3.0.3","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.5.13","storybook-addon-playroom":"^3.0.2","@typescript-eslint/parser":"^4.19.0","@rollup/plugin-node-resolve":"^13.0.4","@storybook/addon-essentials":"^6.5.13","@storybook/addon-svelte-csf":"^2.0.10","@typescript-eslint/eslint-plugin":"^4.19.0"},"_npmOperationalInternal":{"tmp":"tmp/uikit_0.0.0-experiment.39e9f5a_1670558662471_0.7103297678168972","host":"s3://npm-registry-packages"}},"0.0.0-experiment.8896975":{"name":"@vouchfor/uikit","version":"0.0.0-experiment.8896975","keywords":["embed","design system","vouch-uikit","svelte","uikit"],"author":{"url":"https://vouchau.github.io/vouch-uikit","name":"Vouch Dev Team","email":"hello@vouchfor.com"},"license":"MIT","_id":"@vouchfor/uikit@0.0.0-experiment.8896975","maintainers":[{"name":"vouch-tech","email":"brian@vouchfor.com"}],"homepage":"https://vouchau.github.io/vouch-uikit","bugs":{"url":"https://github.com/VouchAU/vouch-uikit/issues"},"dist":{"shasum":"8ff963d2757a84da7fb7969c9f6c50dc2183bd02","tarball":"https://registry.npmjs.org/@vouchfor/uikit/-/uikit-0.0.0-experiment.8896975.tgz","fileCount":231,"integrity":"sha512-g9mWoZiK3As3dIS7QjJ0qXdP5oEhyrgiO+vt48m6+cjuMAD66Eu7XiMdMmYz2cm+vr1GjRORaahmrgrZxVkOvw==","signatures":[{"sig":"MEUCIA5SubB2Fu1brh2ep5db1ZJwD7yTmh92MQmRO06mGkDOAiEAzii8bPl9FHlt5uQw8iv502Icsxerb6nEbeC0zub9CrE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":102393010,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjlomOACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqkXhAAnGqkclitQuqRv3XjqUGyLxQVNaPFP00iDxvaLr4p19dTDtsk\r\nx8/a9T798+6uFRx1vJmjmSZv5d+FumHueUs9tYyAss3ZUNGYd0QJoCxubXHq\r\n6546UNNbozEav24Uj7SKqvgrJOWtPxGOdOz6sYqWHm3P/MeLgZ+Habw99jrY\r\ntVVa0vUh08GEkGhTlcDr9/6uWai63qjVALWSM9u1NzHZwbFF3tWw1Kd8aOtS\r\nXwZohhwyrZ6zAmMamrUUixD4XZtqBAjvflhrCpyTP6TK92umEOzJ/+uofVzS\r\no6sLwPe+FtGgkUcnAAsIp9ouyi5ayxqI1n5R0iWtltv//w2PAyXutL6YnwDf\r\nC7B21fBIlplDy9FscgjXxV86h/Vr01bCQwCkbjj+GgsTNuG/coIb8ZEXM1AH\r\ncSDUdgM/C5O8G31/Q0P8gH9rwbDHY9sK8/DqhVuZ8s7uEjdVWAyS03jJfhTb\r\nPzOjmvqvlK5cdcxk2yO5mt40tJ3TqBjkaNobw57KO7rGB6PPCo0akfLWDlLo\r\n7QS+7/pWj0elLNlMPxXQv2mysKpRPsvamhCgY8K8KZ5IkIguDAvyEL+aLmKM\r\n3+pGL8WY9TYDCQ/Qzxzg7k0I3u4g2hi9vHZw1x6wOOEW7ZlyOju/01e+o7Sj\r\nOMVOM+sH7JHpugpQJAg6XlQ7T0gr9iUevMQ=\r\n=7nsp\r\n-----END PGP SIGNATURE-----\r\n"},"type":"module","types":"types.d.ts","readme":"# Vouch UIKit\n\n- [Get Started](#get-started)\n - [Storybook](#storybook)\n - [Playroom](#playroom)\n - [Build package](#build-package)\n - [Test package locally with vouch-app-mono](#test-package-locally-with-vouch-app)\n - [Testing published package](#test-published-package)\n - [Purge npm cache](#purge-jsdelivr-cache)\n - [Purge specific bundles](#purge-specific-bundlejs)\n- [Releasing](#releasing)\n - [Update vouch-app](#update-vouch-app)\n - [Production release](#prod-release)\n\n# Get Started\n\nEnsure you have node `16` installed on your machine, for example via [nvm](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/TERMINAL.md#install-nvm), run `nvm ls` to check\n\n```bash\nnvm ls 16\n```\n\nyou should see output if you have the version installed\n\n```bash\n-> v16.17.1\n```\n\nensure you have [git ssh](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/GITHUB.md) setup locally before you clone the repo\n\n```bash\ngit clone git@github.com:VouchAU/vouch-uikit-mono.git\n```\n\ninstall dependencies\n\n```bash\ncd vouch-uikit-mono\nyarn\n```\n\n## Storybook\n\nhttps://uikit-storybook.vercel.app\n\nStorybook is hosted on vercel and deployed automatically via **GitHub Action** every time changes are merged back to `main`. Storybook can also be deployed per PR by adding the `deploy storybook` label on the PR.\n\nLocal dev\n\n```bash\nyarn storybook\n```\n\nbuild storybook\n\n```bash\nyarn storybook:build\n```\n\n## Playroom\n\nhttps://uikit-playroom.vercel.app\n\nPlayroom is hosted on vercel and deployed automatically via **GitHub Action** every time changes are merged back to `main`. Playroom is not intended to be used on it's own because we don't get good autocomplete for web components, and playroom cannot render the svelte components natively.\n\nInstead we have created a `Playroom` plugin for storybook that will automatically update the rendered web component when any of the story controls change.\n\nLocal dev\n\n```bash\nyarn playroom\n```\n\nbuild playroom\n\n```bash\nyarn playroom:build\n```\n\n## Build package\n\nBuild `src/lib` production/beta/alpha package, make sure you change `version` in `package.json` for three different build tags.\n\n```sh\ncd packages/uikit\n...\nyarn package # production\n```\n\n## Test package locally with `vouch-app`\n\nOnce you build the `npm` package, you can test locally with `vouch-app` to ensure everything works as expected before publishing to `npm`\n\nAssuming you build a package according [Build package](#build-package), now you can create a symlink to your local package\n\n```sh\ncd package\nyarn link\n```\n\nyou should see this if successfully linked\n\n```sh\nyarn link v1.22.10\nsuccess Registered \"@vouchfor/uikit\".\ninfo You can now run `yarn link \"@vouchfor/uikit\"` in the projects where you want to use this package and it will be used instead.\n✨ Done in 0.04s.\n```\n\ngo to `vouch-app-mono` folder and switch to the branch you want to test against with then link the local package\n\n```sh\ncd vouch-app-mono\ngit checkout VCH-222\nyarn link @vouchfor/uikit\nyarn dev\n```\n\nVoilà, you are testing your feature branch with the local uikit package and don't forget to roll back after testing\n\n```sh\ncd vouch-app\nyarn unlink @vouchfor/uikit\n...\ncd vouch-uikit/package\nyarn unlink\n```\n\n## Test published package\n\nYou can publish an experimental version of the package by adding the `publish rc` label onto your PR. This will use the commit hash and a prerelease version number to publish onto NPM which you can then install into your application for testing.\n\nThis can be important because the published package and the linked package aren't necessarily 100% the same, some functionality is lost during the conversion to web-components:\n- When using a svelte component within another svelte component, you are able to pass $$restProps down to inner DOM elements, this doesn't work when the svelte component is changed into a web-component during build time\n\n## Purge `jsdelivr` cache\n\n`@vouchfor/uikit` is most likely consumed by the `latest` **tag**, not version number to ensure clients can always get the latest updates. [jsdelivr](https://cdn.jsdelivr.net/) default has 7 days cache for `tag`, so we need to purge it to reflect new version number.\n\n- Check current tag version number\n\n - [Click to check Production](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n- Purge cache\n - **_Danger_** [Click to purge Production](https://purge.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n### Purge specific bundle.js\n\nOur embed code snippet `src` attribute currently refers to a specific embed bundle js , for example\n\n```html\n\n
\n```\n\nIn this case, you will need to purge the bundle file specifically by providing absolute path\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/embed/{filename}.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/components/{filename}.bundle.js\n```\n\nfor example,\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/embed/vouch-embed-inline-player.bundle.js\n```\n\n## Unit test\n\n```bash\nyarn test\n```\n\nupdate snapshot\n\n```bash\nyarn test -u\n```\n\n# Releasing\n\nTo make sure we are delivering the highest quality software we can, there is a multi-step review and testing process before we go ahead with any release.\n\n1. Once the feature has been implemented, create a PR and add the `deploy storybook` label to it, once storybook has been deployed send the link to the stakeholder that is in charge of the feature and get them to review.\n - The deployment URL will be added as a comment to the PR once deployed\n2. Use browserstack (credentials in 1password) to cross-browser test the storybook PR deployment using a wide range of operating systems and browser versions\n - TODO: Figure out what is a reasonable set of browsers to test with\n - TODO: Automated tools for cross browser testing using browserstack\n3. Publish the package as a release candidate by adding the `publish rc` label to the PR\n - Once published, install the package into the admin app and test the feature there to make sure your changes are working in situ.\n - Create a PR deployment for the admin app using the release candidate package and get stakeholders to review also.\n4. If there are no issues, the PR can be merged into `main` and a regular release can be created using the instructions below\n - TODO: Automate public release\n\n## Update `vouch-app`\n\n`@vouchfor/uikit` is a dependency of the admin app within `vouch-app-mono` and `vouch-app` for embeds and the media player, follow the below steps to publish NPM package and update `package.json` dependency in `vouch-app-mono`.\n\n> Always use semver for version numbering for main releases\n\n- Major: Breaking changes\n- Minor: Feature releases\n- Patch: Hotfixes\n\nBecause we have a few different environments that the embeds may be fetching from (`dev`, `staging` and `prod`) we have added an `env` prop to all of the necessary embeds that allows you to choose the environment at run time. This, along with PR releases, removes the need for an `alpha` and `beta` package release and will allow us to better automate the release process.\n\n### Prod release\n\n> You will need to log in `vouch-tech` on your terminal before publishing, credential is shared via 1Password.\n\n```bash\nnpm login\n```\n\n1. Bump package version\n2. Make sure you are in `packages/uikit` directory\n3. Run `yarn package`\n4. Move to the created `package` folder\n5. Run `npm publish --access public` to publish under the `latest` tag\n\n```bash\nnpm version Vouch UIKit\n\n- [Get Started](#get-started)\n - [Storybook](#storybook)\n - [Playroom](#playroom)\n - [Build package](#build-package)\n - [Test package locally with vouch-app-mono](#test-package-locally-with-vouch-app)\n - [Testing published package](#test-published-package)\n - [Purge npm cache](#purge-jsdelivr-cache)\n - [Purge specific bundles](#purge-specific-bundlejs)\n- [Releasing](#releasing)\n - [Update vouch-app](#update-vouch-app)\n - [Production release](#prod-release)\n\n# Get Started\n\nEnsure you have node `16` installed on your machine, for example via [nvm](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/TERMINAL.md#install-nvm), run `nvm ls` to check\n\n```bash\nnvm ls 16\n```\n\nyou should see output if you have the version installed\n\n```bash\n-> v16.17.1\n```\n\nensure you have [git ssh](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/GITHUB.md) setup locally before you clone the repo\n\n```bash\ngit clone git@github.com:VouchAU/vouch-uikit-mono.git\n```\n\ninstall dependencies\n\n```bash\ncd vouch-uikit-mono\nyarn\n```\n\n## Storybook\n\nhttps://uikit-storybook.vercel.app\n\nStorybook is hosted on vercel and deployed automatically via **GitHub Action** every time changes are merged back to `main`. Storybook can also be deployed per PR by adding the `deploy storybook` label on the PR.\n\nLocal dev\n\n```bash\nyarn storybook\n```\n\nbuild storybook\n\n```bash\nyarn storybook:build\n```\n\n## Playroom\n\nhttps://uikit-playroom.vercel.app\n\nPlayroom is hosted on vercel and deployed automatically via **GitHub Action** every time changes are merged back to `main`. Playroom is not intended to be used on it's own because we don't get good autocomplete for web components, and playroom cannot render the svelte components natively.\n\nInstead we have created a `Playroom` plugin for storybook that will automatically update the rendered web component when any of the story controls change.\n\nLocal dev\n\n```bash\nyarn playroom\n```\n\nbuild playroom\n\n```bash\nyarn playroom:build\n```\n\n## Build package\n\nBuild `src/lib` production/beta/alpha package, make sure you change `version` in `package.json`.\n\n```sh\ncd packages/uikit\n...\nyarn package # production\n```\n\n## Test package locally with `vouch-app`\n\nOnce you build the `npm` package, you can test locally with `vouch-app` to ensure everything works as expected before publishing to `npm`\n\nAssuming you build a package according [Build package](#build-package), now you can create a symlink to your local package\n\n```sh\ncd package\nyarn link\n```\n\nyou should see this if successfully linked\n\n```sh\nyarn link v1.22.10\nsuccess Registered \"@vouchfor/uikit\".\ninfo You can now run `yarn link \"@vouchfor/uikit\"` in the projects where you want to use this package and it will be used instead.\n✨ Done in 0.04s.\n```\n\ngo to `vouch-app-mono` folder and switch to the branch you want to test against with then link the local package\n\n```sh\ncd vouch-app-mono\ngit checkout VCH-222\nyarn link @vouchfor/uikit\nyarn dev\n```\n\nVoilà, you are testing your feature branch with the local uikit package and don't forget to roll back after testing\n\n```sh\ncd vouch-app\nyarn unlink @vouchfor/uikit\n...\ncd vouch-uikit/package\nyarn unlink\n```\n\n## Test published package\n\nYou can publish an experimental version of the package by adding the `publish rc` label onto your PR. This will use the commit hash and a prerelease version number to publish onto NPM which you can then install into your application for testing.\n\nThis can be important because the published package and the linked package aren't necessarily 100% the same, some functionality is lost during the conversion to web-components:\n- When using a svelte component within another svelte component, you are able to pass $$restProps down to inner DOM elements, this doesn't work when the svelte component is changed into a web-component during build time\n- Using slots is a little weird\n - When using normal svelte components, if you want to style slot contents from the parent component you need to use the `:global(\n
\n```\n\nIn this case, you will need to purge the bundle file specifically by providing absolute path\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/embed/{filename}.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/components/{filename}.bundle.js\n```\n\nfor example,\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/embed/vouch-embed-inline-player.bundle.js\n```\n\n## Unit test\n\n```bash\nyarn test\n```\n\nupdate snapshot\n\n```bash\nyarn test -u\n```\n\n# Releasing\n\nTo make sure we are delivering the highest quality software we can, there is a multi-step review and testing process before we go ahead with any release.\n\n1. Once the feature has been implemented, create a PR and add the `deploy storybook` label to it, once storybook has been deployed send the link to the stakeholder that is in charge of the feature and get them to review.\n - The deployment URL will be added as a comment to the PR once deployed\n2. Use browserstack (credentials in 1password) to cross-browser test the storybook PR deployment using a wide range of operating systems and browser versions\n - TODO: Figure out what is a reasonable set of browsers to test with\n - TODO: Automated tools for cross browser testing using browserstack\n3. Publish the package as a release candidate by adding the `publish rc` label to the PR\n - Once published, install the package into the admin app and test the feature there to make sure your changes are working in situ.\n - Create a PR deployment for the admin app using the release candidate package and get stakeholders to review also.\n4. If there are no issues, bump the package to the appropriate version in the PR, then the PR can be merged into `main` and a regular release can be created using the instructions below\n - TODO: Automate public release\n\n## Update `vouch-app`\n\n`@vouchfor/uikit` is a dependency of the admin app within `vouch-app-mono` and `vouch-app` for embeds and the media player, follow the below steps to publish NPM package and update `package.json` dependency in `vouch-app-mono`.\n\n> Always use semver for version numbering for main releases\n\n- Major: Breaking changes\n- Minor: Feature releases\n- Patch: Hotfixes\n\nBecause we have a few different environments that the embeds may be fetching from (`dev`, `staging` and `prod`) we have added an `env` prop to all of the necessary embeds that allows you to choose the environment at run time. This, along with PR releases, removes the need for an `alpha` and `beta` package release and will allow us to better automate the release process.\n\n### Prod release\n\n> You will need to log in `vouch-tech` on your terminal before publishing, credential is shared via 1Password.\n\n```bash\nnpm login\n```\n\n1. Make sure you are in `packages/uikit` directory\n2. Run `yarn package`\n3. Move to the created `package` folder\n4. Run `npm publish --access public` to publish under the `latest` tag\n\n```bash\ncd packages/uikit\nyarn package\ncd package\nnpm publish --access public\n```\n\nThen, using the same PR in `vouch-app-mono` that you used to test the experimental version, bump to the now latest version and re-test one final time to make sure everything worked as expected.\n\nIf everything works correctly then the PR is ready to be merged, and the CDN cache can be purged to allow for upstream clients using embeds in their apps to receive the new version.\n\n### Post release testing\n\nUse [this](https://codepen.io/aaronuu/pen/poKYJVz) codepen to bump the package version that is downloaded from the CDN and make sure all of the embeds work as expected.","engines":{"node":">=16"},"exports":{"./events":"./events.js","./constants":"./constants.js","./embed/events":{"import":"./embed/events.js","default":"./embed/events.js","require":"./embed/events.cjs"},"./package.json":"./package.json","./internal/theme":"./internal/theme.js","./internal/utils":"./internal/utils.js","./internal/environment":"./internal/environment.js","./components/vouch-menu":{"import":"./components/vouch-menu.js","default":"./components/vouch-menu.js","require":"./components/vouch-menu.cjs"},"./embed/vouch-embed-all":{"import":"./embed/vouch-embed-all.js","default":"./embed/vouch-embed-all.js","require":"./embed/vouch-embed-all.cjs"},"./embed/vouch-embed-card":{"import":"./embed/vouch-embed-card.js","default":"./embed/vouch-embed-card.js","require":"./embed/vouch-embed-card.cjs"},"./components/vouch-button":{"import":"./components/vouch-button.js","default":"./components/vouch-button.js","require":"./components/vouch-button.cjs"},"./embed/vouch-embed-jumbo":{"import":"./embed/vouch-embed-jumbo.js","default":"./embed/vouch-embed-jumbo.js","require":"./embed/vouch-embed-jumbo.cjs"},"./internal/actions/popper":"./internal/actions/popper.js","./internal/hooks/useFetch":"./internal/hooks/useFetch.js","./internal/hooks/useTrack":"./internal/hooks/useTrack.js","./components/vouch-persona":{"import":"./components/vouch-persona.js","default":"./components/vouch-persona.js","require":"./components/vouch-persona.cjs"},"./components/vouch-tooltip":{"import":"./components/vouch-tooltip.js","default":"./components/vouch-tooltip.js","require":"./components/vouch-tooltip.cjs"},"./embed/vouch-embed-button":{"import":"./embed/vouch-embed-button.js","default":"./embed/vouch-embed-button.js","require":"./embed/vouch-embed-button.cjs"},"./components/vouch-recorder":{"import":"./components/vouch-recorder.js","default":"./components/vouch-recorder.js","require":"./components/vouch-recorder.cjs"},"./embed/vouch-embed-popover":{"import":"./embed/vouch-embed-popover.js","default":"./embed/vouch-embed-popover.js","require":"./embed/vouch-embed-popover.cjs"},"./test/internals/utils.spec":"./test/internals/utils.spec.js","./components/vouch-icon-play":{"import":"./components/vouch-icon-play.js","default":"./components/vouch-icon-play.js","require":"./components/vouch-icon-play.cjs"},"./embed/vouch-embed-dialogue":{"import":"./embed/vouch-embed-dialogue.js","default":"./embed/vouch-embed-dialogue.js","require":"./embed/vouch-embed-dialogue.cjs"},"./components/VouchMenu.svelte":"./components/VouchMenu.svelte","./components/vouch-brand-logo":{"import":"./components/vouch-brand-logo.js","default":"./components/vouch-brand-logo.js","require":"./components/vouch-brand-logo.cjs"},"./components/vouch-icon-close":{"import":"./components/vouch-icon-close.js","default":"./components/vouch-icon-close.js","require":"./components/vouch-icon-close.cjs"},"./components/vouch-icon-pause":{"import":"./components/vouch-icon-pause.js","default":"./components/vouch-icon-pause.js","require":"./components/vouch-icon-pause.cjs"},"./components/vouch-media-plyr":{"import":"./components/vouch-media-plyr.js","default":"./components/vouch-media-plyr.js","require":"./components/vouch-media-plyr.cjs"},"./components/vouch-water-mark":{"import":"./components/vouch-water-mark.js","default":"./components/vouch-water-mark.js","require":"./components/vouch-water-mark.cjs"},"./embed/VouchEmbedCard.svelte":"./embed/VouchEmbedCard.svelte","./embed/vouch-embed-thumbnail":{"import":"./embed/vouch-embed-thumbnail.js","default":"./embed/vouch-embed-thumbnail.js","require":"./embed/vouch-embed-thumbnail.cjs"},"./embed/vouch-recorder-button":{"import":"./embed/vouch-recorder-button.js","default":"./embed/vouch-recorder-button.js","require":"./embed/vouch-recorder-button.cjs"},"./components/vouch-graphic-svg":{"import":"./components/vouch-graphic-svg.js","default":"./components/vouch-graphic-svg.js","require":"./components/vouch-graphic-svg.cjs"},"./embed/VouchEmbedJumbo.svelte":"./embed/VouchEmbedJumbo.svelte","./embed/vouch-recorder-preview":{"import":"./embed/vouch-recorder-preview.js","default":"./embed/vouch-recorder-preview.js","require":"./embed/vouch-recorder-preview.cjs"},"./internal/hooks/useFetchEmbed":"./internal/hooks/useFetchEmbed.js","./components/VouchButton.svelte":"./components/VouchButton.svelte","./embed/VouchEmbedButton.svelte":"./embed/VouchEmbedButton.svelte","./components/VouchPersona.svelte":"./components/VouchPersona.svelte","./components/VouchTooltip.svelte":"./components/VouchTooltip.svelte","./components/vouch-volume-slider":{"import":"./components/vouch-volume-slider.js","default":"./components/vouch-volume-slider.js","require":"./components/vouch-volume-slider.cjs"},"./embed/VouchEmbedPopover.svelte":"./embed/VouchEmbedPopover.svelte","./internal/actions/outside-click":"./internal/actions/outside-click.js","./components/VouchIconPlay.svelte":"./components/VouchIconPlay.svelte","./components/VouchRecorder.svelte":"./components/VouchRecorder.svelte","./embed/VouchEmbedDialogue.svelte":"./embed/VouchEmbedDialogue.svelte","./embed/vouch-embed-inline-player":{"import":"./embed/vouch-embed-inline-player.js","default":"./embed/vouch-embed-inline-player.js","require":"./embed/vouch-embed-inline-player.cjs"},"./test/components/VouchIcons.spec":"./test/components/VouchIcons.spec.js","./components/VouchBrandLogo.svelte":"./components/VouchBrandLogo.svelte","./components/VouchIconClose.svelte":"./components/VouchIconClose.svelte","./components/VouchIconPause.svelte":"./components/VouchIconPause.svelte","./components/VouchMediaPlyr.svelte":"./components/VouchMediaPlyr.svelte","./components/VouchWaterMark.svelte":"./components/VouchWaterMark.svelte","./components/vouch-icon-arrow-left":{"import":"./components/vouch-icon-arrow-left.js","default":"./components/vouch-icon-arrow-left.js","require":"./components/vouch-icon-arrow-left.cjs"},"./embed/VouchEmbedThumbnail.svelte":"./embed/VouchEmbedThumbnail.svelte","./embed/VouchRecorderButton.svelte":"./embed/VouchRecorderButton.svelte","./internal/actions/resize-observer":"./internal/actions/resize-observer.js","./components/VouchGraphicSvg.svelte":"./components/VouchGraphicSvg.svelte","./components/vouch-icon-arrow-right":{"import":"./components/vouch-icon-arrow-right.js","default":"./components/vouch-icon-arrow-right.js","require":"./components/vouch-icon-arrow-right.cjs"},"./embed/VouchRecorderPreview.svelte":"./embed/VouchRecorderPreview.svelte","./components/vouch-overlay-play-icon":{"import":"./components/vouch-overlay-play-icon.js","default":"./components/vouch-overlay-play-icon.js","require":"./components/vouch-overlay-play-icon.cjs"},"./components/vouch-progress-scrubber":{"import":"./components/vouch-progress-scrubber.js","default":"./components/vouch-progress-scrubber.js","require":"./components/vouch-progress-scrubber.cjs"},"./test/internals/hooks/useFetch.spec":"./test/internals/hooks/useFetch.spec.js","./test/internals/hooks/useTrack.spec":"./test/internals/hooks/useTrack.spec.js","./components/VouchVolumeSlider.svelte":"./components/VouchVolumeSlider.svelte","./embed/VouchEmbedInlinePlayer.svelte":"./embed/VouchEmbedInlinePlayer.svelte","./test/components/VouchBrandLogo.spec":"./test/components/VouchBrandLogo.spec.js","./test/components/VouchWaterMark.spec":"./test/components/VouchWaterMark.spec.js","./components/VouchIconArrowLeft.svelte":"./components/VouchIconArrowLeft.svelte","./components/vouch-embed-error-message":{"import":"./components/vouch-embed-error-message.js","default":"./components/vouch-embed-error-message.js","require":"./components/vouch-embed-error-message.cjs"},"./test/components/VouchGraphicSvg.spec":"./test/components/VouchGraphicSvg.spec.js","./components/VouchIconArrowRight.svelte":"./components/VouchIconArrowRight.svelte","./embed/vouch-embed-inline-player-inner":{"import":"./embed/vouch-embed-inline-player-inner.js","default":"./embed/vouch-embed-inline-player-inner.js","require":"./embed/vouch-embed-inline-player-inner.cjs"},"./components/VouchOverlayPlayIcon.svelte":"./components/VouchOverlayPlayIcon.svelte","./components/VouchProgressScrubber.svelte":"./components/VouchProgressScrubber.svelte","./test/internals/hooks/useFetchEmbed.spec":"./test/internals/hooks/useFetchEmbed.spec.js","./components/VouchEmbedErrorMessage.svelte":"./components/VouchEmbedErrorMessage.svelte","./embed/VouchEmbedInlinePlayerInner.svelte":"./embed/VouchEmbedInlinePlayerInner.svelte"},"gitHead":"554f7d447a923bbcdf01ed311acdbb4082e33ce6","_npmUser":{"name":"vouch-tech","email":"brian@vouchfor.com"},"repository":{"url":"git+https://github.com/VouchAU/vouch-uikit.git","type":"git"},"_npmVersion":"8.19.2","description":"Vouch Svelte UIKit","directories":{},"lint-staged":{"*.{js,svelte}":"yarn lint"},"_nodeVersion":"16.18.1","dependencies":{"flat":"^5.0.2","plyr":"^3.7.2","cookie":"^0.4.1","hls.js":"^1.1.5","core-js":"^3.16.3","postcss":"^7","@vime/core":"^5.3.1","tailwindcss":"npm:@tailwindcss/postcss7-compat","@lukeed/uuid":"^2.0.0","autoprefixer":"^9","whatwg-fetch":"^3.6.2","patch-package":"^6.5.0","@popperjs/core":"^2.11.6","@fontsource/fira-mono":"^4.2.2","postinstall-postinstall":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^27.0.6","path":"^0.12.7","vite":"^3.1.8","react":"^18.2.0","tslib":"^2.0.0","dotenv":"^10.0.0","eslint":"^7.22.0","rollup":"^2.55.1","svelte":"^3.34.0","webpack":"^5.74.0","playroom":"0.28.0","prettier":"~2.2.1","react-dom":"^18.2.0","ts-loader":"^9.4.1","@percy/cli":"^1.15.0","babel-jest":"^27.0.6","base64-url":"^2.3.3","dotenv-cli":"^6.0.0","svelte2tsx":"^0.4.3","typescript":"^4.8.4","@babel/core":"^7.14.8","@types/jest":"^26.0.24","lint-staged":"^12.4.1","babel-loader":"^8.2.5","svelte-check":"^2.0.0","@sveltejs/kit":"next","@types/cookie":"^0.4.0","@types/hls.js":"^1.0.0","svelte-jester":"^1.8.1","svelte-loader":"^3.1.2","@percy/storybook":"^4.3.4","@storybook/react":"^6.5.13","@babel/preset-env":"^7.14.9","@storybook/svelte":"^6.5.13","@sveltejs/package":"^1.0.0-next.5","svelte-preprocess":"^4.0.0","rollup-plugin-copy":"^3.4.0","require-from-string":"^2.0.2","rollup-plugin-svelte":"^7.1.0","rollup-plugin-terser":"^7.0.2","eslint-plugin-svelte3":"^3.2.0","@babel/runtime-corejs3":"^7.14.9","@rollup/plugin-replace":"^3.0.0","@storybook/addon-links":"^6.5.13","eslint-config-prettier":"^8.1.0","prettier-plugin-svelte":"^2.2.0","@rollup/plugin-commonjs":"^22.0.0","@testing-library/svelte":"^3.0.3","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.5.13","storybook-addon-playroom":"^3.0.2","@typescript-eslint/parser":"^4.19.0","@rollup/plugin-node-resolve":"^13.0.4","@storybook/addon-essentials":"^6.5.13","@storybook/addon-svelte-csf":"^2.0.10","@typescript-eslint/eslint-plugin":"^4.19.0"},"_npmOperationalInternal":{"tmp":"tmp/uikit_0.0.0-experiment.554f7d4_1670814888251_0.018157444111111865","host":"s3://npm-registry-packages"}},"0.0.0-experiment.b8e8b6c":{"name":"@vouchfor/uikit","version":"0.0.0-experiment.b8e8b6c","keywords":["embed","design system","vouch-uikit","svelte","uikit"],"author":{"url":"https://vouchau.github.io/vouch-uikit","name":"Vouch Dev Team","email":"hello@vouchfor.com"},"license":"MIT","_id":"@vouchfor/uikit@0.0.0-experiment.b8e8b6c","maintainers":[{"name":"vouch-tech","email":"brian@vouchfor.com"}],"homepage":"https://vouchau.github.io/vouch-uikit","bugs":{"url":"https://github.com/VouchAU/vouch-uikit/issues"},"dist":{"shasum":"2a9e70721b3bc4488df64717340ef4eb072ede5b","tarball":"https://registry.npmjs.org/@vouchfor/uikit/-/uikit-0.0.0-experiment.b8e8b6c.tgz","fileCount":231,"integrity":"sha512-WFGJmhrTc6UjYyLLDXtKmwi2qwol19b9b6hiz+XdMYVxTj+gc0jelz6LVYSzSg+ZGXl40SFm8Qrvt4KJA/8xIw==","signatures":[{"sig":"MEUCIQCCxv/41ulQ04i64FVFeKn+xy2D90HDtWYepB37+AF5cQIgXZCuRKYHfQFY0oirOTxdTYIdCl1OXe0+0pJTS1MN2i8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":102365275,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjlpzwACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrXkw//e5Qy+ca0lnuN42FkJjq4UcK66xZr5fVLK1ndysegClLRvokH\r\nyJj4y+UkzN9M7DIeXEN8RrrNcH6SuIllWBYTbKl+1i/Ntkt5/rKP3QmLyajf\r\nYShlhGpjz9NF+Vu6FS/wsZkRo/RfEUZwutFPHAyBf15uclxJnoAkbgOo7XQ5\r\ni9tFlPdG5yAfjIaWKd/dodt2my7qFMmPYex2KAKLXzQoJ0ByJHek55Z3gDNq\r\niEKZ3GRhTBvs0eK3FnQ/HlhP2TVfMRN5rEhhNc4ktPztSXnp2ewFyxN8vNIW\r\npPiLG5oa7zGbp1QqcHkxtZC4y4/FSFNzOJgIxjAgaW+zrndOznlbvBrk/eRJ\r\nuxQm2t1bP7XjR7Cwk2ctWxLo05GgbyML2wbiVb3Vt3DNTc/VepKPEzfy2+n8\r\ncBETeHXu0SowZZooOYzEh5iuOW5Tt8cpt2CFGU0YoWfX94+e50fFjVFQvVDT\r\nXZtV4KOVrRIuPMQdHbbsxnUTPBoqpJymrwj64U51LwOUS/fi5HHR/F91unmi\r\nH2O3cUaPSrcnrTDOWax021AzVVjhSaAb95Mh41STpKm1/qoIHW0MEhZYgI3P\r\nlxaZnqycVllGjSRpEnbI1xMd9Wh8hmTJP6Vg7zAMKg6iuDEc4mCwqt+zW916\r\nWdJGTAsRgTwfs4JrtarmYACJcCbVe0mHt/s=\r\n=lDrU\r\n-----END PGP SIGNATURE-----\r\n"},"type":"module","types":"types.d.ts","readme":"# Vouch UIKit\n\n- [Get Started](#get-started)\n - [Storybook](#storybook)\n - [Playroom](#playroom)\n - [Build package](#build-package)\n - [Test package locally with vouch-app-mono](#test-package-locally-with-vouch-app)\n - [Testing published package](#test-published-package)\n - [Purge npm cache](#purge-jsdelivr-cache)\n - [Purge specific bundles](#purge-specific-bundlejs)\n- [Releasing](#releasing)\n - [Update vouch-app](#update-vouch-app)\n - [Production release](#prod-release)\n\n# Get Started\n\nEnsure you have node `16` installed on your machine, for example via [nvm](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/TERMINAL.md#install-nvm), run `nvm ls` to check\n\n```bash\nnvm ls 16\n```\n\nyou should see output if you have the version installed\n\n```bash\n-> v16.17.1\n```\n\nensure you have [git ssh](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/GITHUB.md) setup locally before you clone the repo\n\n```bash\ngit clone git@github.com:VouchAU/vouch-uikit-mono.git\n```\n\ninstall dependencies\n\n```bash\ncd vouch-uikit-mono\nyarn\n```\n\n## Storybook\n\nhttps://uikit-storybook.vercel.app\n\nStorybook is hosted on vercel and deployed automatically via **GitHub Action** every time changes are merged back to `main`. Storybook can also be deployed per PR by adding the `deploy storybook` label on the PR.\n\nLocal dev\n\n```bash\nyarn storybook\n```\n\nbuild storybook\n\n```bash\nyarn storybook:build\n```\n\n## Playroom\n\nhttps://uikit-playroom.vercel.app\n\nPlayroom is hosted on vercel and deployed automatically via **GitHub Action** every time changes are merged back to `main`. Playroom is not intended to be used on it's own because we don't get good autocomplete for web components, and playroom cannot render the svelte components natively.\n\nInstead we have created a `Playroom` plugin for storybook that will automatically update the rendered web component when any of the story controls change.\n\nLocal dev\n\n```bash\nyarn playroom\n```\n\nbuild playroom\n\n```bash\nyarn playroom:build\n```\n\n## Build package\n\nBuild `src/lib` production/beta/alpha package, make sure you change `version` in `package.json` for three different build tags.\n\n```sh\ncd packages/uikit\n...\nyarn package # production\n```\n\n## Test package locally with `vouch-app`\n\nOnce you build the `npm` package, you can test locally with `vouch-app` to ensure everything works as expected before publishing to `npm`\n\nAssuming you build a package according [Build package](#build-package), now you can create a symlink to your local package\n\n```sh\ncd package\nyarn link\n```\n\nyou should see this if successfully linked\n\n```sh\nyarn link v1.22.10\nsuccess Registered \"@vouchfor/uikit\".\ninfo You can now run `yarn link \"@vouchfor/uikit\"` in the projects where you want to use this package and it will be used instead.\n✨ Done in 0.04s.\n```\n\ngo to `vouch-app-mono` folder and switch to the branch you want to test against with then link the local package\n\n```sh\ncd vouch-app-mono\ngit checkout VCH-222\nyarn link @vouchfor/uikit\nyarn dev\n```\n\nVoilà, you are testing your feature branch with the local uikit package and don't forget to roll back after testing\n\n```sh\ncd vouch-app\nyarn unlink @vouchfor/uikit\n...\ncd vouch-uikit/package\nyarn unlink\n```\n\n## Test published package\n\nYou can publish an experimental version of the package by adding the `publish rc` label onto your PR. This will use the commit hash and a prerelease version number to publish onto NPM which you can then install into your application for testing.\n\nThis can be important because the published package and the linked package aren't necessarily 100% the same, some functionality is lost during the conversion to web-components:\n- When using a svelte component within another svelte component, you are able to pass $$restProps down to inner DOM elements, this doesn't work when the svelte component is changed into a web-component during build time\n\n## Purge `jsdelivr` cache\n\n`@vouchfor/uikit` is most likely consumed by the `latest` **tag**, not version number to ensure clients can always get the latest updates. [jsdelivr](https://cdn.jsdelivr.net/) default has 7 days cache for `tag`, so we need to purge it to reflect new version number.\n\n- Check current tag version number\n\n - [Click to check Production](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n- Purge cache\n - **_Danger_** [Click to purge Production](https://purge.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n### Purge specific bundle.js\n\nOur embed code snippet `src` attribute currently refers to a specific embed bundle js , for example\n\n```html\n\n
\n```\n\nIn this case, you will need to purge the bundle file specifically by providing absolute path\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/embed/{filename}.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/components/{filename}.bundle.js\n```\n\nfor example,\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/embed/vouch-embed-inline-player.bundle.js\n```\n\n## Unit test\n\n```bash\nyarn test\n```\n\nupdate snapshot\n\n```bash\nyarn test -u\n```\n\n# Releasing\n\nTo make sure we are delivering the highest quality software we can, there is a multi-step review and testing process before we go ahead with any release.\n\n1. Once the feature has been implemented, create a PR and add the `deploy storybook` label to it, once storybook has been deployed send the link to the stakeholder that is in charge of the feature and get them to review.\n - The deployment URL will be added as a comment to the PR once deployed\n2. Use browserstack (credentials in 1password) to cross-browser test the storybook PR deployment using a wide range of operating systems and browser versions\n - TODO: Figure out what is a reasonable set of browsers to test with\n - TODO: Automated tools for cross browser testing using browserstack\n3. Publish the package as a release candidate by adding the `publish rc` label to the PR\n - Once published, install the package into the admin app and test the feature there to make sure your changes are working in situ.\n - Create a PR deployment for the admin app using the release candidate package and get stakeholders to review also.\n4. If there are no issues, the PR can be merged into `main` and a regular release can be created using the instructions below\n - TODO: Automate public release\n\n## Update `vouch-app`\n\n`@vouchfor/uikit` is a dependency of the admin app within `vouch-app-mono` and `vouch-app` for embeds and the media player, follow the below steps to publish NPM package and update `package.json` dependency in `vouch-app-mono`.\n\n> Always use semver for version numbering for main releases\n\n- Major: Breaking changes\n- Minor: Feature releases\n- Patch: Hotfixes\n\nBecause we have a few different environments that the embeds may be fetching from (`dev`, `staging` and `prod`) we have added an `env` prop to all of the necessary embeds that allows you to choose the environment at run time. This, along with PR releases, removes the need for an `alpha` and `beta` package release and will allow us to better automate the release process.\n\n### Prod release\n\n> You will need to log in `vouch-tech` on your terminal before publishing, credential is shared via 1Password.\n\n```bash\nnpm login\n```\n\n1. Bump package version\n2. Make sure you are in `packages/uikit` directory\n3. Run `yarn package`\n4. Move to the created `package` folder\n5. Run `npm publish --access public` to publish under the `latest` tag\n\n```bash\nnpm version Vouch UIKit\n\n- [Get Started](#get-started)\n - [Storybook](#storybook)\n - [Playroom](#playroom)\n - [Build package](#build-package)\n - [Test package locally with vouch-app-mono](#test-package-locally-with-vouch-app)\n - [Testing published package](#test-published-package)\n - [Purge npm cache](#purge-jsdelivr-cache)\n - [Purge specific bundles](#purge-specific-bundlejs)\n- [Releasing](#releasing)\n - [Update vouch-app](#update-vouch-app)\n - [Production release](#prod-release)\n\n# Get Started\n\nEnsure you have node `16` installed on your machine, for example via [nvm](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/TERMINAL.md#install-nvm), run `nvm ls` to check\n\n```bash\nnvm ls 16\n```\n\nyou should see output if you have the version installed\n\n```bash\n-> v16.17.1\n```\n\nensure you have [git ssh](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/GITHUB.md) setup locally before you clone the repo\n\n```bash\ngit clone git@github.com:VouchAU/vouch-uikit-mono.git\n```\n\ninstall dependencies\n\n```bash\ncd vouch-uikit-mono\nyarn\n```\n\n## Storybook\n\nhttps://uikit-storybook.vercel.app\n\nStorybook is hosted on vercel and deployed automatically via **GitHub Action** every time changes are merged back to `main`. Storybook can also be deployed per PR by adding the `deploy storybook` label on the PR.\n\nLocal dev\n\n```bash\nyarn storybook\n```\n\nbuild storybook\n\n```bash\nyarn storybook:build\n```\n\n## Playroom\n\nhttps://uikit-playroom.vercel.app\n\nPlayroom is hosted on vercel and deployed automatically via **GitHub Action** every time changes are merged back to `main`. Playroom is not intended to be used on it's own because we don't get good autocomplete for web components, and playroom cannot render the svelte components natively.\n\nInstead we have created a `Playroom` plugin for storybook that will automatically update the rendered web component when any of the story controls change.\n\nLocal dev\n\n```bash\nyarn playroom\n```\n\nbuild playroom\n\n```bash\nyarn playroom:build\n```\n\n## Build package\n\nBuild `src/lib` production/beta/alpha package, make sure you change `version` in `package.json` for three different build tags.\n\n```sh\ncd packages/uikit\n...\nyarn package # production\n```\n\n## Test package locally with `vouch-app`\n\nOnce you build the `npm` package, you can test locally with `vouch-app` to ensure everything works as expected before publishing to `npm`\n\nAssuming you build a package according [Build package](#build-package), now you can create a symlink to your local package\n\n```sh\ncd package\nyarn link\n```\n\nyou should see this if successfully linked\n\n```sh\nyarn link v1.22.10\nsuccess Registered \"@vouchfor/uikit\".\ninfo You can now run `yarn link \"@vouchfor/uikit\"` in the projects where you want to use this package and it will be used instead.\n✨ Done in 0.04s.\n```\n\ngo to `vouch-app-mono` folder and switch to the branch you want to test against with then link the local package\n\n```sh\ncd vouch-app-mono\ngit checkout VCH-222\nyarn link @vouchfor/uikit\nyarn dev\n```\n\nVoilà, you are testing your feature branch with the local uikit package and don't forget to roll back after testing\n\n```sh\ncd vouch-app\nyarn unlink @vouchfor/uikit\n...\ncd vouch-uikit/package\nyarn unlink\n```\n\n## Test published package\n\nYou can publish an experimental version of the package by adding the `publish rc` label onto your PR. This will use the commit hash and a prerelease version number to publish onto NPM which you can then install into your application for testing.\n\nThis can be important because the published package and the linked package aren't necessarily 100% the same, some functionality is lost during the conversion to web-components:\n- When using a svelte component within another svelte component, you are able to pass $$restProps down to inner DOM elements, this doesn't work when the svelte component is changed into a web-component during build time\n\n## Purge `jsdelivr` cache\n\n`@vouchfor/uikit` is most likely consumed by the `latest` **tag**, not version number to ensure clients can always get the latest updates. [jsdelivr](https://cdn.jsdelivr.net/) default has 7 days cache for `tag`, so we need to purge it to reflect new version number.\n\n- Check current tag version number\n\n - [Click to check Production](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n- Purge cache\n - **_Danger_** [Click to purge Production](https://purge.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n### Purge specific bundle.js\n\nOur embed code snippet `src` attribute currently refers to a specific embed bundle js , for example\n\n```html\n\n
\n```\n\nIn this case, you will need to purge the bundle file specifically by providing absolute path\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/embed/{filename}.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/components/{filename}.bundle.js\n```\n\nfor example,\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/embed/vouch-embed-inline-player.bundle.js\n```\n\n## Unit test\n\n```bash\nyarn test\n```\n\nupdate snapshot\n\n```bash\nyarn test -u\n```\n\n# Releasing\n\nTo make sure we are delivering the highest quality software we can, there is a multi-step review and testing process before we go ahead with any release.\n\n1. Once the feature has been implemented, create a PR and add the `deploy storybook` label to it, once storybook has been deployed send the link to the stakeholder that is in charge of the feature and get them to review.\n - The deployment URL will be added as a comment to the PR once deployed\n2. Use browserstack (credentials in 1password) to cross-browser test the storybook PR deployment using a wide range of operating systems and browser versions\n - TODO: Figure out what is a reasonable set of browsers to test with\n - TODO: Automated tools for cross browser testing using browserstack\n3. Publish the package as a release candidate by adding the `publish rc` label to the PR\n - Once published, install the package into the admin app and test the feature there to make sure your changes are working in situ.\n - Create a PR deployment for the admin app using the release candidate package and get stakeholders to review also.\n4. If there are no issues, the PR can be merged into `main` and a regular release can be created using the instructions below\n - TODO: Automate public release\n\n## Update `vouch-app`\n\n`@vouchfor/uikit` is a dependency of the admin app within `vouch-app-mono` and `vouch-app` for embeds and the media player, follow the below steps to publish NPM package and update `package.json` dependency in `vouch-app-mono`.\n\n> Always use semver for version numbering for main releases\n\n- Major: Breaking changes\n- Minor: Feature releases\n- Patch: Hotfixes\n\nBecause we have a few different environments that the embeds may be fetching from (`dev`, `staging` and `prod`) we have added an `env` prop to all of the necessary embeds that allows you to choose the environment at run time. This, along with PR releases, removes the need for an `alpha` and `beta` package release and will allow us to better automate the release process.\n\n### Prod release\n\n> You will need to log in `vouch-tech` on your terminal before publishing, credential is shared via 1Password.\n\n```bash\nnpm login\n```\n\n1. Bump package version\n2. Make sure you are in `packages/uikit` directory\n3. Run `yarn package`\n4. Move to the created `package` folder\n5. Run `npm publish --access public` to publish under the `latest` tag\n\n```bash\nnpm version Vouch UIKit\n\n- [Get Started](#get-started)\n - [Storybook](#storybook)\n - [Playroom](#playroom)\n - [Build package](#build-package)\n - [Test package locally with vouch-app-mono](#test-package-locally-with-vouch-app)\n - [Testing published package](#test-published-package)\n - [Purge npm cache](#purge-jsdelivr-cache)\n - [Purge specific bundles](#purge-specific-bundlejs)\n- [Releasing](#releasing)\n - [Update vouch-app](#update-vouch-app)\n - [Production release](#prod-release)\n\n# Get Started\n\nEnsure you have node `16` installed on your machine, for example via [nvm](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/TERMINAL.md#install-nvm), run `nvm ls` to check\n\n```bash\nnvm ls 16\n```\n\nyou should see output if you have the version installed\n\n```bash\n-> v16.17.1\n```\n\nensure you have [git ssh](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/GITHUB.md) setup locally before you clone the repo\n\n```bash\ngit clone git@github.com:VouchAU/vouch-uikit-mono.git\n```\n\ninstall dependencies\n\n```bash\ncd vouch-uikit-mono\nyarn\n```\n\n## Storybook\n\nhttps://uikit-storybook.vercel.app\n\nStorybook is hosted on vercel and deployed automatically via **GitHub Action** every time changes are merged back to `main`. Storybook can also be deployed per PR by adding the `deploy storybook` label on the PR.\n\nLocal dev\n\n```bash\nyarn storybook\n```\n\nbuild storybook\n\n```bash\nyarn storybook:build\n```\n\n## Playroom\n\nhttps://uikit-playroom.vercel.app\n\nPlayroom is hosted on vercel and deployed automatically via **GitHub Action** every time changes are merged back to `main`. Playroom is not intended to be used on it's own because we don't get good autocomplete for web components, and playroom cannot render the svelte components natively.\n\nInstead we have created a `Playroom` plugin for storybook that will automatically update the rendered web component when any of the story controls change.\n\nLocal dev\n\n```bash\nyarn playroom\n```\n\nbuild playroom\n\n```bash\nyarn playroom:build\n```\n\n## Build package\n\nBuild `src/lib` production/beta/alpha package, make sure you change `version` in `package.json`.\n\n```sh\ncd packages/uikit\n...\nyarn package # production\n```\n\n## Test package locally with `vouch-app`\n\nOnce you build the `npm` package, you can test locally with `vouch-app` to ensure everything works as expected before publishing to `npm`\n\nAssuming you build a package according [Build package](#build-package), now you can create a symlink to your local package\n\n```sh\ncd package\nyarn link\n```\n\nyou should see this if successfully linked\n\n```sh\nyarn link v1.22.10\nsuccess Registered \"@vouchfor/uikit\".\ninfo You can now run `yarn link \"@vouchfor/uikit\"` in the projects where you want to use this package and it will be used instead.\n✨ Done in 0.04s.\n```\n\ngo to `vouch-app-mono` folder and switch to the branch you want to test against with then link the local package\n\n```sh\ncd vouch-app-mono\ngit checkout VCH-222\nyarn link @vouchfor/uikit\nyarn dev\n```\n\nVoilà, you are testing your feature branch with the local uikit package and don't forget to roll back after testing\n\n```sh\ncd vouch-app\nyarn unlink @vouchfor/uikit\n...\ncd vouch-uikit/package\nyarn unlink\n```\n\n## Test published package\n\nYou can publish an experimental version of the package by adding the `publish rc` label onto your PR. This will use the commit hash and a prerelease version number to publish onto NPM which you can then install into your application for testing.\n\nThis can be important because the published package and the linked package aren't necessarily 100% the same, some functionality is lost during the conversion to web-components:\n- When using a svelte component within another svelte component, you are able to pass $$restProps down to inner DOM elements, this doesn't work when the svelte component is changed into a web-component during build time\n- Using slots is a little weird\n - When using normal svelte components, if you want to style slot contents from the parent component you need to use the `:global(\n
\n```\n\nIn this case, you will need to purge the bundle file specifically by providing absolute path\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/embed/{filename}.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/components/{filename}.bundle.js\n```\n\nfor example,\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/embed/vouch-embed-inline-player.bundle.js\n```\n\n## Unit test\n\n```bash\nyarn test\n```\n\nupdate snapshot\n\n```bash\nyarn test -u\n```\n\n# Releasing\n\nTo make sure we are delivering the highest quality software we can, there is a multi-step review and testing process before we go ahead with any release.\n\n1. Once the feature has been implemented, create a PR and add the `deploy storybook` label to it, once storybook has been deployed send the link to the stakeholder that is in charge of the feature and get them to review.\n - The deployment URL will be added as a comment to the PR once deployed\n2. Use browserstack (credentials in 1password) to cross-browser test the storybook PR deployment using a wide range of operating systems and browser versions\n - TODO: Figure out what is a reasonable set of browsers to test with\n - TODO: Automated tools for cross browser testing using browserstack\n3. Publish the package as a release candidate by adding the `publish rc` label to the PR\n - Once published, install the package into the admin app and test the feature there to make sure your changes are working in situ.\n - Create a PR deployment for the admin app using the release candidate package and get stakeholders to review also.\n4. If there are no issues, bump the package to the appropriate version in the PR, then the PR can be merged into `main` and a regular release can be created using the instructions below\n - TODO: Automate public release\n\n## Update `vouch-app`\n\n`@vouchfor/uikit` is a dependency of the admin app within `vouch-app-mono` and `vouch-app` for embeds and the media player, follow the below steps to publish NPM package and update `package.json` dependency in `vouch-app-mono`.\n\n> Always use semver for version numbering for main releases\n\n- Major: Breaking changes\n- Minor: Feature releases\n- Patch: Hotfixes\n\nBecause we have a few different environments that the embeds may be fetching from (`dev`, `staging` and `prod`) we have added an `env` prop to all of the necessary embeds that allows you to choose the environment at run time. This, along with PR releases, removes the need for an `alpha` and `beta` package release and will allow us to better automate the release process.\n\n### Prod release\n\n> You will need to log in `vouch-tech` on your terminal before publishing, credential is shared via 1Password.\n\n```bash\nnpm login\n```\n\n1. Make sure you are in `packages/uikit` directory\n2. Run `yarn package`\n3. Move to the created `package` folder\n4. Run `npm publish --access public` to publish under the `latest` tag\n\n```bash\ncd packages/uikit\nyarn package\ncd package\nnpm publish --access public\n```\n\nThen, using the same PR in `vouch-app-mono` that you used to test the experimental version, bump to the now latest version and re-test one final time to make sure everything worked as expected.\n\nIf everything works correctly then the PR is ready to be merged, and the CDN cache can be purged to allow for upstream clients using embeds in their apps to receive the new version.\n\n### Post release testing\n\nUse [this](https://codepen.io/aaronuu/pen/poKYJVz) codepen to bump the package version that is downloaded from the CDN and make sure all of the embeds work as expected.","engines":{"node":">=16"},"exports":{"./events":"./events.js","./constants":"./constants.js","./embed/events":{"import":"./embed/events.js","default":"./embed/events.js","require":"./embed/events.cjs"},"./package.json":"./package.json","./internal/theme":"./internal/theme.js","./internal/utils":"./internal/utils.js","./internal/environment":"./internal/environment.js","./components/vouch-menu":{"import":"./components/vouch-menu.js","default":"./components/vouch-menu.js","require":"./components/vouch-menu.cjs"},"./embed/vouch-embed-all":{"import":"./embed/vouch-embed-all.js","default":"./embed/vouch-embed-all.js","require":"./embed/vouch-embed-all.cjs"},"./embed/vouch-embed-card":{"import":"./embed/vouch-embed-card.js","default":"./embed/vouch-embed-card.js","require":"./embed/vouch-embed-card.cjs"},"./components/vouch-button":{"import":"./components/vouch-button.js","default":"./components/vouch-button.js","require":"./components/vouch-button.cjs"},"./embed/vouch-embed-jumbo":{"import":"./embed/vouch-embed-jumbo.js","default":"./embed/vouch-embed-jumbo.js","require":"./embed/vouch-embed-jumbo.cjs"},"./internal/actions/popper":"./internal/actions/popper.js","./internal/hooks/useFetch":"./internal/hooks/useFetch.js","./internal/hooks/useTrack":"./internal/hooks/useTrack.js","./components/vouch-persona":{"import":"./components/vouch-persona.js","default":"./components/vouch-persona.js","require":"./components/vouch-persona.cjs"},"./components/vouch-tooltip":{"import":"./components/vouch-tooltip.js","default":"./components/vouch-tooltip.js","require":"./components/vouch-tooltip.cjs"},"./embed/vouch-embed-button":{"import":"./embed/vouch-embed-button.js","default":"./embed/vouch-embed-button.js","require":"./embed/vouch-embed-button.cjs"},"./components/vouch-recorder":{"import":"./components/vouch-recorder.js","default":"./components/vouch-recorder.js","require":"./components/vouch-recorder.cjs"},"./embed/vouch-embed-popover":{"import":"./embed/vouch-embed-popover.js","default":"./embed/vouch-embed-popover.js","require":"./embed/vouch-embed-popover.cjs"},"./test/internals/utils.spec":"./test/internals/utils.spec.js","./components/vouch-icon-play":{"import":"./components/vouch-icon-play.js","default":"./components/vouch-icon-play.js","require":"./components/vouch-icon-play.cjs"},"./embed/vouch-embed-dialogue":{"import":"./embed/vouch-embed-dialogue.js","default":"./embed/vouch-embed-dialogue.js","require":"./embed/vouch-embed-dialogue.cjs"},"./components/VouchMenu.svelte":"./components/VouchMenu.svelte","./components/vouch-brand-logo":{"import":"./components/vouch-brand-logo.js","default":"./components/vouch-brand-logo.js","require":"./components/vouch-brand-logo.cjs"},"./components/vouch-icon-close":{"import":"./components/vouch-icon-close.js","default":"./components/vouch-icon-close.js","require":"./components/vouch-icon-close.cjs"},"./components/vouch-icon-pause":{"import":"./components/vouch-icon-pause.js","default":"./components/vouch-icon-pause.js","require":"./components/vouch-icon-pause.cjs"},"./components/vouch-media-plyr":{"import":"./components/vouch-media-plyr.js","default":"./components/vouch-media-plyr.js","require":"./components/vouch-media-plyr.cjs"},"./components/vouch-water-mark":{"import":"./components/vouch-water-mark.js","default":"./components/vouch-water-mark.js","require":"./components/vouch-water-mark.cjs"},"./embed/VouchEmbedCard.svelte":"./embed/VouchEmbedCard.svelte","./embed/vouch-embed-thumbnail":{"import":"./embed/vouch-embed-thumbnail.js","default":"./embed/vouch-embed-thumbnail.js","require":"./embed/vouch-embed-thumbnail.cjs"},"./embed/vouch-recorder-button":{"import":"./embed/vouch-recorder-button.js","default":"./embed/vouch-recorder-button.js","require":"./embed/vouch-recorder-button.cjs"},"./components/vouch-graphic-svg":{"import":"./components/vouch-graphic-svg.js","default":"./components/vouch-graphic-svg.js","require":"./components/vouch-graphic-svg.cjs"},"./embed/VouchEmbedJumbo.svelte":"./embed/VouchEmbedJumbo.svelte","./embed/vouch-recorder-preview":{"import":"./embed/vouch-recorder-preview.js","default":"./embed/vouch-recorder-preview.js","require":"./embed/vouch-recorder-preview.cjs"},"./internal/hooks/useFetchEmbed":"./internal/hooks/useFetchEmbed.js","./components/VouchButton.svelte":"./components/VouchButton.svelte","./embed/VouchEmbedButton.svelte":"./embed/VouchEmbedButton.svelte","./components/VouchPersona.svelte":"./components/VouchPersona.svelte","./components/VouchTooltip.svelte":"./components/VouchTooltip.svelte","./components/vouch-volume-slider":{"import":"./components/vouch-volume-slider.js","default":"./components/vouch-volume-slider.js","require":"./components/vouch-volume-slider.cjs"},"./embed/VouchEmbedPopover.svelte":"./embed/VouchEmbedPopover.svelte","./internal/actions/outside-click":"./internal/actions/outside-click.js","./components/VouchIconPlay.svelte":"./components/VouchIconPlay.svelte","./components/VouchRecorder.svelte":"./components/VouchRecorder.svelte","./embed/VouchEmbedDialogue.svelte":"./embed/VouchEmbedDialogue.svelte","./embed/vouch-embed-inline-player":{"import":"./embed/vouch-embed-inline-player.js","default":"./embed/vouch-embed-inline-player.js","require":"./embed/vouch-embed-inline-player.cjs"},"./test/components/VouchIcons.spec":"./test/components/VouchIcons.spec.js","./components/VouchBrandLogo.svelte":"./components/VouchBrandLogo.svelte","./components/VouchIconClose.svelte":"./components/VouchIconClose.svelte","./components/VouchIconPause.svelte":"./components/VouchIconPause.svelte","./components/VouchMediaPlyr.svelte":"./components/VouchMediaPlyr.svelte","./components/VouchWaterMark.svelte":"./components/VouchWaterMark.svelte","./components/vouch-icon-arrow-left":{"import":"./components/vouch-icon-arrow-left.js","default":"./components/vouch-icon-arrow-left.js","require":"./components/vouch-icon-arrow-left.cjs"},"./embed/VouchEmbedThumbnail.svelte":"./embed/VouchEmbedThumbnail.svelte","./embed/VouchRecorderButton.svelte":"./embed/VouchRecorderButton.svelte","./internal/actions/resize-observer":"./internal/actions/resize-observer.js","./components/VouchGraphicSvg.svelte":"./components/VouchGraphicSvg.svelte","./components/vouch-icon-arrow-right":{"import":"./components/vouch-icon-arrow-right.js","default":"./components/vouch-icon-arrow-right.js","require":"./components/vouch-icon-arrow-right.cjs"},"./embed/VouchRecorderPreview.svelte":"./embed/VouchRecorderPreview.svelte","./components/vouch-overlay-play-icon":{"import":"./components/vouch-overlay-play-icon.js","default":"./components/vouch-overlay-play-icon.js","require":"./components/vouch-overlay-play-icon.cjs"},"./components/vouch-progress-scrubber":{"import":"./components/vouch-progress-scrubber.js","default":"./components/vouch-progress-scrubber.js","require":"./components/vouch-progress-scrubber.cjs"},"./test/internals/hooks/useFetch.spec":"./test/internals/hooks/useFetch.spec.js","./test/internals/hooks/useTrack.spec":"./test/internals/hooks/useTrack.spec.js","./components/VouchVolumeSlider.svelte":"./components/VouchVolumeSlider.svelte","./embed/VouchEmbedInlinePlayer.svelte":"./embed/VouchEmbedInlinePlayer.svelte","./test/components/VouchBrandLogo.spec":"./test/components/VouchBrandLogo.spec.js","./test/components/VouchWaterMark.spec":"./test/components/VouchWaterMark.spec.js","./components/VouchIconArrowLeft.svelte":"./components/VouchIconArrowLeft.svelte","./components/vouch-embed-error-message":{"import":"./components/vouch-embed-error-message.js","default":"./components/vouch-embed-error-message.js","require":"./components/vouch-embed-error-message.cjs"},"./test/components/VouchGraphicSvg.spec":"./test/components/VouchGraphicSvg.spec.js","./components/VouchIconArrowRight.svelte":"./components/VouchIconArrowRight.svelte","./embed/vouch-embed-inner-inline-player":{"import":"./embed/vouch-embed-inner-inline-player.js","default":"./embed/vouch-embed-inner-inline-player.js","require":"./embed/vouch-embed-inner-inline-player.cjs"},"./components/VouchOverlayPlayIcon.svelte":"./components/VouchOverlayPlayIcon.svelte","./components/VouchProgressScrubber.svelte":"./components/VouchProgressScrubber.svelte","./test/internals/hooks/useFetchEmbed.spec":"./test/internals/hooks/useFetchEmbed.spec.js","./components/VouchEmbedErrorMessage.svelte":"./components/VouchEmbedErrorMessage.svelte","./embed/VouchEmbedInnerInlinePlayer.svelte":"./embed/VouchEmbedInnerInlinePlayer.svelte"},"gitHead":"8d8d84dbd1d1996f3d4489ab1347ec3e41453e86","_npmUser":{"name":"vouch-tech","email":"brian@vouchfor.com"},"repository":{"url":"git+https://github.com/VouchAU/vouch-uikit.git","type":"git"},"_npmVersion":"8.19.2","description":"Vouch Svelte UIKit","directories":{},"lint-staged":{"*.{js,svelte}":"yarn lint"},"_nodeVersion":"16.18.1","dependencies":{"flat":"^5.0.2","plyr":"^3.7.2","cookie":"^0.4.1","hls.js":"^1.1.5","core-js":"^3.16.3","postcss":"^7","@vime/core":"^5.3.1","tailwindcss":"npm:@tailwindcss/postcss7-compat","@lukeed/uuid":"^2.0.0","autoprefixer":"^9","whatwg-fetch":"^3.6.2","patch-package":"^6.5.0","@popperjs/core":"^2.11.6","@fontsource/fira-mono":"^4.2.2","postinstall-postinstall":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^27.0.6","path":"^0.12.7","vite":"^3.1.8","react":"^18.2.0","tslib":"^2.0.0","dotenv":"^10.0.0","eslint":"^7.22.0","rollup":"^2.55.1","svelte":"^3.34.0","webpack":"^5.74.0","playroom":"0.28.0","prettier":"~2.2.1","react-dom":"^18.2.0","ts-loader":"^9.4.1","@percy/cli":"^1.15.0","babel-jest":"^27.0.6","base64-url":"^2.3.3","dotenv-cli":"^6.0.0","svelte2tsx":"^0.4.3","typescript":"^4.8.4","@babel/core":"^7.14.8","@types/jest":"^26.0.24","lint-staged":"^12.4.1","babel-loader":"^8.2.5","svelte-check":"^2.0.0","@sveltejs/kit":"next","@types/cookie":"^0.4.0","@types/hls.js":"^1.0.0","svelte-jester":"^1.8.1","svelte-loader":"^3.1.2","@percy/storybook":"^4.3.4","@storybook/react":"^6.5.13","@babel/preset-env":"^7.14.9","@storybook/svelte":"^6.5.13","@sveltejs/package":"^1.0.0-next.5","svelte-preprocess":"^4.0.0","rollup-plugin-copy":"^3.4.0","require-from-string":"^2.0.2","rollup-plugin-svelte":"^7.1.0","rollup-plugin-terser":"^7.0.2","eslint-plugin-svelte3":"^3.2.0","@babel/runtime-corejs3":"^7.14.9","@rollup/plugin-replace":"^3.0.0","@storybook/addon-links":"^6.5.13","eslint-config-prettier":"^8.1.0","prettier-plugin-svelte":"^2.2.0","@rollup/plugin-commonjs":"^22.0.0","@testing-library/svelte":"^3.0.3","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.5.13","storybook-addon-playroom":"^3.0.2","@typescript-eslint/parser":"^4.19.0","@rollup/plugin-node-resolve":"^13.0.4","@storybook/addon-essentials":"^6.5.13","@storybook/addon-svelte-csf":"^2.0.10","@typescript-eslint/eslint-plugin":"^4.19.0"},"_npmOperationalInternal":{"tmp":"tmp/uikit_0.0.0-experiment.8d8d84d_1670821359661_0.4286668166286416","host":"s3://npm-registry-packages"}},"0.0.0-experiment.ac3f737":{"name":"@vouchfor/uikit","version":"0.0.0-experiment.ac3f737","keywords":["embed","design system","vouch-uikit","svelte","uikit"],"author":{"url":"https://vouchau.github.io/vouch-uikit","name":"Vouch Dev Team","email":"hello@vouchfor.com"},"license":"MIT","_id":"@vouchfor/uikit@0.0.0-experiment.ac3f737","maintainers":[{"name":"vouch-tech","email":"brian@vouchfor.com"}],"homepage":"https://vouchau.github.io/vouch-uikit","bugs":{"url":"https://github.com/VouchAU/vouch-uikit/issues"},"dist":{"shasum":"b5ad0d24d7e7f0e6d269825ce3fa71b2e7514fee","tarball":"https://registry.npmjs.org/@vouchfor/uikit/-/uikit-0.0.0-experiment.ac3f737.tgz","fileCount":218,"integrity":"sha512-oqyZvv3ZcAJtGNrQM4i1h8Mveh9DRDEkcy9l0xhlLevZJnPp5VvaHAHHlVaIF7wKAXDwxi9+OwZcyq/BXkfbcQ==","signatures":[{"sig":"MEUCIAF9b2b/YLISVmef2HD0lwGNqZEKuFDlf/KnFfIMp9mGAiEA9MUwSDL3EASPIE0lVVT435jZxsBb74uxh93DWceO+nI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":37355756,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjlsPIACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmprQhAAkI5vmSjSBN6DX2ucRFaDx+7tmuwlS+bgXBCww9NBnFquG8Ts\r\n586cyT+szfNUtobmKM/IyEs/4+jXfpQXOH2NPAquNd9w5ubwRkFCkwaQ/KSC\r\nXjSN/owU1WshjFUHguoxvzQmefGq7bC2zFyoLMDtUOqaOakJU8RAW8bUJjYk\r\nwiKci9UXohegGOhzfm+1DCFQ9et+sdY6ekOeSSnF4emCBjIuf2H51toNN9G/\r\n9v8gqpsz4El5DX1oLGxXEaaB+vh+xdSYtxWhE0Rc2GcnQIKHbxTifm4yZq4x\r\nxLZmGvyMxpUIHk3ClvIYXHtYTX0ghqWGCmsBEDDC1Ex+cl4jcHtS0Y3hqTJr\r\nM+Fhl2agedCl6R/Y5GX0PWU7KvAWIcvldYQM9Ox9ui5z2bjASDIUgildqHqm\r\ns8xUA3NbSNjaeIb3TzJ5Y00Z2jfWx61uKpqljVBvqQLmOA89HViAqf5agPSu\r\nIByTbUS3Gtkl6CTSrsHYljA6SgiQ7fh6uQmd0JWauws2sb5kbRslW7tiVv03\r\nagFrvX4a57TGWLbzEO1HSIWg7QaNE/cD9kOWtoQVsJgPRgAHfDfy3GmjNTOH\r\nF0XPsnxd0jCzLBTXylEYWrB/eDxbLeWKLuI91c8iaoKhL8nvLERCmyndikoX\r\ngMLkVbjaxQwEyNCMDWVWx/H2kpjeNc2M0ys=\r\n=P+A0\r\n-----END PGP SIGNATURE-----\r\n"},"type":"module","types":"types.d.ts","readme":"# Vouch UIKit\n\n- [Get Started](#get-started)\n - [Storybook](#storybook)\n - [Playroom](#playroom)\n - [Build package](#build-package)\n - [Test package locally with vouch-app-mono](#test-package-locally-with-vouch-app)\n - [Testing published package](#test-published-package)\n - [Purge npm cache](#purge-jsdelivr-cache)\n - [Purge specific bundles](#purge-specific-bundlejs)\n- [Releasing](#releasing)\n - [Update vouch-app](#update-vouch-app)\n - [Production release](#prod-release)\n\n# Get Started\n\nEnsure you have node `16` installed on your machine, for example via [nvm](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/TERMINAL.md#install-nvm), run `nvm ls` to check\n\n```bash\nnvm ls 16\n```\n\nyou should see output if you have the version installed\n\n```bash\n-> v16.17.1\n```\n\nensure you have [git ssh](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/GITHUB.md) setup locally before you clone the repo\n\n```bash\ngit clone git@github.com:VouchAU/vouch-uikit-mono.git\n```\n\ninstall dependencies\n\n```bash\ncd vouch-uikit-mono\nyarn\n```\n\n## Storybook\n\nhttps://uikit-storybook.vercel.app\n\nStorybook is hosted on vercel and deployed automatically via **GitHub Action** every time changes are merged back to `main`. Storybook can also be deployed per PR by adding the `deploy storybook` label on the PR.\n\nLocal dev\n\n```bash\nyarn storybook\n```\n\nbuild storybook\n\n```bash\nyarn storybook:build\n```\n\n## Playroom\n\nhttps://uikit-playroom.vercel.app\n\nPlayroom is hosted on vercel and deployed automatically via **GitHub Action** every time changes are merged back to `main`. Playroom is not intended to be used on it's own because we don't get good autocomplete for web components, and playroom cannot render the svelte components natively.\n\nInstead we have created a `Playroom` plugin for storybook that will automatically update the rendered web component when any of the story controls change.\n\nLocal dev\n\n```bash\nyarn playroom\n```\n\nbuild playroom\n\n```bash\nyarn playroom:build\n```\n\n## Build package\n\nBuild `src/lib` production/beta/alpha package, make sure you change `version` in `package.json`.\n\n```sh\ncd packages/uikit\n...\nyarn package # production\n```\n\n## Test package locally with `vouch-app`\n\nOnce you build the `npm` package, you can test locally with `vouch-app` to ensure everything works as expected before publishing to `npm`\n\nAssuming you build a package according [Build package](#build-package), now you can create a symlink to your local package\n\n```sh\ncd package\nyarn link\n```\n\nyou should see this if successfully linked\n\n```sh\nyarn link v1.22.10\nsuccess Registered \"@vouchfor/uikit\".\ninfo You can now run `yarn link \"@vouchfor/uikit\"` in the projects where you want to use this package and it will be used instead.\n✨ Done in 0.04s.\n```\n\ngo to `vouch-app-mono` folder and switch to the branch you want to test against with then link the local package\n\n```sh\ncd vouch-app-mono\ngit checkout VCH-222\nyarn link @vouchfor/uikit\nyarn dev\n```\n\nVoilà, you are testing your feature branch with the local uikit package and don't forget to roll back after testing\n\n```sh\ncd vouch-app\nyarn unlink @vouchfor/uikit\n...\ncd vouch-uikit/package\nyarn unlink\n```\n\n## Test published package\n\nYou can publish an experimental version of the package by adding the `publish rc` label onto your PR. This will use the commit hash and a prerelease version number to publish onto NPM which you can then install into your application for testing.\n\nThis can be important because the published package and the linked package aren't necessarily 100% the same, some functionality is lost during the conversion to web-components:\n- When using a svelte component within another svelte component, you are able to pass $$restProps down to inner DOM elements, this doesn't work when the svelte component is changed into a web-component during build time\n- Using slots is a little weird\n - When using normal svelte components, if you want to style slot contents from the parent component you need to use the `:global(\n
\n```\n\nIn this case, you will need to purge the bundle file specifically by providing absolute path\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/embed/{filename}.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/components/{filename}.bundle.js\n```\n\nfor example,\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/embed/vouch-embed-inline-player.bundle.js\n```\n\n## Unit test\n\n```bash\nyarn test\n```\n\nupdate snapshot\n\n```bash\nyarn test -u\n```\n\n# Releasing\n\nTo make sure we are delivering the highest quality software we can, there is a multi-step review and testing process before we go ahead with any release.\n\n1. Once the feature has been implemented, create a PR and add the `deploy storybook` label to it, once storybook has been deployed send the link to the stakeholder that is in charge of the feature and get them to review.\n - The deployment URL will be added as a comment to the PR once deployed\n2. Use browserstack (credentials in 1password) to cross-browser test the storybook PR deployment using a wide range of operating systems and browser versions\n - TODO: Figure out what is a reasonable set of browsers to test with\n - TODO: Automated tools for cross browser testing using browserstack\n3. Publish the package as a release candidate by adding the `publish rc` label to the PR\n - Once published, install the package into the admin app and test the feature there to make sure your changes are working in situ.\n - Create a PR deployment for the admin app using the release candidate package and get stakeholders to review also.\n4. If there are no issues, bump the package to the appropriate version in the PR, then the PR can be merged into `main` and a regular release can be created using the instructions below\n - TODO: Automate public release\n\n## Update `vouch-app`\n\n`@vouchfor/uikit` is a dependency of the admin app within `vouch-app-mono` and `vouch-app` for embeds and the media player, follow the below steps to publish NPM package and update `package.json` dependency in `vouch-app-mono`.\n\n> Always use semver for version numbering for main releases\n\n- Major: Breaking changes\n- Minor: Feature releases\n- Patch: Hotfixes\n\nBecause we have a few different environments that the embeds may be fetching from (`dev`, `staging` and `prod`) we have added an `env` prop to all of the necessary embeds that allows you to choose the environment at run time. This, along with PR releases, removes the need for an `alpha` and `beta` package release and will allow us to better automate the release process.\n\n### Prod release\n\n> You will need to log in `vouch-tech` on your terminal before publishing, credential is shared via 1Password.\n\n```bash\nnpm login\n```\n\n1. Make sure you are in `packages/uikit` directory\n2. Run `yarn package`\n3. Move to the created `package` folder\n4. Run `npm publish --access public` to publish under the `latest` tag\n\n```bash\ncd packages/uikit\nyarn package\ncd package\nnpm publish --access public\n```\n\nThen, using the same PR in `vouch-app-mono` that you used to test the experimental version, bump to the now latest version and re-test one final time to make sure everything worked as expected.\n\nIf everything works correctly then the PR is ready to be merged, and the CDN cache can be purged to allow for upstream clients using embeds in their apps to receive the new version.\n\n### Post release testing\n\nUse [this](https://codepen.io/aaronuu/pen/poKYJVz) codepen to bump the package version that is downloaded from the CDN and make sure all of the embeds work as expected.","engines":{"node":">=16"},"exports":{"./events":"./events.js","./constants":"./constants.js","./embed/events":{"import":"./embed/events.js","default":"./embed/events.js","require":"./embed/events.cjs"},"./package.json":"./package.json","./internal/theme":"./internal/theme.js","./internal/utils":"./internal/utils.js","./internal/environment":"./internal/environment.js","./components/vouch-menu":{"import":"./components/vouch-menu.js","default":"./components/vouch-menu.js","require":"./components/vouch-menu.cjs"},"./embed/vouch-embed-all":{"import":"./embed/vouch-embed-all.js","default":"./embed/vouch-embed-all.js","require":"./embed/vouch-embed-all.cjs"},"./embed/vouch-embed-card":{"import":"./embed/vouch-embed-card.js","default":"./embed/vouch-embed-card.js","require":"./embed/vouch-embed-card.cjs"},"./components/vouch-button":{"import":"./components/vouch-button.js","default":"./components/vouch-button.js","require":"./components/vouch-button.cjs"},"./embed/vouch-embed-jumbo":{"import":"./embed/vouch-embed-jumbo.js","default":"./embed/vouch-embed-jumbo.js","require":"./embed/vouch-embed-jumbo.cjs"},"./internal/actions/popper":"./internal/actions/popper.js","./internal/hooks/useFetch":"./internal/hooks/useFetch.js","./internal/hooks/useTrack":"./internal/hooks/useTrack.js","./components/vouch-persona":{"import":"./components/vouch-persona.js","default":"./components/vouch-persona.js","require":"./components/vouch-persona.cjs"},"./components/vouch-tooltip":{"import":"./components/vouch-tooltip.js","default":"./components/vouch-tooltip.js","require":"./components/vouch-tooltip.cjs"},"./embed/vouch-embed-button":{"import":"./embed/vouch-embed-button.js","default":"./embed/vouch-embed-button.js","require":"./embed/vouch-embed-button.cjs"},"./components/vouch-recorder":{"import":"./components/vouch-recorder.js","default":"./components/vouch-recorder.js","require":"./components/vouch-recorder.cjs"},"./embed/vouch-embed-popover":{"import":"./embed/vouch-embed-popover.js","default":"./embed/vouch-embed-popover.js","require":"./embed/vouch-embed-popover.cjs"},"./test/internals/utils.spec":"./test/internals/utils.spec.js","./components/vouch-icon-play":{"import":"./components/vouch-icon-play.js","default":"./components/vouch-icon-play.js","require":"./components/vouch-icon-play.cjs"},"./embed/vouch-embed-dialogue":{"import":"./embed/vouch-embed-dialogue.js","default":"./embed/vouch-embed-dialogue.js","require":"./embed/vouch-embed-dialogue.cjs"},"./components/VouchMenu.svelte":"./components/VouchMenu.svelte","./components/vouch-brand-logo":{"import":"./components/vouch-brand-logo.js","default":"./components/vouch-brand-logo.js","require":"./components/vouch-brand-logo.cjs"},"./components/vouch-icon-close":{"import":"./components/vouch-icon-close.js","default":"./components/vouch-icon-close.js","require":"./components/vouch-icon-close.cjs"},"./components/vouch-icon-pause":{"import":"./components/vouch-icon-pause.js","default":"./components/vouch-icon-pause.js","require":"./components/vouch-icon-pause.cjs"},"./components/vouch-media-plyr":{"import":"./components/vouch-media-plyr.js","default":"./components/vouch-media-plyr.js","require":"./components/vouch-media-plyr.cjs"},"./components/vouch-water-mark":{"import":"./components/vouch-water-mark.js","default":"./components/vouch-water-mark.js","require":"./components/vouch-water-mark.cjs"},"./embed/VouchEmbedCard.svelte":"./embed/VouchEmbedCard.svelte","./embed/vouch-embed-thumbnail":{"import":"./embed/vouch-embed-thumbnail.js","default":"./embed/vouch-embed-thumbnail.js","require":"./embed/vouch-embed-thumbnail.cjs"},"./embed/vouch-recorder-button":{"import":"./embed/vouch-recorder-button.js","default":"./embed/vouch-recorder-button.js","require":"./embed/vouch-recorder-button.cjs"},"./components/vouch-graphic-svg":{"import":"./components/vouch-graphic-svg.js","default":"./components/vouch-graphic-svg.js","require":"./components/vouch-graphic-svg.cjs"},"./embed/VouchEmbedJumbo.svelte":"./embed/VouchEmbedJumbo.svelte","./embed/vouch-recorder-preview":{"import":"./embed/vouch-recorder-preview.js","default":"./embed/vouch-recorder-preview.js","require":"./embed/vouch-recorder-preview.cjs"},"./internal/hooks/useFetchEmbed":"./internal/hooks/useFetchEmbed.js","./components/VouchButton.svelte":"./components/VouchButton.svelte","./embed/VouchEmbedButton.svelte":"./embed/VouchEmbedButton.svelte","./components/VouchPersona.svelte":"./components/VouchPersona.svelte","./components/VouchTooltip.svelte":"./components/VouchTooltip.svelte","./components/vouch-volume-slider":{"import":"./components/vouch-volume-slider.js","default":"./components/vouch-volume-slider.js","require":"./components/vouch-volume-slider.cjs"},"./embed/VouchEmbedPopover.svelte":"./embed/VouchEmbedPopover.svelte","./internal/actions/outside-click":"./internal/actions/outside-click.js","./components/VouchIconPlay.svelte":"./components/VouchIconPlay.svelte","./components/VouchRecorder.svelte":"./components/VouchRecorder.svelte","./embed/VouchEmbedDialogue.svelte":"./embed/VouchEmbedDialogue.svelte","./embed/vouch-embed-inline-player":{"import":"./embed/vouch-embed-inline-player.js","default":"./embed/vouch-embed-inline-player.js","require":"./embed/vouch-embed-inline-player.cjs"},"./test/components/VouchIcons.spec":"./test/components/VouchIcons.spec.js","./components/VouchBrandLogo.svelte":"./components/VouchBrandLogo.svelte","./components/VouchIconClose.svelte":"./components/VouchIconClose.svelte","./components/VouchIconPause.svelte":"./components/VouchIconPause.svelte","./components/VouchMediaPlyr.svelte":"./components/VouchMediaPlyr.svelte","./components/VouchWaterMark.svelte":"./components/VouchWaterMark.svelte","./components/vouch-icon-arrow-left":{"import":"./components/vouch-icon-arrow-left.js","default":"./components/vouch-icon-arrow-left.js","require":"./components/vouch-icon-arrow-left.cjs"},"./embed/VouchEmbedThumbnail.svelte":"./embed/VouchEmbedThumbnail.svelte","./embed/VouchRecorderButton.svelte":"./embed/VouchRecorderButton.svelte","./internal/actions/resize-observer":"./internal/actions/resize-observer.js","./components/VouchGraphicSvg.svelte":"./components/VouchGraphicSvg.svelte","./components/vouch-icon-arrow-right":{"import":"./components/vouch-icon-arrow-right.js","default":"./components/vouch-icon-arrow-right.js","require":"./components/vouch-icon-arrow-right.cjs"},"./embed/VouchRecorderPreview.svelte":"./embed/VouchRecorderPreview.svelte","./components/vouch-overlay-play-icon":{"import":"./components/vouch-overlay-play-icon.js","default":"./components/vouch-overlay-play-icon.js","require":"./components/vouch-overlay-play-icon.cjs"},"./components/vouch-progress-scrubber":{"import":"./components/vouch-progress-scrubber.js","default":"./components/vouch-progress-scrubber.js","require":"./components/vouch-progress-scrubber.cjs"},"./test/internals/hooks/useFetch.spec":"./test/internals/hooks/useFetch.spec.js","./test/internals/hooks/useTrack.spec":"./test/internals/hooks/useTrack.spec.js","./components/VouchVolumeSlider.svelte":"./components/VouchVolumeSlider.svelte","./embed/VouchEmbedInlinePlayer.svelte":"./embed/VouchEmbedInlinePlayer.svelte","./test/components/VouchBrandLogo.spec":"./test/components/VouchBrandLogo.spec.js","./test/components/VouchWaterMark.spec":"./test/components/VouchWaterMark.spec.js","./components/VouchIconArrowLeft.svelte":"./components/VouchIconArrowLeft.svelte","./components/vouch-embed-error-message":{"import":"./components/vouch-embed-error-message.js","default":"./components/vouch-embed-error-message.js","require":"./components/vouch-embed-error-message.cjs"},"./test/components/VouchGraphicSvg.spec":"./test/components/VouchGraphicSvg.spec.js","./components/VouchIconArrowRight.svelte":"./components/VouchIconArrowRight.svelte","./embed/vouch-embed-inner-inline-player":{"import":"./embed/vouch-embed-inner-inline-player.js","default":"./embed/vouch-embed-inner-inline-player.js","require":"./embed/vouch-embed-inner-inline-player.cjs"},"./components/VouchOverlayPlayIcon.svelte":"./components/VouchOverlayPlayIcon.svelte","./components/VouchProgressScrubber.svelte":"./components/VouchProgressScrubber.svelte","./test/internals/hooks/useFetchEmbed.spec":"./test/internals/hooks/useFetchEmbed.spec.js","./components/VouchEmbedErrorMessage.svelte":"./components/VouchEmbedErrorMessage.svelte","./embed/VouchEmbedInnerInlinePlayer.svelte":"./embed/VouchEmbedInnerInlinePlayer.svelte","./components/vouch-embed-navigation-controls":{"import":"./components/vouch-embed-navigation-controls.js","default":"./components/vouch-embed-navigation-controls.js","require":"./components/vouch-embed-navigation-controls.cjs"},"./components/VouchEmbedNavigationControls.svelte":"./components/VouchEmbedNavigationControls.svelte"},"gitHead":"ac3f737b63bb6dbf096fdbc751804ca840e0da99","_npmUser":{"name":"vouch-tech","email":"brian@vouchfor.com"},"repository":{"url":"git+https://github.com/VouchAU/vouch-uikit.git","type":"git"},"_npmVersion":"8.19.2","description":"Vouch Svelte UIKit","directories":{},"lint-staged":{"*.{js,svelte}":"yarn lint"},"_nodeVersion":"16.18.1","dependencies":{"flat":"^5.0.2","plyr":"^3.7.2","cookie":"^0.4.1","hls.js":"^1.1.5","core-js":"^3.16.3","postcss":"^7","@vime/core":"^5.3.1","tailwindcss":"npm:@tailwindcss/postcss7-compat","@lukeed/uuid":"^2.0.0","autoprefixer":"^9","whatwg-fetch":"^3.6.2","patch-package":"^6.5.0","@popperjs/core":"^2.11.6","@fontsource/fira-mono":"^4.2.2","postinstall-postinstall":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^27.0.6","path":"^0.12.7","vite":"^3.1.8","react":"^18.2.0","tslib":"^2.0.0","dotenv":"^10.0.0","eslint":"^7.22.0","rollup":"^2.55.1","svelte":"^3.34.0","webpack":"^5.74.0","playroom":"0.28.0","prettier":"~2.2.1","react-dom":"^18.2.0","ts-loader":"^9.4.1","@percy/cli":"^1.15.0","babel-jest":"^27.0.6","base64-url":"^2.3.3","dotenv-cli":"^6.0.0","svelte2tsx":"^0.4.3","typescript":"^4.8.4","@babel/core":"^7.14.8","@types/jest":"^26.0.24","lint-staged":"^12.4.1","babel-loader":"^8.2.5","svelte-check":"^2.0.0","@sveltejs/kit":"next","@types/cookie":"^0.4.0","@types/hls.js":"^1.0.0","svelte-jester":"^1.8.1","svelte-loader":"^3.1.2","@percy/storybook":"^4.3.4","@storybook/react":"^6.5.13","@babel/preset-env":"^7.14.9","@storybook/svelte":"^6.5.13","@sveltejs/package":"^1.0.0-next.5","svelte-preprocess":"^4.0.0","rollup-plugin-copy":"^3.4.0","require-from-string":"^2.0.2","rollup-plugin-svelte":"^7.1.0","rollup-plugin-terser":"^7.0.2","eslint-plugin-svelte3":"^3.2.0","@babel/runtime-corejs3":"^7.14.9","@rollup/plugin-replace":"^3.0.0","@storybook/addon-links":"^6.5.13","eslint-config-prettier":"^8.1.0","prettier-plugin-svelte":"^2.2.0","@rollup/plugin-commonjs":"^22.0.0","@testing-library/svelte":"^3.0.3","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.5.13","storybook-addon-playroom":"^3.0.2","@typescript-eslint/parser":"^4.19.0","@rollup/plugin-node-resolve":"^13.0.4","@storybook/addon-essentials":"^6.5.13","@storybook/addon-svelte-csf":"^2.0.10","@typescript-eslint/eslint-plugin":"^4.19.0"},"_npmOperationalInternal":{"tmp":"tmp/uikit_0.0.0-experiment.ac3f737_1670824903985_0.4654711365738764","host":"s3://npm-registry-packages"}},"0.0.0-experiment.38a8354":{"name":"@vouchfor/uikit","version":"0.0.0-experiment.38a8354","keywords":["embed","design system","vouch-uikit","svelte","uikit"],"author":{"url":"https://vouchau.github.io/vouch-uikit","name":"Vouch Dev Team","email":"hello@vouchfor.com"},"license":"MIT","_id":"@vouchfor/uikit@0.0.0-experiment.38a8354","maintainers":[{"name":"vouch-tech","email":"brian@vouchfor.com"}],"homepage":"https://vouchau.github.io/vouch-uikit","bugs":{"url":"https://github.com/VouchAU/vouch-uikit/issues"},"dist":{"shasum":"9959873479ff385d9cb006c6cb074cd7d077d16b","tarball":"https://registry.npmjs.org/@vouchfor/uikit/-/uikit-0.0.0-experiment.38a8354.tgz","fileCount":231,"integrity":"sha512-BFlrnJIUmPddPZblIALCEJVs8TSvSoHYS5Fl1/ewgdEtcFyjrqiKQ9Ce06B9x7dI4qcdpScDgmTzDVez8vK74w==","signatures":[{"sig":"MEQCIBKBv0b7smb6BvpkqC3ta32tXOF0dfqk5VGFXFPrruxdAiBhLVed3+0Pjz7Ybi0/fmi2ZXFPQtLECwOSVbkicsFLsg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":102393066,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjltSbACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoYYw//dBGMF9yRLhBTa66r1stoNQKChQmwtT34KyIXdodVWXuRReCB\r\n3wtLHmNaBA1jlHT8gidLULHSin/AtSXUhHvfSxSsWzaHfAfS3IqzyWp1B0Ff\r\nISo0jB6ov+WweCPfP+naC3q3C3n48moLKUhx4z1+E6ojcFvpcvCxgrNivLAH\r\n/UgbLFA+L0oUbwT/coJ61kGcunJPFS+kSaTY8Xb4QxWGuB6kOo+ySVbKvhmN\r\nZg0RhIsgrSofLVdSCjkkxWpkebdfMDnlBZd7C1/An5NeSNcbde6Q35dZXtwc\r\ntY5GuietqF7yV03tEGiF9nLWH9QJD8hSNhsjEhznFFsbST7kmMh9qB1WyIqG\r\nJlQmgcMw5DWuVlR1/QXjSjw3LQgZxSdT3A+WB0dwWUpWJzr1I5dj8vHsjrS7\r\n4UGHBnTk31jJ626mmVkDaiGXeSobgqj8DOyBJFgZYbGgH5ECMYxZQtH3GPUB\r\nCGiFrO1vgmI6nBH8bmI0kK5P2oj5YsqabrIFiDu5s920NfiOqOejMfkIYQIF\r\nIOGSWcJpMI1nrIWUc5QDjihVeR6nPnTMP+EO3JgJI1fcoUBbuRK3paBC3cTl\r\n/W1R+sKb6Vad3X9Y+6LNm2wjP2RsuQ1s8HZxVlTazpq8KUwA+7D4/jcJrDy0\r\nWNQ2G2OTQn/MZir6NWn+XAwIkdycSHzn5hM=\r\n=aStJ\r\n-----END PGP SIGNATURE-----\r\n"},"type":"module","types":"types.d.ts","readme":"# Vouch UIKit\n\n- [Get Started](#get-started)\n - [Storybook](#storybook)\n - [Playroom](#playroom)\n - [Build package](#build-package)\n - [Test package locally with vouch-app-mono](#test-package-locally-with-vouch-app)\n - [Testing published package](#test-published-package)\n - [Purge npm cache](#purge-jsdelivr-cache)\n - [Purge specific bundles](#purge-specific-bundlejs)\n- [Releasing](#releasing)\n - [Update vouch-app](#update-vouch-app)\n - [Production release](#prod-release)\n\n# Get Started\n\nEnsure you have node `16` installed on your machine, for example via [nvm](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/TERMINAL.md#install-nvm), run `nvm ls` to check\n\n```bash\nnvm ls 16\n```\n\nyou should see output if you have the version installed\n\n```bash\n-> v16.17.1\n```\n\nensure you have [git ssh](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/GITHUB.md) setup locally before you clone the repo\n\n```bash\ngit clone git@github.com:VouchAU/vouch-uikit-mono.git\n```\n\ninstall dependencies\n\n```bash\ncd vouch-uikit-mono\nyarn\n```\n\n## Storybook\n\nhttps://uikit-storybook.vercel.app\n\nStorybook is hosted on vercel and deployed automatically via **GitHub Action** every time changes are merged back to `main`. Storybook can also be deployed per PR by adding the `deploy storybook` label on the PR.\n\nLocal dev\n\n```bash\nyarn storybook\n```\n\nbuild storybook\n\n```bash\nyarn storybook:build\n```\n\n## Playroom\n\nhttps://uikit-playroom.vercel.app\n\nPlayroom is hosted on vercel and deployed automatically via **GitHub Action** every time changes are merged back to `main`. Playroom is not intended to be used on it's own because we don't get good autocomplete for web components, and playroom cannot render the svelte components natively.\n\nInstead we have created a `Playroom` plugin for storybook that will automatically update the rendered web component when any of the story controls change.\n\nLocal dev\n\n```bash\nyarn playroom\n```\n\nbuild playroom\n\n```bash\nyarn playroom:build\n```\n\n## Build package\n\nBuild `src/lib` production/beta/alpha package, make sure you change `version` in `package.json` for three different build tags.\n\n```sh\ncd packages/uikit\n...\nyarn package # production\n```\n\n## Test package locally with `vouch-app`\n\nOnce you build the `npm` package, you can test locally with `vouch-app` to ensure everything works as expected before publishing to `npm`\n\nAssuming you build a package according [Build package](#build-package), now you can create a symlink to your local package\n\n```sh\ncd package\nyarn link\n```\n\nyou should see this if successfully linked\n\n```sh\nyarn link v1.22.10\nsuccess Registered \"@vouchfor/uikit\".\ninfo You can now run `yarn link \"@vouchfor/uikit\"` in the projects where you want to use this package and it will be used instead.\n✨ Done in 0.04s.\n```\n\ngo to `vouch-app-mono` folder and switch to the branch you want to test against with then link the local package\n\n```sh\ncd vouch-app-mono\ngit checkout VCH-222\nyarn link @vouchfor/uikit\nyarn dev\n```\n\nVoilà, you are testing your feature branch with the local uikit package and don't forget to roll back after testing\n\n```sh\ncd vouch-app\nyarn unlink @vouchfor/uikit\n...\ncd vouch-uikit/package\nyarn unlink\n```\n\n## Test published package\n\nYou can publish an experimental version of the package by adding the `publish rc` label onto your PR. This will use the commit hash and a prerelease version number to publish onto NPM which you can then install into your application for testing.\n\nThis can be important because the published package and the linked package aren't necessarily 100% the same, some functionality is lost during the conversion to web-components:\n- When using a svelte component within another svelte component, you are able to pass $$restProps down to inner DOM elements, this doesn't work when the svelte component is changed into a web-component during build time\n\n## Purge `jsdelivr` cache\n\n`@vouchfor/uikit` is most likely consumed by the `latest` **tag**, not version number to ensure clients can always get the latest updates. [jsdelivr](https://cdn.jsdelivr.net/) default has 7 days cache for `tag`, so we need to purge it to reflect new version number.\n\n- Check current tag version number\n\n - [Click to check Production](https://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n- Purge cache\n - **_Danger_** [Click to purge Production](https://purge.jsdelivr.net/npm/@vouchfor/uikit@latest/)\n\n### Purge specific bundle.js\n\nOur embed code snippet `src` attribute currently refers to a specific embed bundle js , for example\n\n```html\n\n
\n```\n\nIn this case, you will need to purge the bundle file specifically by providing absolute path\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/embed/{filename}.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/components/{filename}.bundle.js\n```\n\nfor example,\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/embed/vouch-embed-inline-player.bundle.js\n```\n\n## Unit test\n\n```bash\nyarn test\n```\n\nupdate snapshot\n\n```bash\nyarn test -u\n```\n\n# Releasing\n\nTo make sure we are delivering the highest quality software we can, there is a multi-step review and testing process before we go ahead with any release.\n\n1. Once the feature has been implemented, create a PR and add the `deploy storybook` label to it, once storybook has been deployed send the link to the stakeholder that is in charge of the feature and get them to review.\n - The deployment URL will be added as a comment to the PR once deployed\n2. Use browserstack (credentials in 1password) to cross-browser test the storybook PR deployment using a wide range of operating systems and browser versions\n - TODO: Figure out what is a reasonable set of browsers to test with\n - TODO: Automated tools for cross browser testing using browserstack\n3. Publish the package as a release candidate by adding the `publish rc` label to the PR\n - Once published, install the package into the admin app and test the feature there to make sure your changes are working in situ.\n - Create a PR deployment for the admin app using the release candidate package and get stakeholders to review also.\n4. If there are no issues, the PR can be merged into `main` and a regular release can be created using the instructions below\n - TODO: Automate public release\n\n## Update `vouch-app`\n\n`@vouchfor/uikit` is a dependency of the admin app within `vouch-app-mono` and `vouch-app` for embeds and the media player, follow the below steps to publish NPM package and update `package.json` dependency in `vouch-app-mono`.\n\n> Always use semver for version numbering for main releases\n\n- Major: Breaking changes\n- Minor: Feature releases\n- Patch: Hotfixes\n\nBecause we have a few different environments that the embeds may be fetching from (`dev`, `staging` and `prod`) we have added an `env` prop to all of the necessary embeds that allows you to choose the environment at run time. This, along with PR releases, removes the need for an `alpha` and `beta` package release and will allow us to better automate the release process.\n\n### Prod release\n\n> You will need to log in `vouch-tech` on your terminal before publishing, credential is shared via 1Password.\n\n```bash\nnpm login\n```\n\n1. Bump package version\n2. Make sure you are in `packages/uikit` directory\n3. Run `yarn package`\n4. Move to the created `package` folder\n5. Run `npm publish --access public` to publish under the `latest` tag\n\n```bash\nnpm version Vouch UIKit\n\n- [Get Started](#get-started)\n - [Storybook](#storybook)\n - [Playroom](#playroom)\n - [Build package](#build-package)\n - [Test package locally with vouch-app-mono](#test-package-locally-with-vouch-app)\n - [Testing published package](#test-published-package)\n - [Purge npm cache](#purge-jsdelivr-cache)\n - [Purge specific bundles](#purge-specific-bundlejs)\n- [Releasing](#releasing)\n - [Update vouch-app](#update-vouch-app)\n - [Production release](#prod-release)\n\n# Get Started\n\nEnsure you have node `16` installed on your machine, for example via [nvm](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/TERMINAL.md#install-nvm), run `nvm ls` to check\n\n```bash\nnvm ls 16\n```\n\nyou should see output if you have the version installed\n\n```bash\n-> v16.17.1\n```\n\nensure you have [git ssh](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/GITHUB.md) setup locally before you clone the repo\n\n```bash\ngit clone git@github.com:VouchAU/vouch-uikit-mono.git\n```\n\ninstall dependencies\n\n```bash\ncd vouch-uikit-mono\nyarn\n```\n\n## Storybook\n\nhttps://uikit-storybook.vercel.app\n\nStorybook is hosted on vercel and deployed automatically via **GitHub Action** every time changes are merged back to `main`. Storybook can also be deployed per PR by adding the `deploy storybook` label on the PR.\n\nLocal dev\n\n```bash\nyarn storybook\n```\n\nbuild storybook\n\n```bash\nyarn storybook:build\n```\n\n## Playroom\n\nhttps://uikit-playroom.vercel.app\n\nPlayroom is hosted on vercel and deployed automatically via **GitHub Action** every time changes are merged back to `main`. Playroom is not intended to be used on it's own because we don't get good autocomplete for web components, and playroom cannot render the svelte components natively.\n\nInstead we have created a `Playroom` plugin for storybook that will automatically update the rendered web component when any of the story controls change.\n\nLocal dev\n\n```bash\nyarn playroom\n```\n\nbuild playroom\n\n```bash\nyarn playroom:build\n```\n\n## Build package\n\nBuild `src/lib` production/beta/alpha package, make sure you change `version` in `package.json`.\n\n```sh\ncd packages/uikit\n...\nyarn package # production\n```\n\n## Test package locally with `vouch-app`\n\nOnce you build the `npm` package, you can test locally with `vouch-app` to ensure everything works as expected before publishing to `npm`\n\nAssuming you build a package according [Build package](#build-package), now you can create a symlink to your local package\n\n```sh\ncd package\nyarn link\n```\n\nyou should see this if successfully linked\n\n```sh\nyarn link v1.22.10\nsuccess Registered \"@vouchfor/uikit\".\ninfo You can now run `yarn link \"@vouchfor/uikit\"` in the projects where you want to use this package and it will be used instead.\n✨ Done in 0.04s.\n```\n\ngo to `vouch-app-mono` folder and switch to the branch you want to test against with then link the local package\n\n```sh\ncd vouch-app-mono\ngit checkout VCH-222\nyarn link @vouchfor/uikit\nyarn dev\n```\n\nVoilà, you are testing your feature branch with the local uikit package and don't forget to roll back after testing\n\n```sh\ncd vouch-app\nyarn unlink @vouchfor/uikit\n...\ncd vouch-uikit/package\nyarn unlink\n```\n\n## Test published package\n\nYou can publish an experimental version of the package by adding the `publish rc` label onto your PR. This will use the commit hash and a prerelease version number to publish onto NPM which you can then install into your application for testing.\n\nThis can be important because the published package and the linked package aren't necessarily 100% the same, some functionality is lost during the conversion to web-components:\n- When using a svelte component within another svelte component, you are able to pass $$restProps down to inner DOM elements, this doesn't work when the svelte component is changed into a web-component during build time\n- Using slots is a little weird\n - When using normal svelte components, if you want to style slot contents from the parent component you need to use the `:global(\n
\n```\n\nIn this case, you will need to purge the bundle file specifically by providing absolute path\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/embed/{filename}.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/components/{filename}.bundle.js\n```\n\nfor example,\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/embed/vouch-embed-inline-player.bundle.js\n```\n\n## Unit test\n\n```bash\nyarn test\n```\n\nupdate snapshot\n\n```bash\nyarn test -u\n```\n\n# Releasing\n\nTo make sure we are delivering the highest quality software we can, there is a multi-step review and testing process before we go ahead with any release.\n\n1. Once the feature has been implemented, create a PR and add the `deploy storybook` label to it, once storybook has been deployed send the link to the stakeholder that is in charge of the feature and get them to review.\n - The deployment URL will be added as a comment to the PR once deployed\n2. Use browserstack (credentials in 1password) to cross-browser test the storybook PR deployment using a wide range of operating systems and browser versions\n - TODO: Figure out what is a reasonable set of browsers to test with\n - TODO: Automated tools for cross browser testing using browserstack\n3. Publish the package as a release candidate by adding the `publish rc` label to the PR\n - Once published, install the package into the admin app and test the feature there to make sure your changes are working in situ.\n - Create a PR deployment for the admin app using the release candidate package and get stakeholders to review also.\n4. If there are no issues, bump the package to the appropriate version in the PR, then the PR can be merged into `main` and a regular release can be created using the instructions below\n - TODO: Automate public release\n\n## Update `vouch-app`\n\n`@vouchfor/uikit` is a dependency of the admin app within `vouch-app-mono` and `vouch-app` for embeds and the media player, follow the below steps to publish NPM package and update `package.json` dependency in `vouch-app-mono`.\n\n> Always use semver for version numbering for main releases\n\n- Major: Breaking changes\n- Minor: Feature releases\n- Patch: Hotfixes\n\nBecause we have a few different environments that the embeds may be fetching from (`dev`, `staging` and `prod`) we have added an `env` prop to all of the necessary embeds that allows you to choose the environment at run time. This, along with PR releases, removes the need for an `alpha` and `beta` package release and will allow us to better automate the release process.\n\n### Prod release\n\n> You will need to log in `vouch-tech` on your terminal before publishing, credential is shared via 1Password.\n\n```bash\nnpm login\n```\n\n1. Make sure you are in `packages/uikit` directory\n2. Run `yarn package`\n3. Move to the created `package` folder\n4. Run `npm publish --access public` to publish under the `latest` tag\n\n```bash\ncd packages/uikit\nyarn package\ncd package\nnpm publish --access public\n```\n\nThen, using the same PR in `vouch-app-mono` that you used to test the experimental version, bump to the now latest version and re-test one final time to make sure everything worked as expected.\n\nIf everything works correctly then the PR is ready to be merged, and the CDN cache can be purged to allow for upstream clients using embeds in their apps to receive the new version.\n\n### Post release testing\n\nUse [this](https://codepen.io/aaronuu/pen/poKYJVz) codepen to bump the package version that is downloaded from the CDN and make sure all of the embeds work as expected.","engines":{"node":">=16"},"exports":{"./events":"./events.js","./constants":"./constants.js","./embed/events":{"import":"./embed/events.js","default":"./embed/events.js","require":"./embed/events.cjs"},"./package.json":"./package.json","./internal/theme":"./internal/theme.js","./internal/utils":"./internal/utils.js","./internal/environment":"./internal/environment.js","./components/vouch-menu":{"import":"./components/vouch-menu.js","default":"./components/vouch-menu.js","require":"./components/vouch-menu.cjs"},"./embed/vouch-embed-all":{"import":"./embed/vouch-embed-all.js","default":"./embed/vouch-embed-all.js","require":"./embed/vouch-embed-all.cjs"},"./embed/vouch-embed-card":{"import":"./embed/vouch-embed-card.js","default":"./embed/vouch-embed-card.js","require":"./embed/vouch-embed-card.cjs"},"./components/vouch-button":{"import":"./components/vouch-button.js","default":"./components/vouch-button.js","require":"./components/vouch-button.cjs"},"./embed/vouch-embed-jumbo":{"import":"./embed/vouch-embed-jumbo.js","default":"./embed/vouch-embed-jumbo.js","require":"./embed/vouch-embed-jumbo.cjs"},"./internal/actions/popper":"./internal/actions/popper.js","./internal/hooks/useFetch":"./internal/hooks/useFetch.js","./internal/hooks/useTrack":"./internal/hooks/useTrack.js","./components/vouch-persona":{"import":"./components/vouch-persona.js","default":"./components/vouch-persona.js","require":"./components/vouch-persona.cjs"},"./components/vouch-tooltip":{"import":"./components/vouch-tooltip.js","default":"./components/vouch-tooltip.js","require":"./components/vouch-tooltip.cjs"},"./embed/vouch-embed-button":{"import":"./embed/vouch-embed-button.js","default":"./embed/vouch-embed-button.js","require":"./embed/vouch-embed-button.cjs"},"./components/vouch-recorder":{"import":"./components/vouch-recorder.js","default":"./components/vouch-recorder.js","require":"./components/vouch-recorder.cjs"},"./embed/vouch-embed-popover":{"import":"./embed/vouch-embed-popover.js","default":"./embed/vouch-embed-popover.js","require":"./embed/vouch-embed-popover.cjs"},"./test/internals/utils.spec":"./test/internals/utils.spec.js","./components/vouch-icon-play":{"import":"./components/vouch-icon-play.js","default":"./components/vouch-icon-play.js","require":"./components/vouch-icon-play.cjs"},"./embed/vouch-embed-dialogue":{"import":"./embed/vouch-embed-dialogue.js","default":"./embed/vouch-embed-dialogue.js","require":"./embed/vouch-embed-dialogue.cjs"},"./components/VouchMenu.svelte":"./components/VouchMenu.svelte","./components/vouch-brand-logo":{"import":"./components/vouch-brand-logo.js","default":"./components/vouch-brand-logo.js","require":"./components/vouch-brand-logo.cjs"},"./components/vouch-icon-close":{"import":"./components/vouch-icon-close.js","default":"./components/vouch-icon-close.js","require":"./components/vouch-icon-close.cjs"},"./components/vouch-icon-pause":{"import":"./components/vouch-icon-pause.js","default":"./components/vouch-icon-pause.js","require":"./components/vouch-icon-pause.cjs"},"./components/vouch-media-plyr":{"import":"./components/vouch-media-plyr.js","default":"./components/vouch-media-plyr.js","require":"./components/vouch-media-plyr.cjs"},"./components/vouch-water-mark":{"import":"./components/vouch-water-mark.js","default":"./components/vouch-water-mark.js","require":"./components/vouch-water-mark.cjs"},"./embed/VouchEmbedCard.svelte":"./embed/VouchEmbedCard.svelte","./embed/vouch-embed-thumbnail":{"import":"./embed/vouch-embed-thumbnail.js","default":"./embed/vouch-embed-thumbnail.js","require":"./embed/vouch-embed-thumbnail.cjs"},"./embed/vouch-recorder-button":{"import":"./embed/vouch-recorder-button.js","default":"./embed/vouch-recorder-button.js","require":"./embed/vouch-recorder-button.cjs"},"./components/vouch-graphic-svg":{"import":"./components/vouch-graphic-svg.js","default":"./components/vouch-graphic-svg.js","require":"./components/vouch-graphic-svg.cjs"},"./embed/VouchEmbedJumbo.svelte":"./embed/VouchEmbedJumbo.svelte","./embed/vouch-recorder-preview":{"import":"./embed/vouch-recorder-preview.js","default":"./embed/vouch-recorder-preview.js","require":"./embed/vouch-recorder-preview.cjs"},"./internal/hooks/useFetchEmbed":"./internal/hooks/useFetchEmbed.js","./components/VouchButton.svelte":"./components/VouchButton.svelte","./embed/VouchEmbedButton.svelte":"./embed/VouchEmbedButton.svelte","./components/VouchPersona.svelte":"./components/VouchPersona.svelte","./components/VouchTooltip.svelte":"./components/VouchTooltip.svelte","./components/vouch-volume-slider":{"import":"./components/vouch-volume-slider.js","default":"./components/vouch-volume-slider.js","require":"./components/vouch-volume-slider.cjs"},"./embed/VouchEmbedPopover.svelte":"./embed/VouchEmbedPopover.svelte","./internal/actions/outside-click":"./internal/actions/outside-click.js","./components/VouchIconPlay.svelte":"./components/VouchIconPlay.svelte","./components/VouchRecorder.svelte":"./components/VouchRecorder.svelte","./embed/VouchEmbedDialogue.svelte":"./embed/VouchEmbedDialogue.svelte","./embed/vouch-embed-inline-player":{"import":"./embed/vouch-embed-inline-player.js","default":"./embed/vouch-embed-inline-player.js","require":"./embed/vouch-embed-inline-player.cjs"},"./test/components/VouchIcons.spec":"./test/components/VouchIcons.spec.js","./components/VouchBrandLogo.svelte":"./components/VouchBrandLogo.svelte","./components/VouchIconClose.svelte":"./components/VouchIconClose.svelte","./components/VouchIconPause.svelte":"./components/VouchIconPause.svelte","./components/VouchMediaPlyr.svelte":"./components/VouchMediaPlyr.svelte","./components/VouchWaterMark.svelte":"./components/VouchWaterMark.svelte","./components/vouch-icon-arrow-left":{"import":"./components/vouch-icon-arrow-left.js","default":"./components/vouch-icon-arrow-left.js","require":"./components/vouch-icon-arrow-left.cjs"},"./embed/VouchEmbedThumbnail.svelte":"./embed/VouchEmbedThumbnail.svelte","./embed/VouchRecorderButton.svelte":"./embed/VouchRecorderButton.svelte","./internal/actions/resize-observer":"./internal/actions/resize-observer.js","./components/VouchGraphicSvg.svelte":"./components/VouchGraphicSvg.svelte","./components/vouch-icon-arrow-right":{"import":"./components/vouch-icon-arrow-right.js","default":"./components/vouch-icon-arrow-right.js","require":"./components/vouch-icon-arrow-right.cjs"},"./embed/VouchRecorderPreview.svelte":"./embed/VouchRecorderPreview.svelte","./components/vouch-overlay-play-icon":{"import":"./components/vouch-overlay-play-icon.js","default":"./components/vouch-overlay-play-icon.js","require":"./components/vouch-overlay-play-icon.cjs"},"./components/vouch-progress-scrubber":{"import":"./components/vouch-progress-scrubber.js","default":"./components/vouch-progress-scrubber.js","require":"./components/vouch-progress-scrubber.cjs"},"./test/internals/hooks/useFetch.spec":"./test/internals/hooks/useFetch.spec.js","./test/internals/hooks/useTrack.spec":"./test/internals/hooks/useTrack.spec.js","./components/VouchVolumeSlider.svelte":"./components/VouchVolumeSlider.svelte","./embed/VouchEmbedInlinePlayer.svelte":"./embed/VouchEmbedInlinePlayer.svelte","./test/components/VouchBrandLogo.spec":"./test/components/VouchBrandLogo.spec.js","./test/components/VouchWaterMark.spec":"./test/components/VouchWaterMark.spec.js","./components/VouchIconArrowLeft.svelte":"./components/VouchIconArrowLeft.svelte","./components/vouch-embed-error-message":{"import":"./components/vouch-embed-error-message.js","default":"./components/vouch-embed-error-message.js","require":"./components/vouch-embed-error-message.cjs"},"./test/components/VouchGraphicSvg.spec":"./test/components/VouchGraphicSvg.spec.js","./components/VouchIconArrowRight.svelte":"./components/VouchIconArrowRight.svelte","./embed/vouch-embed-inner-inline-player":{"import":"./embed/vouch-embed-inner-inline-player.js","default":"./embed/vouch-embed-inner-inline-player.js","require":"./embed/vouch-embed-inner-inline-player.cjs"},"./components/VouchOverlayPlayIcon.svelte":"./components/VouchOverlayPlayIcon.svelte","./components/VouchProgressScrubber.svelte":"./components/VouchProgressScrubber.svelte","./test/internals/hooks/useFetchEmbed.spec":"./test/internals/hooks/useFetchEmbed.spec.js","./components/VouchEmbedErrorMessage.svelte":"./components/VouchEmbedErrorMessage.svelte","./embed/VouchEmbedInnerInlinePlayer.svelte":"./embed/VouchEmbedInnerInlinePlayer.svelte","./components/vouch-embed-navigation-controls":{"import":"./components/vouch-embed-navigation-controls.js","default":"./components/vouch-embed-navigation-controls.js","require":"./components/vouch-embed-navigation-controls.cjs"},"./components/VouchEmbedNavigationControls.svelte":"./components/VouchEmbedNavigationControls.svelte"},"gitHead":"52125151d028c6226146017bddb042c3f11252f0","_npmUser":{"name":"vouch-tech","email":"brian@vouchfor.com"},"repository":{"url":"git+https://github.com/VouchAU/vouch-uikit.git","type":"git"},"_npmVersion":"8.19.2","description":"Vouch Svelte UIKit","directories":{},"lint-staged":{"*.{js,svelte}":"yarn lint"},"_nodeVersion":"16.18.1","dependencies":{"flat":"^5.0.2","plyr":"^3.7.2","cookie":"^0.4.1","hls.js":"^1.1.5","core-js":"^3.16.3","postcss":"^7","@vime/core":"^5.3.1","tailwindcss":"npm:@tailwindcss/postcss7-compat","@lukeed/uuid":"^2.0.0","autoprefixer":"^9","whatwg-fetch":"^3.6.2","patch-package":"^6.5.0","@popperjs/core":"^2.11.6","@fontsource/fira-mono":"^4.2.2","postinstall-postinstall":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^27.0.6","path":"^0.12.7","vite":"^3.1.8","react":"^18.2.0","tslib":"^2.0.0","dotenv":"^10.0.0","eslint":"^7.22.0","rollup":"^2.55.1","svelte":"^3.34.0","webpack":"^5.74.0","playroom":"0.28.0","prettier":"~2.2.1","react-dom":"^18.2.0","ts-loader":"^9.4.1","@percy/cli":"^1.15.0","babel-jest":"^27.0.6","base64-url":"^2.3.3","dotenv-cli":"^6.0.0","svelte2tsx":"^0.4.3","typescript":"^4.8.4","@babel/core":"^7.14.8","@types/jest":"^26.0.24","lint-staged":"^12.4.1","babel-loader":"^8.2.5","svelte-check":"^2.0.0","@sveltejs/kit":"next","@types/cookie":"^0.4.0","@types/hls.js":"^1.0.0","svelte-jester":"^1.8.1","svelte-loader":"^3.1.2","@percy/storybook":"^4.3.4","@storybook/react":"^6.5.13","@babel/preset-env":"^7.14.9","@storybook/svelte":"^6.5.13","@sveltejs/package":"^1.0.0-next.5","svelte-preprocess":"^4.0.0","rollup-plugin-copy":"^3.4.0","require-from-string":"^2.0.2","rollup-plugin-svelte":"^7.1.0","rollup-plugin-terser":"^7.0.2","eslint-plugin-svelte3":"^3.2.0","@babel/runtime-corejs3":"^7.14.9","@rollup/plugin-replace":"^3.0.0","@storybook/addon-links":"^6.5.13","eslint-config-prettier":"^8.1.0","prettier-plugin-svelte":"^2.2.0","@rollup/plugin-commonjs":"^22.0.0","@testing-library/svelte":"^3.0.3","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.5.13","storybook-addon-playroom":"^3.0.2","@typescript-eslint/parser":"^4.19.0","@rollup/plugin-node-resolve":"^13.0.4","@storybook/addon-essentials":"^6.5.13","@storybook/addon-svelte-csf":"^2.0.10","@typescript-eslint/eslint-plugin":"^4.19.0"},"_npmOperationalInternal":{"tmp":"tmp/uikit_0.0.0-experiment.5212515_1670885855077_0.0144944238287672","host":"s3://npm-registry-packages"}},"0.0.0-experiment.5e65bd3":{"name":"@vouchfor/uikit","version":"0.0.0-experiment.5e65bd3","keywords":["embed","design system","vouch-uikit","svelte","uikit"],"author":{"url":"https://vouchau.github.io/vouch-uikit","name":"Vouch Dev Team","email":"hello@vouchfor.com"},"license":"MIT","_id":"@vouchfor/uikit@0.0.0-experiment.5e65bd3","maintainers":[{"name":"vouch-tech","email":"brian@vouchfor.com"}],"homepage":"https://vouchau.github.io/vouch-uikit","bugs":{"url":"https://github.com/VouchAU/vouch-uikit/issues"},"dist":{"shasum":"1201260bee666ae0b1fc22fd56341d2cae296e33","tarball":"https://registry.npmjs.org/@vouchfor/uikit/-/uikit-0.0.0-experiment.5e65bd3.tgz","fileCount":203,"integrity":"sha512-W5jrB84OYHwlEhBr/+RldufJIAfFQko5aZI8TLzNdezJzlxHR4vzqIkji04YWMNMZiXPSisjV0921+m/TnqDAw==","signatures":[{"sig":"MEQCIAtgfns/8VRfJx+riX4Tkm6PXpi3E1tjcke3ifDYsd0YAiBjlYpfJ0KyoFgVlS1TXRbE1wytTB7EzNGrFqULuYOjZQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":27022415,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjmAaYACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp5WA//VwkWYEX6T4MPvApiUhdbgKtSU0N95gXFYftfva8QmCLdaI4q\r\n1BA56ZqkaCgTUVDV1KmASU2HNpahYpu5SUuXE0npCJewAmwlFgPcI7XLNj4c\r\nPdy/jhdnzr9OQRhEwBaPfc+yujg9/acC2MDsx86rxbDstAYqfXHZGVbDUyJQ\r\ngAiBTa+I8ku9E5MEVRyOj6J+mkln0XkqLfZ1FpQdU4Qj1Z/eBolE3QgpFG4p\r\nYsVNv09nOlJ75d3mbfvsL2Fic5rHpsdUkVSQKPgMEIstsWbso+eCp+PssiKO\r\nyJRhswVhtOOvXb4dncYSoYske2XFfdExy6rqI5RKgczbaJdijv/WBkwAgnvG\r\nenPEMGiDFMX6neS73XTJX2NNFs8LqioH7nOlWSlLDEoe81E963QhBMXoY85d\r\nkvNsdfrc8YTt2TZTAHJsCEc5r0PaHxEIQBI4MG0ryQ6613VPS+dj5Z5arn09\r\nehiJU9u4VJ1P2uNC9KfKY4Ykm32VNqGIghLn8fp/fM/IotOWfygKELgYdbrB\r\ntDR9Zh2grSdX6rneSYfNE1YZDe7fS+GwFVK7w1HnstObMWv6YnTslGJpNqhR\r\nV+yskT9Ex+RiNY/5d855ssJVAQsmKK98jDb6KHbshQZhv90cc38H/QOEcfxm\r\nt1WIombHM8MuD/0ivYQKCWnhVQhP24GniDw=\r\n=YPQ7\r\n-----END PGP SIGNATURE-----\r\n"},"type":"module","types":"types.d.ts","readme":"# Vouch UIKit\n\n- [Get Started](#get-started)\n - [Storybook](#storybook)\n - [Playroom](#playroom)\n - [Build package](#build-package)\n - [Test package locally with vouch-app-mono](#test-package-locally-with-vouch-app)\n - [Testing published package](#test-published-package)\n - [Purge npm cache](#purge-jsdelivr-cache)\n - [Purge specific bundles](#purge-specific-bundlejs)\n- [Releasing](#releasing)\n - [Update vouch-app](#update-vouch-app)\n - [Production release](#prod-release)\n\n# Get Started\n\nEnsure you have node `16` installed on your machine, for example via [nvm](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/TERMINAL.md#install-nvm), run `nvm ls` to check\n\n```bash\nnvm ls 16\n```\n\nyou should see output if you have the version installed\n\n```bash\n-> v16.17.1\n```\n\nensure you have [git ssh](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/GITHUB.md) setup locally before you clone the repo\n\n```bash\ngit clone git@github.com:VouchAU/vouch-uikit-mono.git\n```\n\ninstall dependencies\n\n```bash\ncd vouch-uikit-mono\nyarn\n```\n\n## Storybook\n\nhttps://uikit-storybook.vercel.app\n\nStorybook is hosted on vercel and deployed automatically via **GitHub Action** every time changes are merged back to `main`. Storybook can also be deployed per PR by adding the `deploy storybook` label on the PR.\n\nLocal dev\n\n```bash\nyarn storybook\n```\n\nbuild storybook\n\n```bash\nyarn storybook:build\n```\n\n## Playroom\n\nhttps://uikit-playroom.vercel.app\n\nPlayroom is hosted on vercel and deployed automatically via **GitHub Action** every time changes are merged back to `main`. Playroom is not intended to be used on it's own because we don't get good autocomplete for web components, and playroom cannot render the svelte components natively.\n\nInstead we have created a `Playroom` plugin for storybook that will automatically update the rendered web component when any of the story controls change.\n\nLocal dev\n\n```bash\nyarn playroom\n```\n\nbuild playroom\n\n```bash\nyarn playroom:build\n```\n\n## Build package\n\nBuild `src/lib` production/beta/alpha package, make sure you change `version` in `package.json`.\n\n```sh\ncd packages/uikit\n...\nyarn package # production\n```\n\n## Test package locally with `vouch-app`\n\nOnce you build the `npm` package, you can test locally with `vouch-app` to ensure everything works as expected before publishing to `npm`\n\nAssuming you build a package according [Build package](#build-package), now you can create a symlink to your local package\n\n```sh\ncd package\nyarn link\n```\n\nyou should see this if successfully linked\n\n```sh\nyarn link v1.22.10\nsuccess Registered \"@vouchfor/uikit\".\ninfo You can now run `yarn link \"@vouchfor/uikit\"` in the projects where you want to use this package and it will be used instead.\n✨ Done in 0.04s.\n```\n\ngo to `vouch-app-mono` folder and switch to the branch you want to test against with then link the local package\n\n```sh\ncd vouch-app-mono\ngit checkout VCH-222\nyarn link @vouchfor/uikit\nyarn dev\n```\n\nVoilà, you are testing your feature branch with the local uikit package and don't forget to roll back after testing\n\n```sh\ncd vouch-app\nyarn unlink @vouchfor/uikit\n...\ncd vouch-uikit/package\nyarn unlink\n```\n\n## Test published package\n\nYou can publish an experimental version of the package by adding the `publish rc` label onto your PR. This will use the commit hash and a prerelease version number to publish onto NPM which you can then install into your application for testing.\n\nThis can be important because the published package and the linked package aren't necessarily 100% the same, some functionality is lost during the conversion to web-components:\n- When using a svelte component within another svelte component, you are able to pass $$restProps down to inner DOM elements, this doesn't work when the svelte component is changed into a web-component during build time\n- Using slots is a little weird\n - When using normal svelte components, if you want to style slot contents from the parent component you need to use the `:global(\n
\n```\n\nIn this case, you will need to purge the bundle file specifically by providing absolute path\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/embed/{filename}.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/components/{filename}.bundle.js\n```\n\nfor example,\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/embed/vouch-embed-inline-player.bundle.js\n```\n\n## Unit test\n\n```bash\nyarn test\n```\n\nupdate snapshot\n\n```bash\nyarn test -u\n```\n\n# Releasing\n\nTo make sure we are delivering the highest quality software we can, there is a multi-step review and testing process before we go ahead with any release.\n\n1. Once the feature has been implemented, create a PR and add the `deploy storybook` label to it, once storybook has been deployed send the link to the stakeholder that is in charge of the feature and get them to review.\n - The deployment URL will be added as a comment to the PR once deployed\n2. Use browserstack (credentials in 1password) to cross-browser test the storybook PR deployment using a wide range of operating systems and browser versions\n - TODO: Figure out what is a reasonable set of browsers to test with\n - TODO: Automated tools for cross browser testing using browserstack\n3. Publish the package as a release candidate by adding the `publish rc` label to the PR\n - Once published, install the package into the admin app and test the feature there to make sure your changes are working in situ.\n - Create a PR deployment for the admin app using the release candidate package and get stakeholders to review also.\n4. If there are no issues, bump the package to the appropriate version in the PR, then the PR can be merged into `main` and a regular release can be created using the instructions below\n - TODO: Automate public release\n\n## Update `vouch-app`\n\n`@vouchfor/uikit` is a dependency of the admin app within `vouch-app-mono` and `vouch-app` for embeds and the media player, follow the below steps to publish NPM package and update `package.json` dependency in `vouch-app-mono`.\n\n> Always use semver for version numbering for main releases\n\n- Major: Breaking changes\n- Minor: Feature releases\n- Patch: Hotfixes\n\nBecause we have a few different environments that the embeds may be fetching from (`dev`, `staging` and `prod`) we have added an `env` prop to all of the necessary embeds that allows you to choose the environment at run time. This, along with PR releases, removes the need for an `alpha` and `beta` package release and will allow us to better automate the release process.\n\n### Prod release\n\n> You will need to log in `vouch-tech` on your terminal before publishing, credential is shared via 1Password.\n\n```bash\nnpm login\n```\n\n1. Make sure you are in `packages/uikit` directory\n2. Run `yarn package`\n3. Move to the created `package` folder\n4. Run `npm publish --access public` to publish under the `latest` tag\n\n```bash\ncd packages/uikit\nyarn package\ncd package\nnpm publish --access public\n```\n\nThen, using the same PR in `vouch-app-mono` that you used to test the experimental version, bump to the now latest version and re-test one final time to make sure everything worked as expected.\n\nIf everything works correctly then the PR is ready to be merged, and the CDN cache can be purged to allow for upstream clients using embeds in their apps to receive the new version.\n\n### Post release testing\n\nUse [this](https://codepen.io/aaronuu/pen/poKYJVz) codepen to bump the package version that is downloaded from the CDN and make sure all of the embeds work as expected.","engines":{"node":">=16"},"exports":{"./events":"./events.js","./constants":"./constants.js","./embed/events":{"import":"./embed/events.js","default":"./embed/events.js","require":"./embed/events.cjs"},"./package.json":"./package.json","./internal/theme":"./internal/theme.js","./internal/utils":"./internal/utils.js","./internal/environment":"./internal/environment.js","./components/vouch-menu":{"import":"./components/vouch-menu.js","default":"./components/vouch-menu.js","require":"./components/vouch-menu.cjs"},"./embed/vouch-embed-all":{"import":"./embed/vouch-embed-all.js","default":"./embed/vouch-embed-all.js","require":"./embed/vouch-embed-all.cjs"},"./embed/vouch-embed-card":{"import":"./embed/vouch-embed-card.js","default":"./embed/vouch-embed-card.js","require":"./embed/vouch-embed-card.cjs"},"./components/vouch-button":{"import":"./components/vouch-button.js","default":"./components/vouch-button.js","require":"./components/vouch-button.cjs"},"./embed/vouch-embed-jumbo":{"import":"./embed/vouch-embed-jumbo.js","default":"./embed/vouch-embed-jumbo.js","require":"./embed/vouch-embed-jumbo.cjs"},"./internal/actions/popper":"./internal/actions/popper.js","./internal/hooks/useFetch":"./internal/hooks/useFetch.js","./internal/hooks/useTrack":"./internal/hooks/useTrack.js","./components/vouch-persona":{"import":"./components/vouch-persona.js","default":"./components/vouch-persona.js","require":"./components/vouch-persona.cjs"},"./components/vouch-tooltip":{"import":"./components/vouch-tooltip.js","default":"./components/vouch-tooltip.js","require":"./components/vouch-tooltip.cjs"},"./embed/vouch-embed-button":{"import":"./embed/vouch-embed-button.js","default":"./embed/vouch-embed-button.js","require":"./embed/vouch-embed-button.cjs"},"./components/vouch-recorder":{"import":"./components/vouch-recorder.js","default":"./components/vouch-recorder.js","require":"./components/vouch-recorder.cjs"},"./embed/vouch-embed-popover":{"import":"./embed/vouch-embed-popover.js","default":"./embed/vouch-embed-popover.js","require":"./embed/vouch-embed-popover.cjs"},"./test/internals/utils.spec":"./test/internals/utils.spec.js","./components/vouch-icon-play":{"import":"./components/vouch-icon-play.js","default":"./components/vouch-icon-play.js","require":"./components/vouch-icon-play.cjs"},"./embed/vouch-embed-dialogue":{"import":"./embed/vouch-embed-dialogue.js","default":"./embed/vouch-embed-dialogue.js","require":"./embed/vouch-embed-dialogue.cjs"},"./components/VouchMenu.svelte":"./components/VouchMenu.svelte","./components/vouch-brand-logo":{"import":"./components/vouch-brand-logo.js","default":"./components/vouch-brand-logo.js","require":"./components/vouch-brand-logo.cjs"},"./components/vouch-icon-close":{"import":"./components/vouch-icon-close.js","default":"./components/vouch-icon-close.js","require":"./components/vouch-icon-close.cjs"},"./components/vouch-icon-pause":{"import":"./components/vouch-icon-pause.js","default":"./components/vouch-icon-pause.js","require":"./components/vouch-icon-pause.cjs"},"./components/vouch-media-plyr":{"import":"./components/vouch-media-plyr.js","default":"./components/vouch-media-plyr.js","require":"./components/vouch-media-plyr.cjs"},"./components/vouch-water-mark":{"import":"./components/vouch-water-mark.js","default":"./components/vouch-water-mark.js","require":"./components/vouch-water-mark.cjs"},"./embed/VouchEmbedCard.svelte":"./embed/VouchEmbedCard.svelte","./embed/vouch-embed-thumbnail":{"import":"./embed/vouch-embed-thumbnail.js","default":"./embed/vouch-embed-thumbnail.js","require":"./embed/vouch-embed-thumbnail.cjs"},"./embed/vouch-recorder-button":{"import":"./embed/vouch-recorder-button.js","default":"./embed/vouch-recorder-button.js","require":"./embed/vouch-recorder-button.cjs"},"./components/vouch-graphic-svg":{"import":"./components/vouch-graphic-svg.js","default":"./components/vouch-graphic-svg.js","require":"./components/vouch-graphic-svg.cjs"},"./embed/VouchEmbedJumbo.svelte":"./embed/VouchEmbedJumbo.svelte","./embed/vouch-recorder-preview":{"import":"./embed/vouch-recorder-preview.js","default":"./embed/vouch-recorder-preview.js","require":"./embed/vouch-recorder-preview.cjs"},"./internal/hooks/useFetchEmbed":"./internal/hooks/useFetchEmbed.js","./components/VouchButton.svelte":"./components/VouchButton.svelte","./embed/VouchEmbedButton.svelte":"./embed/VouchEmbedButton.svelte","./components/VouchPersona.svelte":"./components/VouchPersona.svelte","./components/VouchTooltip.svelte":"./components/VouchTooltip.svelte","./components/vouch-volume-slider":{"import":"./components/vouch-volume-slider.js","default":"./components/vouch-volume-slider.js","require":"./components/vouch-volume-slider.cjs"},"./embed/VouchEmbedPopover.svelte":"./embed/VouchEmbedPopover.svelte","./internal/actions/outside-click":"./internal/actions/outside-click.js","./components/VouchIconPlay.svelte":"./components/VouchIconPlay.svelte","./components/VouchRecorder.svelte":"./components/VouchRecorder.svelte","./embed/VouchEmbedDialogue.svelte":"./embed/VouchEmbedDialogue.svelte","./embed/vouch-embed-inline-player":{"import":"./embed/vouch-embed-inline-player.js","default":"./embed/vouch-embed-inline-player.js","require":"./embed/vouch-embed-inline-player.cjs"},"./test/components/VouchIcons.spec":"./test/components/VouchIcons.spec.js","./components/VouchBrandLogo.svelte":"./components/VouchBrandLogo.svelte","./components/VouchIconClose.svelte":"./components/VouchIconClose.svelte","./components/VouchIconPause.svelte":"./components/VouchIconPause.svelte","./components/VouchMediaPlyr.svelte":"./components/VouchMediaPlyr.svelte","./components/VouchWaterMark.svelte":"./components/VouchWaterMark.svelte","./components/vouch-icon-arrow-left":{"import":"./components/vouch-icon-arrow-left.js","default":"./components/vouch-icon-arrow-left.js","require":"./components/vouch-icon-arrow-left.cjs"},"./embed/VouchEmbedThumbnail.svelte":"./embed/VouchEmbedThumbnail.svelte","./embed/VouchRecorderButton.svelte":"./embed/VouchRecorderButton.svelte","./internal/actions/resize-observer":"./internal/actions/resize-observer.js","./components/VouchGraphicSvg.svelte":"./components/VouchGraphicSvg.svelte","./components/vouch-icon-arrow-right":{"import":"./components/vouch-icon-arrow-right.js","default":"./components/vouch-icon-arrow-right.js","require":"./components/vouch-icon-arrow-right.cjs"},"./embed/VouchRecorderPreview.svelte":"./embed/VouchRecorderPreview.svelte","./components/vouch-overlay-play-icon":{"import":"./components/vouch-overlay-play-icon.js","default":"./components/vouch-overlay-play-icon.js","require":"./components/vouch-overlay-play-icon.cjs"},"./components/vouch-progress-scrubber":{"import":"./components/vouch-progress-scrubber.js","default":"./components/vouch-progress-scrubber.js","require":"./components/vouch-progress-scrubber.cjs"},"./test/internals/hooks/useFetch.spec":"./test/internals/hooks/useFetch.spec.js","./test/internals/hooks/useTrack.spec":"./test/internals/hooks/useTrack.spec.js","./components/VouchVolumeSlider.svelte":"./components/VouchVolumeSlider.svelte","./embed/VouchEmbedInlinePlayer.svelte":"./embed/VouchEmbedInlinePlayer.svelte","./test/components/VouchBrandLogo.spec":"./test/components/VouchBrandLogo.spec.js","./test/components/VouchWaterMark.spec":"./test/components/VouchWaterMark.spec.js","./components/VouchIconArrowLeft.svelte":"./components/VouchIconArrowLeft.svelte","./test/components/VouchGraphicSvg.spec":"./test/components/VouchGraphicSvg.spec.js","./components/VouchIconArrowRight.svelte":"./components/VouchIconArrowRight.svelte","./components/VouchOverlayPlayIcon.svelte":"./components/VouchOverlayPlayIcon.svelte","./components/VouchProgressScrubber.svelte":"./components/VouchProgressScrubber.svelte","./test/internals/hooks/useFetchEmbed.spec":"./test/internals/hooks/useFetchEmbed.spec.js"},"gitHead":"5e65bd330d9b6077fcb8b1e0ce1d431974a29d00","_npmUser":{"name":"vouch-tech","email":"brian@vouchfor.com"},"repository":{"url":"git+https://github.com/VouchAU/vouch-uikit.git","type":"git"},"_npmVersion":"8.19.2","description":"Vouch Svelte UIKit","directories":{},"lint-staged":{"*.{js,svelte}":"yarn lint"},"_nodeVersion":"16.18.1","dependencies":{"flat":"^5.0.2","plyr":"^3.7.2","cookie":"^0.4.1","hls.js":"^1.1.5","core-js":"^3.16.3","postcss":"^7","@vime/core":"^5.3.1","tailwindcss":"npm:@tailwindcss/postcss7-compat","@lukeed/uuid":"^2.0.0","autoprefixer":"^9","whatwg-fetch":"^3.6.2","patch-package":"^6.5.0","@popperjs/core":"^2.11.6","@fontsource/fira-mono":"^4.2.2","postinstall-postinstall":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^27.0.6","path":"^0.12.7","vite":"^3.1.8","react":"^18.2.0","tslib":"^2.0.0","dotenv":"^10.0.0","eslint":"^7.22.0","rollup":"^2.55.1","svelte":"^3.34.0","webpack":"^5.74.0","playroom":"0.28.0","prettier":"~2.2.1","react-dom":"^18.2.0","ts-loader":"^9.4.1","@percy/cli":"^1.15.0","babel-jest":"^27.0.6","base64-url":"^2.3.3","dotenv-cli":"^6.0.0","svelte2tsx":"^0.4.3","typescript":"^4.8.4","@babel/core":"^7.14.8","@types/jest":"^26.0.24","lint-staged":"^12.4.1","babel-loader":"^8.2.5","svelte-check":"^2.0.0","@sveltejs/kit":"next","@types/cookie":"^0.4.0","@types/hls.js":"^1.0.0","svelte-jester":"^1.8.1","svelte-loader":"^3.1.2","@percy/storybook":"^4.3.4","@storybook/react":"^6.5.13","@babel/preset-env":"^7.14.9","@storybook/svelte":"^6.5.13","@sveltejs/package":"^1.0.0-next.5","svelte-preprocess":"^4.0.0","rollup-plugin-copy":"^3.4.0","require-from-string":"^2.0.2","rollup-plugin-svelte":"^7.1.0","rollup-plugin-terser":"^7.0.2","eslint-plugin-svelte3":"^3.2.0","@babel/runtime-corejs3":"^7.14.9","@rollup/plugin-replace":"^3.0.0","@storybook/addon-links":"^6.5.13","eslint-config-prettier":"^8.1.0","prettier-plugin-svelte":"^2.2.0","@rollup/plugin-commonjs":"^22.0.0","@testing-library/svelte":"^3.0.3","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.5.13","storybook-addon-playroom":"^3.0.2","@typescript-eslint/parser":"^4.19.0","@rollup/plugin-node-resolve":"^13.0.4","@storybook/addon-essentials":"^6.5.13","@storybook/addon-svelte-csf":"^2.0.10","@typescript-eslint/eslint-plugin":"^4.19.0"},"_npmOperationalInternal":{"tmp":"tmp/uikit_0.0.0-experiment.5e65bd3_1670907543959_0.8288548145085519","host":"s3://npm-registry-packages"}},"0.0.0-experiment.742e638":{"name":"@vouchfor/uikit","version":"0.0.0-experiment.742e638","keywords":["embed","design system","vouch-uikit","svelte","uikit"],"author":{"url":"https://vouchau.github.io/vouch-uikit","name":"Vouch Dev Team","email":"hello@vouchfor.com"},"license":"MIT","_id":"@vouchfor/uikit@0.0.0-experiment.742e638","maintainers":[{"name":"vouch-tech","email":"brian@vouchfor.com"}],"homepage":"https://vouchau.github.io/vouch-uikit","bugs":{"url":"https://github.com/VouchAU/vouch-uikit/issues"},"dist":{"shasum":"317ef8b31b80652dd0c5c46b1342bc0881684000","tarball":"https://registry.npmjs.org/@vouchfor/uikit/-/uikit-0.0.0-experiment.742e638.tgz","fileCount":204,"integrity":"sha512-WrsblqGkO19W6rcyd6AdF/3JKpTpHSXYqs0v+BkgTyugoYZ7BGHG7qEm6RANO6NEnH9iJcpGBJ+KYzxrtVGaLQ==","signatures":[{"sig":"MEUCIQDf44Ak8eEeZB12nwp4PpTIAlhHob21YZyUIlG+PSMDoAIgJNCUwewrRQ1wuXDK2mAz27ZvPL5NVQn6iDltLHs9OEE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":27036334,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjmBM6ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpguQ//beFMs6xKi7KoxQVjVuKZkmUxx+lT2iJtUFJ2KF+icXYNgcaS\r\nQPGdURR3S2gmiWbAgoWNtWhYP7xx4oUXgUOrNq/WqnygDRRwvMuls7ycvhCb\r\n+vurLFUMcmCdy7uRbpqTHJx1Jy2+I5HJzfOL0ggc6nzloc+k85+87CCodXWm\r\n6Ita/dy+50Wl/j5MIM6FW4DM8zZxQpkipwm2NnU7qwXJfvGxLWMRiHuL+NMU\r\nNvFI4dd3aIk8TiGIy7u2dQVJilwfCP0BhkbUQL4RK4q9pW6HfWPmWDOEda+V\r\nZj+CCZFDUxpTFUmuO1+0M5gEulO3bcFuupt6TjUy7ocG0j7mgo89a4e5gyx+\r\nklb6bLDJa4ByEjFzbIUmEWE8YjtVwhP36JsDRPfEclZNZox+6IAefUknAlfP\r\nG7gxL1i0bFFYBPWypNlw09iqae0FdWg6CbwPdtYSj+7zewDlaSRep+HqXaFQ\r\nM8qMQM6jvMsJT/Dul7Tuhlnm0UgJwQk+ddshcVZlPtvGMlPPFx2jaJ0WMzhj\r\nOPqChUfG8upRmSlnz3xjDvprKWbqQNFcZSQryRKg3lfOkMvhASqlwyUveH3O\r\n4Kxfey1lAPWcp85kpdGooY14fUNfbewuascbrMGxIn6aq3BWNyQ4dbo3VNlk\r\nxGc53vPZEBpTteybJ3nQYDsTv84jjtrHFs4=\r\n=13RH\r\n-----END PGP SIGNATURE-----\r\n"},"type":"module","types":"types.d.ts","readme":"# Vouch UIKit\n\n- [Get Started](#get-started)\n - [Storybook](#storybook)\n - [Playroom](#playroom)\n - [Build package](#build-package)\n - [Test package locally with vouch-app-mono](#test-package-locally-with-vouch-app)\n - [Testing published package](#test-published-package)\n - [Purge npm cache](#purge-jsdelivr-cache)\n - [Purge specific bundles](#purge-specific-bundlejs)\n- [Releasing](#releasing)\n - [Update vouch-app](#update-vouch-app)\n - [Production release](#prod-release)\n\n# Get Started\n\nEnsure you have node `16` installed on your machine, for example via [nvm](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/TERMINAL.md#install-nvm), run `nvm ls` to check\n\n```bash\nnvm ls 16\n```\n\nyou should see output if you have the version installed\n\n```bash\n-> v16.17.1\n```\n\nensure you have [git ssh](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/GITHUB.md) setup locally before you clone the repo\n\n```bash\ngit clone git@github.com:VouchAU/vouch-uikit-mono.git\n```\n\ninstall dependencies\n\n```bash\ncd vouch-uikit-mono\nyarn\n```\n\n## Storybook\n\nhttps://uikit-storybook.vercel.app\n\nStorybook is hosted on vercel and deployed automatically via **GitHub Action** every time changes are merged back to `main`. Storybook can also be deployed per PR by adding the `deploy storybook` label on the PR.\n\nLocal dev\n\n```bash\nyarn storybook\n```\n\nbuild storybook\n\n```bash\nyarn storybook:build\n```\n\n## Playroom\n\nhttps://uikit-playroom.vercel.app\n\nPlayroom is hosted on vercel and deployed automatically via **GitHub Action** every time changes are merged back to `main`. Playroom is not intended to be used on it's own because we don't get good autocomplete for web components, and playroom cannot render the svelte components natively.\n\nInstead we have created a `Playroom` plugin for storybook that will automatically update the rendered web component when any of the story controls change.\n\nLocal dev\n\n```bash\nyarn playroom\n```\n\nbuild playroom\n\n```bash\nyarn playroom:build\n```\n\n## Build package\n\nBuild `src/lib` production/beta/alpha package, make sure you change `version` in `package.json`.\n\n```sh\ncd packages/uikit\n...\nyarn package # production\n```\n\n## Test package locally with `vouch-app`\n\nOnce you build the `npm` package, you can test locally with `vouch-app` to ensure everything works as expected before publishing to `npm`\n\nAssuming you build a package according [Build package](#build-package), now you can create a symlink to your local package\n\n```sh\ncd package\nyarn link\n```\n\nyou should see this if successfully linked\n\n```sh\nyarn link v1.22.10\nsuccess Registered \"@vouchfor/uikit\".\ninfo You can now run `yarn link \"@vouchfor/uikit\"` in the projects where you want to use this package and it will be used instead.\n✨ Done in 0.04s.\n```\n\ngo to `vouch-app-mono` folder and switch to the branch you want to test against with then link the local package\n\n```sh\ncd vouch-app-mono\ngit checkout VCH-222\nyarn link @vouchfor/uikit\nyarn dev\n```\n\nVoilà, you are testing your feature branch with the local uikit package and don't forget to roll back after testing\n\n```sh\ncd vouch-app\nyarn unlink @vouchfor/uikit\n...\ncd vouch-uikit/package\nyarn unlink\n```\n\n## Test published package\n\nYou can publish an experimental version of the package by adding the `publish rc` label onto your PR. This will use the commit hash and a prerelease version number to publish onto NPM which you can then install into your application for testing.\n\nThis can be important because the published package and the linked package aren't necessarily 100% the same, some functionality is lost during the conversion to web-components:\n- When using a svelte component within another svelte component, you are able to pass $$restProps down to inner DOM elements, this doesn't work when the svelte component is changed into a web-component during build time\n- Using slots is a little weird\n - When using normal svelte components, if you want to style slot contents from the parent component you need to use the `:global(\n
\n```\n\nIn this case, you will need to purge the bundle file specifically by providing absolute path\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/embed/{filename}.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/components/{filename}.bundle.js\n```\n\nfor example,\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/embed/vouch-embed-inline-player.bundle.js\n```\n\n## Unit test\n\n```bash\nyarn test\n```\n\nupdate snapshot\n\n```bash\nyarn test -u\n```\n\n# Releasing\n\nTo make sure we are delivering the highest quality software we can, there is a multi-step review and testing process before we go ahead with any release.\n\n1. Once the feature has been implemented, create a PR and add the `deploy storybook` label to it, once storybook has been deployed send the link to the stakeholder that is in charge of the feature and get them to review.\n - The deployment URL will be added as a comment to the PR once deployed\n2. Use browserstack (credentials in 1password) to cross-browser test the storybook PR deployment using a wide range of operating systems and browser versions\n - TODO: Figure out what is a reasonable set of browsers to test with\n - TODO: Automated tools for cross browser testing using browserstack\n3. Publish the package as a release candidate by adding the `publish rc` label to the PR\n - Once published, install the package into the admin app and test the feature there to make sure your changes are working in situ.\n - Create a PR deployment for the admin app using the release candidate package and get stakeholders to review also.\n4. If there are no issues, bump the package to the appropriate version in the PR, then the PR can be merged into `main` and a regular release can be created using the instructions below\n - TODO: Automate public release\n\n## Update `vouch-app`\n\n`@vouchfor/uikit` is a dependency of the admin app within `vouch-app-mono` and `vouch-app` for embeds and the media player, follow the below steps to publish NPM package and update `package.json` dependency in `vouch-app-mono`.\n\n> Always use semver for version numbering for main releases\n\n- Major: Breaking changes\n- Minor: Feature releases\n- Patch: Hotfixes\n\nBecause we have a few different environments that the embeds may be fetching from (`dev`, `staging` and `prod`) we have added an `env` prop to all of the necessary embeds that allows you to choose the environment at run time. This, along with PR releases, removes the need for an `alpha` and `beta` package release and will allow us to better automate the release process.\n\n### Prod release\n\n> You will need to log in `vouch-tech` on your terminal before publishing, credential is shared via 1Password.\n\n```bash\nnpm login\n```\n\n1. Make sure you are in `packages/uikit` directory\n2. Run `yarn package`\n3. Move to the created `package` folder\n4. Run `npm publish --access public` to publish under the `latest` tag\n\n```bash\ncd packages/uikit\nyarn package\ncd package\nnpm publish --access public\n```\n\nThen, using the same PR in `vouch-app-mono` that you used to test the experimental version, bump to the now latest version and re-test one final time to make sure everything worked as expected.\n\nIf everything works correctly then the PR is ready to be merged, and the CDN cache can be purged to allow for upstream clients using embeds in their apps to receive the new version.\n\n### Post release testing\n\nUse [this](https://codepen.io/aaronuu/pen/poKYJVz) codepen to bump the package version that is downloaded from the CDN and make sure all of the embeds work as expected.","engines":{"node":">=16"},"exports":{"./events":"./events.js","./constants":"./constants.js","./embed/events":{"import":"./embed/events.js","default":"./embed/events.js","require":"./embed/events.cjs"},"./package.json":"./package.json","./internal/theme":"./internal/theme.js","./internal/utils":"./internal/utils.js","./internal/environment":"./internal/environment.js","./components/vouch-menu":{"import":"./components/vouch-menu.js","default":"./components/vouch-menu.js","require":"./components/vouch-menu.cjs"},"./embed/vouch-embed-all":{"import":"./embed/vouch-embed-all.js","default":"./embed/vouch-embed-all.js","require":"./embed/vouch-embed-all.cjs"},"./embed/vouch-embed-card":{"import":"./embed/vouch-embed-card.js","default":"./embed/vouch-embed-card.js","require":"./embed/vouch-embed-card.cjs"},"./components/vouch-button":{"import":"./components/vouch-button.js","default":"./components/vouch-button.js","require":"./components/vouch-button.cjs"},"./embed/vouch-embed-jumbo":{"import":"./embed/vouch-embed-jumbo.js","default":"./embed/vouch-embed-jumbo.js","require":"./embed/vouch-embed-jumbo.cjs"},"./internal/actions/popper":"./internal/actions/popper.js","./internal/hooks/useFetch":"./internal/hooks/useFetch.js","./internal/hooks/useTrack":"./internal/hooks/useTrack.js","./components/vouch-persona":{"import":"./components/vouch-persona.js","default":"./components/vouch-persona.js","require":"./components/vouch-persona.cjs"},"./components/vouch-tooltip":{"import":"./components/vouch-tooltip.js","default":"./components/vouch-tooltip.js","require":"./components/vouch-tooltip.cjs"},"./embed/vouch-embed-button":{"import":"./embed/vouch-embed-button.js","default":"./embed/vouch-embed-button.js","require":"./embed/vouch-embed-button.cjs"},"./components/vouch-recorder":{"import":"./components/vouch-recorder.js","default":"./components/vouch-recorder.js","require":"./components/vouch-recorder.cjs"},"./embed/vouch-embed-popover":{"import":"./embed/vouch-embed-popover.js","default":"./embed/vouch-embed-popover.js","require":"./embed/vouch-embed-popover.cjs"},"./test/internals/utils.spec":"./test/internals/utils.spec.js","./components/vouch-icon-play":{"import":"./components/vouch-icon-play.js","default":"./components/vouch-icon-play.js","require":"./components/vouch-icon-play.cjs"},"./embed/vouch-embed-dialogue":{"import":"./embed/vouch-embed-dialogue.js","default":"./embed/vouch-embed-dialogue.js","require":"./embed/vouch-embed-dialogue.cjs"},"./components/VouchMenu.svelte":"./components/VouchMenu.svelte","./components/vouch-brand-logo":{"import":"./components/vouch-brand-logo.js","default":"./components/vouch-brand-logo.js","require":"./components/vouch-brand-logo.cjs"},"./components/vouch-icon-close":{"import":"./components/vouch-icon-close.js","default":"./components/vouch-icon-close.js","require":"./components/vouch-icon-close.cjs"},"./components/vouch-icon-pause":{"import":"./components/vouch-icon-pause.js","default":"./components/vouch-icon-pause.js","require":"./components/vouch-icon-pause.cjs"},"./components/vouch-media-plyr":{"import":"./components/vouch-media-plyr.js","default":"./components/vouch-media-plyr.js","require":"./components/vouch-media-plyr.cjs"},"./components/vouch-water-mark":{"import":"./components/vouch-water-mark.js","default":"./components/vouch-water-mark.js","require":"./components/vouch-water-mark.cjs"},"./embed/VouchEmbedCard.svelte":"./embed/VouchEmbedCard.svelte","./embed/vouch-embed-thumbnail":{"import":"./embed/vouch-embed-thumbnail.js","default":"./embed/vouch-embed-thumbnail.js","require":"./embed/vouch-embed-thumbnail.cjs"},"./embed/vouch-recorder-button":{"import":"./embed/vouch-recorder-button.js","default":"./embed/vouch-recorder-button.js","require":"./embed/vouch-recorder-button.cjs"},"./components/vouch-graphic-svg":{"import":"./components/vouch-graphic-svg.js","default":"./components/vouch-graphic-svg.js","require":"./components/vouch-graphic-svg.cjs"},"./embed/VouchEmbedJumbo.svelte":"./embed/VouchEmbedJumbo.svelte","./embed/vouch-recorder-preview":{"import":"./embed/vouch-recorder-preview.js","default":"./embed/vouch-recorder-preview.js","require":"./embed/vouch-recorder-preview.cjs"},"./internal/hooks/useFetchEmbed":"./internal/hooks/useFetchEmbed.js","./components/VouchButton.svelte":"./components/VouchButton.svelte","./embed/VouchEmbedButton.svelte":"./embed/VouchEmbedButton.svelte","./components/VouchPersona.svelte":"./components/VouchPersona.svelte","./components/VouchTooltip.svelte":"./components/VouchTooltip.svelte","./components/vouch-volume-slider":{"import":"./components/vouch-volume-slider.js","default":"./components/vouch-volume-slider.js","require":"./components/vouch-volume-slider.cjs"},"./embed/VouchEmbedPopover.svelte":"./embed/VouchEmbedPopover.svelte","./internal/actions/outside-click":"./internal/actions/outside-click.js","./components/VouchIconPlay.svelte":"./components/VouchIconPlay.svelte","./components/VouchRecorder.svelte":"./components/VouchRecorder.svelte","./embed/VouchEmbedDialogue.svelte":"./embed/VouchEmbedDialogue.svelte","./embed/vouch-embed-inline-player":{"import":"./embed/vouch-embed-inline-player.js","default":"./embed/vouch-embed-inline-player.js","require":"./embed/vouch-embed-inline-player.cjs"},"./test/components/VouchIcons.spec":"./test/components/VouchIcons.spec.js","./components/VouchBrandLogo.svelte":"./components/VouchBrandLogo.svelte","./components/VouchIconClose.svelte":"./components/VouchIconClose.svelte","./components/VouchIconPause.svelte":"./components/VouchIconPause.svelte","./components/VouchMediaPlyr.svelte":"./components/VouchMediaPlyr.svelte","./components/VouchWaterMark.svelte":"./components/VouchWaterMark.svelte","./components/vouch-icon-arrow-left":{"import":"./components/vouch-icon-arrow-left.js","default":"./components/vouch-icon-arrow-left.js","require":"./components/vouch-icon-arrow-left.cjs"},"./embed/VouchEmbedThumbnail.svelte":"./embed/VouchEmbedThumbnail.svelte","./embed/VouchRecorderButton.svelte":"./embed/VouchRecorderButton.svelte","./internal/actions/resize-observer":"./internal/actions/resize-observer.js","./components/VouchGraphicSvg.svelte":"./components/VouchGraphicSvg.svelte","./components/vouch-icon-arrow-right":{"import":"./components/vouch-icon-arrow-right.js","default":"./components/vouch-icon-arrow-right.js","require":"./components/vouch-icon-arrow-right.cjs"},"./embed/VouchRecorderPreview.svelte":"./embed/VouchRecorderPreview.svelte","./components/vouch-overlay-play-icon":{"import":"./components/vouch-overlay-play-icon.js","default":"./components/vouch-overlay-play-icon.js","require":"./components/vouch-overlay-play-icon.cjs"},"./components/vouch-progress-scrubber":{"import":"./components/vouch-progress-scrubber.js","default":"./components/vouch-progress-scrubber.js","require":"./components/vouch-progress-scrubber.cjs"},"./test/internals/hooks/useFetch.spec":"./test/internals/hooks/useFetch.spec.js","./test/internals/hooks/useTrack.spec":"./test/internals/hooks/useTrack.spec.js","./components/VouchVolumeSlider.svelte":"./components/VouchVolumeSlider.svelte","./embed/VouchEmbedInlinePlayer.svelte":"./embed/VouchEmbedInlinePlayer.svelte","./test/components/VouchBrandLogo.spec":"./test/components/VouchBrandLogo.spec.js","./test/components/VouchWaterMark.spec":"./test/components/VouchWaterMark.spec.js","./components/VouchIconArrowLeft.svelte":"./components/VouchIconArrowLeft.svelte","./test/components/VouchGraphicSvg.spec":"./test/components/VouchGraphicSvg.spec.js","./components/VouchIconArrowRight.svelte":"./components/VouchIconArrowRight.svelte","./components/VouchOverlayPlayIcon.svelte":"./components/VouchOverlayPlayIcon.svelte","./components/VouchProgressScrubber.svelte":"./components/VouchProgressScrubber.svelte","./test/internals/hooks/useFetchEmbed.spec":"./test/internals/hooks/useFetchEmbed.spec.js"},"gitHead":"742e63857cb94eb449d0870f34725621bffda0ee","_npmUser":{"name":"vouch-tech","email":"brian@vouchfor.com"},"repository":{"url":"git+https://github.com/VouchAU/vouch-uikit.git","type":"git"},"_npmVersion":"8.19.2","description":"Vouch Svelte UIKit","directories":{},"lint-staged":{"*.{js,svelte}":"yarn lint"},"_nodeVersion":"16.18.1","dependencies":{"flat":"^5.0.2","plyr":"^3.7.2","cookie":"^0.4.1","hls.js":"^1.1.5","core-js":"^3.16.3","postcss":"^7","@vime/core":"^5.3.1","tailwindcss":"npm:@tailwindcss/postcss7-compat","@lukeed/uuid":"^2.0.0","autoprefixer":"^9","whatwg-fetch":"^3.6.2","patch-package":"^6.5.0","@popperjs/core":"^2.11.6","@fontsource/fira-mono":"^4.2.2","postinstall-postinstall":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^27.0.6","path":"^0.12.7","vite":"^3.1.8","react":"^18.2.0","tslib":"^2.0.0","dotenv":"^10.0.0","eslint":"^7.22.0","rollup":"^2.55.1","svelte":"^3.34.0","webpack":"^5.74.0","playroom":"0.28.0","prettier":"~2.2.1","react-dom":"^18.2.0","ts-loader":"^9.4.1","@percy/cli":"^1.15.0","babel-jest":"^27.0.6","base64-url":"^2.3.3","dotenv-cli":"^6.0.0","svelte2tsx":"^0.4.3","typescript":"^4.8.4","@babel/core":"^7.14.8","@types/jest":"^26.0.24","lint-staged":"^12.4.1","babel-loader":"^8.2.5","svelte-check":"^2.0.0","@sveltejs/kit":"next","@types/cookie":"^0.4.0","@types/hls.js":"^1.0.0","svelte-jester":"^1.8.1","svelte-loader":"^3.1.2","@percy/storybook":"^4.3.4","@storybook/react":"^6.5.13","@babel/preset-env":"^7.14.9","@storybook/svelte":"^6.5.13","@sveltejs/package":"^1.0.0-next.5","svelte-preprocess":"^4.0.0","rollup-plugin-copy":"^3.4.0","require-from-string":"^2.0.2","rollup-plugin-svelte":"^7.1.0","rollup-plugin-terser":"^7.0.2","eslint-plugin-svelte3":"^3.2.0","@babel/runtime-corejs3":"^7.14.9","@rollup/plugin-replace":"^3.0.0","@storybook/addon-links":"^6.5.13","eslint-config-prettier":"^8.1.0","prettier-plugin-svelte":"^2.2.0","@rollup/plugin-commonjs":"^22.0.0","@testing-library/svelte":"^3.0.3","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.5.13","storybook-addon-playroom":"^3.0.2","@typescript-eslint/parser":"^4.19.0","@rollup/plugin-node-resolve":"^13.0.4","@storybook/addon-essentials":"^6.5.13","@storybook/addon-svelte-csf":"^2.0.10","@typescript-eslint/eslint-plugin":"^4.19.0"},"_npmOperationalInternal":{"tmp":"tmp/uikit_0.0.0-experiment.742e638_1670910777761_0.011623826992441577","host":"s3://npm-registry-packages"}},"0.0.0-experiment.8b54e56":{"name":"@vouchfor/uikit","version":"0.0.0-experiment.8b54e56","keywords":["embed","design system","vouch-uikit","svelte","uikit"],"author":{"url":"https://vouchau.github.io/vouch-uikit","name":"Vouch Dev Team","email":"hello@vouchfor.com"},"license":"MIT","_id":"@vouchfor/uikit@0.0.0-experiment.8b54e56","maintainers":[{"name":"vouch-tech","email":"brian@vouchfor.com"}],"homepage":"https://vouchau.github.io/vouch-uikit","bugs":{"url":"https://github.com/VouchAU/vouch-uikit/issues"},"dist":{"shasum":"176714d344d5a0b8728bc2dc52a564a2b2ec1dc5","tarball":"https://registry.npmjs.org/@vouchfor/uikit/-/uikit-0.0.0-experiment.8b54e56.tgz","fileCount":204,"integrity":"sha512-1iOdJAlBQAV1zP+zKLtLldhvJB9I4SYn23ZZL3+nXhnsLqsoF+DvdgRiErgl0idDyfyQxA2wKbV3h3KuvLqV8g==","signatures":[{"sig":"MEUCIEw98I1GF/ed7YBK6fsPzearVrN79qCsdVvGnWFfDbQ2AiEAlUlqUdfEnCCIob+kHMOxLNTyw5vZ8NC+FpwGZQIBJNg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":27038695,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjmCPFACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoxmhAAobaGbiKgsGww91AxG1gTg+bWdC6xeIH/0kl1URpMQ5+G6wwa\r\ngCRi/8QTaC+6AsaCbdvgJ00BFNmfPwt6z3SAF4lsuH/XOKhPVeZ8i0r6ylTO\r\nOeDVAFIp0aVpstGlaopMgHtK2l2STzomo5jJfiFIU0O0J69EJybewxxU6nkb\r\nJKen0oEvnx2rbS90/NcmK1le/jrnDkl4z2fqx+imK0GyUQ3NzVHcrW6ujM9b\r\n+ehqz+NE1ZWK7VJMb4Uq377Zgqeo/ermbIMSeSlG4YYS4yp+8vgxm42Xs0Bo\r\nvA/4i49dQJnEabvjT4FTyAPtHkYPe2NlhmeKgjTxVjFvdfPFkofaabxy1qEM\r\n1jcjb8YNZk9r+tNqlSZTw1eUHiKKhTT4jcxt62joRbEdZ7ZH6Dtc6/cW83Nf\r\nzDn35MH+yf3fm3kzZAT61B6MzUvLgpBC24uk75cttpFo8WFAm6bq91ahL9Zb\r\njnyGt9ASJq3+WUk1GnOeRk/pFprXK/n40cKKfHjoFvVzmFU1pp72AgrmzXCA\r\nPRWNXsCXHqSpsL/CeJqaog4fnEc5LM8iu9iK+bI7hEC0JjrVqlDEPGtls3og\r\ngFZ/BmHle1jjnHuDUizebMkUkR6vm0XIzKds46GAbdomftQVMW4PxIkSrIMU\r\nIe1dkgvlwhGSsklA2tzxI1HNqAPLBZjhU4U=\r\n=BUI8\r\n-----END PGP SIGNATURE-----\r\n"},"type":"module","types":"types.d.ts","readme":"# Vouch UIKit\n\n- [Get Started](#get-started)\n - [Storybook](#storybook)\n - [Playroom](#playroom)\n - [Build package](#build-package)\n - [Test package locally with vouch-app-mono](#test-package-locally-with-vouch-app)\n - [Testing published package](#test-published-package)\n - [Purge npm cache](#purge-jsdelivr-cache)\n - [Purge specific bundles](#purge-specific-bundlejs)\n- [Releasing](#releasing)\n - [Update vouch-app](#update-vouch-app)\n - [Production release](#prod-release)\n\n# Get Started\n\nEnsure you have node `16` installed on your machine, for example via [nvm](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/TERMINAL.md#install-nvm), run `nvm ls` to check\n\n```bash\nnvm ls 16\n```\n\nyou should see output if you have the version installed\n\n```bash\n-> v16.17.1\n```\n\nensure you have [git ssh](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/GITHUB.md) setup locally before you clone the repo\n\n```bash\ngit clone git@github.com:VouchAU/vouch-uikit-mono.git\n```\n\ninstall dependencies\n\n```bash\ncd vouch-uikit-mono\nyarn\n```\n\n## Storybook\n\nhttps://uikit-storybook.vercel.app\n\nStorybook is hosted on vercel and deployed automatically via **GitHub Action** every time changes are merged back to `main`. Storybook can also be deployed per PR by adding the `deploy storybook` label on the PR.\n\nLocal dev\n\n```bash\nyarn storybook\n```\n\nbuild storybook\n\n```bash\nyarn storybook:build\n```\n\n## Playroom\n\nhttps://uikit-playroom.vercel.app\n\nPlayroom is hosted on vercel and deployed automatically via **GitHub Action** every time changes are merged back to `main`. Playroom is not intended to be used on it's own because we don't get good autocomplete for web components, and playroom cannot render the svelte components natively.\n\nInstead we have created a `Playroom` plugin for storybook that will automatically update the rendered web component when any of the story controls change.\n\nLocal dev\n\n```bash\nyarn playroom\n```\n\nbuild playroom\n\n```bash\nyarn playroom:build\n```\n\n## Build package\n\nBuild `src/lib` production/beta/alpha package, make sure you change `version` in `package.json`.\n\n```sh\ncd packages/uikit\n...\nyarn package # production\n```\n\n## Test package locally with `vouch-app`\n\nOnce you build the `npm` package, you can test locally with `vouch-app` to ensure everything works as expected before publishing to `npm`\n\nAssuming you build a package according [Build package](#build-package), now you can create a symlink to your local package\n\n```sh\ncd package\nyarn link\n```\n\nyou should see this if successfully linked\n\n```sh\nyarn link v1.22.10\nsuccess Registered \"@vouchfor/uikit\".\ninfo You can now run `yarn link \"@vouchfor/uikit\"` in the projects where you want to use this package and it will be used instead.\n✨ Done in 0.04s.\n```\n\ngo to `vouch-app-mono` folder and switch to the branch you want to test against with then link the local package\n\n```sh\ncd vouch-app-mono\ngit checkout VCH-222\nyarn link @vouchfor/uikit\nyarn dev\n```\n\nVoilà, you are testing your feature branch with the local uikit package and don't forget to roll back after testing\n\n```sh\ncd vouch-app\nyarn unlink @vouchfor/uikit\n...\ncd vouch-uikit/package\nyarn unlink\n```\n\n## Test published package\n\nYou can publish an experimental version of the package by adding the `publish rc` label onto your PR. This will use the commit hash and a prerelease version number to publish onto NPM which you can then install into your application for testing.\n\nThis can be important because the published package and the linked package aren't necessarily 100% the same, some functionality is lost during the conversion to web-components:\n- When using a svelte component within another svelte component, you are able to pass $$restProps down to inner DOM elements, this doesn't work when the svelte component is changed into a web-component during build time\n- Using slots is a little weird\n - When using normal svelte components, if you want to style slot contents from the parent component you need to use the `:global(\n
\n```\n\nIn this case, you will need to purge the bundle file specifically by providing absolute path\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/embed/{filename}.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/components/{filename}.bundle.js\n```\n\nfor example,\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/embed/vouch-embed-inline-player.bundle.js\n```\n\n## Unit test\n\n```bash\nyarn test\n```\n\nupdate snapshot\n\n```bash\nyarn test -u\n```\n\n# Releasing\n\nTo make sure we are delivering the highest quality software we can, there is a multi-step review and testing process before we go ahead with any release.\n\n1. Once the feature has been implemented, create a PR and add the `deploy storybook` label to it, once storybook has been deployed send the link to the stakeholder that is in charge of the feature and get them to review.\n - The deployment URL will be added as a comment to the PR once deployed\n2. Use browserstack (credentials in 1password) to cross-browser test the storybook PR deployment using a wide range of operating systems and browser versions\n - TODO: Figure out what is a reasonable set of browsers to test with\n - TODO: Automated tools for cross browser testing using browserstack\n3. Publish the package as a release candidate by adding the `publish rc` label to the PR\n - Once published, install the package into the admin app and test the feature there to make sure your changes are working in situ.\n - Create a PR deployment for the admin app using the release candidate package and get stakeholders to review also.\n4. If there are no issues, bump the package to the appropriate version in the PR, then the PR can be merged into `main` and a regular release can be created using the instructions below\n - TODO: Automate public release\n\n## Update `vouch-app`\n\n`@vouchfor/uikit` is a dependency of the admin app within `vouch-app-mono` and `vouch-app` for embeds and the media player, follow the below steps to publish NPM package and update `package.json` dependency in `vouch-app-mono`.\n\n> Always use semver for version numbering for main releases\n\n- Major: Breaking changes\n- Minor: Feature releases\n- Patch: Hotfixes\n\nBecause we have a few different environments that the embeds may be fetching from (`dev`, `staging` and `prod`) we have added an `env` prop to all of the necessary embeds that allows you to choose the environment at run time. This, along with PR releases, removes the need for an `alpha` and `beta` package release and will allow us to better automate the release process.\n\n### Prod release\n\n> You will need to log in `vouch-tech` on your terminal before publishing, credential is shared via 1Password.\n\n```bash\nnpm login\n```\n\n1. Make sure you are in `packages/uikit` directory\n2. Run `yarn package`\n3. Move to the created `package` folder\n4. Run `npm publish --access public` to publish under the `latest` tag\n\n```bash\ncd packages/uikit\nyarn package\ncd package\nnpm publish --access public\n```\n\nThen, using the same PR in `vouch-app-mono` that you used to test the experimental version, bump to the now latest version and re-test one final time to make sure everything worked as expected.\n\nIf everything works correctly then the PR is ready to be merged, and the CDN cache can be purged to allow for upstream clients using embeds in their apps to receive the new version.\n\n### Post release testing\n\nUse [this](https://codepen.io/aaronuu/pen/poKYJVz) codepen to bump the package version that is downloaded from the CDN and make sure all of the embeds work as expected.","engines":{"node":">=16"},"exports":{"./events":"./events.js","./constants":"./constants.js","./embed/events":{"import":"./embed/events.js","default":"./embed/events.js","require":"./embed/events.cjs"},"./package.json":"./package.json","./internal/theme":"./internal/theme.js","./internal/utils":"./internal/utils.js","./internal/environment":"./internal/environment.js","./components/vouch-menu":{"import":"./components/vouch-menu.js","default":"./components/vouch-menu.js","require":"./components/vouch-menu.cjs"},"./embed/vouch-embed-all":{"import":"./embed/vouch-embed-all.js","default":"./embed/vouch-embed-all.js","require":"./embed/vouch-embed-all.cjs"},"./embed/vouch-embed-card":{"import":"./embed/vouch-embed-card.js","default":"./embed/vouch-embed-card.js","require":"./embed/vouch-embed-card.cjs"},"./components/vouch-button":{"import":"./components/vouch-button.js","default":"./components/vouch-button.js","require":"./components/vouch-button.cjs"},"./embed/vouch-embed-jumbo":{"import":"./embed/vouch-embed-jumbo.js","default":"./embed/vouch-embed-jumbo.js","require":"./embed/vouch-embed-jumbo.cjs"},"./internal/actions/popper":"./internal/actions/popper.js","./internal/hooks/useFetch":"./internal/hooks/useFetch.js","./internal/hooks/useTrack":"./internal/hooks/useTrack.js","./components/vouch-persona":{"import":"./components/vouch-persona.js","default":"./components/vouch-persona.js","require":"./components/vouch-persona.cjs"},"./components/vouch-tooltip":{"import":"./components/vouch-tooltip.js","default":"./components/vouch-tooltip.js","require":"./components/vouch-tooltip.cjs"},"./embed/vouch-embed-button":{"import":"./embed/vouch-embed-button.js","default":"./embed/vouch-embed-button.js","require":"./embed/vouch-embed-button.cjs"},"./components/vouch-recorder":{"import":"./components/vouch-recorder.js","default":"./components/vouch-recorder.js","require":"./components/vouch-recorder.cjs"},"./embed/vouch-embed-popover":{"import":"./embed/vouch-embed-popover.js","default":"./embed/vouch-embed-popover.js","require":"./embed/vouch-embed-popover.cjs"},"./test/internals/utils.spec":"./test/internals/utils.spec.js","./components/vouch-icon-play":{"import":"./components/vouch-icon-play.js","default":"./components/vouch-icon-play.js","require":"./components/vouch-icon-play.cjs"},"./embed/vouch-embed-dialogue":{"import":"./embed/vouch-embed-dialogue.js","default":"./embed/vouch-embed-dialogue.js","require":"./embed/vouch-embed-dialogue.cjs"},"./components/VouchMenu.svelte":"./components/VouchMenu.svelte","./components/vouch-brand-logo":{"import":"./components/vouch-brand-logo.js","default":"./components/vouch-brand-logo.js","require":"./components/vouch-brand-logo.cjs"},"./components/vouch-icon-close":{"import":"./components/vouch-icon-close.js","default":"./components/vouch-icon-close.js","require":"./components/vouch-icon-close.cjs"},"./components/vouch-icon-pause":{"import":"./components/vouch-icon-pause.js","default":"./components/vouch-icon-pause.js","require":"./components/vouch-icon-pause.cjs"},"./components/vouch-media-plyr":{"import":"./components/vouch-media-plyr.js","default":"./components/vouch-media-plyr.js","require":"./components/vouch-media-plyr.cjs"},"./components/vouch-water-mark":{"import":"./components/vouch-water-mark.js","default":"./components/vouch-water-mark.js","require":"./components/vouch-water-mark.cjs"},"./embed/VouchEmbedCard.svelte":"./embed/VouchEmbedCard.svelte","./embed/vouch-embed-thumbnail":{"import":"./embed/vouch-embed-thumbnail.js","default":"./embed/vouch-embed-thumbnail.js","require":"./embed/vouch-embed-thumbnail.cjs"},"./embed/vouch-recorder-button":{"import":"./embed/vouch-recorder-button.js","default":"./embed/vouch-recorder-button.js","require":"./embed/vouch-recorder-button.cjs"},"./components/vouch-graphic-svg":{"import":"./components/vouch-graphic-svg.js","default":"./components/vouch-graphic-svg.js","require":"./components/vouch-graphic-svg.cjs"},"./embed/VouchEmbedJumbo.svelte":"./embed/VouchEmbedJumbo.svelte","./embed/vouch-recorder-preview":{"import":"./embed/vouch-recorder-preview.js","default":"./embed/vouch-recorder-preview.js","require":"./embed/vouch-recorder-preview.cjs"},"./internal/hooks/useFetchEmbed":"./internal/hooks/useFetchEmbed.js","./components/VouchButton.svelte":"./components/VouchButton.svelte","./embed/VouchEmbedButton.svelte":"./embed/VouchEmbedButton.svelte","./components/VouchPersona.svelte":"./components/VouchPersona.svelte","./components/VouchTooltip.svelte":"./components/VouchTooltip.svelte","./components/vouch-volume-slider":{"import":"./components/vouch-volume-slider.js","default":"./components/vouch-volume-slider.js","require":"./components/vouch-volume-slider.cjs"},"./embed/VouchEmbedPopover.svelte":"./embed/VouchEmbedPopover.svelte","./internal/actions/outside-click":"./internal/actions/outside-click.js","./components/VouchIconPlay.svelte":"./components/VouchIconPlay.svelte","./components/VouchRecorder.svelte":"./components/VouchRecorder.svelte","./embed/VouchEmbedDialogue.svelte":"./embed/VouchEmbedDialogue.svelte","./embed/vouch-embed-inline-player":{"import":"./embed/vouch-embed-inline-player.js","default":"./embed/vouch-embed-inline-player.js","require":"./embed/vouch-embed-inline-player.cjs"},"./test/components/VouchIcons.spec":"./test/components/VouchIcons.spec.js","./components/VouchBrandLogo.svelte":"./components/VouchBrandLogo.svelte","./components/VouchIconClose.svelte":"./components/VouchIconClose.svelte","./components/VouchIconPause.svelte":"./components/VouchIconPause.svelte","./components/VouchMediaPlyr.svelte":"./components/VouchMediaPlyr.svelte","./components/VouchWaterMark.svelte":"./components/VouchWaterMark.svelte","./components/vouch-icon-arrow-left":{"import":"./components/vouch-icon-arrow-left.js","default":"./components/vouch-icon-arrow-left.js","require":"./components/vouch-icon-arrow-left.cjs"},"./embed/VouchEmbedThumbnail.svelte":"./embed/VouchEmbedThumbnail.svelte","./embed/VouchRecorderButton.svelte":"./embed/VouchRecorderButton.svelte","./internal/actions/resize-observer":"./internal/actions/resize-observer.js","./components/VouchGraphicSvg.svelte":"./components/VouchGraphicSvg.svelte","./components/vouch-icon-arrow-right":{"import":"./components/vouch-icon-arrow-right.js","default":"./components/vouch-icon-arrow-right.js","require":"./components/vouch-icon-arrow-right.cjs"},"./embed/VouchRecorderPreview.svelte":"./embed/VouchRecorderPreview.svelte","./components/vouch-overlay-play-icon":{"import":"./components/vouch-overlay-play-icon.js","default":"./components/vouch-overlay-play-icon.js","require":"./components/vouch-overlay-play-icon.cjs"},"./components/vouch-progress-scrubber":{"import":"./components/vouch-progress-scrubber.js","default":"./components/vouch-progress-scrubber.js","require":"./components/vouch-progress-scrubber.cjs"},"./test/internals/hooks/useFetch.spec":"./test/internals/hooks/useFetch.spec.js","./test/internals/hooks/useTrack.spec":"./test/internals/hooks/useTrack.spec.js","./components/VouchVolumeSlider.svelte":"./components/VouchVolumeSlider.svelte","./embed/VouchEmbedInlinePlayer.svelte":"./embed/VouchEmbedInlinePlayer.svelte","./test/components/VouchBrandLogo.spec":"./test/components/VouchBrandLogo.spec.js","./test/components/VouchWaterMark.spec":"./test/components/VouchWaterMark.spec.js","./components/VouchIconArrowLeft.svelte":"./components/VouchIconArrowLeft.svelte","./test/components/VouchGraphicSvg.spec":"./test/components/VouchGraphicSvg.spec.js","./components/VouchIconArrowRight.svelte":"./components/VouchIconArrowRight.svelte","./components/VouchOverlayPlayIcon.svelte":"./components/VouchOverlayPlayIcon.svelte","./components/VouchProgressScrubber.svelte":"./components/VouchProgressScrubber.svelte","./test/internals/hooks/useFetchEmbed.spec":"./test/internals/hooks/useFetchEmbed.spec.js"},"gitHead":"8b54e560786f529c91555c572c4e2b659d325a43","_npmUser":{"name":"vouch-tech","email":"brian@vouchfor.com"},"repository":{"url":"git+https://github.com/VouchAU/vouch-uikit.git","type":"git"},"_npmVersion":"8.19.2","description":"Vouch Svelte UIKit","directories":{},"lint-staged":{"*.{js,svelte}":"yarn lint"},"_nodeVersion":"16.18.1","dependencies":{"flat":"^5.0.2","plyr":"^3.7.2","cookie":"^0.4.1","hls.js":"^1.1.5","core-js":"^3.16.3","postcss":"^7","@vime/core":"^5.3.1","tailwindcss":"npm:@tailwindcss/postcss7-compat","@lukeed/uuid":"^2.0.0","autoprefixer":"^9","whatwg-fetch":"^3.6.2","patch-package":"^6.5.0","@popperjs/core":"^2.11.6","@fontsource/fira-mono":"^4.2.2","postinstall-postinstall":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^27.0.6","path":"^0.12.7","vite":"^3.1.8","react":"^18.2.0","tslib":"^2.0.0","dotenv":"^10.0.0","eslint":"^7.22.0","rollup":"^2.55.1","semver":"^7.3.8","svelte":"^3.34.0","webpack":"^5.74.0","playroom":"0.28.0","prettier":"~2.2.1","react-dom":"^18.2.0","ts-loader":"^9.4.1","@percy/cli":"^1.15.0","babel-jest":"^27.0.6","base64-url":"^2.3.3","dotenv-cli":"^6.0.0","svelte2tsx":"^0.4.3","typescript":"^4.8.4","@babel/core":"^7.14.8","@types/jest":"^26.0.24","lint-staged":"^12.4.1","babel-loader":"^8.2.5","svelte-check":"^2.0.0","@sveltejs/kit":"next","@types/cookie":"^0.4.0","@types/hls.js":"^1.0.0","svelte-jester":"^1.8.1","svelte-loader":"^3.1.2","@slack/webhook":"^6.1.0","@percy/storybook":"^4.3.4","@storybook/react":"^6.5.13","@babel/preset-env":"^7.14.9","@storybook/svelte":"^6.5.13","@sveltejs/package":"^1.0.0-next.5","svelte-preprocess":"^4.0.0","rollup-plugin-copy":"^3.4.0","require-from-string":"^2.0.2","rollup-plugin-svelte":"^7.1.0","rollup-plugin-terser":"^7.0.2","eslint-plugin-svelte3":"^3.2.0","@babel/runtime-corejs3":"^7.14.9","@rollup/plugin-replace":"^3.0.0","@storybook/addon-links":"^6.5.13","eslint-config-prettier":"^8.1.0","prettier-plugin-svelte":"^2.2.0","@rollup/plugin-commonjs":"^22.0.0","@testing-library/svelte":"^3.0.3","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.5.13","storybook-addon-playroom":"^3.0.2","@typescript-eslint/parser":"^4.19.0","@rollup/plugin-node-resolve":"^13.0.4","@storybook/addon-essentials":"^6.5.13","@storybook/addon-svelte-csf":"^2.0.10","@typescript-eslint/eslint-plugin":"^4.19.0"},"_npmOperationalInternal":{"tmp":"tmp/uikit_0.0.0-experiment.8b54e56_1670915013498_0.03779012438851259","host":"s3://npm-registry-packages"}},"0.0.0-experiment.8b19738":{"name":"@vouchfor/uikit","version":"0.0.0-experiment.8b19738","keywords":["embed","design system","vouch-uikit","svelte","uikit"],"author":{"url":"https://vouchau.github.io/vouch-uikit","name":"Vouch Dev Team","email":"hello@vouchfor.com"},"license":"MIT","_id":"@vouchfor/uikit@0.0.0-experiment.8b19738","maintainers":[{"name":"vouch-tech","email":"brian@vouchfor.com"}],"homepage":"https://vouchau.github.io/vouch-uikit","bugs":{"url":"https://github.com/VouchAU/vouch-uikit/issues"},"dist":{"shasum":"3e79dbe328806ab764fc59105e32bb27548de53f","tarball":"https://registry.npmjs.org/@vouchfor/uikit/-/uikit-0.0.0-experiment.8b19738.tgz","fileCount":218,"integrity":"sha512-yyC+aCKb+03v+xgdUczqi60fVZq2u2qanmCb3v4iO143HmrwKJ2gx0besYhxgargmPfXkQT91EnGfCIqC0XoDg==","signatures":[{"sig":"MEYCIQCdrU+M5PHGsaMI6Z43RrnLHQSZSHZQ7xAlL2B2jRW+1gIhAOrGDaM0IKg8CFOKmRuztaNRgX0cW4IzKHv8J8LH51fm","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":37332966,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjmOyxACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqbaw//eJdc1X+4XYydwddfsdc+0qJtXWwKmufuGHSIPdDWmL65mvsg\r\nLl36MnUAsSRNjV9lXAjajke3XjBiG40d7sHRFHNLvZSHnAmI9Boh7ytch37I\r\nnuHb3Le/DO37EVMFuNfmTAxQzzIpClLdWNO+tcr0AXiVyUq9X9/EZ8AJeJFp\r\ngei+BCvbd3CbCbPF293E6TYPFkx7VGz4iZkV4rLwPQ+SjtrrQ91nd4EsGoQA\r\nzq0/68HJzZOxLAjsu5lnmAwdWa+eZIMjYeBrO6Jdt93on08ox/kT4HTotV7m\r\nht4Ry8wQATNkBTUspyjG6OiXzfZ01tz5t1iDvMRAWSgrFq6my1Ypv9DoS4AG\r\nvHlrlOHivMN9e8gVQ+X4aC5CyrDP5s6o80084Pqatn1JhnOcMFMwbD6j+ZSX\r\nrl6BSvPvFuK+l/iKZ0w5bxS0Syn6Bo0N3TjTy2C6okyDVcYLZcbzzJQw50au\r\n4oGzIUnsiPnhcyyx8z45xh44JjEmh3DmFxg89Ietqbm8rjE+FUwPyhaIAEdZ\r\n7pWjwjVuwo0TE+J8D7whCZxiRLx2uwx7L3jZGvFzeODsRncQUMlXylJKkcB1\r\ntW1xgeTAtIVj+rp6jAae83xPVYfqcy38Ww4N0bLVzUvIWYW+e+fX16Jp0HvS\r\nbDqk96QJdG2UFe7BdgxsHlogN5Es7grtZdg=\r\n=hRon\r\n-----END PGP SIGNATURE-----\r\n"},"type":"module","types":"types.d.ts","readme":"# Vouch UIKit\n\n- [Get Started](#get-started)\n - [Storybook](#storybook)\n - [Playroom](#playroom)\n - [Build package](#build-package)\n - [Test package locally with vouch-app-mono](#test-package-locally-with-vouch-app)\n - [Testing published package](#test-published-package)\n - [Purge npm cache](#purge-jsdelivr-cache)\n - [Purge specific bundles](#purge-specific-bundlejs)\n- [Releasing](#releasing)\n - [Update vouch-app](#update-vouch-app)\n - [Production release](#prod-release)\n\n# Get Started\n\nEnsure you have node `16` installed on your machine, for example via [nvm](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/TERMINAL.md#install-nvm), run `nvm ls` to check\n\n```bash\nnvm ls 16\n```\n\nyou should see output if you have the version installed\n\n```bash\n-> v16.17.1\n```\n\nensure you have [git ssh](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/GITHUB.md) setup locally before you clone the repo\n\n```bash\ngit clone git@github.com:VouchAU/vouch-uikit-mono.git\n```\n\ninstall dependencies\n\n```bash\ncd vouch-uikit-mono\nyarn\n```\n\n## Storybook\n\nhttps://uikit-storybook.vercel.app\n\nStorybook is hosted on vercel and deployed automatically via **GitHub Action** every time changes are merged back to `main`. Storybook can also be deployed per PR by adding the `deploy storybook` label on the PR.\n\nLocal dev\n\n```bash\nyarn storybook\n```\n\nbuild storybook\n\n```bash\nyarn storybook:build\n```\n\n## Playroom\n\nhttps://uikit-playroom.vercel.app\n\nPlayroom is hosted on vercel and deployed automatically via **GitHub Action** every time changes are merged back to `main`. Playroom is not intended to be used on it's own because we don't get good autocomplete for web components, and playroom cannot render the svelte components natively.\n\nInstead we have created a `Playroom` plugin for storybook that will automatically update the rendered web component when any of the story controls change.\n\nLocal dev\n\n```bash\nyarn playroom\n```\n\nbuild playroom\n\n```bash\nyarn playroom:build\n```\n\n## Build package\n\nBuild `src/lib` production/beta/alpha package, make sure you change `version` in `package.json`.\n\n```sh\ncd packages/uikit\n...\nyarn package # production\n```\n\n## Test package locally with `vouch-app`\n\nOnce you build the `npm` package, you can test locally with `vouch-app` to ensure everything works as expected before publishing to `npm`\n\nAssuming you build a package according [Build package](#build-package), now you can create a symlink to your local package\n\n```sh\ncd package\nyarn link\n```\n\nyou should see this if successfully linked\n\n```sh\nyarn link v1.22.10\nsuccess Registered \"@vouchfor/uikit\".\ninfo You can now run `yarn link \"@vouchfor/uikit\"` in the projects where you want to use this package and it will be used instead.\n✨ Done in 0.04s.\n```\n\ngo to `vouch-app-mono` folder and switch to the branch you want to test against with then link the local package\n\n```sh\ncd vouch-app-mono\ngit checkout VCH-222\nyarn link @vouchfor/uikit\nyarn dev\n```\n\nVoilà, you are testing your feature branch with the local uikit package and don't forget to roll back after testing\n\n```sh\ncd vouch-app\nyarn unlink @vouchfor/uikit\n...\ncd vouch-uikit/package\nyarn unlink\n```\n\n## Test published package\n\nYou can publish an experimental version of the package by adding the `publish rc` label onto your PR. This will use the commit hash and a prerelease version number to publish onto NPM which you can then install into your application for testing.\n\nThis can be important because the published package and the linked package aren't necessarily 100% the same, some functionality is lost during the conversion to web-components:\n- When using a svelte component within another svelte component, you are able to pass $$restProps down to inner DOM elements, this doesn't work when the svelte component is changed into a web-component during build time\n- Using slots is a little weird\n - When using normal svelte components, if you want to style slot contents from the parent component you need to use the `:global(\n
\n```\n\nIn this case, you will need to purge the bundle file specifically by providing absolute path\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/embed/{filename}.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/components/{filename}.bundle.js\n```\n\nfor example,\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/embed/vouch-embed-inline-player.bundle.js\n```\n\n## Unit test\n\n```bash\nyarn test\n```\n\nupdate snapshot\n\n```bash\nyarn test -u\n```\n\n# Releasing\n\nTo make sure we are delivering the highest quality software we can, there is a multi-step review and testing process before we go ahead with any release.\n\n1. Once the feature has been implemented, create a PR and add the `deploy storybook` label to it, once storybook has been deployed send the link to the stakeholder that is in charge of the feature and get them to review.\n - The deployment URL will be added as a comment to the PR once deployed\n2. Use browserstack (credentials in 1password) to cross-browser test the storybook PR deployment using a wide range of operating systems and browser versions\n - TODO: Figure out what is a reasonable set of browsers to test with\n - TODO: Automated tools for cross browser testing using browserstack\n3. Publish the package as a release candidate by adding the `publish rc` label to the PR\n - Once published, install the package into the admin app and test the feature there to make sure your changes are working in situ.\n - Create a PR deployment for the admin app using the release candidate package and get stakeholders to review also.\n4. If there are no issues, bump the package to the appropriate version in the PR, then the PR can be merged into `main` and a regular release can be created using the instructions below\n - TODO: Automate public release\n\n## Update `vouch-app`\n\n`@vouchfor/uikit` is a dependency of the admin app within `vouch-app-mono` and `vouch-app` for embeds and the media player, follow the below steps to publish NPM package and update `package.json` dependency in `vouch-app-mono`.\n\n> Always use semver for version numbering for main releases\n\n- Major: Breaking changes\n- Minor: Feature releases\n- Patch: Hotfixes\n\nBecause we have a few different environments that the embeds may be fetching from (`dev`, `staging` and `prod`) we have added an `env` prop to all of the necessary embeds that allows you to choose the environment at run time. This, along with PR releases, removes the need for an `alpha` and `beta` package release and will allow us to better automate the release process.\n\n### Prod release\n\n> You will need to log in `vouch-tech` on your terminal before publishing, credential is shared via 1Password.\n\n```bash\nnpm login\n```\n\n1. Make sure you are in `packages/uikit` directory\n2. Run `yarn package`\n3. Move to the created `package` folder\n4. Run `npm publish --access public` to publish under the `latest` tag\n\n```bash\ncd packages/uikit\nyarn package\ncd package\nnpm publish --access public\n```\n\nThen, using the same PR in `vouch-app-mono` that you used to test the experimental version, bump to the now latest version and re-test one final time to make sure everything worked as expected.\n\nIf everything works correctly then the PR is ready to be merged, and the CDN cache can be purged to allow for upstream clients using embeds in their apps to receive the new version.\n\n### Post release testing\n\nUse [this](https://codepen.io/aaronuu/pen/poKYJVz) codepen to bump the package version that is downloaded from the CDN and make sure all of the embeds work as expected.","engines":{"node":">=16"},"exports":{"./events":"./events.js","./constants":"./constants.js","./embed/events":{"import":"./embed/events.js","default":"./embed/events.js","require":"./embed/events.cjs"},"./package.json":"./package.json","./internal/theme":"./internal/theme.js","./internal/utils":"./internal/utils.js","./internal/environment":"./internal/environment.js","./components/vouch-menu":{"import":"./components/vouch-menu.js","default":"./components/vouch-menu.js","require":"./components/vouch-menu.cjs"},"./embed/vouch-embed-all":{"import":"./embed/vouch-embed-all.js","default":"./embed/vouch-embed-all.js","require":"./embed/vouch-embed-all.cjs"},"./embed/vouch-embed-card":{"import":"./embed/vouch-embed-card.js","default":"./embed/vouch-embed-card.js","require":"./embed/vouch-embed-card.cjs"},"./components/vouch-button":{"import":"./components/vouch-button.js","default":"./components/vouch-button.js","require":"./components/vouch-button.cjs"},"./embed/vouch-embed-jumbo":{"import":"./embed/vouch-embed-jumbo.js","default":"./embed/vouch-embed-jumbo.js","require":"./embed/vouch-embed-jumbo.cjs"},"./internal/actions/popper":"./internal/actions/popper.js","./internal/hooks/useFetch":"./internal/hooks/useFetch.js","./internal/hooks/useTrack":"./internal/hooks/useTrack.js","./components/vouch-persona":{"import":"./components/vouch-persona.js","default":"./components/vouch-persona.js","require":"./components/vouch-persona.cjs"},"./components/vouch-tooltip":{"import":"./components/vouch-tooltip.js","default":"./components/vouch-tooltip.js","require":"./components/vouch-tooltip.cjs"},"./embed/vouch-embed-button":{"import":"./embed/vouch-embed-button.js","default":"./embed/vouch-embed-button.js","require":"./embed/vouch-embed-button.cjs"},"./components/vouch-recorder":{"import":"./components/vouch-recorder.js","default":"./components/vouch-recorder.js","require":"./components/vouch-recorder.cjs"},"./embed/vouch-embed-popover":{"import":"./embed/vouch-embed-popover.js","default":"./embed/vouch-embed-popover.js","require":"./embed/vouch-embed-popover.cjs"},"./test/internals/utils.spec":"./test/internals/utils.spec.js","./components/vouch-icon-play":{"import":"./components/vouch-icon-play.js","default":"./components/vouch-icon-play.js","require":"./components/vouch-icon-play.cjs"},"./embed/vouch-embed-dialogue":{"import":"./embed/vouch-embed-dialogue.js","default":"./embed/vouch-embed-dialogue.js","require":"./embed/vouch-embed-dialogue.cjs"},"./components/VouchMenu.svelte":"./components/VouchMenu.svelte","./components/vouch-brand-logo":{"import":"./components/vouch-brand-logo.js","default":"./components/vouch-brand-logo.js","require":"./components/vouch-brand-logo.cjs"},"./components/vouch-icon-close":{"import":"./components/vouch-icon-close.js","default":"./components/vouch-icon-close.js","require":"./components/vouch-icon-close.cjs"},"./components/vouch-icon-pause":{"import":"./components/vouch-icon-pause.js","default":"./components/vouch-icon-pause.js","require":"./components/vouch-icon-pause.cjs"},"./components/vouch-media-plyr":{"import":"./components/vouch-media-plyr.js","default":"./components/vouch-media-plyr.js","require":"./components/vouch-media-plyr.cjs"},"./components/vouch-water-mark":{"import":"./components/vouch-water-mark.js","default":"./components/vouch-water-mark.js","require":"./components/vouch-water-mark.cjs"},"./embed/VouchEmbedCard.svelte":"./embed/VouchEmbedCard.svelte","./embed/vouch-embed-thumbnail":{"import":"./embed/vouch-embed-thumbnail.js","default":"./embed/vouch-embed-thumbnail.js","require":"./embed/vouch-embed-thumbnail.cjs"},"./embed/vouch-recorder-button":{"import":"./embed/vouch-recorder-button.js","default":"./embed/vouch-recorder-button.js","require":"./embed/vouch-recorder-button.cjs"},"./components/vouch-graphic-svg":{"import":"./components/vouch-graphic-svg.js","default":"./components/vouch-graphic-svg.js","require":"./components/vouch-graphic-svg.cjs"},"./embed/VouchEmbedJumbo.svelte":"./embed/VouchEmbedJumbo.svelte","./embed/vouch-recorder-preview":{"import":"./embed/vouch-recorder-preview.js","default":"./embed/vouch-recorder-preview.js","require":"./embed/vouch-recorder-preview.cjs"},"./internal/hooks/useFetchEmbed":"./internal/hooks/useFetchEmbed.js","./components/VouchButton.svelte":"./components/VouchButton.svelte","./embed/VouchEmbedButton.svelte":"./embed/VouchEmbedButton.svelte","./components/VouchPersona.svelte":"./components/VouchPersona.svelte","./components/VouchTooltip.svelte":"./components/VouchTooltip.svelte","./components/vouch-volume-slider":{"import":"./components/vouch-volume-slider.js","default":"./components/vouch-volume-slider.js","require":"./components/vouch-volume-slider.cjs"},"./embed/VouchEmbedPopover.svelte":"./embed/VouchEmbedPopover.svelte","./internal/actions/outside-click":"./internal/actions/outside-click.js","./components/VouchIconPlay.svelte":"./components/VouchIconPlay.svelte","./components/VouchRecorder.svelte":"./components/VouchRecorder.svelte","./embed/VouchEmbedDialogue.svelte":"./embed/VouchEmbedDialogue.svelte","./embed/vouch-embed-inline-player":{"import":"./embed/vouch-embed-inline-player.js","default":"./embed/vouch-embed-inline-player.js","require":"./embed/vouch-embed-inline-player.cjs"},"./test/components/VouchIcons.spec":"./test/components/VouchIcons.spec.js","./components/VouchBrandLogo.svelte":"./components/VouchBrandLogo.svelte","./components/VouchIconClose.svelte":"./components/VouchIconClose.svelte","./components/VouchIconPause.svelte":"./components/VouchIconPause.svelte","./components/VouchMediaPlyr.svelte":"./components/VouchMediaPlyr.svelte","./components/VouchWaterMark.svelte":"./components/VouchWaterMark.svelte","./components/vouch-icon-arrow-left":{"import":"./components/vouch-icon-arrow-left.js","default":"./components/vouch-icon-arrow-left.js","require":"./components/vouch-icon-arrow-left.cjs"},"./embed/VouchEmbedThumbnail.svelte":"./embed/VouchEmbedThumbnail.svelte","./embed/VouchRecorderButton.svelte":"./embed/VouchRecorderButton.svelte","./internal/actions/resize-observer":"./internal/actions/resize-observer.js","./components/VouchGraphicSvg.svelte":"./components/VouchGraphicSvg.svelte","./components/vouch-icon-arrow-right":{"import":"./components/vouch-icon-arrow-right.js","default":"./components/vouch-icon-arrow-right.js","require":"./components/vouch-icon-arrow-right.cjs"},"./embed/VouchRecorderPreview.svelte":"./embed/VouchRecorderPreview.svelte","./components/vouch-overlay-play-icon":{"import":"./components/vouch-overlay-play-icon.js","default":"./components/vouch-overlay-play-icon.js","require":"./components/vouch-overlay-play-icon.cjs"},"./components/vouch-progress-scrubber":{"import":"./components/vouch-progress-scrubber.js","default":"./components/vouch-progress-scrubber.js","require":"./components/vouch-progress-scrubber.cjs"},"./test/internals/hooks/useFetch.spec":"./test/internals/hooks/useFetch.spec.js","./test/internals/hooks/useTrack.spec":"./test/internals/hooks/useTrack.spec.js","./components/VouchVolumeSlider.svelte":"./components/VouchVolumeSlider.svelte","./embed/VouchEmbedInlinePlayer.svelte":"./embed/VouchEmbedInlinePlayer.svelte","./test/components/VouchBrandLogo.spec":"./test/components/VouchBrandLogo.spec.js","./test/components/VouchWaterMark.spec":"./test/components/VouchWaterMark.spec.js","./components/VouchIconArrowLeft.svelte":"./components/VouchIconArrowLeft.svelte","./components/vouch-embed-error-message":{"import":"./components/vouch-embed-error-message.js","default":"./components/vouch-embed-error-message.js","require":"./components/vouch-embed-error-message.cjs"},"./test/components/VouchGraphicSvg.spec":"./test/components/VouchGraphicSvg.spec.js","./components/VouchIconArrowRight.svelte":"./components/VouchIconArrowRight.svelte","./embed/vouch-embed-inner-inline-player":{"import":"./embed/vouch-embed-inner-inline-player.js","default":"./embed/vouch-embed-inner-inline-player.js","require":"./embed/vouch-embed-inner-inline-player.cjs"},"./components/VouchOverlayPlayIcon.svelte":"./components/VouchOverlayPlayIcon.svelte","./components/VouchProgressScrubber.svelte":"./components/VouchProgressScrubber.svelte","./test/internals/hooks/useFetchEmbed.spec":"./test/internals/hooks/useFetchEmbed.spec.js","./components/VouchEmbedErrorMessage.svelte":"./components/VouchEmbedErrorMessage.svelte","./embed/VouchEmbedInnerInlinePlayer.svelte":"./embed/VouchEmbedInnerInlinePlayer.svelte","./components/vouch-embed-navigation-controls":{"import":"./components/vouch-embed-navigation-controls.js","default":"./components/vouch-embed-navigation-controls.js","require":"./components/vouch-embed-navigation-controls.cjs"},"./components/VouchEmbedNavigationControls.svelte":"./components/VouchEmbedNavigationControls.svelte"},"gitHead":"8b19738709b73f3c32e86501c7d51278535aaef8","_npmUser":{"name":"vouch-tech","email":"brian@vouchfor.com"},"repository":{"url":"git+https://github.com/VouchAU/vouch-uikit.git","type":"git"},"_npmVersion":"8.19.2","description":"Vouch Svelte UIKit","directories":{},"lint-staged":{"*.{js,svelte}":"yarn lint"},"_nodeVersion":"16.18.1","dependencies":{"flat":"^5.0.2","plyr":"^3.7.2","cookie":"^0.4.1","hls.js":"^1.1.5","core-js":"^3.16.3","postcss":"^7","@vime/core":"^5.3.1","tailwindcss":"npm:@tailwindcss/postcss7-compat","@lukeed/uuid":"^2.0.0","autoprefixer":"^9","whatwg-fetch":"^3.6.2","patch-package":"^6.5.0","@popperjs/core":"^2.11.6","@fontsource/fira-mono":"^4.2.2","postinstall-postinstall":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^27.0.6","path":"^0.12.7","vite":"^3.1.8","react":"^18.2.0","tslib":"^2.0.0","dotenv":"^10.0.0","eslint":"^7.22.0","rollup":"^2.55.1","semver":"^7.3.8","svelte":"^3.34.0","webpack":"^5.74.0","playroom":"0.28.0","prettier":"~2.2.1","react-dom":"^18.2.0","ts-loader":"^9.4.1","@percy/cli":"^1.15.0","babel-jest":"^27.0.6","base64-url":"^2.3.3","dotenv-cli":"^6.0.0","svelte2tsx":"^0.4.3","typescript":"^4.8.4","@babel/core":"^7.14.8","@types/jest":"^26.0.24","lint-staged":"^12.4.1","babel-loader":"^8.2.5","svelte-check":"^2.0.0","@sveltejs/kit":"next","@types/cookie":"^0.4.0","@types/hls.js":"^1.0.0","svelte-jester":"^1.8.1","svelte-loader":"^3.1.2","@slack/webhook":"^6.1.0","@percy/storybook":"^4.3.4","@storybook/react":"^6.5.13","@babel/preset-env":"^7.14.9","@storybook/svelte":"^6.5.13","@sveltejs/package":"^1.0.0-next.5","svelte-preprocess":"^4.0.0","rollup-plugin-copy":"^3.4.0","require-from-string":"^2.0.2","rollup-plugin-svelte":"^7.1.0","rollup-plugin-terser":"^7.0.2","eslint-plugin-svelte3":"^3.2.0","@babel/runtime-corejs3":"^7.14.9","@rollup/plugin-replace":"^3.0.0","@storybook/addon-links":"^6.5.13","eslint-config-prettier":"^8.1.0","prettier-plugin-svelte":"^2.2.0","@rollup/plugin-commonjs":"^22.0.0","@testing-library/svelte":"^3.0.3","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.5.13","storybook-addon-playroom":"^3.0.2","@typescript-eslint/parser":"^4.19.0","@rollup/plugin-node-resolve":"^13.0.4","@storybook/addon-essentials":"^6.5.13","@storybook/addon-svelte-csf":"^2.0.10","@typescript-eslint/eslint-plugin":"^4.19.0"},"_npmOperationalInternal":{"tmp":"tmp/uikit_0.0.0-experiment.8b19738_1670966448983_0.5257239665454505","host":"s3://npm-registry-packages"}},"0.0.0-experiment.11de1e3":{"name":"@vouchfor/uikit","version":"0.0.0-experiment.11de1e3","keywords":["embed","design system","vouch-uikit","svelte","uikit"],"author":{"url":"https://vouchau.github.io/vouch-uikit","name":"Vouch Dev Team","email":"hello@vouchfor.com"},"license":"MIT","_id":"@vouchfor/uikit@0.0.0-experiment.11de1e3","maintainers":[{"name":"vouch-tech","email":"brian@vouchfor.com"}],"homepage":"https://vouchau.github.io/vouch-uikit","bugs":{"url":"https://github.com/VouchAU/vouch-uikit/issues"},"dist":{"shasum":"2b830642b9eedd0ac3546681cd5a5c460d0c2b20","tarball":"https://registry.npmjs.org/@vouchfor/uikit/-/uikit-0.0.0-experiment.11de1e3.tgz","fileCount":219,"integrity":"sha512-jUru37riFOf5sslnW4cKapoy7p5j2a14Tw4wjwTEQkQ03pB8MbKXyEqQdhnq3SkKtLm0AaNmNWcNV1SM+K8dQQ==","signatures":[{"sig":"MEYCIQCF1Ie55WDhh8wAHzq09uhaXwfrSCASInnxxIFcv3YC8gIhAN9QB9Xp3MP7lmJp58+Xov2SAxUK8aIOzgwvdEFGj5sZ","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":37178246,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjmPqEACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrA1w/+IU3pnZh9cvBM6zEqwgTSi6gohFS458XnpnnnTWZBmEFkjqU9\r\nnCdJAn8a6muIbTeK9rbUCT3I6Hl9ifMmRZ59GzyBebIPGmOXnakdIoNJIw1g\r\n6SmtIGMeoE8OdCSE7DCh9baHDOcXHm5znM/NbvEZ18xckQG/7AXPM4mCFwbn\r\n9QKHbym2VzN8+1VZ7dZgxWhPG5qF9si8nYEQYUjVLBVv1GdznGK5LNHGbmAS\r\nTMIwAHpIzjRUTNkcF4KMdk7qlDa6//tDr0uubg5Sdfouq90IeLGUFMGoBo9R\r\nENZfIo34htNnHDhdRUaxV4GkFByPjOHjqZqAeM5i30Kva8w/cdNCjSwSzowS\r\nS4xrcVMHW+5CaSD4OcC4d3g5cXykwsV1MPqPgkdU4qKFBvy2GTwUCciUculI\r\n23XP91BY1wUkIWA8RqSDwHp+CJRat++V0MdDyUC4W30J1eQaNEuYBTgZIUii\r\na7tpyUi1zxJqTTtiSsFwrTxK1DaAmM2xEZCrkrGK3uPCYw/iaFDPZSShriOE\r\naaQLx66rWh1KssX3LrRJRgGDv4lKNmG2aTGxtbJom0dfNdBHUFQELMbpxQKJ\r\nd4bxQPZ6ZVbm76mb/aYF1pcno5gQ4u1AaQeOf7x4T58spnugWIV26OzEo/z3\r\nhxY5rIb7gFyJo5LoqKdLqteCqD3ty4VsqlA=\r\n=HhsH\r\n-----END PGP SIGNATURE-----\r\n"},"type":"module","types":"types.d.ts","readme":"# Vouch UIKit\n\n- [Get Started](#get-started)\n - [Storybook](#storybook)\n - [Playroom](#playroom)\n - [Build package](#build-package)\n - [Test package locally with vouch-app-mono](#test-package-locally-with-vouch-app)\n - [Testing published package](#test-published-package)\n - [Purge npm cache](#purge-jsdelivr-cache)\n - [Purge specific bundles](#purge-specific-bundlejs)\n- [Releasing](#releasing)\n - [Update vouch-app](#update-vouch-app)\n - [Production release](#prod-release)\n\n# Get Started\n\nEnsure you have node `16` installed on your machine, for example via [nvm](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/TERMINAL.md#install-nvm), run `nvm ls` to check\n\n```bash\nnvm ls 16\n```\n\nyou should see output if you have the version installed\n\n```bash\n-> v16.17.1\n```\n\nensure you have [git ssh](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/GITHUB.md) setup locally before you clone the repo\n\n```bash\ngit clone git@github.com:VouchAU/vouch-uikit-mono.git\n```\n\ninstall dependencies\n\n```bash\ncd vouch-uikit-mono\nyarn\n```\n\n## Storybook\n\nhttps://uikit-storybook.vercel.app\n\nStorybook is hosted on vercel and deployed automatically via **GitHub Action** every time changes are merged back to `main`. Storybook can also be deployed per PR by adding the `deploy storybook` label on the PR.\n\nLocal dev\n\n```bash\nyarn storybook\n```\n\nbuild storybook\n\n```bash\nyarn storybook:build\n```\n\n## Playroom\n\nhttps://uikit-playroom.vercel.app\n\nPlayroom is hosted on vercel and deployed automatically via **GitHub Action** every time changes are merged back to `main`. Playroom is not intended to be used on it's own because we don't get good autocomplete for web components, and playroom cannot render the svelte components natively.\n\nInstead we have created a `Playroom` plugin for storybook that will automatically update the rendered web component when any of the story controls change.\n\nLocal dev\n\n```bash\nyarn playroom\n```\n\nbuild playroom\n\n```bash\nyarn playroom:build\n```\n\n## Build package\n\nBuild `src/lib` production/beta/alpha package, make sure you change `version` in `package.json`.\n\n```sh\ncd packages/uikit\n...\nyarn package # production\n```\n\n## Test package locally with `vouch-app`\n\nOnce you build the `npm` package, you can test locally with `vouch-app` to ensure everything works as expected before publishing to `npm`\n\nAssuming you build a package according [Build package](#build-package), now you can create a symlink to your local package\n\n```sh\ncd package\nyarn link\n```\n\nyou should see this if successfully linked\n\n```sh\nyarn link v1.22.10\nsuccess Registered \"@vouchfor/uikit\".\ninfo You can now run `yarn link \"@vouchfor/uikit\"` in the projects where you want to use this package and it will be used instead.\n✨ Done in 0.04s.\n```\n\ngo to `vouch-app-mono` folder and switch to the branch you want to test against with then link the local package\n\n```sh\ncd vouch-app-mono\ngit checkout VCH-222\nyarn link @vouchfor/uikit\nyarn dev\n```\n\nVoilà, you are testing your feature branch with the local uikit package and don't forget to roll back after testing\n\n```sh\ncd vouch-app\nyarn unlink @vouchfor/uikit\n...\ncd vouch-uikit/package\nyarn unlink\n```\n\n## Test published package\n\nYou can publish an experimental version of the package by adding the `publish rc` label onto your PR. This will use the commit hash and a prerelease version number to publish onto NPM which you can then install into your application for testing.\n\nThis can be important because the published package and the linked package aren't necessarily 100% the same, some functionality is lost during the conversion to web-components:\n- When using a svelte component within another svelte component, you are able to pass $$restProps down to inner DOM elements, this doesn't work when the svelte component is changed into a web-component during build time\n- Using slots is a little weird\n - When using normal svelte components, if you want to style slot contents from the parent component you need to use the `:global(\n
\n```\n\nIn this case, you will need to purge the bundle file specifically by providing absolute path\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/embed/{filename}.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/components/{filename}.bundle.js\n```\n\nfor example,\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/embed/vouch-embed-inline-player.bundle.js\n```\n\n## Unit test\n\n```bash\nyarn test\n```\n\nupdate snapshot\n\n```bash\nyarn test -u\n```\n\n# Releasing\n\nTo make sure we are delivering the highest quality software we can, there is a multi-step review and testing process before we go ahead with any release.\n\n1. Once the feature has been implemented, create a PR and add the `deploy storybook` label to it, once storybook has been deployed send the link to the stakeholder that is in charge of the feature and get them to review.\n - The deployment URL will be added as a comment to the PR once deployed\n2. Use browserstack (credentials in 1password) to cross-browser test the storybook PR deployment using a wide range of operating systems and browser versions\n - TODO: Figure out what is a reasonable set of browsers to test with\n - TODO: Automated tools for cross browser testing using browserstack\n3. Publish the package as a release candidate by adding the `publish rc` label to the PR\n - Once published, install the package into the admin app and test the feature there to make sure your changes are working in situ.\n - Create a PR deployment for the admin app using the release candidate package and get stakeholders to review also.\n4. If there are no issues, bump the package to the appropriate version in the PR, then the PR can be merged into `main` and a regular release can be created using the instructions below\n - TODO: Automate public release\n\n## Update `vouch-app`\n\n`@vouchfor/uikit` is a dependency of the admin app within `vouch-app-mono` and `vouch-app` for embeds and the media player, follow the below steps to publish NPM package and update `package.json` dependency in `vouch-app-mono`.\n\n> Always use semver for version numbering for main releases\n\n- Major: Breaking changes\n- Minor: Feature releases\n- Patch: Hotfixes\n\nBecause we have a few different environments that the embeds may be fetching from (`dev`, `staging` and `prod`) we have added an `env` prop to all of the necessary embeds that allows you to choose the environment at run time. This, along with PR releases, removes the need for an `alpha` and `beta` package release and will allow us to better automate the release process.\n\n### Prod release\n\n> You will need to log in `vouch-tech` on your terminal before publishing, credential is shared via 1Password.\n\n```bash\nnpm login\n```\n\n1. Make sure you are in `packages/uikit` directory\n2. Run `yarn package`\n3. Move to the created `package` folder\n4. Run `npm publish --access public` to publish under the `latest` tag\n\n```bash\ncd packages/uikit\nyarn package\ncd package\nnpm publish --access public\n```\n\nThen, using the same PR in `vouch-app-mono` that you used to test the experimental version, bump to the now latest version and re-test one final time to make sure everything worked as expected.\n\nIf everything works correctly then the PR is ready to be merged, and the CDN cache can be purged to allow for upstream clients using embeds in their apps to receive the new version.\n\n### Post release testing\n\nUse [this](https://codepen.io/aaronuu/pen/poKYJVz) codepen to bump the package version that is downloaded from the CDN and make sure all of the embeds work as expected.","engines":{"node":">=16"},"exports":{"./events":"./events.js","./constants":"./constants.js","./embed/events":{"import":"./embed/events.js","default":"./embed/events.js","require":"./embed/events.cjs"},"./package.json":"./package.json","./internal/theme":"./internal/theme.js","./internal/utils":"./internal/utils.js","./internal/environment":"./internal/environment.js","./components/vouch-menu":{"import":"./components/vouch-menu.js","default":"./components/vouch-menu.js","require":"./components/vouch-menu.cjs"},"./embed/vouch-embed-all":{"import":"./embed/vouch-embed-all.js","default":"./embed/vouch-embed-all.js","require":"./embed/vouch-embed-all.cjs"},"./embed/vouch-embed-card":{"import":"./embed/vouch-embed-card.js","default":"./embed/vouch-embed-card.js","require":"./embed/vouch-embed-card.cjs"},"./components/vouch-button":{"import":"./components/vouch-button.js","default":"./components/vouch-button.js","require":"./components/vouch-button.cjs"},"./embed/vouch-embed-jumbo":{"import":"./embed/vouch-embed-jumbo.js","default":"./embed/vouch-embed-jumbo.js","require":"./embed/vouch-embed-jumbo.cjs"},"./internal/actions/popper":"./internal/actions/popper.js","./internal/hooks/useFetch":"./internal/hooks/useFetch.js","./internal/hooks/useTrack":"./internal/hooks/useTrack.js","./components/vouch-persona":{"import":"./components/vouch-persona.js","default":"./components/vouch-persona.js","require":"./components/vouch-persona.cjs"},"./components/vouch-tooltip":{"import":"./components/vouch-tooltip.js","default":"./components/vouch-tooltip.js","require":"./components/vouch-tooltip.cjs"},"./embed/vouch-embed-button":{"import":"./embed/vouch-embed-button.js","default":"./embed/vouch-embed-button.js","require":"./embed/vouch-embed-button.cjs"},"./components/vouch-recorder":{"import":"./components/vouch-recorder.js","default":"./components/vouch-recorder.js","require":"./components/vouch-recorder.cjs"},"./embed/vouch-embed-popover":{"import":"./embed/vouch-embed-popover.js","default":"./embed/vouch-embed-popover.js","require":"./embed/vouch-embed-popover.cjs"},"./test/internals/utils.spec":"./test/internals/utils.spec.js","./components/vouch-icon-play":{"import":"./components/vouch-icon-play.js","default":"./components/vouch-icon-play.js","require":"./components/vouch-icon-play.cjs"},"./embed/vouch-embed-dialogue":{"import":"./embed/vouch-embed-dialogue.js","default":"./embed/vouch-embed-dialogue.js","require":"./embed/vouch-embed-dialogue.cjs"},"./components/VouchMenu.svelte":"./components/VouchMenu.svelte","./components/vouch-brand-logo":{"import":"./components/vouch-brand-logo.js","default":"./components/vouch-brand-logo.js","require":"./components/vouch-brand-logo.cjs"},"./components/vouch-icon-close":{"import":"./components/vouch-icon-close.js","default":"./components/vouch-icon-close.js","require":"./components/vouch-icon-close.cjs"},"./components/vouch-icon-pause":{"import":"./components/vouch-icon-pause.js","default":"./components/vouch-icon-pause.js","require":"./components/vouch-icon-pause.cjs"},"./components/vouch-media-plyr":{"import":"./components/vouch-media-plyr.js","default":"./components/vouch-media-plyr.js","require":"./components/vouch-media-plyr.cjs"},"./components/vouch-water-mark":{"import":"./components/vouch-water-mark.js","default":"./components/vouch-water-mark.js","require":"./components/vouch-water-mark.cjs"},"./embed/VouchEmbedCard.svelte":"./embed/VouchEmbedCard.svelte","./embed/vouch-embed-thumbnail":{"import":"./embed/vouch-embed-thumbnail.js","default":"./embed/vouch-embed-thumbnail.js","require":"./embed/vouch-embed-thumbnail.cjs"},"./embed/vouch-recorder-button":{"import":"./embed/vouch-recorder-button.js","default":"./embed/vouch-recorder-button.js","require":"./embed/vouch-recorder-button.cjs"},"./components/vouch-graphic-svg":{"import":"./components/vouch-graphic-svg.js","default":"./components/vouch-graphic-svg.js","require":"./components/vouch-graphic-svg.cjs"},"./embed/VouchEmbedJumbo.svelte":"./embed/VouchEmbedJumbo.svelte","./embed/vouch-recorder-preview":{"import":"./embed/vouch-recorder-preview.js","default":"./embed/vouch-recorder-preview.js","require":"./embed/vouch-recorder-preview.cjs"},"./internal/hooks/useFetchEmbed":"./internal/hooks/useFetchEmbed.js","./components/VouchButton.svelte":"./components/VouchButton.svelte","./embed/VouchEmbedButton.svelte":"./embed/VouchEmbedButton.svelte","./components/VouchPersona.svelte":"./components/VouchPersona.svelte","./components/VouchTooltip.svelte":"./components/VouchTooltip.svelte","./components/vouch-volume-slider":{"import":"./components/vouch-volume-slider.js","default":"./components/vouch-volume-slider.js","require":"./components/vouch-volume-slider.cjs"},"./embed/VouchEmbedPopover.svelte":"./embed/VouchEmbedPopover.svelte","./internal/actions/outside-click":"./internal/actions/outside-click.js","./components/VouchIconPlay.svelte":"./components/VouchIconPlay.svelte","./components/VouchRecorder.svelte":"./components/VouchRecorder.svelte","./embed/VouchEmbedDialogue.svelte":"./embed/VouchEmbedDialogue.svelte","./embed/vouch-embed-inline-player":{"import":"./embed/vouch-embed-inline-player.js","default":"./embed/vouch-embed-inline-player.js","require":"./embed/vouch-embed-inline-player.cjs"},"./test/components/VouchIcons.spec":"./test/components/VouchIcons.spec.js","./components/VouchBrandLogo.svelte":"./components/VouchBrandLogo.svelte","./components/VouchIconClose.svelte":"./components/VouchIconClose.svelte","./components/VouchIconPause.svelte":"./components/VouchIconPause.svelte","./components/VouchMediaPlyr.svelte":"./components/VouchMediaPlyr.svelte","./components/VouchWaterMark.svelte":"./components/VouchWaterMark.svelte","./components/vouch-icon-arrow-left":{"import":"./components/vouch-icon-arrow-left.js","default":"./components/vouch-icon-arrow-left.js","require":"./components/vouch-icon-arrow-left.cjs"},"./embed/VouchEmbedThumbnail.svelte":"./embed/VouchEmbedThumbnail.svelte","./embed/VouchRecorderButton.svelte":"./embed/VouchRecorderButton.svelte","./internal/actions/resize-observer":"./internal/actions/resize-observer.js","./components/VouchGraphicSvg.svelte":"./components/VouchGraphicSvg.svelte","./components/vouch-icon-arrow-right":{"import":"./components/vouch-icon-arrow-right.js","default":"./components/vouch-icon-arrow-right.js","require":"./components/vouch-icon-arrow-right.cjs"},"./embed/VouchRecorderPreview.svelte":"./embed/VouchRecorderPreview.svelte","./components/vouch-overlay-play-icon":{"import":"./components/vouch-overlay-play-icon.js","default":"./components/vouch-overlay-play-icon.js","require":"./components/vouch-overlay-play-icon.cjs"},"./components/vouch-progress-scrubber":{"import":"./components/vouch-progress-scrubber.js","default":"./components/vouch-progress-scrubber.js","require":"./components/vouch-progress-scrubber.cjs"},"./test/internals/hooks/useFetch.spec":"./test/internals/hooks/useFetch.spec.js","./test/internals/hooks/useTrack.spec":"./test/internals/hooks/useTrack.spec.js","./components/VouchVolumeSlider.svelte":"./components/VouchVolumeSlider.svelte","./embed/VouchEmbedInlinePlayer.svelte":"./embed/VouchEmbedInlinePlayer.svelte","./test/components/VouchBrandLogo.spec":"./test/components/VouchBrandLogo.spec.js","./test/components/VouchWaterMark.spec":"./test/components/VouchWaterMark.spec.js","./components/VouchIconArrowLeft.svelte":"./components/VouchIconArrowLeft.svelte","./components/vouch-embed-error-message":{"import":"./components/vouch-embed-error-message.js","default":"./components/vouch-embed-error-message.js","require":"./components/vouch-embed-error-message.cjs"},"./test/components/VouchGraphicSvg.spec":"./test/components/VouchGraphicSvg.spec.js","./components/VouchIconArrowRight.svelte":"./components/VouchIconArrowRight.svelte","./embed/vouch-embed-inner-inline-player":{"import":"./embed/vouch-embed-inner-inline-player.js","default":"./embed/vouch-embed-inner-inline-player.js","require":"./embed/vouch-embed-inner-inline-player.cjs"},"./components/VouchOverlayPlayIcon.svelte":"./components/VouchOverlayPlayIcon.svelte","./components/VouchProgressScrubber.svelte":"./components/VouchProgressScrubber.svelte","./test/internals/hooks/useFetchEmbed.spec":"./test/internals/hooks/useFetchEmbed.spec.js","./components/VouchEmbedErrorMessage.svelte":"./components/VouchEmbedErrorMessage.svelte","./embed/VouchEmbedInnerInlinePlayer.svelte":"./embed/VouchEmbedInnerInlinePlayer.svelte","./components/vouch-embed-navigation-controls":{"import":"./components/vouch-embed-navigation-controls.js","default":"./components/vouch-embed-navigation-controls.js","require":"./components/vouch-embed-navigation-controls.cjs"},"./components/VouchEmbedNavigationControls.svelte":"./components/VouchEmbedNavigationControls.svelte"},"gitHead":"11de1e3987cff780ff39ad07323ada33ea4f5a0d","_npmUser":{"name":"vouch-tech","email":"brian@vouchfor.com"},"repository":{"url":"git+https://github.com/VouchAU/vouch-uikit.git","type":"git"},"_npmVersion":"8.19.2","description":"Vouch Svelte UIKit","directories":{},"lint-staged":{"*.{js,svelte}":"yarn lint"},"_nodeVersion":"16.18.1","dependencies":{"flat":"^5.0.2","plyr":"^3.7.2","cookie":"^0.4.1","hls.js":"^1.1.5","core-js":"^3.16.3","postcss":"^7","@vime/core":"^5.3.1","tailwindcss":"npm:@tailwindcss/postcss7-compat","@lukeed/uuid":"^2.0.0","autoprefixer":"^9","whatwg-fetch":"^3.6.2","patch-package":"^6.5.0","@popperjs/core":"^2.11.6","@fontsource/fira-mono":"^4.2.2","postinstall-postinstall":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^27.0.6","path":"^0.12.7","vite":"^3.1.8","react":"^18.2.0","tslib":"^2.0.0","dotenv":"^10.0.0","eslint":"^7.22.0","rollup":"^2.55.1","semver":"^7.3.8","svelte":"^3.34.0","webpack":"^5.74.0","playroom":"0.28.0","prettier":"~2.2.1","react-dom":"^18.2.0","ts-loader":"^9.4.1","@percy/cli":"^1.15.0","babel-jest":"^27.0.6","base64-url":"^2.3.3","dotenv-cli":"^6.0.0","svelte2tsx":"^0.4.3","typescript":"^4.8.4","@babel/core":"^7.14.8","@types/jest":"^26.0.24","lint-staged":"^12.4.1","babel-loader":"^8.2.5","svelte-check":"^2.0.0","@sveltejs/kit":"next","@types/cookie":"^0.4.0","@types/hls.js":"^1.0.0","svelte-jester":"^1.8.1","svelte-loader":"^3.1.2","@slack/webhook":"^6.1.0","@percy/storybook":"^4.3.4","@storybook/react":"^6.5.13","@babel/preset-env":"^7.14.9","@storybook/svelte":"^6.5.13","@sveltejs/package":"^1.0.0-next.5","svelte-preprocess":"^4.0.0","rollup-plugin-copy":"^3.4.0","require-from-string":"^2.0.2","rollup-plugin-svelte":"^7.1.0","rollup-plugin-terser":"^7.0.2","eslint-plugin-svelte3":"^3.2.0","@babel/runtime-corejs3":"^7.14.9","@rollup/plugin-replace":"^3.0.0","@storybook/addon-links":"^6.5.13","eslint-config-prettier":"^8.1.0","prettier-plugin-svelte":"^2.2.0","@rollup/plugin-commonjs":"^22.0.0","@testing-library/svelte":"^3.0.3","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.5.13","storybook-addon-playroom":"^3.0.2","@typescript-eslint/parser":"^4.19.0","@rollup/plugin-node-resolve":"^13.0.4","@storybook/addon-essentials":"^6.5.13","@storybook/addon-svelte-csf":"^2.0.10","@typescript-eslint/eslint-plugin":"^4.19.0"},"_npmOperationalInternal":{"tmp":"tmp/uikit_0.0.0-experiment.11de1e3_1670969988464_0.5616509859701815","host":"s3://npm-registry-packages"}},"0.0.0-experiment.fc441ac":{"name":"@vouchfor/uikit","version":"0.0.0-experiment.fc441ac","keywords":["embed","design system","vouch-uikit","svelte","uikit"],"author":{"url":"https://vouchau.github.io/vouch-uikit","name":"Vouch Dev Team","email":"hello@vouchfor.com"},"license":"MIT","_id":"@vouchfor/uikit@0.0.0-experiment.fc441ac","maintainers":[{"name":"vouch-tech","email":"brian@vouchfor.com"}],"homepage":"https://vouchau.github.io/vouch-uikit","bugs":{"url":"https://github.com/VouchAU/vouch-uikit/issues"},"dist":{"shasum":"65a68c14c9976ac311d8be56309a6ff8771e9d39","tarball":"https://registry.npmjs.org/@vouchfor/uikit/-/uikit-0.0.0-experiment.fc441ac.tgz","fileCount":204,"integrity":"sha512-7n4IFc3+1GfCn5+jSatDtxE+5YwOg231PjOuU0PTWn+77SFaXBz8PK2JMs17+ndX/NnMlyvrgmX6fcu4sbxYUA==","signatures":[{"sig":"MEUCIQD9WN0/lh/gPmq2IhzCnHAhu1Mjbzu14faH2egusu8VfQIgbziw2K2LfQ1k+yk77Wpn3C0p/KOvgZRvJyBIKLimA04=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":27053827,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjmU2fACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmodKQ//fNl1GqZcEqDrB0t/BzyY+MVPaqlZCMBhbumL03qELBj+tT8H\r\nMOwvg9j6IxgokDkeEMb2xsCD+XKtRTkw6qDVUzHFKZl/ouDGiRmvd5Wrz08E\r\nDy79TCUHJGzL++CtpvcEkw3u1soFUEoj2qUWuXsGCsB5hmIFvgDKawhh2Fm+\r\ngf7aIhgTwReHOkIBo0vq3eLQH5e20ZwhPXKycfCl2RAarpdPQYpTicI/mG49\r\nP3KVxmpLfBqVaorMa8scoHgSQS2L6FAAuDGTLD7AaLrRicujXRJfGrGAHm8S\r\nGcgX00Swmd7F/cWhDmmbYegLYnBWAhgHF2rlnYJqlORDQ7hQVJFBoRtwcVFa\r\nEYk0b4B2PJK/zcAFJ+XWigl5830HNfRkvj4qBq3ePSxSqyAVTaV8vyjBEqdX\r\nYU0tdK6agm93MkZBPyLxz69YZz74VDgM0dkTu4ymuuaW63rESodUYGH5WTV7\r\nV2/b2/YnJCl8DRKFfuvJXmVwNIeJ/rNLHmU7R0FXeg5e9CzCKQnmVZ6nGXZK\r\n58hORQ3SssIxc+CLqQWmBJ3+kt3U3xWPQzvsFUIntPnKqSEcSPeWj/8SWH8I\r\n6CEyp3Cs62DF9DtMSo0mu8xZg6Bb5sQAlF0Ic89EmDWGswUrqZ4M5gTyIy8W\r\n83magGhGQgaP1FfspN0/+G0blEqNWSDBP38=\r\n=dCaY\r\n-----END PGP SIGNATURE-----\r\n"},"type":"module","types":"types.d.ts","readme":"# Vouch UIKit\n\n- [Get Started](#get-started)\n - [Storybook](#storybook)\n - [Playroom](#playroom)\n - [Build package](#build-package)\n - [Test package locally with vouch-app-mono](#test-package-locally-with-vouch-app)\n - [Testing published package](#test-published-package)\n - [Purge npm cache](#purge-jsdelivr-cache)\n - [Purge specific bundles](#purge-specific-bundlejs)\n- [Releasing](#releasing)\n - [Update vouch-app](#update-vouch-app)\n - [Production release](#prod-release)\n\n# Get Started\n\nEnsure you have node `16` installed on your machine, for example via [nvm](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/TERMINAL.md#install-nvm), run `nvm ls` to check\n\n```bash\nnvm ls 16\n```\n\nyou should see output if you have the version installed\n\n```bash\n-> v16.17.1\n```\n\nensure you have [git ssh](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/GITHUB.md) setup locally before you clone the repo\n\n```bash\ngit clone git@github.com:VouchAU/vouch-uikit-mono.git\n```\n\ninstall dependencies\n\n```bash\ncd vouch-uikit-mono\nyarn\n```\n\n## Storybook\n\nhttps://uikit-storybook.vercel.app\n\nStorybook is hosted on vercel and deployed automatically via **GitHub Action** every time changes are merged back to `main`. Storybook can also be deployed per PR by adding the `deploy storybook` label on the PR.\n\nLocal dev\n\n```bash\nyarn storybook\n```\n\nbuild storybook\n\n```bash\nyarn storybook:build\n```\n\n## Playroom\n\nhttps://uikit-playroom.vercel.app\n\nPlayroom is hosted on vercel and deployed automatically via **GitHub Action** every time changes are merged back to `main`. Playroom is not intended to be used on it's own because we don't get good autocomplete for web components, and playroom cannot render the svelte components natively.\n\nInstead we have created a `Playroom` plugin for storybook that will automatically update the rendered web component when any of the story controls change.\n\nLocal dev\n\n```bash\nyarn playroom\n```\n\nbuild playroom\n\n```bash\nyarn playroom:build\n```\n\n## Build package\n\nBuild `src/lib` production/beta/alpha package, make sure you change `version` in `package.json`.\n\n```sh\ncd packages/uikit\n...\nyarn package # production\n```\n\n## Test package locally with `vouch-app`\n\nOnce you build the `npm` package, you can test locally with `vouch-app` to ensure everything works as expected before publishing to `npm`\n\nAssuming you build a package according [Build package](#build-package), now you can create a symlink to your local package\n\n```sh\ncd package\nyarn link\n```\n\nyou should see this if successfully linked\n\n```sh\nyarn link v1.22.10\nsuccess Registered \"@vouchfor/uikit\".\ninfo You can now run `yarn link \"@vouchfor/uikit\"` in the projects where you want to use this package and it will be used instead.\n✨ Done in 0.04s.\n```\n\ngo to `vouch-app-mono` folder and switch to the branch you want to test against with then link the local package\n\n```sh\ncd vouch-app-mono\ngit checkout VCH-222\nyarn link @vouchfor/uikit\nyarn dev\n```\n\nVoilà, you are testing your feature branch with the local uikit package and don't forget to roll back after testing\n\n```sh\ncd vouch-app\nyarn unlink @vouchfor/uikit\n...\ncd vouch-uikit/package\nyarn unlink\n```\n\n## Test published package\n\nYou can publish an experimental version of the package by adding the `publish rc` label onto your PR. This will use the commit hash and a prerelease version number to publish onto NPM which you can then install into your application for testing.\n\nThis can be important because the published package and the linked package aren't necessarily 100% the same, some functionality is lost during the conversion to web-components:\n- When using a svelte component within another svelte component, you are able to pass $$restProps down to inner DOM elements, this doesn't work when the svelte component is changed into a web-component during build time\n- Using slots is a little weird\n - When using normal svelte components, if you want to style slot contents from the parent component you need to use the `:global(\n
\n```\n\nIn this case, you will need to purge the bundle file specifically by providing absolute path\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/embed/{filename}.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/components/{filename}.bundle.js\n```\n\nfor example,\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/embed/vouch-embed-inline-player.bundle.js\n```\n\n## Unit test\n\n```bash\nyarn test\n```\n\nupdate snapshot\n\n```bash\nyarn test -u\n```\n\n# Releasing\n\nTo make sure we are delivering the highest quality software we can, there is a multi-step review and testing process before we go ahead with any release.\n\n1. Once the feature has been implemented, create a PR and add the `deploy storybook` label to it, once storybook has been deployed send the link to the stakeholder that is in charge of the feature and get them to review.\n - The deployment URL will be added as a comment to the PR once deployed\n2. Use browserstack (credentials in 1password) to cross-browser test the storybook PR deployment using a wide range of operating systems and browser versions\n - TODO: Figure out what is a reasonable set of browsers to test with\n - TODO: Automated tools for cross browser testing using browserstack\n3. Publish the package as a release candidate by adding the `publish rc` label to the PR\n - Once published, install the package into the admin app and test the feature there to make sure your changes are working in situ.\n - Create a PR deployment for the admin app using the release candidate package and get stakeholders to review also.\n4. If there are no issues, bump the package to the appropriate version in the PR, then the PR can be merged into `main` and a regular release can be created using the instructions below\n - TODO: Automate public release\n\n## Update `vouch-app`\n\n`@vouchfor/uikit` is a dependency of the admin app within `vouch-app-mono` and `vouch-app` for embeds and the media player, follow the below steps to publish NPM package and update `package.json` dependency in `vouch-app-mono`.\n\n> Always use semver for version numbering for main releases\n\n- Major: Breaking changes\n- Minor: Feature releases\n- Patch: Hotfixes\n\nBecause we have a few different environments that the embeds may be fetching from (`dev`, `staging` and `prod`) we have added an `env` prop to all of the necessary embeds that allows you to choose the environment at run time. This, along with PR releases, removes the need for an `alpha` and `beta` package release and will allow us to better automate the release process.\n\n### Prod release\n\n> You will need to log in `vouch-tech` on your terminal before publishing, credential is shared via 1Password.\n\n```bash\nnpm login\n```\n\n1. Make sure you are in `packages/uikit` directory\n2. Run `yarn package`\n3. Move to the created `package` folder\n4. Run `npm publish --access public` to publish under the `latest` tag\n\n```bash\ncd packages/uikit\nyarn package\ncd package\nnpm publish --access public\n```\n\nThen, using the same PR in `vouch-app-mono` that you used to test the experimental version, bump to the now latest version and re-test one final time to make sure everything worked as expected.\n\nIf everything works correctly then the PR is ready to be merged, and the CDN cache can be purged to allow for upstream clients using embeds in their apps to receive the new version.\n\n### Post release testing\n\nUse [this](https://codepen.io/aaronuu/pen/poKYJVz) codepen to bump the package version that is downloaded from the CDN and make sure all of the embeds work as expected.","engines":{"node":">=16"},"exports":{"./events":"./events.js","./constants":"./constants.js","./embed/events":{"import":"./embed/events.js","default":"./embed/events.js","require":"./embed/events.cjs"},"./package.json":"./package.json","./internal/theme":"./internal/theme.js","./internal/utils":"./internal/utils.js","./internal/environment":"./internal/environment.js","./components/vouch-menu":{"import":"./components/vouch-menu.js","default":"./components/vouch-menu.js","require":"./components/vouch-menu.cjs"},"./embed/vouch-embed-all":{"import":"./embed/vouch-embed-all.js","default":"./embed/vouch-embed-all.js","require":"./embed/vouch-embed-all.cjs"},"./embed/vouch-embed-card":{"import":"./embed/vouch-embed-card.js","default":"./embed/vouch-embed-card.js","require":"./embed/vouch-embed-card.cjs"},"./components/vouch-button":{"import":"./components/vouch-button.js","default":"./components/vouch-button.js","require":"./components/vouch-button.cjs"},"./embed/vouch-embed-jumbo":{"import":"./embed/vouch-embed-jumbo.js","default":"./embed/vouch-embed-jumbo.js","require":"./embed/vouch-embed-jumbo.cjs"},"./internal/actions/popper":"./internal/actions/popper.js","./internal/hooks/useFetch":"./internal/hooks/useFetch.js","./internal/hooks/useTrack":"./internal/hooks/useTrack.js","./components/vouch-persona":{"import":"./components/vouch-persona.js","default":"./components/vouch-persona.js","require":"./components/vouch-persona.cjs"},"./components/vouch-tooltip":{"import":"./components/vouch-tooltip.js","default":"./components/vouch-tooltip.js","require":"./components/vouch-tooltip.cjs"},"./embed/vouch-embed-button":{"import":"./embed/vouch-embed-button.js","default":"./embed/vouch-embed-button.js","require":"./embed/vouch-embed-button.cjs"},"./components/vouch-recorder":{"import":"./components/vouch-recorder.js","default":"./components/vouch-recorder.js","require":"./components/vouch-recorder.cjs"},"./embed/vouch-embed-popover":{"import":"./embed/vouch-embed-popover.js","default":"./embed/vouch-embed-popover.js","require":"./embed/vouch-embed-popover.cjs"},"./test/internals/utils.spec":"./test/internals/utils.spec.js","./components/vouch-icon-play":{"import":"./components/vouch-icon-play.js","default":"./components/vouch-icon-play.js","require":"./components/vouch-icon-play.cjs"},"./embed/vouch-embed-dialogue":{"import":"./embed/vouch-embed-dialogue.js","default":"./embed/vouch-embed-dialogue.js","require":"./embed/vouch-embed-dialogue.cjs"},"./components/VouchMenu.svelte":"./components/VouchMenu.svelte","./components/vouch-brand-logo":{"import":"./components/vouch-brand-logo.js","default":"./components/vouch-brand-logo.js","require":"./components/vouch-brand-logo.cjs"},"./components/vouch-icon-close":{"import":"./components/vouch-icon-close.js","default":"./components/vouch-icon-close.js","require":"./components/vouch-icon-close.cjs"},"./components/vouch-icon-pause":{"import":"./components/vouch-icon-pause.js","default":"./components/vouch-icon-pause.js","require":"./components/vouch-icon-pause.cjs"},"./components/vouch-media-plyr":{"import":"./components/vouch-media-plyr.js","default":"./components/vouch-media-plyr.js","require":"./components/vouch-media-plyr.cjs"},"./components/vouch-water-mark":{"import":"./components/vouch-water-mark.js","default":"./components/vouch-water-mark.js","require":"./components/vouch-water-mark.cjs"},"./embed/VouchEmbedCard.svelte":"./embed/VouchEmbedCard.svelte","./embed/vouch-embed-thumbnail":{"import":"./embed/vouch-embed-thumbnail.js","default":"./embed/vouch-embed-thumbnail.js","require":"./embed/vouch-embed-thumbnail.cjs"},"./embed/vouch-recorder-button":{"import":"./embed/vouch-recorder-button.js","default":"./embed/vouch-recorder-button.js","require":"./embed/vouch-recorder-button.cjs"},"./components/vouch-graphic-svg":{"import":"./components/vouch-graphic-svg.js","default":"./components/vouch-graphic-svg.js","require":"./components/vouch-graphic-svg.cjs"},"./embed/VouchEmbedJumbo.svelte":"./embed/VouchEmbedJumbo.svelte","./embed/vouch-recorder-preview":{"import":"./embed/vouch-recorder-preview.js","default":"./embed/vouch-recorder-preview.js","require":"./embed/vouch-recorder-preview.cjs"},"./internal/hooks/useFetchEmbed":"./internal/hooks/useFetchEmbed.js","./components/VouchButton.svelte":"./components/VouchButton.svelte","./embed/VouchEmbedButton.svelte":"./embed/VouchEmbedButton.svelte","./components/VouchPersona.svelte":"./components/VouchPersona.svelte","./components/VouchTooltip.svelte":"./components/VouchTooltip.svelte","./components/vouch-volume-slider":{"import":"./components/vouch-volume-slider.js","default":"./components/vouch-volume-slider.js","require":"./components/vouch-volume-slider.cjs"},"./embed/VouchEmbedPopover.svelte":"./embed/VouchEmbedPopover.svelte","./internal/actions/outside-click":"./internal/actions/outside-click.js","./components/VouchIconPlay.svelte":"./components/VouchIconPlay.svelte","./components/VouchRecorder.svelte":"./components/VouchRecorder.svelte","./embed/VouchEmbedDialogue.svelte":"./embed/VouchEmbedDialogue.svelte","./embed/vouch-embed-inline-player":{"import":"./embed/vouch-embed-inline-player.js","default":"./embed/vouch-embed-inline-player.js","require":"./embed/vouch-embed-inline-player.cjs"},"./test/components/VouchIcons.spec":"./test/components/VouchIcons.spec.js","./components/VouchBrandLogo.svelte":"./components/VouchBrandLogo.svelte","./components/VouchIconClose.svelte":"./components/VouchIconClose.svelte","./components/VouchIconPause.svelte":"./components/VouchIconPause.svelte","./components/VouchMediaPlyr.svelte":"./components/VouchMediaPlyr.svelte","./components/VouchWaterMark.svelte":"./components/VouchWaterMark.svelte","./components/vouch-icon-arrow-left":{"import":"./components/vouch-icon-arrow-left.js","default":"./components/vouch-icon-arrow-left.js","require":"./components/vouch-icon-arrow-left.cjs"},"./embed/VouchEmbedThumbnail.svelte":"./embed/VouchEmbedThumbnail.svelte","./embed/VouchRecorderButton.svelte":"./embed/VouchRecorderButton.svelte","./internal/actions/resize-observer":"./internal/actions/resize-observer.js","./components/VouchGraphicSvg.svelte":"./components/VouchGraphicSvg.svelte","./components/vouch-icon-arrow-right":{"import":"./components/vouch-icon-arrow-right.js","default":"./components/vouch-icon-arrow-right.js","require":"./components/vouch-icon-arrow-right.cjs"},"./embed/VouchRecorderPreview.svelte":"./embed/VouchRecorderPreview.svelte","./components/vouch-overlay-play-icon":{"import":"./components/vouch-overlay-play-icon.js","default":"./components/vouch-overlay-play-icon.js","require":"./components/vouch-overlay-play-icon.cjs"},"./components/vouch-progress-scrubber":{"import":"./components/vouch-progress-scrubber.js","default":"./components/vouch-progress-scrubber.js","require":"./components/vouch-progress-scrubber.cjs"},"./test/internals/hooks/useFetch.spec":"./test/internals/hooks/useFetch.spec.js","./test/internals/hooks/useTrack.spec":"./test/internals/hooks/useTrack.spec.js","./components/VouchVolumeSlider.svelte":"./components/VouchVolumeSlider.svelte","./embed/VouchEmbedInlinePlayer.svelte":"./embed/VouchEmbedInlinePlayer.svelte","./test/components/VouchBrandLogo.spec":"./test/components/VouchBrandLogo.spec.js","./test/components/VouchWaterMark.spec":"./test/components/VouchWaterMark.spec.js","./components/VouchIconArrowLeft.svelte":"./components/VouchIconArrowLeft.svelte","./test/components/VouchGraphicSvg.spec":"./test/components/VouchGraphicSvg.spec.js","./components/VouchIconArrowRight.svelte":"./components/VouchIconArrowRight.svelte","./components/VouchOverlayPlayIcon.svelte":"./components/VouchOverlayPlayIcon.svelte","./components/VouchProgressScrubber.svelte":"./components/VouchProgressScrubber.svelte","./test/internals/hooks/useFetchEmbed.spec":"./test/internals/hooks/useFetchEmbed.spec.js"},"gitHead":"fc441aca5a654193b51c51bb6ac54ee1145acea9","_npmUser":{"name":"vouch-tech","email":"brian@vouchfor.com"},"repository":{"url":"git+https://github.com/VouchAU/vouch-uikit.git","type":"git"},"_npmVersion":"8.19.2","description":"Vouch Svelte UIKit","directories":{},"lint-staged":{"*.{js,svelte}":"yarn lint"},"_nodeVersion":"16.18.1","dependencies":{"flat":"^5.0.2","plyr":"^3.7.2","cookie":"^0.4.1","hls.js":"^1.1.5","core-js":"^3.16.3","postcss":"^7","@vime/core":"^5.3.1","tailwindcss":"npm:@tailwindcss/postcss7-compat","@lukeed/uuid":"^2.0.0","autoprefixer":"^9","whatwg-fetch":"^3.6.2","patch-package":"^6.5.0","@popperjs/core":"^2.11.6","@fontsource/fira-mono":"^4.2.2","postinstall-postinstall":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^27.0.6","path":"^0.12.7","vite":"^3.1.8","react":"^18.2.0","tslib":"^2.0.0","dotenv":"^10.0.0","eslint":"^7.22.0","rollup":"^2.55.1","semver":"^7.3.8","svelte":"^3.34.0","webpack":"^5.74.0","playroom":"0.28.0","prettier":"~2.2.1","react-dom":"^18.2.0","ts-loader":"^9.4.1","@percy/cli":"^1.15.0","babel-jest":"^27.0.6","base64-url":"^2.3.3","dotenv-cli":"^6.0.0","svelte2tsx":"^0.4.3","typescript":"^4.8.4","@babel/core":"^7.14.8","@types/jest":"^26.0.24","lint-staged":"^12.4.1","babel-loader":"^8.2.5","svelte-check":"^2.0.0","@sveltejs/kit":"next","@types/cookie":"^0.4.0","@types/hls.js":"^1.0.0","svelte-jester":"^1.8.1","svelte-loader":"^3.1.2","@slack/webhook":"^6.1.0","@percy/storybook":"^4.3.4","@storybook/react":"^6.5.13","@babel/preset-env":"^7.14.9","@storybook/svelte":"^6.5.13","@sveltejs/package":"^1.0.0-next.5","svelte-preprocess":"^4.0.0","rollup-plugin-copy":"^3.4.0","require-from-string":"^2.0.2","rollup-plugin-svelte":"^7.1.0","rollup-plugin-terser":"^7.0.2","eslint-plugin-svelte3":"^3.2.0","@babel/runtime-corejs3":"^7.14.9","@rollup/plugin-replace":"^3.0.0","@storybook/addon-links":"^6.5.13","eslint-config-prettier":"^8.1.0","prettier-plugin-svelte":"^2.2.0","@rollup/plugin-commonjs":"^22.0.0","@testing-library/svelte":"^3.0.3","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.5.13","storybook-addon-playroom":"^3.0.2","@typescript-eslint/parser":"^4.19.0","@rollup/plugin-node-resolve":"^13.0.4","@storybook/addon-essentials":"^6.5.13","@storybook/addon-svelte-csf":"^2.0.10","@typescript-eslint/eslint-plugin":"^4.19.0"},"_npmOperationalInternal":{"tmp":"tmp/uikit_0.0.0-experiment.fc441ac_1670991263372_0.30546566912559725","host":"s3://npm-registry-packages"}},"0.0.0-experiment.5de95c5":{"name":"@vouchfor/uikit","version":"0.0.0-experiment.5de95c5","keywords":["embed","design system","vouch-uikit","svelte","uikit"],"author":{"url":"https://vouchau.github.io/vouch-uikit","name":"Vouch Dev Team","email":"hello@vouchfor.com"},"license":"MIT","_id":"@vouchfor/uikit@0.0.0-experiment.5de95c5","maintainers":[{"name":"vouch-tech","email":"brian@vouchfor.com"}],"homepage":"https://vouchau.github.io/vouch-uikit","bugs":{"url":"https://github.com/VouchAU/vouch-uikit/issues"},"dist":{"shasum":"8919a107f391e5a64260de982c909c7d61934877","tarball":"https://registry.npmjs.org/@vouchfor/uikit/-/uikit-0.0.0-experiment.5de95c5.tgz","fileCount":204,"integrity":"sha512-QwoYcXwIZXC/+eoyz9qoQ2+CsDYeBSz9m6swoMpCnBIhD9rpmlFgN23JjYAhOA5oE8x3qEoGCvK8rctygUv5Rg==","signatures":[{"sig":"MEUCIQD1YXGgV3R5O3ncuVVWJgQ0V6VdX+fZY63B1PEGWUPbZgIgdrXe5AJ0mjX1UkEqsPXvedm18lsIbW/b5nMaRvJ0B3Y=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":27055251,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjmVkjACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpKqQ//Xsu8w9C00TXQyE6lPXLLQBYu0FIEDYqSG2KVBcimdChPA2Xm\r\no2eNGbgHYuKmXi+d720PVx9jhD7XgkD1djuy3wBD8y6mvTORuKlmsLsxra2n\r\nQU7OTnSjis8vSIk0d8gOcPevXkl5jGprDpfM1Q/Lbx+gD51xmV5STpXAiJsg\r\nmWuB3yKSFvRurRNHUUuXUQXdePxwjK41uxAXTA8cDC8dSvTx9CRZhKicVxyP\r\nKYL9bgquJngXEU+HjWP0J8AoeSQCcNvI6H4Bla984fd87ivgGrzyxzc6Ado0\r\n8G5RXASrXfrfRbgFE/EXmJXmD8NOZoJPg45Fn7V1W+aVzIUlfjotiwovTcGf\r\n6KjYKBwV5TAcc7wWWvrYHj2q2t8euLy4LaD80enxKsXhszUdV0L2toT45sJq\r\nfhGoImdvu0Kdu7fPgWlP1OhmaQ+1Bt0PyVcZwSBjNVheE6SJBEnZpfGG4vuU\r\ndNW6CtfeQaDYQIG81i2qi+Y467t9ROnTrk7j7uUrVth76fBM2rd+3KPmmYLY\r\n6KhjHi10ADDR1+RROgCpNAtK8MBfKKAo0lR623zIogs2+ovLxOuLdjHKJ8Dh\r\nen/59qLzujE8u4tQ6dYXQNH5EwNJLwIB0TNvgPKe/zaVtktNXXny9kMN2W6g\r\n+UXZGL02WW5bkhCKLW0nDgH9H2Wiq0l0zvY=\r\n=4q2X\r\n-----END PGP SIGNATURE-----\r\n"},"type":"module","types":"types.d.ts","readme":"# Vouch UIKit\n\n- [Get Started](#get-started)\n - [Storybook](#storybook)\n - [Playroom](#playroom)\n - [Build package](#build-package)\n - [Test package locally with vouch-app-mono](#test-package-locally-with-vouch-app)\n - [Testing published package](#test-published-package)\n - [Purge npm cache](#purge-jsdelivr-cache)\n - [Purge specific bundles](#purge-specific-bundlejs)\n- [Releasing](#releasing)\n - [Update vouch-app](#update-vouch-app)\n - [Production release](#prod-release)\n\n# Get Started\n\nEnsure you have node `16` installed on your machine, for example via [nvm](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/TERMINAL.md#install-nvm), run `nvm ls` to check\n\n```bash\nnvm ls 16\n```\n\nyou should see output if you have the version installed\n\n```bash\n-> v16.17.1\n```\n\nensure you have [git ssh](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/GITHUB.md) setup locally before you clone the repo\n\n```bash\ngit clone git@github.com:VouchAU/vouch-uikit-mono.git\n```\n\ninstall dependencies\n\n```bash\ncd vouch-uikit-mono\nyarn\n```\n\n## Storybook\n\nhttps://uikit-storybook.vercel.app\n\nStorybook is hosted on vercel and deployed automatically via **GitHub Action** every time changes are merged back to `main`. Storybook can also be deployed per PR by adding the `deploy storybook` label on the PR.\n\nLocal dev\n\n```bash\nyarn storybook\n```\n\nbuild storybook\n\n```bash\nyarn storybook:build\n```\n\n## Playroom\n\nhttps://uikit-playroom.vercel.app\n\nPlayroom is hosted on vercel and deployed automatically via **GitHub Action** every time changes are merged back to `main`. Playroom is not intended to be used on it's own because we don't get good autocomplete for web components, and playroom cannot render the svelte components natively.\n\nInstead we have created a `Playroom` plugin for storybook that will automatically update the rendered web component when any of the story controls change.\n\nLocal dev\n\n```bash\nyarn playroom\n```\n\nbuild playroom\n\n```bash\nyarn playroom:build\n```\n\n## Build package\n\nBuild `src/lib` production/beta/alpha package, make sure you change `version` in `package.json`.\n\n```sh\ncd packages/uikit\n...\nyarn package # production\n```\n\n## Test package locally with `vouch-app`\n\nOnce you build the `npm` package, you can test locally with `vouch-app` to ensure everything works as expected before publishing to `npm`\n\nAssuming you build a package according [Build package](#build-package), now you can create a symlink to your local package\n\n```sh\ncd package\nyarn link\n```\n\nyou should see this if successfully linked\n\n```sh\nyarn link v1.22.10\nsuccess Registered \"@vouchfor/uikit\".\ninfo You can now run `yarn link \"@vouchfor/uikit\"` in the projects where you want to use this package and it will be used instead.\n✨ Done in 0.04s.\n```\n\ngo to `vouch-app-mono` folder and switch to the branch you want to test against with then link the local package\n\n```sh\ncd vouch-app-mono\ngit checkout VCH-222\nyarn link @vouchfor/uikit\nyarn dev\n```\n\nVoilà, you are testing your feature branch with the local uikit package and don't forget to roll back after testing\n\n```sh\ncd vouch-app\nyarn unlink @vouchfor/uikit\n...\ncd vouch-uikit/package\nyarn unlink\n```\n\n## Test published package\n\nYou can publish an experimental version of the package by adding the `publish rc` label onto your PR. This will use the commit hash and a prerelease version number to publish onto NPM which you can then install into your application for testing.\n\nThis can be important because the published package and the linked package aren't necessarily 100% the same, some functionality is lost during the conversion to web-components:\n- When using a svelte component within another svelte component, you are able to pass $$restProps down to inner DOM elements, this doesn't work when the svelte component is changed into a web-component during build time\n- Using slots is a little weird\n - When using normal svelte components, if you want to style slot contents from the parent component you need to use the `:global(\n
\n```\n\nIn this case, you will need to purge the bundle file specifically by providing absolute path\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/embed/{filename}.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/components/{filename}.bundle.js\n```\n\nfor example,\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/embed/vouch-embed-inline-player.bundle.js\n```\n\n## Unit test\n\n```bash\nyarn test\n```\n\nupdate snapshot\n\n```bash\nyarn test -u\n```\n\n# Releasing\n\nTo make sure we are delivering the highest quality software we can, there is a multi-step review and testing process before we go ahead with any release.\n\n1. Once the feature has been implemented, create a PR and add the `deploy storybook` label to it, once storybook has been deployed send the link to the stakeholder that is in charge of the feature and get them to review.\n - The deployment URL will be added as a comment to the PR once deployed\n2. Use browserstack (credentials in 1password) to cross-browser test the storybook PR deployment using a wide range of operating systems and browser versions\n - TODO: Figure out what is a reasonable set of browsers to test with\n - TODO: Automated tools for cross browser testing using browserstack\n3. Publish the package as a release candidate by adding the `publish rc` label to the PR\n - Once published, install the package into the admin app and test the feature there to make sure your changes are working in situ.\n - Create a PR deployment for the admin app using the release candidate package and get stakeholders to review also.\n4. If there are no issues, bump the package to the appropriate version in the PR, then the PR can be merged into `main` and a regular release can be created using the instructions below\n - TODO: Automate public release\n\n## Update `vouch-app`\n\n`@vouchfor/uikit` is a dependency of the admin app within `vouch-app-mono` and `vouch-app` for embeds and the media player, follow the below steps to publish NPM package and update `package.json` dependency in `vouch-app-mono`.\n\n> Always use semver for version numbering for main releases\n\n- Major: Breaking changes\n- Minor: Feature releases\n- Patch: Hotfixes\n\nBecause we have a few different environments that the embeds may be fetching from (`dev`, `staging` and `prod`) we have added an `env` prop to all of the necessary embeds that allows you to choose the environment at run time. This, along with PR releases, removes the need for an `alpha` and `beta` package release and will allow us to better automate the release process.\n\n### Prod release\n\n> You will need to log in `vouch-tech` on your terminal before publishing, credential is shared via 1Password.\n\n```bash\nnpm login\n```\n\n1. Make sure you are in `packages/uikit` directory\n2. Run `yarn package`\n3. Move to the created `package` folder\n4. Run `npm publish --access public` to publish under the `latest` tag\n\n```bash\ncd packages/uikit\nyarn package\ncd package\nnpm publish --access public\n```\n\nThen, using the same PR in `vouch-app-mono` that you used to test the experimental version, bump to the now latest version and re-test one final time to make sure everything worked as expected.\n\nIf everything works correctly then the PR is ready to be merged, and the CDN cache can be purged to allow for upstream clients using embeds in their apps to receive the new version.\n\n### Post release testing\n\nUse [this](https://codepen.io/aaronuu/pen/poKYJVz) codepen to bump the package version that is downloaded from the CDN and make sure all of the embeds work as expected.","engines":{"node":">=16"},"exports":{"./events":"./events.js","./constants":"./constants.js","./embed/events":{"import":"./embed/events.js","default":"./embed/events.js","require":"./embed/events.cjs"},"./package.json":"./package.json","./internal/theme":"./internal/theme.js","./internal/utils":"./internal/utils.js","./internal/environment":"./internal/environment.js","./components/vouch-menu":{"import":"./components/vouch-menu.js","default":"./components/vouch-menu.js","require":"./components/vouch-menu.cjs"},"./embed/vouch-embed-all":{"import":"./embed/vouch-embed-all.js","default":"./embed/vouch-embed-all.js","require":"./embed/vouch-embed-all.cjs"},"./embed/vouch-embed-card":{"import":"./embed/vouch-embed-card.js","default":"./embed/vouch-embed-card.js","require":"./embed/vouch-embed-card.cjs"},"./components/vouch-button":{"import":"./components/vouch-button.js","default":"./components/vouch-button.js","require":"./components/vouch-button.cjs"},"./embed/vouch-embed-jumbo":{"import":"./embed/vouch-embed-jumbo.js","default":"./embed/vouch-embed-jumbo.js","require":"./embed/vouch-embed-jumbo.cjs"},"./internal/actions/popper":"./internal/actions/popper.js","./internal/hooks/useFetch":"./internal/hooks/useFetch.js","./internal/hooks/useTrack":"./internal/hooks/useTrack.js","./components/vouch-persona":{"import":"./components/vouch-persona.js","default":"./components/vouch-persona.js","require":"./components/vouch-persona.cjs"},"./components/vouch-tooltip":{"import":"./components/vouch-tooltip.js","default":"./components/vouch-tooltip.js","require":"./components/vouch-tooltip.cjs"},"./embed/vouch-embed-button":{"import":"./embed/vouch-embed-button.js","default":"./embed/vouch-embed-button.js","require":"./embed/vouch-embed-button.cjs"},"./components/vouch-recorder":{"import":"./components/vouch-recorder.js","default":"./components/vouch-recorder.js","require":"./components/vouch-recorder.cjs"},"./embed/vouch-embed-popover":{"import":"./embed/vouch-embed-popover.js","default":"./embed/vouch-embed-popover.js","require":"./embed/vouch-embed-popover.cjs"},"./test/internals/utils.spec":"./test/internals/utils.spec.js","./components/vouch-icon-play":{"import":"./components/vouch-icon-play.js","default":"./components/vouch-icon-play.js","require":"./components/vouch-icon-play.cjs"},"./embed/vouch-embed-dialogue":{"import":"./embed/vouch-embed-dialogue.js","default":"./embed/vouch-embed-dialogue.js","require":"./embed/vouch-embed-dialogue.cjs"},"./components/VouchMenu.svelte":"./components/VouchMenu.svelte","./components/vouch-brand-logo":{"import":"./components/vouch-brand-logo.js","default":"./components/vouch-brand-logo.js","require":"./components/vouch-brand-logo.cjs"},"./components/vouch-icon-close":{"import":"./components/vouch-icon-close.js","default":"./components/vouch-icon-close.js","require":"./components/vouch-icon-close.cjs"},"./components/vouch-icon-pause":{"import":"./components/vouch-icon-pause.js","default":"./components/vouch-icon-pause.js","require":"./components/vouch-icon-pause.cjs"},"./components/vouch-media-plyr":{"import":"./components/vouch-media-plyr.js","default":"./components/vouch-media-plyr.js","require":"./components/vouch-media-plyr.cjs"},"./components/vouch-water-mark":{"import":"./components/vouch-water-mark.js","default":"./components/vouch-water-mark.js","require":"./components/vouch-water-mark.cjs"},"./embed/VouchEmbedCard.svelte":"./embed/VouchEmbedCard.svelte","./embed/vouch-embed-thumbnail":{"import":"./embed/vouch-embed-thumbnail.js","default":"./embed/vouch-embed-thumbnail.js","require":"./embed/vouch-embed-thumbnail.cjs"},"./embed/vouch-recorder-button":{"import":"./embed/vouch-recorder-button.js","default":"./embed/vouch-recorder-button.js","require":"./embed/vouch-recorder-button.cjs"},"./components/vouch-graphic-svg":{"import":"./components/vouch-graphic-svg.js","default":"./components/vouch-graphic-svg.js","require":"./components/vouch-graphic-svg.cjs"},"./embed/VouchEmbedJumbo.svelte":"./embed/VouchEmbedJumbo.svelte","./embed/vouch-recorder-preview":{"import":"./embed/vouch-recorder-preview.js","default":"./embed/vouch-recorder-preview.js","require":"./embed/vouch-recorder-preview.cjs"},"./internal/hooks/useFetchEmbed":"./internal/hooks/useFetchEmbed.js","./components/VouchButton.svelte":"./components/VouchButton.svelte","./embed/VouchEmbedButton.svelte":"./embed/VouchEmbedButton.svelte","./components/VouchPersona.svelte":"./components/VouchPersona.svelte","./components/VouchTooltip.svelte":"./components/VouchTooltip.svelte","./components/vouch-volume-slider":{"import":"./components/vouch-volume-slider.js","default":"./components/vouch-volume-slider.js","require":"./components/vouch-volume-slider.cjs"},"./embed/VouchEmbedPopover.svelte":"./embed/VouchEmbedPopover.svelte","./internal/actions/outside-click":"./internal/actions/outside-click.js","./components/VouchIconPlay.svelte":"./components/VouchIconPlay.svelte","./components/VouchRecorder.svelte":"./components/VouchRecorder.svelte","./embed/VouchEmbedDialogue.svelte":"./embed/VouchEmbedDialogue.svelte","./embed/vouch-embed-inline-player":{"import":"./embed/vouch-embed-inline-player.js","default":"./embed/vouch-embed-inline-player.js","require":"./embed/vouch-embed-inline-player.cjs"},"./test/components/VouchIcons.spec":"./test/components/VouchIcons.spec.js","./components/VouchBrandLogo.svelte":"./components/VouchBrandLogo.svelte","./components/VouchIconClose.svelte":"./components/VouchIconClose.svelte","./components/VouchIconPause.svelte":"./components/VouchIconPause.svelte","./components/VouchMediaPlyr.svelte":"./components/VouchMediaPlyr.svelte","./components/VouchWaterMark.svelte":"./components/VouchWaterMark.svelte","./components/vouch-icon-arrow-left":{"import":"./components/vouch-icon-arrow-left.js","default":"./components/vouch-icon-arrow-left.js","require":"./components/vouch-icon-arrow-left.cjs"},"./embed/VouchEmbedThumbnail.svelte":"./embed/VouchEmbedThumbnail.svelte","./embed/VouchRecorderButton.svelte":"./embed/VouchRecorderButton.svelte","./internal/actions/resize-observer":"./internal/actions/resize-observer.js","./components/VouchGraphicSvg.svelte":"./components/VouchGraphicSvg.svelte","./components/vouch-icon-arrow-right":{"import":"./components/vouch-icon-arrow-right.js","default":"./components/vouch-icon-arrow-right.js","require":"./components/vouch-icon-arrow-right.cjs"},"./embed/VouchRecorderPreview.svelte":"./embed/VouchRecorderPreview.svelte","./components/vouch-overlay-play-icon":{"import":"./components/vouch-overlay-play-icon.js","default":"./components/vouch-overlay-play-icon.js","require":"./components/vouch-overlay-play-icon.cjs"},"./components/vouch-progress-scrubber":{"import":"./components/vouch-progress-scrubber.js","default":"./components/vouch-progress-scrubber.js","require":"./components/vouch-progress-scrubber.cjs"},"./test/internals/hooks/useFetch.spec":"./test/internals/hooks/useFetch.spec.js","./test/internals/hooks/useTrack.spec":"./test/internals/hooks/useTrack.spec.js","./components/VouchVolumeSlider.svelte":"./components/VouchVolumeSlider.svelte","./embed/VouchEmbedInlinePlayer.svelte":"./embed/VouchEmbedInlinePlayer.svelte","./test/components/VouchBrandLogo.spec":"./test/components/VouchBrandLogo.spec.js","./test/components/VouchWaterMark.spec":"./test/components/VouchWaterMark.spec.js","./components/VouchIconArrowLeft.svelte":"./components/VouchIconArrowLeft.svelte","./test/components/VouchGraphicSvg.spec":"./test/components/VouchGraphicSvg.spec.js","./components/VouchIconArrowRight.svelte":"./components/VouchIconArrowRight.svelte","./components/VouchOverlayPlayIcon.svelte":"./components/VouchOverlayPlayIcon.svelte","./components/VouchProgressScrubber.svelte":"./components/VouchProgressScrubber.svelte","./test/internals/hooks/useFetchEmbed.spec":"./test/internals/hooks/useFetchEmbed.spec.js"},"gitHead":"5de95c575a132dabc32d95b6099d587a941fcbe4","_npmUser":{"name":"vouch-tech","email":"brian@vouchfor.com"},"repository":{"url":"git+https://github.com/VouchAU/vouch-uikit.git","type":"git"},"_npmVersion":"8.19.2","description":"Vouch Svelte UIKit","directories":{},"lint-staged":{"*.{js,svelte}":"yarn lint"},"_nodeVersion":"16.18.1","dependencies":{"flat":"^5.0.2","plyr":"^3.7.2","cookie":"^0.4.1","hls.js":"^1.1.5","core-js":"^3.16.3","postcss":"^7","@vime/core":"^5.3.1","tailwindcss":"npm:@tailwindcss/postcss7-compat","@lukeed/uuid":"^2.0.0","autoprefixer":"^9","whatwg-fetch":"^3.6.2","patch-package":"^6.5.0","@popperjs/core":"^2.11.6","@fontsource/fira-mono":"^4.2.2","postinstall-postinstall":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^27.0.6","path":"^0.12.7","vite":"^3.1.8","react":"^18.2.0","tslib":"^2.0.0","dotenv":"^10.0.0","eslint":"^7.22.0","rollup":"^2.55.1","semver":"^7.3.8","svelte":"^3.34.0","webpack":"^5.74.0","playroom":"0.28.0","prettier":"~2.2.1","react-dom":"^18.2.0","ts-loader":"^9.4.1","@percy/cli":"^1.15.0","babel-jest":"^27.0.6","base64-url":"^2.3.3","dotenv-cli":"^6.0.0","svelte2tsx":"^0.4.3","typescript":"^4.8.4","@babel/core":"^7.14.8","@types/jest":"^26.0.24","lint-staged":"^12.4.1","babel-loader":"^8.2.5","svelte-check":"^2.0.0","@sveltejs/kit":"next","@types/cookie":"^0.4.0","@types/hls.js":"^1.0.0","svelte-jester":"^1.8.1","svelte-loader":"^3.1.2","@slack/webhook":"^6.1.0","@percy/storybook":"^4.3.4","@storybook/react":"^6.5.13","@babel/preset-env":"^7.14.9","@storybook/svelte":"^6.5.13","@sveltejs/package":"^1.0.0-next.5","svelte-preprocess":"^4.0.0","rollup-plugin-copy":"^3.4.0","require-from-string":"^2.0.2","rollup-plugin-svelte":"^7.1.0","rollup-plugin-terser":"^7.0.2","eslint-plugin-svelte3":"^3.2.0","@babel/runtime-corejs3":"^7.14.9","@rollup/plugin-replace":"^3.0.0","@storybook/addon-links":"^6.5.13","eslint-config-prettier":"^8.1.0","prettier-plugin-svelte":"^2.2.0","@rollup/plugin-commonjs":"^22.0.0","@testing-library/svelte":"^3.0.3","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.5.13","storybook-addon-playroom":"^3.0.2","@typescript-eslint/parser":"^4.19.0","@rollup/plugin-node-resolve":"^13.0.4","@storybook/addon-essentials":"^6.5.13","@storybook/addon-svelte-csf":"^2.0.10","@typescript-eslint/eslint-plugin":"^4.19.0"},"_npmOperationalInternal":{"tmp":"tmp/uikit_0.0.0-experiment.5de95c5_1670994210919_0.9582339625890743","host":"s3://npm-registry-packages"}},"0.0.0-experiment.7ae525c":{"name":"@vouchfor/uikit","version":"0.0.0-experiment.7ae525c","keywords":["embed","design system","vouch-uikit","svelte","uikit"],"author":{"url":"https://vouchau.github.io/vouch-uikit","name":"Vouch Dev Team","email":"hello@vouchfor.com"},"license":"MIT","_id":"@vouchfor/uikit@0.0.0-experiment.7ae525c","maintainers":[{"name":"vouch-tech","email":"brian@vouchfor.com"}],"homepage":"https://vouchau.github.io/vouch-uikit","bugs":{"url":"https://github.com/VouchAU/vouch-uikit/issues"},"dist":{"shasum":"b5964e5f4e7366c33c93cc25f6dabc5063c90df7","tarball":"https://registry.npmjs.org/@vouchfor/uikit/-/uikit-0.0.0-experiment.7ae525c.tgz","fileCount":204,"integrity":"sha512-3xpIay53VyDQ8m+K/2yCZ0SDrXhaAPVaOKe8BJLCXSvs4oy3qyGkNmrnstbUMVIJ3guTiAW/+3nnLulSYW1DHA==","signatures":[{"sig":"MEQCIDAhkFdHnSy3u5GttCDQq82/vunfTT3H/zV+67AYmWT1AiB7oHl5w0B41et8APVQf0srJVqL6dYS4b4BLfBY7dV27A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":27057978,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjonDVACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmrb5g//dMByrg1iBve49ZEb8soHasQMuAwOaxGnw41trHtVfzgsLM6z\r\nq3dTEXxJ4gCLj02HCzBfthmjFfpdgVR0vKgp1JPJyhczToUZxzKEVa9TM47p\r\nm5awTedlYRGThVkENja1/xLbOpFoeSQTKxV2wUsKazcvg6VzckqGSp7RYApr\r\nk99XJd3tAuvC476cMhtzqvcySoU7enSR2621mMubW3BCgNYdfPmt1Keovyq4\r\ngsXVNxxdLmWLRLZ/qeV21wboYlYZNcwKJwR+ds/YtKyeYbqnNFe+H0BLkD1V\r\n0E+aYqgKSS+WyBYcLPnR/ITFBpMIHPzc+0Dk9Ub+i4ZDVb70+sB+VL8ulgIp\r\n9LeX2nsoGSXpU9FPTJJJtux3uhJQVk/3AVcSsXU/CrAAT3aZclMBrKXLkjM2\r\nyPfiJmSwxY9jfuRA35EpJxc7rQiatoKoEUGV35m83uohDkCXT5Uha7mlRP3o\r\nXDbEuDIbo4vSs/Q1hdEODU3cltfRhjdrV6ko2VNo7SKIzg5y56MWxZ4orb2P\r\nIAy7XyuyipMQ1iSegm7DCi6uzrWQOngxen7JkkDgvbNydqErre+i3fbPkAKC\r\nL6hGQwgdP1mNAAtRZIeW1KNknFMGo9kIlfKHqtzX5CsbQEb+QHuzR1aens5+\r\nEz5wMwqLWYuV/So3JbYoQXJnA9zgZTBpnUY=\r\n=83Im\r\n-----END PGP SIGNATURE-----\r\n"},"type":"module","types":"types.d.ts","readme":"# Vouch UIKit\n\n- [Get Started](#get-started)\n - [Storybook](#storybook)\n - [Playroom](#playroom)\n - [Build package](#build-package)\n - [Test package locally with vouch-app-mono](#test-package-locally-with-vouch-app)\n - [Testing published package](#test-published-package)\n - [Purge npm cache](#purge-jsdelivr-cache)\n - [Purge specific bundles](#purge-specific-bundlejs)\n- [Releasing](#releasing)\n - [Update vouch-app](#update-vouch-app)\n - [Production release](#prod-release)\n\n# Get Started\n\nEnsure you have node `16` installed on your machine, for example via [nvm](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/TERMINAL.md#install-nvm), run `nvm ls` to check\n\n```bash\nnvm ls 16\n```\n\nyou should see output if you have the version installed\n\n```bash\n-> v16.17.1\n```\n\nensure you have [git ssh](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/GITHUB.md) setup locally before you clone the repo\n\n```bash\ngit clone git@github.com:VouchAU/vouch-uikit-mono.git\n```\n\ninstall dependencies\n\n```bash\ncd vouch-uikit-mono\nyarn\n```\n\n## Storybook\n\nhttps://uikit-storybook.vercel.app\n\nStorybook is hosted on vercel and deployed automatically via **GitHub Action** every time changes are merged back to `main`. Storybook can also be deployed per PR by adding the `deploy storybook` label on the PR.\n\nLocal dev\n\n```bash\nyarn storybook\n```\n\nbuild storybook\n\n```bash\nyarn storybook:build\n```\n\n## Playroom\n\nhttps://uikit-playroom.vercel.app\n\nPlayroom is hosted on vercel and deployed automatically via **GitHub Action** every time changes are merged back to `main`. Playroom is not intended to be used on it's own because we don't get good autocomplete for web components, and playroom cannot render the svelte components natively.\n\nInstead we have created a `Playroom` plugin for storybook that will automatically update the rendered web component when any of the story controls change.\n\nLocal dev\n\n```bash\nyarn playroom\n```\n\nbuild playroom\n\n```bash\nyarn playroom:build\n```\n\n## Build package\n\nBuild `src/lib` production/beta/alpha package, make sure you change `version` in `package.json`.\n\n```sh\ncd packages/uikit\n...\nyarn package # production\n```\n\n## Test package locally with `vouch-app`\n\nOnce you build the `npm` package, you can test locally with `vouch-app` to ensure everything works as expected before publishing to `npm`\n\nAssuming you build a package according [Build package](#build-package), now you can create a symlink to your local package\n\n```sh\ncd package\nyarn link\n```\n\nyou should see this if successfully linked\n\n```sh\nyarn link v1.22.10\nsuccess Registered \"@vouchfor/uikit\".\ninfo You can now run `yarn link \"@vouchfor/uikit\"` in the projects where you want to use this package and it will be used instead.\n✨ Done in 0.04s.\n```\n\ngo to `vouch-app-mono` folder and switch to the branch you want to test against with then link the local package\n\n```sh\ncd vouch-app-mono\ngit checkout VCH-222\nyarn link @vouchfor/uikit\nyarn dev\n```\n\nVoilà, you are testing your feature branch with the local uikit package and don't forget to roll back after testing\n\n```sh\ncd vouch-app\nyarn unlink @vouchfor/uikit\n...\ncd vouch-uikit/package\nyarn unlink\n```\n\n## Test published package\n\nYou can publish an experimental version of the package by adding the `publish rc` label onto your PR. This will use the commit hash and a prerelease version number to publish onto NPM which you can then install into your application for testing.\n\nThis can be important because the published package and the linked package aren't necessarily 100% the same, some functionality is lost during the conversion to web-components:\n- When using a svelte component within another svelte component, you are able to pass $$restProps down to inner DOM elements, this doesn't work when the svelte component is changed into a web-component during build time\n- Using slots is a little weird\n - When using normal svelte components, if you want to style slot contents from the parent component you need to use the `:global(\n
\n```\n\nIn this case, you will need to purge the bundle file specifically by providing absolute path\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/embed/{filename}.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/components/{filename}.bundle.js\n```\n\nfor example,\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/embed/vouch-embed-inline-player.bundle.js\n```\n\n## Unit test\n\n```bash\nyarn test\n```\n\nupdate snapshot\n\n```bash\nyarn test -u\n```\n\n# Releasing\n\nTo make sure we are delivering the highest quality software we can, there is a multi-step review and testing process before we go ahead with any release.\n\n1. Once the feature has been implemented, create a PR and add the `deploy storybook` label to it, once storybook has been deployed send the link to the stakeholder that is in charge of the feature and get them to review.\n - The deployment URL will be added as a comment to the PR once deployed\n2. Use browserstack (credentials in 1password) to cross-browser test the storybook PR deployment using a wide range of operating systems and browser versions\n - TODO: Figure out what is a reasonable set of browsers to test with\n - TODO: Automated tools for cross browser testing using browserstack\n3. Publish the package as a release candidate by adding the `publish rc` label to the PR\n - Once published, install the package into the admin app and test the feature there to make sure your changes are working in situ.\n - Create a PR deployment for the admin app using the release candidate package and get stakeholders to review also.\n4. If there are no issues, bump the package to the appropriate version in the PR, then the PR can be merged into `main` and a regular release can be created using the instructions below\n - TODO: Automate public release\n\n## Update `vouch-app`\n\n`@vouchfor/uikit` is a dependency of the admin app within `vouch-app-mono` and `vouch-app` for embeds and the media player, follow the below steps to publish NPM package and update `package.json` dependency in `vouch-app-mono`.\n\n> Always use semver for version numbering for main releases\n\n- Major: Breaking changes\n- Minor: Feature releases\n- Patch: Hotfixes\n\nBecause we have a few different environments that the embeds may be fetching from (`dev`, `staging` and `prod`) we have added an `env` prop to all of the necessary embeds that allows you to choose the environment at run time. This, along with PR releases, removes the need for an `alpha` and `beta` package release and will allow us to better automate the release process.\n\n### Prod release\n\n> You will need to log in `vouch-tech` on your terminal before publishing, credential is shared via 1Password.\n\n```bash\nnpm login\n```\n\n1. Make sure you are in `packages/uikit` directory\n2. Run `yarn package`\n3. Move to the created `package` folder\n4. Run `npm publish --access public` to publish under the `latest` tag\n\n```bash\ncd packages/uikit\nyarn package\ncd package\nnpm publish --access public\n```\n\nThen, using the same PR in `vouch-app-mono` that you used to test the experimental version, bump to the now latest version and re-test one final time to make sure everything worked as expected.\n\nIf everything works correctly then the PR is ready to be merged, and the CDN cache can be purged to allow for upstream clients using embeds in their apps to receive the new version.\n\n### Post release testing\n\nUse [this](https://codepen.io/aaronuu/pen/poKYJVz) codepen to bump the package version that is downloaded from the CDN and make sure all of the embeds work as expected.","engines":{"node":">=16"},"exports":{"./events":"./events.js","./constants":"./constants.js","./embed/events":{"import":"./embed/events.js","default":"./embed/events.js","require":"./embed/events.cjs"},"./package.json":"./package.json","./internal/theme":"./internal/theme.js","./internal/utils":"./internal/utils.js","./internal/environment":"./internal/environment.js","./components/vouch-menu":{"import":"./components/vouch-menu.js","default":"./components/vouch-menu.js","require":"./components/vouch-menu.cjs"},"./embed/vouch-embed-all":{"import":"./embed/vouch-embed-all.js","default":"./embed/vouch-embed-all.js","require":"./embed/vouch-embed-all.cjs"},"./embed/vouch-embed-card":{"import":"./embed/vouch-embed-card.js","default":"./embed/vouch-embed-card.js","require":"./embed/vouch-embed-card.cjs"},"./components/vouch-button":{"import":"./components/vouch-button.js","default":"./components/vouch-button.js","require":"./components/vouch-button.cjs"},"./embed/vouch-embed-jumbo":{"import":"./embed/vouch-embed-jumbo.js","default":"./embed/vouch-embed-jumbo.js","require":"./embed/vouch-embed-jumbo.cjs"},"./internal/actions/popper":"./internal/actions/popper.js","./internal/hooks/useFetch":"./internal/hooks/useFetch.js","./internal/hooks/useTrack":"./internal/hooks/useTrack.js","./components/vouch-persona":{"import":"./components/vouch-persona.js","default":"./components/vouch-persona.js","require":"./components/vouch-persona.cjs"},"./components/vouch-tooltip":{"import":"./components/vouch-tooltip.js","default":"./components/vouch-tooltip.js","require":"./components/vouch-tooltip.cjs"},"./embed/vouch-embed-button":{"import":"./embed/vouch-embed-button.js","default":"./embed/vouch-embed-button.js","require":"./embed/vouch-embed-button.cjs"},"./components/vouch-recorder":{"import":"./components/vouch-recorder.js","default":"./components/vouch-recorder.js","require":"./components/vouch-recorder.cjs"},"./embed/vouch-embed-popover":{"import":"./embed/vouch-embed-popover.js","default":"./embed/vouch-embed-popover.js","require":"./embed/vouch-embed-popover.cjs"},"./test/internals/utils.spec":"./test/internals/utils.spec.js","./components/vouch-icon-play":{"import":"./components/vouch-icon-play.js","default":"./components/vouch-icon-play.js","require":"./components/vouch-icon-play.cjs"},"./embed/vouch-embed-dialogue":{"import":"./embed/vouch-embed-dialogue.js","default":"./embed/vouch-embed-dialogue.js","require":"./embed/vouch-embed-dialogue.cjs"},"./components/VouchMenu.svelte":"./components/VouchMenu.svelte","./components/vouch-brand-logo":{"import":"./components/vouch-brand-logo.js","default":"./components/vouch-brand-logo.js","require":"./components/vouch-brand-logo.cjs"},"./components/vouch-icon-close":{"import":"./components/vouch-icon-close.js","default":"./components/vouch-icon-close.js","require":"./components/vouch-icon-close.cjs"},"./components/vouch-icon-pause":{"import":"./components/vouch-icon-pause.js","default":"./components/vouch-icon-pause.js","require":"./components/vouch-icon-pause.cjs"},"./components/vouch-media-plyr":{"import":"./components/vouch-media-plyr.js","default":"./components/vouch-media-plyr.js","require":"./components/vouch-media-plyr.cjs"},"./components/vouch-water-mark":{"import":"./components/vouch-water-mark.js","default":"./components/vouch-water-mark.js","require":"./components/vouch-water-mark.cjs"},"./embed/VouchEmbedCard.svelte":"./embed/VouchEmbedCard.svelte","./embed/vouch-embed-thumbnail":{"import":"./embed/vouch-embed-thumbnail.js","default":"./embed/vouch-embed-thumbnail.js","require":"./embed/vouch-embed-thumbnail.cjs"},"./embed/vouch-recorder-button":{"import":"./embed/vouch-recorder-button.js","default":"./embed/vouch-recorder-button.js","require":"./embed/vouch-recorder-button.cjs"},"./components/vouch-graphic-svg":{"import":"./components/vouch-graphic-svg.js","default":"./components/vouch-graphic-svg.js","require":"./components/vouch-graphic-svg.cjs"},"./embed/VouchEmbedJumbo.svelte":"./embed/VouchEmbedJumbo.svelte","./embed/vouch-recorder-preview":{"import":"./embed/vouch-recorder-preview.js","default":"./embed/vouch-recorder-preview.js","require":"./embed/vouch-recorder-preview.cjs"},"./internal/hooks/useFetchEmbed":"./internal/hooks/useFetchEmbed.js","./components/VouchButton.svelte":"./components/VouchButton.svelte","./embed/VouchEmbedButton.svelte":"./embed/VouchEmbedButton.svelte","./components/VouchPersona.svelte":"./components/VouchPersona.svelte","./components/VouchTooltip.svelte":"./components/VouchTooltip.svelte","./components/vouch-volume-slider":{"import":"./components/vouch-volume-slider.js","default":"./components/vouch-volume-slider.js","require":"./components/vouch-volume-slider.cjs"},"./embed/VouchEmbedPopover.svelte":"./embed/VouchEmbedPopover.svelte","./internal/actions/outside-click":"./internal/actions/outside-click.js","./components/VouchIconPlay.svelte":"./components/VouchIconPlay.svelte","./components/VouchRecorder.svelte":"./components/VouchRecorder.svelte","./embed/VouchEmbedDialogue.svelte":"./embed/VouchEmbedDialogue.svelte","./embed/vouch-embed-inline-player":{"import":"./embed/vouch-embed-inline-player.js","default":"./embed/vouch-embed-inline-player.js","require":"./embed/vouch-embed-inline-player.cjs"},"./test/components/VouchIcons.spec":"./test/components/VouchIcons.spec.js","./components/VouchBrandLogo.svelte":"./components/VouchBrandLogo.svelte","./components/VouchIconClose.svelte":"./components/VouchIconClose.svelte","./components/VouchIconPause.svelte":"./components/VouchIconPause.svelte","./components/VouchMediaPlyr.svelte":"./components/VouchMediaPlyr.svelte","./components/VouchWaterMark.svelte":"./components/VouchWaterMark.svelte","./components/vouch-icon-arrow-left":{"import":"./components/vouch-icon-arrow-left.js","default":"./components/vouch-icon-arrow-left.js","require":"./components/vouch-icon-arrow-left.cjs"},"./embed/VouchEmbedThumbnail.svelte":"./embed/VouchEmbedThumbnail.svelte","./embed/VouchRecorderButton.svelte":"./embed/VouchRecorderButton.svelte","./internal/actions/resize-observer":"./internal/actions/resize-observer.js","./components/VouchGraphicSvg.svelte":"./components/VouchGraphicSvg.svelte","./components/vouch-icon-arrow-right":{"import":"./components/vouch-icon-arrow-right.js","default":"./components/vouch-icon-arrow-right.js","require":"./components/vouch-icon-arrow-right.cjs"},"./embed/VouchRecorderPreview.svelte":"./embed/VouchRecorderPreview.svelte","./components/vouch-overlay-play-icon":{"import":"./components/vouch-overlay-play-icon.js","default":"./components/vouch-overlay-play-icon.js","require":"./components/vouch-overlay-play-icon.cjs"},"./components/vouch-progress-scrubber":{"import":"./components/vouch-progress-scrubber.js","default":"./components/vouch-progress-scrubber.js","require":"./components/vouch-progress-scrubber.cjs"},"./test/internals/hooks/useFetch.spec":"./test/internals/hooks/useFetch.spec.js","./test/internals/hooks/useTrack.spec":"./test/internals/hooks/useTrack.spec.js","./components/VouchVolumeSlider.svelte":"./components/VouchVolumeSlider.svelte","./embed/VouchEmbedInlinePlayer.svelte":"./embed/VouchEmbedInlinePlayer.svelte","./test/components/VouchBrandLogo.spec":"./test/components/VouchBrandLogo.spec.js","./test/components/VouchWaterMark.spec":"./test/components/VouchWaterMark.spec.js","./components/VouchIconArrowLeft.svelte":"./components/VouchIconArrowLeft.svelte","./test/components/VouchGraphicSvg.spec":"./test/components/VouchGraphicSvg.spec.js","./components/VouchIconArrowRight.svelte":"./components/VouchIconArrowRight.svelte","./components/VouchOverlayPlayIcon.svelte":"./components/VouchOverlayPlayIcon.svelte","./components/VouchProgressScrubber.svelte":"./components/VouchProgressScrubber.svelte","./test/internals/hooks/useFetchEmbed.spec":"./test/internals/hooks/useFetchEmbed.spec.js"},"gitHead":"7ae525c08d9a658cdf4f7b6b26412705fc9902fa","_npmUser":{"name":"vouch-tech","email":"brian@vouchfor.com"},"repository":{"url":"git+https://github.com/VouchAU/vouch-uikit.git","type":"git"},"_npmVersion":"8.19.2","description":"Vouch Svelte UIKit","directories":{},"lint-staged":{"*.{js,svelte}":"yarn lint"},"_nodeVersion":"16.18.1","dependencies":{"flat":"^5.0.2","plyr":"^3.7.2","cookie":"^0.4.1","hls.js":"^1.1.5","core-js":"^3.16.3","postcss":"^7","@vime/core":"^5.3.1","tailwindcss":"npm:@tailwindcss/postcss7-compat","@lukeed/uuid":"^2.0.0","autoprefixer":"^9","whatwg-fetch":"^3.6.2","patch-package":"^6.5.0","@popperjs/core":"^2.11.6","@fontsource/fira-mono":"^4.2.2","postinstall-postinstall":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^27.0.6","path":"^0.12.7","vite":"^3.1.8","react":"^18.2.0","tslib":"^2.0.0","dotenv":"^10.0.0","eslint":"^7.22.0","rollup":"^2.55.1","semver":"^7.3.8","svelte":"^3.34.0","webpack":"^5.74.0","playroom":"0.28.0","prettier":"~2.2.1","react-dom":"^18.2.0","ts-loader":"^9.4.1","@percy/cli":"^1.15.0","babel-jest":"^27.0.6","base64-url":"^2.3.3","dotenv-cli":"^6.0.0","svelte2tsx":"^0.4.3","typescript":"^4.8.4","@babel/core":"^7.14.8","@types/jest":"^26.0.24","lint-staged":"^12.4.1","babel-loader":"^8.2.5","svelte-check":"^2.0.0","@sveltejs/kit":"next","@types/cookie":"^0.4.0","@types/hls.js":"^1.0.0","svelte-jester":"^1.8.1","svelte-loader":"^3.1.2","@slack/webhook":"^6.1.0","@percy/storybook":"^4.3.4","@storybook/react":"^6.5.13","@babel/preset-env":"^7.14.9","@storybook/svelte":"^6.5.13","@sveltejs/package":"^1.0.0-next.5","svelte-preprocess":"^4.0.0","rollup-plugin-copy":"^3.4.0","require-from-string":"^2.0.2","rollup-plugin-svelte":"^7.1.0","rollup-plugin-terser":"^7.0.2","eslint-plugin-svelte3":"^3.2.0","@babel/runtime-corejs3":"^7.14.9","@rollup/plugin-replace":"^3.0.0","@storybook/addon-links":"^6.5.13","eslint-config-prettier":"^8.1.0","prettier-plugin-svelte":"^2.2.0","@rollup/plugin-commonjs":"^22.0.0","@testing-library/svelte":"^3.0.3","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.5.13","storybook-addon-playroom":"^3.0.2","@typescript-eslint/parser":"^4.19.0","@rollup/plugin-node-resolve":"^13.0.4","@storybook/addon-essentials":"^6.5.13","@storybook/addon-svelte-csf":"^2.0.10","@typescript-eslint/eslint-plugin":"^4.19.0"},"_npmOperationalInternal":{"tmp":"tmp/uikit_0.0.0-experiment.7ae525c_1671590101032_0.6431867463056276","host":"s3://npm-registry-packages"}},"0.0.0-experiment.0b06bdc":{"name":"@vouchfor/uikit","version":"0.0.0-experiment.0b06bdc","keywords":["embed","design system","vouch-uikit","svelte","uikit"],"author":{"url":"https://vouchau.github.io/vouch-uikit","name":"Vouch Dev Team","email":"hello@vouchfor.com"},"license":"MIT","_id":"@vouchfor/uikit@0.0.0-experiment.0b06bdc","maintainers":[{"name":"vouch-tech","email":"brian@vouchfor.com"}],"homepage":"https://vouchau.github.io/vouch-uikit","bugs":{"url":"https://github.com/VouchAU/vouch-uikit/issues"},"dist":{"shasum":"cda11013f05eb294c30a7d5a135236337f3452e4","tarball":"https://registry.npmjs.org/@vouchfor/uikit/-/uikit-0.0.0-experiment.0b06bdc.tgz","fileCount":204,"integrity":"sha512-KJWfzkKAoq7ais6kPKcBWBAhCSN3J+LoeGzCPUYqaienymnYeTs9G8nPu3Y4gJSX/V4tuJmS4odvVlJif2Y1lQ==","signatures":[{"sig":"MEYCIQC1TkxAh5tytQdHI92DeY6tte2iIk5HA7mzgTYKaYVJfAIhAOGAj9ra6OQjbYqlF5WxsrVuXWHj2r8n4/TjS8uMQ5hs","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":27057361,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjo45lACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpKcQ//Q1eEHoYPVCU+rv3qEfWb8xVDgFo2Wy5DwO26OGA9Np4sBMeM\r\netd1zpZ8JoorkKjjPTXiHAZtAve/21TRQRBPGQxQ9Xq1gABrYtJn6hh5ZulM\r\ndCIVbfYDhMF1H2Dn5O5pjkABTxejz+OF3oH99ctGx9ALGkVA/9BXyjGPC9A8\r\n+/hJc8vKPDZV0LXAS3wB9/lzhwWUAUtY6rAgtbi/IOGnW6BX3gezvhAxM5B3\r\n3om6b2HAM4bu8udAtRsuoS/A4l3WcKNY84OgzOTS880G0ilMt4t8dOZ2ts9T\r\n0oVBFVqCtRjaTaInON8TeOQbp7M99Trg4243kGLWvwvOTkFn65Pu96Jx9GH3\r\n/bD94106UY0+p22p5J6HVrUOEaMmPz8nQXCiTQfFI6P8lmImXu99TLLki2vi\r\niBaTpdFQ54bLqpwJFZKpr9PoHSBckg7MobITjOtVA3PQpyzwk+ExT0Bk97vO\r\nMCfCie8j9/4LBHMVLU+PhILrF4nO02MPnzT6ilHMA0u6Nu4ulS8XhDLBF0CX\r\nXApSh+yRD8ffhqJ7VmUmDDA3s6pRaYeyh20rjKRkqdDTUIQowj7cbq7BATTj\r\nfOHTuvyGqbdL5RSvkndLZhfcD0PklZ87NpqCSG9FHPdazWPxqcbMdcvrR05L\r\nzfirm5hmlai+ow2S6T8Sjjvks0Wd3fCXJvw=\r\n=1C71\r\n-----END PGP SIGNATURE-----\r\n"},"type":"module","types":"types.d.ts","readme":"# Vouch UIKit\n\n- [Get Started](#get-started)\n - [Storybook](#storybook)\n - [Playroom](#playroom)\n - [Build package](#build-package)\n - [Test package locally with vouch-app-mono](#test-package-locally-with-vouch-app)\n - [Testing published package](#test-published-package)\n - [Purge npm cache](#purge-jsdelivr-cache)\n - [Purge specific bundles](#purge-specific-bundlejs)\n- [Releasing](#releasing)\n - [Update vouch-app](#update-vouch-app)\n - [Production release](#prod-release)\n\n# Get Started\n\nEnsure you have node `16` installed on your machine, for example via [nvm](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/TERMINAL.md#install-nvm), run `nvm ls` to check\n\n```bash\nnvm ls 16\n```\n\nyou should see output if you have the version installed\n\n```bash\n-> v16.17.1\n```\n\nensure you have [git ssh](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/GITHUB.md) setup locally before you clone the repo\n\n```bash\ngit clone git@github.com:VouchAU/vouch-uikit-mono.git\n```\n\ninstall dependencies\n\n```bash\ncd vouch-uikit-mono\nyarn\n```\n\n## Storybook\n\nhttps://uikit-storybook.vercel.app\n\nStorybook is hosted on vercel and deployed automatically via **GitHub Action** every time changes are merged back to `main`. Storybook can also be deployed per PR by adding the `deploy storybook` label on the PR.\n\nLocal dev\n\n```bash\nyarn storybook\n```\n\nbuild storybook\n\n```bash\nyarn storybook:build\n```\n\n## Playroom\n\nhttps://uikit-playroom.vercel.app\n\nPlayroom is hosted on vercel and deployed automatically via **GitHub Action** every time changes are merged back to `main`. Playroom is not intended to be used on it's own because we don't get good autocomplete for web components, and playroom cannot render the svelte components natively.\n\nInstead we have created a `Playroom` plugin for storybook that will automatically update the rendered web component when any of the story controls change.\n\nLocal dev\n\n```bash\nyarn playroom\n```\n\nbuild playroom\n\n```bash\nyarn playroom:build\n```\n\n## Build package\n\nBuild `src/lib` production/beta/alpha package, make sure you change `version` in `package.json`.\n\n```sh\ncd packages/uikit\n...\nyarn package # production\n```\n\n## Test package locally with `vouch-app`\n\nOnce you build the `npm` package, you can test locally with `vouch-app` to ensure everything works as expected before publishing to `npm`\n\nAssuming you build a package according [Build package](#build-package), now you can create a symlink to your local package\n\n```sh\ncd package\nyarn link\n```\n\nyou should see this if successfully linked\n\n```sh\nyarn link v1.22.10\nsuccess Registered \"@vouchfor/uikit\".\ninfo You can now run `yarn link \"@vouchfor/uikit\"` in the projects where you want to use this package and it will be used instead.\n✨ Done in 0.04s.\n```\n\ngo to `vouch-app-mono` folder and switch to the branch you want to test against with then link the local package\n\n```sh\ncd vouch-app-mono\ngit checkout VCH-222\nyarn link @vouchfor/uikit\nyarn dev\n```\n\nVoilà, you are testing your feature branch with the local uikit package and don't forget to roll back after testing\n\n```sh\ncd vouch-app\nyarn unlink @vouchfor/uikit\n...\ncd vouch-uikit/package\nyarn unlink\n```\n\n## Test published package\n\nYou can publish an experimental version of the package by adding the `publish rc` label onto your PR. This will use the commit hash and a prerelease version number to publish onto NPM which you can then install into your application for testing.\n\nThis can be important because the published package and the linked package aren't necessarily 100% the same, some functionality is lost during the conversion to web-components:\n- When using a svelte component within another svelte component, you are able to pass $$restProps down to inner DOM elements, this doesn't work when the svelte component is changed into a web-component during build time\n- Using slots is a little weird\n - When using normal svelte components, if you want to style slot contents from the parent component you need to use the `:global(\n
\n```\n\nIn this case, you will need to purge the bundle file specifically by providing absolute path\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/embed/{filename}.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/components/{filename}.bundle.js\n```\n\nfor example,\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/embed/vouch-embed-inline-player.bundle.js\n```\n\n## Unit test\n\n```bash\nyarn test\n```\n\nupdate snapshot\n\n```bash\nyarn test -u\n```\n\n# Releasing\n\nTo make sure we are delivering the highest quality software we can, there is a multi-step review and testing process before we go ahead with any release.\n\n1. Once the feature has been implemented, create a PR and add the `deploy storybook` label to it, once storybook has been deployed send the link to the stakeholder that is in charge of the feature and get them to review.\n - The deployment URL will be added as a comment to the PR once deployed\n2. Use browserstack (credentials in 1password) to cross-browser test the storybook PR deployment using a wide range of operating systems and browser versions\n - TODO: Figure out what is a reasonable set of browsers to test with\n - TODO: Automated tools for cross browser testing using browserstack\n3. Publish the package as a release candidate by adding the `publish rc` label to the PR\n - Once published, install the package into the admin app and test the feature there to make sure your changes are working in situ.\n - Create a PR deployment for the admin app using the release candidate package and get stakeholders to review also.\n4. If there are no issues, bump the package to the appropriate version in the PR, then the PR can be merged into `main` and a regular release can be created using the instructions below\n - TODO: Automate public release\n\n## Update `vouch-app`\n\n`@vouchfor/uikit` is a dependency of the admin app within `vouch-app-mono` and `vouch-app` for embeds and the media player, follow the below steps to publish NPM package and update `package.json` dependency in `vouch-app-mono`.\n\n> Always use semver for version numbering for main releases\n\n- Major: Breaking changes\n- Minor: Feature releases\n- Patch: Hotfixes\n\nBecause we have a few different environments that the embeds may be fetching from (`dev`, `staging` and `prod`) we have added an `env` prop to all of the necessary embeds that allows you to choose the environment at run time. This, along with PR releases, removes the need for an `alpha` and `beta` package release and will allow us to better automate the release process.\n\n### Prod release\n\n> You will need to log in `vouch-tech` on your terminal before publishing, credential is shared via 1Password.\n\n```bash\nnpm login\n```\n\n1. Make sure you are in `packages/uikit` directory\n2. Run `yarn package`\n3. Move to the created `package` folder\n4. Run `npm publish --access public` to publish under the `latest` tag\n\n```bash\ncd packages/uikit\nyarn package\ncd package\nnpm publish --access public\n```\n\nThen, using the same PR in `vouch-app-mono` that you used to test the experimental version, bump to the now latest version and re-test one final time to make sure everything worked as expected.\n\nIf everything works correctly then the PR is ready to be merged, and the CDN cache can be purged to allow for upstream clients using embeds in their apps to receive the new version.\n\n### Post release testing\n\nUse [this](https://codepen.io/aaronuu/pen/poKYJVz) codepen to bump the package version that is downloaded from the CDN and make sure all of the embeds work as expected.","engines":{"node":">=16"},"exports":{"./events":"./events.js","./constants":"./constants.js","./embed/events":{"import":"./embed/events.js","default":"./embed/events.js","require":"./embed/events.cjs"},"./package.json":"./package.json","./internal/theme":"./internal/theme.js","./internal/utils":"./internal/utils.js","./internal/environment":"./internal/environment.js","./components/vouch-menu":{"import":"./components/vouch-menu.js","default":"./components/vouch-menu.js","require":"./components/vouch-menu.cjs"},"./embed/vouch-embed-all":{"import":"./embed/vouch-embed-all.js","default":"./embed/vouch-embed-all.js","require":"./embed/vouch-embed-all.cjs"},"./embed/vouch-embed-card":{"import":"./embed/vouch-embed-card.js","default":"./embed/vouch-embed-card.js","require":"./embed/vouch-embed-card.cjs"},"./components/vouch-button":{"import":"./components/vouch-button.js","default":"./components/vouch-button.js","require":"./components/vouch-button.cjs"},"./embed/vouch-embed-jumbo":{"import":"./embed/vouch-embed-jumbo.js","default":"./embed/vouch-embed-jumbo.js","require":"./embed/vouch-embed-jumbo.cjs"},"./internal/actions/popper":"./internal/actions/popper.js","./internal/hooks/useFetch":"./internal/hooks/useFetch.js","./internal/hooks/useTrack":"./internal/hooks/useTrack.js","./components/vouch-persona":{"import":"./components/vouch-persona.js","default":"./components/vouch-persona.js","require":"./components/vouch-persona.cjs"},"./components/vouch-tooltip":{"import":"./components/vouch-tooltip.js","default":"./components/vouch-tooltip.js","require":"./components/vouch-tooltip.cjs"},"./embed/vouch-embed-button":{"import":"./embed/vouch-embed-button.js","default":"./embed/vouch-embed-button.js","require":"./embed/vouch-embed-button.cjs"},"./components/vouch-recorder":{"import":"./components/vouch-recorder.js","default":"./components/vouch-recorder.js","require":"./components/vouch-recorder.cjs"},"./embed/vouch-embed-popover":{"import":"./embed/vouch-embed-popover.js","default":"./embed/vouch-embed-popover.js","require":"./embed/vouch-embed-popover.cjs"},"./test/internals/utils.spec":"./test/internals/utils.spec.js","./components/vouch-icon-play":{"import":"./components/vouch-icon-play.js","default":"./components/vouch-icon-play.js","require":"./components/vouch-icon-play.cjs"},"./embed/vouch-embed-dialogue":{"import":"./embed/vouch-embed-dialogue.js","default":"./embed/vouch-embed-dialogue.js","require":"./embed/vouch-embed-dialogue.cjs"},"./components/VouchMenu.svelte":"./components/VouchMenu.svelte","./components/vouch-brand-logo":{"import":"./components/vouch-brand-logo.js","default":"./components/vouch-brand-logo.js","require":"./components/vouch-brand-logo.cjs"},"./components/vouch-icon-close":{"import":"./components/vouch-icon-close.js","default":"./components/vouch-icon-close.js","require":"./components/vouch-icon-close.cjs"},"./components/vouch-icon-pause":{"import":"./components/vouch-icon-pause.js","default":"./components/vouch-icon-pause.js","require":"./components/vouch-icon-pause.cjs"},"./components/vouch-media-plyr":{"import":"./components/vouch-media-plyr.js","default":"./components/vouch-media-plyr.js","require":"./components/vouch-media-plyr.cjs"},"./components/vouch-water-mark":{"import":"./components/vouch-water-mark.js","default":"./components/vouch-water-mark.js","require":"./components/vouch-water-mark.cjs"},"./embed/VouchEmbedCard.svelte":"./embed/VouchEmbedCard.svelte","./embed/vouch-embed-thumbnail":{"import":"./embed/vouch-embed-thumbnail.js","default":"./embed/vouch-embed-thumbnail.js","require":"./embed/vouch-embed-thumbnail.cjs"},"./embed/vouch-recorder-button":{"import":"./embed/vouch-recorder-button.js","default":"./embed/vouch-recorder-button.js","require":"./embed/vouch-recorder-button.cjs"},"./components/vouch-graphic-svg":{"import":"./components/vouch-graphic-svg.js","default":"./components/vouch-graphic-svg.js","require":"./components/vouch-graphic-svg.cjs"},"./embed/VouchEmbedJumbo.svelte":"./embed/VouchEmbedJumbo.svelte","./embed/vouch-recorder-preview":{"import":"./embed/vouch-recorder-preview.js","default":"./embed/vouch-recorder-preview.js","require":"./embed/vouch-recorder-preview.cjs"},"./internal/hooks/useFetchEmbed":"./internal/hooks/useFetchEmbed.js","./components/VouchButton.svelte":"./components/VouchButton.svelte","./embed/VouchEmbedButton.svelte":"./embed/VouchEmbedButton.svelte","./components/VouchPersona.svelte":"./components/VouchPersona.svelte","./components/VouchTooltip.svelte":"./components/VouchTooltip.svelte","./components/vouch-volume-slider":{"import":"./components/vouch-volume-slider.js","default":"./components/vouch-volume-slider.js","require":"./components/vouch-volume-slider.cjs"},"./embed/VouchEmbedPopover.svelte":"./embed/VouchEmbedPopover.svelte","./internal/actions/outside-click":"./internal/actions/outside-click.js","./components/VouchIconPlay.svelte":"./components/VouchIconPlay.svelte","./components/VouchRecorder.svelte":"./components/VouchRecorder.svelte","./embed/VouchEmbedDialogue.svelte":"./embed/VouchEmbedDialogue.svelte","./embed/vouch-embed-inline-player":{"import":"./embed/vouch-embed-inline-player.js","default":"./embed/vouch-embed-inline-player.js","require":"./embed/vouch-embed-inline-player.cjs"},"./test/components/VouchIcons.spec":"./test/components/VouchIcons.spec.js","./components/VouchBrandLogo.svelte":"./components/VouchBrandLogo.svelte","./components/VouchIconClose.svelte":"./components/VouchIconClose.svelte","./components/VouchIconPause.svelte":"./components/VouchIconPause.svelte","./components/VouchMediaPlyr.svelte":"./components/VouchMediaPlyr.svelte","./components/VouchWaterMark.svelte":"./components/VouchWaterMark.svelte","./components/vouch-icon-arrow-left":{"import":"./components/vouch-icon-arrow-left.js","default":"./components/vouch-icon-arrow-left.js","require":"./components/vouch-icon-arrow-left.cjs"},"./embed/VouchEmbedThumbnail.svelte":"./embed/VouchEmbedThumbnail.svelte","./embed/VouchRecorderButton.svelte":"./embed/VouchRecorderButton.svelte","./internal/actions/resize-observer":"./internal/actions/resize-observer.js","./components/VouchGraphicSvg.svelte":"./components/VouchGraphicSvg.svelte","./components/vouch-icon-arrow-right":{"import":"./components/vouch-icon-arrow-right.js","default":"./components/vouch-icon-arrow-right.js","require":"./components/vouch-icon-arrow-right.cjs"},"./embed/VouchRecorderPreview.svelte":"./embed/VouchRecorderPreview.svelte","./components/vouch-overlay-play-icon":{"import":"./components/vouch-overlay-play-icon.js","default":"./components/vouch-overlay-play-icon.js","require":"./components/vouch-overlay-play-icon.cjs"},"./components/vouch-progress-scrubber":{"import":"./components/vouch-progress-scrubber.js","default":"./components/vouch-progress-scrubber.js","require":"./components/vouch-progress-scrubber.cjs"},"./test/internals/hooks/useFetch.spec":"./test/internals/hooks/useFetch.spec.js","./test/internals/hooks/useTrack.spec":"./test/internals/hooks/useTrack.spec.js","./components/VouchVolumeSlider.svelte":"./components/VouchVolumeSlider.svelte","./embed/VouchEmbedInlinePlayer.svelte":"./embed/VouchEmbedInlinePlayer.svelte","./test/components/VouchBrandLogo.spec":"./test/components/VouchBrandLogo.spec.js","./test/components/VouchWaterMark.spec":"./test/components/VouchWaterMark.spec.js","./components/VouchIconArrowLeft.svelte":"./components/VouchIconArrowLeft.svelte","./test/components/VouchGraphicSvg.spec":"./test/components/VouchGraphicSvg.spec.js","./components/VouchIconArrowRight.svelte":"./components/VouchIconArrowRight.svelte","./components/VouchOverlayPlayIcon.svelte":"./components/VouchOverlayPlayIcon.svelte","./components/VouchProgressScrubber.svelte":"./components/VouchProgressScrubber.svelte","./test/internals/hooks/useFetchEmbed.spec":"./test/internals/hooks/useFetchEmbed.spec.js"},"gitHead":"0b06bdc22958b15d5b226a213dc860bcc6847fed","_npmUser":{"name":"vouch-tech","email":"brian@vouchfor.com"},"repository":{"url":"git+https://github.com/VouchAU/vouch-uikit.git","type":"git"},"_npmVersion":"8.19.2","description":"Vouch Svelte UIKit","directories":{},"lint-staged":{"*.{js,svelte}":"yarn lint"},"_nodeVersion":"16.18.1","dependencies":{"flat":"^5.0.2","plyr":"^3.7.2","cookie":"^0.4.1","hls.js":"^1.1.5","core-js":"^3.16.3","postcss":"^7","@vime/core":"^5.3.1","tailwindcss":"npm:@tailwindcss/postcss7-compat","@lukeed/uuid":"^2.0.0","autoprefixer":"^9","whatwg-fetch":"^3.6.2","patch-package":"^6.5.0","@popperjs/core":"^2.11.6","@fontsource/fira-mono":"^4.2.2","postinstall-postinstall":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^27.0.6","path":"^0.12.7","vite":"^3.1.8","react":"^18.2.0","tslib":"^2.0.0","dotenv":"^10.0.0","eslint":"^7.22.0","rollup":"^2.55.1","semver":"^7.3.8","svelte":"^3.34.0","webpack":"^5.74.0","playroom":"0.28.0","prettier":"~2.2.1","react-dom":"^18.2.0","ts-loader":"^9.4.1","@percy/cli":"^1.15.0","babel-jest":"^27.0.6","base64-url":"^2.3.3","dotenv-cli":"^6.0.0","svelte2tsx":"^0.4.3","typescript":"^4.8.4","@babel/core":"^7.14.8","@types/jest":"^26.0.24","lint-staged":"^12.4.1","babel-loader":"^8.2.5","svelte-check":"^2.0.0","@sveltejs/kit":"next","@types/cookie":"^0.4.0","@types/hls.js":"^1.0.0","svelte-jester":"^1.8.1","svelte-loader":"^3.1.2","@slack/webhook":"^6.1.0","@percy/storybook":"^4.3.4","@storybook/react":"^6.5.13","@babel/preset-env":"^7.14.9","@storybook/svelte":"^6.5.13","@sveltejs/package":"^1.0.0-next.5","svelte-preprocess":"^4.0.0","rollup-plugin-copy":"^3.4.0","require-from-string":"^2.0.2","rollup-plugin-svelte":"^7.1.0","rollup-plugin-terser":"^7.0.2","eslint-plugin-svelte3":"^3.2.0","@babel/runtime-corejs3":"^7.14.9","@rollup/plugin-replace":"^3.0.0","@storybook/addon-links":"^6.5.13","eslint-config-prettier":"^8.1.0","prettier-plugin-svelte":"^2.2.0","@rollup/plugin-commonjs":"^22.0.0","@testing-library/svelte":"^3.0.3","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.5.13","storybook-addon-playroom":"^3.0.2","@typescript-eslint/parser":"^4.19.0","@rollup/plugin-node-resolve":"^13.0.4","@storybook/addon-essentials":"^6.5.13","@storybook/addon-svelte-csf":"^2.0.10","@typescript-eslint/eslint-plugin":"^4.19.0"},"_npmOperationalInternal":{"tmp":"tmp/uikit_0.0.0-experiment.0b06bdc_1671663205268_0.6674038092686443","host":"s3://npm-registry-packages"}},"0.0.0-experiment.7e5ba52":{"name":"@vouchfor/uikit","version":"0.0.0-experiment.7e5ba52","keywords":["embed","design system","vouch-uikit","svelte","uikit"],"author":{"url":"https://vouchau.github.io/vouch-uikit","name":"Vouch Dev Team","email":"hello@vouchfor.com"},"license":"MIT","_id":"@vouchfor/uikit@0.0.0-experiment.7e5ba52","maintainers":[{"name":"vouch-tech","email":"brian@vouchfor.com"}],"homepage":"https://vouchau.github.io/vouch-uikit","bugs":{"url":"https://github.com/VouchAU/vouch-uikit/issues"},"dist":{"shasum":"a83ec32646cd39af72c1f395613ed25c7ac5793f","tarball":"https://registry.npmjs.org/@vouchfor/uikit/-/uikit-0.0.0-experiment.7e5ba52.tgz","fileCount":219,"integrity":"sha512-VwkyJmAl3T/d+sIErbfEVzponbYS5xFxr2R5o5DYUS6XtpWR6XToPOm7b3V2NbTp+LpCdTT+rbA5aXuFqMJMwg==","signatures":[{"sig":"MEYCIQDnE0GVQcb2QtxfOqChIZmoHPljfZSq7NODLz/35ucWFwIhAItC8b0bp3qFlRTQAKn3qOczOxQmpjRQeM22ksG+b5PS","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":37198484,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjtKsfACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoBnA//YZAHE1Lcp6ZpbP9fF4RUmo+KFFMdF0ZZcViVObyNTTsVdOVt\r\nHfrOwz73lLyIbWzkefERB3gZAsltRgQYWMGVHvx/6C3FXul/JpGDUst1mzY4\r\nkk9n2BEMgWCnMYtVdZMJeACaQZPJ/nkzg49tX/hdk3y/rLeRiV9gXZXHnWVT\r\nvpdrOIst3+Foe9hKQdUtN1OubtSwZz4mbUDMertmi0oNNaEa0ro8D2vfd9Pj\r\n+4u3B4zSZAVr4/C0iUrps3/K50/+8WKLPzA9BX+6c6uX3vXLU/EA/bl5vuHJ\r\nCnzD4QCzbH8bngdijUGJUS5mMKtEKFaeymLYK2sCBZxzMnI5K3/2hGp+gO1Q\r\nDT1WA/YuKc+Q1+J+JDIkaVVRMDABeVdbk7Aebqew91O4QXmN75P87Yfkw4H2\r\nJjqC2MtXpHIdCj4XuZx7led7+oLfia3sdHzmMkg/cp9HqX3wmldMt0qtrFWy\r\nStnzdRbpjqBaPzsEn2nx2zzd1iTV//66QowjUldef+IjVIPxDjVfzXo4v8A8\r\nlccVCfLss8MEN/85C5BKP1miNGvd9ADu40Gj0ZZITWHFity8jDtn/KTx9mlQ\r\ntMJZ1z2RuO9gd3uk45UztfA5LbkDXp8mZ27HZEmMMP5y1Y0qPyj/DUrXrfjt\r\nu7ZEvuA5Du9+dlcdkzBmb1TFVfhS/ZTYP3A=\r\n=Y+uk\r\n-----END PGP SIGNATURE-----\r\n"},"type":"module","types":"types.d.ts","readme":"# Vouch UIKit\n\n- [Get Started](#get-started)\n - [Storybook](#storybook)\n - [Playroom](#playroom)\n - [Build package](#build-package)\n - [Test package locally with vouch-app-mono](#test-package-locally-with-vouch-app)\n - [Testing published package](#test-published-package)\n - [Purge npm cache](#purge-jsdelivr-cache)\n - [Purge specific bundles](#purge-specific-bundlejs)\n- [Releasing](#releasing)\n - [Update vouch-app](#update-vouch-app)\n - [Production release](#prod-release)\n\n# Get Started\n\nEnsure you have node `16` installed on your machine, for example via [nvm](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/TERMINAL.md#install-nvm), run `nvm ls` to check\n\n```bash\nnvm ls 16\n```\n\nyou should see output if you have the version installed\n\n```bash\n-> v16.17.1\n```\n\nensure you have [git ssh](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/GITHUB.md) setup locally before you clone the repo\n\n```bash\ngit clone git@github.com:VouchAU/vouch-uikit-mono.git\n```\n\ninstall dependencies\n\n```bash\ncd vouch-uikit-mono\nyarn\n```\n\n## Storybook\n\nhttps://uikit-storybook.vercel.app\n\nStorybook is hosted on vercel and deployed automatically via **GitHub Action** every time changes are merged back to `main`. Storybook can also be deployed per PR by adding the `deploy storybook` label on the PR.\n\nLocal dev\n\n```bash\nyarn storybook\n```\n\nbuild storybook\n\n```bash\nyarn storybook:build\n```\n\n## Playroom\n\nhttps://uikit-playroom.vercel.app\n\nPlayroom is hosted on vercel and deployed automatically via **GitHub Action** every time changes are merged back to `main`. Playroom is not intended to be used on it's own because we don't get good autocomplete for web components, and playroom cannot render the svelte components natively.\n\nInstead we have created a `Playroom` plugin for storybook that will automatically update the rendered web component when any of the story controls change.\n\nLocal dev\n\n```bash\nyarn playroom\n```\n\nbuild playroom\n\n```bash\nyarn playroom:build\n```\n\n## Build package\n\nBuild `src/lib` production/beta/alpha package, make sure you change `version` in `package.json`.\n\n```sh\ncd packages/uikit\n...\nyarn package # production\n```\n\n## Test package locally with `vouch-app`\n\nOnce you build the `npm` package, you can test locally with `vouch-app` to ensure everything works as expected before publishing to `npm`\n\nAssuming you build a package according [Build package](#build-package), now you can create a symlink to your local package\n\n```sh\ncd package\nyarn link\n```\n\nyou should see this if successfully linked\n\n```sh\nyarn link v1.22.10\nsuccess Registered \"@vouchfor/uikit\".\ninfo You can now run `yarn link \"@vouchfor/uikit\"` in the projects where you want to use this package and it will be used instead.\n✨ Done in 0.04s.\n```\n\ngo to `vouch-app-mono` folder and switch to the branch you want to test against with then link the local package\n\n```sh\ncd vouch-app-mono\ngit checkout VCH-222\nyarn link @vouchfor/uikit\nyarn dev\n```\n\nVoilà, you are testing your feature branch with the local uikit package and don't forget to roll back after testing\n\n```sh\ncd vouch-app\nyarn unlink @vouchfor/uikit\n...\ncd vouch-uikit/package\nyarn unlink\n```\n\n## Test published package\n\nYou can publish an experimental version of the package by adding the `publish rc` label onto your PR. This will use the commit hash and a prerelease version number to publish onto NPM which you can then install into your application for testing.\n\nThis can be important because the published package and the linked package aren't necessarily 100% the same, some functionality is lost during the conversion to web-components:\n- When using a svelte component within another svelte component, you are able to pass $$restProps down to inner DOM elements, this doesn't work when the svelte component is changed into a web-component during build time\n- Using slots is a little weird\n - When using normal svelte components, if you want to style slot contents from the parent component you need to use the `:global(\n
\n```\n\nIn this case, you will need to purge the bundle file specifically by providing absolute path\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/embed/{filename}.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/components/{filename}.bundle.js\n```\n\nfor example,\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/embed/vouch-embed-inline-player.bundle.js\n```\n\n## Unit test\n\n```bash\nyarn test\n```\n\nupdate snapshot\n\n```bash\nyarn test -u\n```\n\n# Releasing\n\nTo make sure we are delivering the highest quality software we can, there is a multi-step review and testing process before we go ahead with any release.\n\n1. Once the feature has been implemented, create a PR and add the `deploy storybook` label to it, once storybook has been deployed send the link to the stakeholder that is in charge of the feature and get them to review.\n - The deployment URL will be added as a comment to the PR once deployed\n2. Use browserstack (credentials in 1password) to cross-browser test the storybook PR deployment using a wide range of operating systems and browser versions\n - TODO: Figure out what is a reasonable set of browsers to test with\n - TODO: Automated tools for cross browser testing using browserstack\n3. Publish the package as a release candidate by adding the `publish rc` label to the PR\n - Once published, install the package into the admin app and test the feature there to make sure your changes are working in situ.\n - Create a PR deployment for the admin app using the release candidate package and get stakeholders to review also.\n4. If there are no issues, bump the package to the appropriate version in the PR, then the PR can be merged into `main` and a regular release can be created using the instructions below\n - TODO: Automate public release\n\n## Update `vouch-app`\n\n`@vouchfor/uikit` is a dependency of the admin app within `vouch-app-mono` and `vouch-app` for embeds and the media player, follow the below steps to publish NPM package and update `package.json` dependency in `vouch-app-mono`.\n\n> Always use semver for version numbering for main releases\n\n- Major: Breaking changes\n- Minor: Feature releases\n- Patch: Hotfixes\n\nBecause we have a few different environments that the embeds may be fetching from (`dev`, `staging` and `prod`) we have added an `env` prop to all of the necessary embeds that allows you to choose the environment at run time. This, along with PR releases, removes the need for an `alpha` and `beta` package release and will allow us to better automate the release process.\n\n### Prod release\n\n> You will need to log in `vouch-tech` on your terminal before publishing, credential is shared via 1Password.\n\n```bash\nnpm login\n```\n\n1. Make sure you are in `packages/uikit` directory\n2. Run `yarn package`\n3. Move to the created `package` folder\n4. Run `npm publish --access public` to publish under the `latest` tag\n\n```bash\ncd packages/uikit\nyarn package\ncd package\nnpm publish --access public\n```\n\nThen, using the same PR in `vouch-app-mono` that you used to test the experimental version, bump to the now latest version and re-test one final time to make sure everything worked as expected.\n\nIf everything works correctly then the PR is ready to be merged, and the CDN cache can be purged to allow for upstream clients using embeds in their apps to receive the new version.\n\n### Post release testing\n\nUse [this](https://codepen.io/aaronuu/pen/poKYJVz) codepen to bump the package version that is downloaded from the CDN and make sure all of the embeds work as expected.","engines":{"node":">=16"},"exports":{"./events":"./events.js","./constants":"./constants.js","./embed/events":{"import":"./embed/events.js","default":"./embed/events.js","require":"./embed/events.cjs"},"./package.json":"./package.json","./internal/theme":"./internal/theme.js","./internal/utils":"./internal/utils.js","./internal/environment":"./internal/environment.js","./components/vouch-menu":{"import":"./components/vouch-menu.js","default":"./components/vouch-menu.js","require":"./components/vouch-menu.cjs"},"./embed/vouch-embed-all":{"import":"./embed/vouch-embed-all.js","default":"./embed/vouch-embed-all.js","require":"./embed/vouch-embed-all.cjs"},"./embed/vouch-embed-card":{"import":"./embed/vouch-embed-card.js","default":"./embed/vouch-embed-card.js","require":"./embed/vouch-embed-card.cjs"},"./components/vouch-button":{"import":"./components/vouch-button.js","default":"./components/vouch-button.js","require":"./components/vouch-button.cjs"},"./embed/vouch-embed-jumbo":{"import":"./embed/vouch-embed-jumbo.js","default":"./embed/vouch-embed-jumbo.js","require":"./embed/vouch-embed-jumbo.cjs"},"./internal/actions/popper":"./internal/actions/popper.js","./internal/hooks/useFetch":"./internal/hooks/useFetch.js","./internal/hooks/useTrack":"./internal/hooks/useTrack.js","./components/vouch-persona":{"import":"./components/vouch-persona.js","default":"./components/vouch-persona.js","require":"./components/vouch-persona.cjs"},"./components/vouch-tooltip":{"import":"./components/vouch-tooltip.js","default":"./components/vouch-tooltip.js","require":"./components/vouch-tooltip.cjs"},"./embed/vouch-embed-button":{"import":"./embed/vouch-embed-button.js","default":"./embed/vouch-embed-button.js","require":"./embed/vouch-embed-button.cjs"},"./components/vouch-recorder":{"import":"./components/vouch-recorder.js","default":"./components/vouch-recorder.js","require":"./components/vouch-recorder.cjs"},"./embed/vouch-embed-popover":{"import":"./embed/vouch-embed-popover.js","default":"./embed/vouch-embed-popover.js","require":"./embed/vouch-embed-popover.cjs"},"./test/internals/utils.spec":"./test/internals/utils.spec.js","./components/vouch-icon-play":{"import":"./components/vouch-icon-play.js","default":"./components/vouch-icon-play.js","require":"./components/vouch-icon-play.cjs"},"./embed/vouch-embed-dialogue":{"import":"./embed/vouch-embed-dialogue.js","default":"./embed/vouch-embed-dialogue.js","require":"./embed/vouch-embed-dialogue.cjs"},"./components/VouchMenu.svelte":"./components/VouchMenu.svelte","./components/vouch-brand-logo":{"import":"./components/vouch-brand-logo.js","default":"./components/vouch-brand-logo.js","require":"./components/vouch-brand-logo.cjs"},"./components/vouch-icon-close":{"import":"./components/vouch-icon-close.js","default":"./components/vouch-icon-close.js","require":"./components/vouch-icon-close.cjs"},"./components/vouch-icon-pause":{"import":"./components/vouch-icon-pause.js","default":"./components/vouch-icon-pause.js","require":"./components/vouch-icon-pause.cjs"},"./components/vouch-media-plyr":{"import":"./components/vouch-media-plyr.js","default":"./components/vouch-media-plyr.js","require":"./components/vouch-media-plyr.cjs"},"./components/vouch-water-mark":{"import":"./components/vouch-water-mark.js","default":"./components/vouch-water-mark.js","require":"./components/vouch-water-mark.cjs"},"./embed/VouchEmbedCard.svelte":"./embed/VouchEmbedCard.svelte","./embed/vouch-embed-thumbnail":{"import":"./embed/vouch-embed-thumbnail.js","default":"./embed/vouch-embed-thumbnail.js","require":"./embed/vouch-embed-thumbnail.cjs"},"./embed/vouch-recorder-button":{"import":"./embed/vouch-recorder-button.js","default":"./embed/vouch-recorder-button.js","require":"./embed/vouch-recorder-button.cjs"},"./components/vouch-graphic-svg":{"import":"./components/vouch-graphic-svg.js","default":"./components/vouch-graphic-svg.js","require":"./components/vouch-graphic-svg.cjs"},"./embed/VouchEmbedJumbo.svelte":"./embed/VouchEmbedJumbo.svelte","./embed/vouch-recorder-preview":{"import":"./embed/vouch-recorder-preview.js","default":"./embed/vouch-recorder-preview.js","require":"./embed/vouch-recorder-preview.cjs"},"./internal/hooks/useFetchEmbed":"./internal/hooks/useFetchEmbed.js","./components/VouchButton.svelte":"./components/VouchButton.svelte","./embed/VouchEmbedButton.svelte":"./embed/VouchEmbedButton.svelte","./components/VouchPersona.svelte":"./components/VouchPersona.svelte","./components/VouchTooltip.svelte":"./components/VouchTooltip.svelte","./components/vouch-volume-slider":{"import":"./components/vouch-volume-slider.js","default":"./components/vouch-volume-slider.js","require":"./components/vouch-volume-slider.cjs"},"./embed/VouchEmbedPopover.svelte":"./embed/VouchEmbedPopover.svelte","./internal/actions/outside-click":"./internal/actions/outside-click.js","./components/VouchIconPlay.svelte":"./components/VouchIconPlay.svelte","./components/VouchRecorder.svelte":"./components/VouchRecorder.svelte","./embed/VouchEmbedDialogue.svelte":"./embed/VouchEmbedDialogue.svelte","./embed/vouch-embed-inline-player":{"import":"./embed/vouch-embed-inline-player.js","default":"./embed/vouch-embed-inline-player.js","require":"./embed/vouch-embed-inline-player.cjs"},"./test/components/VouchIcons.spec":"./test/components/VouchIcons.spec.js","./components/VouchBrandLogo.svelte":"./components/VouchBrandLogo.svelte","./components/VouchIconClose.svelte":"./components/VouchIconClose.svelte","./components/VouchIconPause.svelte":"./components/VouchIconPause.svelte","./components/VouchMediaPlyr.svelte":"./components/VouchMediaPlyr.svelte","./components/VouchWaterMark.svelte":"./components/VouchWaterMark.svelte","./components/vouch-icon-arrow-left":{"import":"./components/vouch-icon-arrow-left.js","default":"./components/vouch-icon-arrow-left.js","require":"./components/vouch-icon-arrow-left.cjs"},"./embed/VouchEmbedThumbnail.svelte":"./embed/VouchEmbedThumbnail.svelte","./embed/VouchRecorderButton.svelte":"./embed/VouchRecorderButton.svelte","./internal/actions/resize-observer":"./internal/actions/resize-observer.js","./components/VouchGraphicSvg.svelte":"./components/VouchGraphicSvg.svelte","./components/vouch-icon-arrow-right":{"import":"./components/vouch-icon-arrow-right.js","default":"./components/vouch-icon-arrow-right.js","require":"./components/vouch-icon-arrow-right.cjs"},"./embed/VouchRecorderPreview.svelte":"./embed/VouchRecorderPreview.svelte","./components/vouch-overlay-play-icon":{"import":"./components/vouch-overlay-play-icon.js","default":"./components/vouch-overlay-play-icon.js","require":"./components/vouch-overlay-play-icon.cjs"},"./components/vouch-progress-scrubber":{"import":"./components/vouch-progress-scrubber.js","default":"./components/vouch-progress-scrubber.js","require":"./components/vouch-progress-scrubber.cjs"},"./test/internals/hooks/useFetch.spec":"./test/internals/hooks/useFetch.spec.js","./test/internals/hooks/useTrack.spec":"./test/internals/hooks/useTrack.spec.js","./components/VouchVolumeSlider.svelte":"./components/VouchVolumeSlider.svelte","./embed/VouchEmbedInlinePlayer.svelte":"./embed/VouchEmbedInlinePlayer.svelte","./test/components/VouchBrandLogo.spec":"./test/components/VouchBrandLogo.spec.js","./test/components/VouchWaterMark.spec":"./test/components/VouchWaterMark.spec.js","./components/VouchIconArrowLeft.svelte":"./components/VouchIconArrowLeft.svelte","./components/vouch-embed-error-message":{"import":"./components/vouch-embed-error-message.js","default":"./components/vouch-embed-error-message.js","require":"./components/vouch-embed-error-message.cjs"},"./test/components/VouchGraphicSvg.spec":"./test/components/VouchGraphicSvg.spec.js","./components/VouchIconArrowRight.svelte":"./components/VouchIconArrowRight.svelte","./embed/vouch-embed-inner-inline-player":{"import":"./embed/vouch-embed-inner-inline-player.js","default":"./embed/vouch-embed-inner-inline-player.js","require":"./embed/vouch-embed-inner-inline-player.cjs"},"./components/VouchOverlayPlayIcon.svelte":"./components/VouchOverlayPlayIcon.svelte","./components/VouchProgressScrubber.svelte":"./components/VouchProgressScrubber.svelte","./test/internals/hooks/useFetchEmbed.spec":"./test/internals/hooks/useFetchEmbed.spec.js","./components/VouchEmbedErrorMessage.svelte":"./components/VouchEmbedErrorMessage.svelte","./embed/VouchEmbedInnerInlinePlayer.svelte":"./embed/VouchEmbedInnerInlinePlayer.svelte","./components/vouch-embed-navigation-controls":{"import":"./components/vouch-embed-navigation-controls.js","default":"./components/vouch-embed-navigation-controls.js","require":"./components/vouch-embed-navigation-controls.cjs"},"./components/VouchEmbedNavigationControls.svelte":"./components/VouchEmbedNavigationControls.svelte"},"gitHead":"7e5ba52ae15c4766b7f070b53c40052292a4831e","_npmUser":{"name":"vouch-tech","email":"brian@vouchfor.com"},"repository":{"url":"git+https://github.com/VouchAU/vouch-uikit.git","type":"git"},"_npmVersion":"8.19.2","description":"Vouch Svelte UIKit","directories":{},"lint-staged":{"*.{js,svelte}":"yarn lint"},"_nodeVersion":"16.18.1","dependencies":{"flat":"^5.0.2","plyr":"^3.7.2","cookie":"^0.4.1","hls.js":"^1.1.5","core-js":"^3.16.3","postcss":"^7","@vime/core":"^5.3.1","tailwindcss":"npm:@tailwindcss/postcss7-compat","@lukeed/uuid":"^2.0.0","autoprefixer":"^9","whatwg-fetch":"^3.6.2","patch-package":"^6.5.0","@popperjs/core":"^2.11.6","@fontsource/fira-mono":"^4.2.2","postinstall-postinstall":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^27.0.6","path":"^0.12.7","vite":"^3.1.8","react":"^18.2.0","tslib":"^2.0.0","dotenv":"^10.0.0","eslint":"^7.22.0","rollup":"^2.55.1","semver":"^7.3.8","svelte":"^3.34.0","webpack":"^5.74.0","playroom":"0.28.0","prettier":"~2.2.1","react-dom":"^18.2.0","ts-loader":"^9.4.1","@percy/cli":"^1.15.0","babel-jest":"^27.0.6","base64-url":"^2.3.3","dotenv-cli":"^6.0.0","svelte2tsx":"^0.4.3","typescript":"^4.8.4","@babel/core":"^7.14.8","@types/jest":"^26.0.24","lint-staged":"^12.4.1","babel-loader":"^8.2.5","svelte-check":"^2.0.0","@sveltejs/kit":"next","@types/cookie":"^0.4.0","@types/hls.js":"^1.0.0","svelte-jester":"^1.8.1","svelte-loader":"^3.1.2","@slack/webhook":"^6.1.0","@percy/storybook":"^4.3.4","@storybook/react":"^6.5.13","@babel/preset-env":"^7.14.9","@storybook/svelte":"^6.5.13","@sveltejs/package":"^1.0.0-next.5","svelte-preprocess":"^4.0.0","rollup-plugin-copy":"^3.4.0","require-from-string":"^2.0.2","rollup-plugin-svelte":"^7.1.0","rollup-plugin-terser":"^7.0.2","eslint-plugin-svelte3":"^3.2.0","@babel/runtime-corejs3":"^7.14.9","@rollup/plugin-replace":"^3.0.0","@storybook/addon-links":"^6.5.13","eslint-config-prettier":"^8.1.0","prettier-plugin-svelte":"^2.2.0","@rollup/plugin-commonjs":"^22.0.0","@testing-library/svelte":"^3.0.3","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.5.13","storybook-addon-playroom":"^3.0.2","@typescript-eslint/parser":"^4.19.0","@rollup/plugin-node-resolve":"^13.0.4","@storybook/addon-essentials":"^6.5.13","@storybook/addon-svelte-csf":"^2.0.10","@typescript-eslint/eslint-plugin":"^4.19.0"},"_npmOperationalInternal":{"tmp":"tmp/uikit_0.0.0-experiment.7e5ba52_1672784671583_0.2565769799806492","host":"s3://npm-registry-packages"}},"0.0.0-experiment.4c331b8":{"name":"@vouchfor/uikit","version":"0.0.0-experiment.4c331b8","keywords":["embed","design system","vouch-uikit","svelte","uikit"],"author":{"url":"https://vouchau.github.io/vouch-uikit","name":"Vouch Dev Team","email":"hello@vouchfor.com"},"license":"MIT","_id":"@vouchfor/uikit@0.0.0-experiment.4c331b8","maintainers":[{"name":"vouch-tech","email":"brian@vouchfor.com"}],"homepage":"https://vouchau.github.io/vouch-uikit","bugs":{"url":"https://github.com/VouchAU/vouch-uikit/issues"},"dist":{"shasum":"75e707b37206e83953a95f0586b9194134ceb3bb","tarball":"https://registry.npmjs.org/@vouchfor/uikit/-/uikit-0.0.0-experiment.4c331b8.tgz","fileCount":219,"integrity":"sha512-p/wzkILKB3Gkj6EN8niYScRjyCHMZIKGJnH2syXZ1adU+QnbExu9dAHcUujNmYlu8+IO1OzdMx4V9zr2QAk4qA==","signatures":[{"sig":"MEUCICxvuL6yyWdMEBxa/OpswXyvQcjuLbeROu0O0GjjaCANAiEAsTSVal3uSiONRrhEF1PPofV05B3jmCU+wYkquu2SpZw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":37199552,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjt4P7ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmoaiw/9EjOpmLlrCdnuNMgH5a/FFZwdlFZU+oEfAnr8Pvk61fhRPOhW\r\n4SwU7vGznDut3PMFJcRt15X/C63374XxEbcaO5V2JSgSh38Z4BpolvGYGScN\r\nXB2xZXv+uWV9AENwDPED3sYtiruiolI0CM186YoKqVCpc7hy95hGPYPIbtea\r\noIKq7tjDmVyvC7bMxOL3st03/t1wvaYOPZYFldWyNEonIt0yELQcIJlBR/ux\r\nzrDdbGqzDqoSv/QQ5yJbQFnH11ZYYdyGO8V/+mqILcvuLWqeasYAN/rveJuX\r\nNjiPWzRpu7mAxMqZQ5fwLVyDo6jH+TDqyz1Cli/X/f/QzEDzzsNc4JvX6NbC\r\nodmCNfic2tNpNMidIJ19pHUUhM5xgUPjClwWORbOqRmfnGZT4WLTZwiEGHR3\r\nyBreDe9Pt6BQ3A3pRa22dZqr6jqyq1zx6mJh0PgxbjMpiPm6JLPfn5fJx7FC\r\n86+jk6er6lZpQZ7Em8y0qRw/dSIFWHq/WwnAI2mZ7DLh4rCpXMq4QzKYrmqi\r\ntSQ0wd10YrU6H+81LOqu+4mz/iXD99IFFC3/k5Y5K3O21QrCljZVt7YlTFgk\r\nz7aeepY7CfQMmarlX/RU7dt+rURLR/qAARNX9gJfMttofiDtSiEs8NWPF/eG\r\nmATSznDXFWyy5DP/Mc64GP18rnJnui308qQ=\r\n=I7d8\r\n-----END PGP SIGNATURE-----\r\n"},"type":"module","types":"types.d.ts","readme":"# Vouch UIKit\n\n- [Get Started](#get-started)\n - [Storybook](#storybook)\n - [Playroom](#playroom)\n - [Build package](#build-package)\n - [Test package locally with vouch-app-mono](#test-package-locally-with-vouch-app)\n - [Testing published package](#test-published-package)\n - [Purge npm cache](#purge-jsdelivr-cache)\n - [Purge specific bundles](#purge-specific-bundlejs)\n- [Releasing](#releasing)\n - [Update vouch-app](#update-vouch-app)\n - [Production release](#prod-release)\n\n# Get Started\n\nEnsure you have node `16` installed on your machine, for example via [nvm](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/TERMINAL.md#install-nvm), run `nvm ls` to check\n\n```bash\nnvm ls 16\n```\n\nyou should see output if you have the version installed\n\n```bash\n-> v16.17.1\n```\n\nensure you have [git ssh](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/GITHUB.md) setup locally before you clone the repo\n\n```bash\ngit clone git@github.com:VouchAU/vouch-uikit-mono.git\n```\n\ninstall dependencies\n\n```bash\ncd vouch-uikit-mono\nyarn\n```\n\n## Storybook\n\nhttps://uikit-storybook.vercel.app\n\nStorybook is hosted on vercel and deployed automatically via **GitHub Action** every time changes are merged back to `main`. Storybook can also be deployed per PR by adding the `deploy storybook` label on the PR.\n\nLocal dev\n\n```bash\nyarn storybook\n```\n\nbuild storybook\n\n```bash\nyarn storybook:build\n```\n\n## Playroom\n\nhttps://uikit-playroom.vercel.app\n\nPlayroom is hosted on vercel and deployed automatically via **GitHub Action** every time changes are merged back to `main`. Playroom is not intended to be used on it's own because we don't get good autocomplete for web components, and playroom cannot render the svelte components natively.\n\nInstead we have created a `Playroom` plugin for storybook that will automatically update the rendered web component when any of the story controls change.\n\nLocal dev\n\n```bash\nyarn playroom\n```\n\nbuild playroom\n\n```bash\nyarn playroom:build\n```\n\n## Build package\n\nBuild `src/lib` production/beta/alpha package, make sure you change `version` in `package.json`.\n\n```sh\ncd packages/uikit\n...\nyarn package # production\n```\n\n## Test package locally with `vouch-app`\n\nOnce you build the `npm` package, you can test locally with `vouch-app` to ensure everything works as expected before publishing to `npm`\n\nAssuming you build a package according [Build package](#build-package), now you can create a symlink to your local package\n\n```sh\ncd package\nyarn link\n```\n\nyou should see this if successfully linked\n\n```sh\nyarn link v1.22.10\nsuccess Registered \"@vouchfor/uikit\".\ninfo You can now run `yarn link \"@vouchfor/uikit\"` in the projects where you want to use this package and it will be used instead.\n✨ Done in 0.04s.\n```\n\ngo to `vouch-app-mono` folder and switch to the branch you want to test against with then link the local package\n\n```sh\ncd vouch-app-mono\ngit checkout VCH-222\nyarn link @vouchfor/uikit\nyarn dev\n```\n\nVoilà, you are testing your feature branch with the local uikit package and don't forget to roll back after testing\n\n```sh\ncd vouch-app\nyarn unlink @vouchfor/uikit\n...\ncd vouch-uikit/package\nyarn unlink\n```\n\n## Test published package\n\nYou can publish an experimental version of the package by adding the `publish rc` label onto your PR. This will use the commit hash and a prerelease version number to publish onto NPM which you can then install into your application for testing.\n\nThis can be important because the published package and the linked package aren't necessarily 100% the same, some functionality is lost during the conversion to web-components:\n- When using a svelte component within another svelte component, you are able to pass $$restProps down to inner DOM elements, this doesn't work when the svelte component is changed into a web-component during build time\n- Using slots is a little weird\n - When using normal svelte components, if you want to style slot contents from the parent component you need to use the `:global(\n
\n```\n\nIn this case, you will need to purge the bundle file specifically by providing absolute path\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/embed/{filename}.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/components/{filename}.bundle.js\n```\n\nfor example,\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/embed/vouch-embed-inline-player.bundle.js\n```\n\n## Unit test\n\n```bash\nyarn test\n```\n\nupdate snapshot\n\n```bash\nyarn test -u\n```\n\n# Releasing\n\nTo make sure we are delivering the highest quality software we can, there is a multi-step review and testing process before we go ahead with any release.\n\n1. Once the feature has been implemented, create a PR and add the `deploy storybook` label to it, once storybook has been deployed send the link to the stakeholder that is in charge of the feature and get them to review.\n - The deployment URL will be added as a comment to the PR once deployed\n2. Use browserstack (credentials in 1password) to cross-browser test the storybook PR deployment using a wide range of operating systems and browser versions\n - TODO: Figure out what is a reasonable set of browsers to test with\n - TODO: Automated tools for cross browser testing using browserstack\n3. Publish the package as a release candidate by adding the `publish rc` label to the PR\n - Once published, install the package into the admin app and test the feature there to make sure your changes are working in situ.\n - Create a PR deployment for the admin app using the release candidate package and get stakeholders to review also.\n4. If there are no issues, bump the package to the appropriate version in the PR, then the PR can be merged into `main` and a regular release can be created using the instructions below\n - TODO: Automate public release\n\n## Update `vouch-app`\n\n`@vouchfor/uikit` is a dependency of the admin app within `vouch-app-mono` and `vouch-app` for embeds and the media player, follow the below steps to publish NPM package and update `package.json` dependency in `vouch-app-mono`.\n\n> Always use semver for version numbering for main releases\n\n- Major: Breaking changes\n- Minor: Feature releases\n- Patch: Hotfixes\n\nBecause we have a few different environments that the embeds may be fetching from (`dev`, `staging` and `prod`) we have added an `env` prop to all of the necessary embeds that allows you to choose the environment at run time. This, along with PR releases, removes the need for an `alpha` and `beta` package release and will allow us to better automate the release process.\n\n### Prod release\n\n> You will need to log in `vouch-tech` on your terminal before publishing, credential is shared via 1Password.\n\n```bash\nnpm login\n```\n\n1. Make sure you are in `packages/uikit` directory\n2. Run `yarn package`\n3. Move to the created `package` folder\n4. Run `npm publish --access public` to publish under the `latest` tag\n\n```bash\ncd packages/uikit\nyarn package\ncd package\nnpm publish --access public\n```\n\nThen, using the same PR in `vouch-app-mono` that you used to test the experimental version, bump to the now latest version and re-test one final time to make sure everything worked as expected.\n\nIf everything works correctly then the PR is ready to be merged, and the CDN cache can be purged to allow for upstream clients using embeds in their apps to receive the new version.\n\n### Post release testing\n\nUse [this](https://codepen.io/aaronuu/pen/poKYJVz) codepen to bump the package version that is downloaded from the CDN and make sure all of the embeds work as expected.","engines":{"node":">=16"},"exports":{"./events":"./events.js","./constants":"./constants.js","./embed/events":{"import":"./embed/events.js","default":"./embed/events.js","require":"./embed/events.cjs"},"./package.json":"./package.json","./internal/theme":"./internal/theme.js","./internal/utils":"./internal/utils.js","./internal/environment":"./internal/environment.js","./components/vouch-menu":{"import":"./components/vouch-menu.js","default":"./components/vouch-menu.js","require":"./components/vouch-menu.cjs"},"./embed/vouch-embed-all":{"import":"./embed/vouch-embed-all.js","default":"./embed/vouch-embed-all.js","require":"./embed/vouch-embed-all.cjs"},"./embed/vouch-embed-card":{"import":"./embed/vouch-embed-card.js","default":"./embed/vouch-embed-card.js","require":"./embed/vouch-embed-card.cjs"},"./components/vouch-button":{"import":"./components/vouch-button.js","default":"./components/vouch-button.js","require":"./components/vouch-button.cjs"},"./embed/vouch-embed-jumbo":{"import":"./embed/vouch-embed-jumbo.js","default":"./embed/vouch-embed-jumbo.js","require":"./embed/vouch-embed-jumbo.cjs"},"./internal/actions/popper":"./internal/actions/popper.js","./internal/hooks/useFetch":"./internal/hooks/useFetch.js","./internal/hooks/useTrack":"./internal/hooks/useTrack.js","./components/vouch-persona":{"import":"./components/vouch-persona.js","default":"./components/vouch-persona.js","require":"./components/vouch-persona.cjs"},"./components/vouch-tooltip":{"import":"./components/vouch-tooltip.js","default":"./components/vouch-tooltip.js","require":"./components/vouch-tooltip.cjs"},"./embed/vouch-embed-button":{"import":"./embed/vouch-embed-button.js","default":"./embed/vouch-embed-button.js","require":"./embed/vouch-embed-button.cjs"},"./components/vouch-recorder":{"import":"./components/vouch-recorder.js","default":"./components/vouch-recorder.js","require":"./components/vouch-recorder.cjs"},"./embed/vouch-embed-popover":{"import":"./embed/vouch-embed-popover.js","default":"./embed/vouch-embed-popover.js","require":"./embed/vouch-embed-popover.cjs"},"./test/internals/utils.spec":"./test/internals/utils.spec.js","./components/vouch-icon-play":{"import":"./components/vouch-icon-play.js","default":"./components/vouch-icon-play.js","require":"./components/vouch-icon-play.cjs"},"./embed/vouch-embed-dialogue":{"import":"./embed/vouch-embed-dialogue.js","default":"./embed/vouch-embed-dialogue.js","require":"./embed/vouch-embed-dialogue.cjs"},"./components/VouchMenu.svelte":"./components/VouchMenu.svelte","./components/vouch-brand-logo":{"import":"./components/vouch-brand-logo.js","default":"./components/vouch-brand-logo.js","require":"./components/vouch-brand-logo.cjs"},"./components/vouch-icon-close":{"import":"./components/vouch-icon-close.js","default":"./components/vouch-icon-close.js","require":"./components/vouch-icon-close.cjs"},"./components/vouch-icon-pause":{"import":"./components/vouch-icon-pause.js","default":"./components/vouch-icon-pause.js","require":"./components/vouch-icon-pause.cjs"},"./components/vouch-media-plyr":{"import":"./components/vouch-media-plyr.js","default":"./components/vouch-media-plyr.js","require":"./components/vouch-media-plyr.cjs"},"./components/vouch-water-mark":{"import":"./components/vouch-water-mark.js","default":"./components/vouch-water-mark.js","require":"./components/vouch-water-mark.cjs"},"./embed/VouchEmbedCard.svelte":"./embed/VouchEmbedCard.svelte","./embed/vouch-embed-thumbnail":{"import":"./embed/vouch-embed-thumbnail.js","default":"./embed/vouch-embed-thumbnail.js","require":"./embed/vouch-embed-thumbnail.cjs"},"./embed/vouch-recorder-button":{"import":"./embed/vouch-recorder-button.js","default":"./embed/vouch-recorder-button.js","require":"./embed/vouch-recorder-button.cjs"},"./components/vouch-graphic-svg":{"import":"./components/vouch-graphic-svg.js","default":"./components/vouch-graphic-svg.js","require":"./components/vouch-graphic-svg.cjs"},"./embed/VouchEmbedJumbo.svelte":"./embed/VouchEmbedJumbo.svelte","./embed/vouch-recorder-preview":{"import":"./embed/vouch-recorder-preview.js","default":"./embed/vouch-recorder-preview.js","require":"./embed/vouch-recorder-preview.cjs"},"./internal/hooks/useFetchEmbed":"./internal/hooks/useFetchEmbed.js","./components/VouchButton.svelte":"./components/VouchButton.svelte","./embed/VouchEmbedButton.svelte":"./embed/VouchEmbedButton.svelte","./components/VouchPersona.svelte":"./components/VouchPersona.svelte","./components/VouchTooltip.svelte":"./components/VouchTooltip.svelte","./components/vouch-volume-slider":{"import":"./components/vouch-volume-slider.js","default":"./components/vouch-volume-slider.js","require":"./components/vouch-volume-slider.cjs"},"./embed/VouchEmbedPopover.svelte":"./embed/VouchEmbedPopover.svelte","./internal/actions/outside-click":"./internal/actions/outside-click.js","./components/VouchIconPlay.svelte":"./components/VouchIconPlay.svelte","./components/VouchRecorder.svelte":"./components/VouchRecorder.svelte","./embed/VouchEmbedDialogue.svelte":"./embed/VouchEmbedDialogue.svelte","./embed/vouch-embed-inline-player":{"import":"./embed/vouch-embed-inline-player.js","default":"./embed/vouch-embed-inline-player.js","require":"./embed/vouch-embed-inline-player.cjs"},"./test/components/VouchIcons.spec":"./test/components/VouchIcons.spec.js","./components/VouchBrandLogo.svelte":"./components/VouchBrandLogo.svelte","./components/VouchIconClose.svelte":"./components/VouchIconClose.svelte","./components/VouchIconPause.svelte":"./components/VouchIconPause.svelte","./components/VouchMediaPlyr.svelte":"./components/VouchMediaPlyr.svelte","./components/VouchWaterMark.svelte":"./components/VouchWaterMark.svelte","./components/vouch-icon-arrow-left":{"import":"./components/vouch-icon-arrow-left.js","default":"./components/vouch-icon-arrow-left.js","require":"./components/vouch-icon-arrow-left.cjs"},"./embed/VouchEmbedThumbnail.svelte":"./embed/VouchEmbedThumbnail.svelte","./embed/VouchRecorderButton.svelte":"./embed/VouchRecorderButton.svelte","./internal/actions/resize-observer":"./internal/actions/resize-observer.js","./components/VouchGraphicSvg.svelte":"./components/VouchGraphicSvg.svelte","./components/vouch-icon-arrow-right":{"import":"./components/vouch-icon-arrow-right.js","default":"./components/vouch-icon-arrow-right.js","require":"./components/vouch-icon-arrow-right.cjs"},"./embed/VouchRecorderPreview.svelte":"./embed/VouchRecorderPreview.svelte","./components/vouch-overlay-play-icon":{"import":"./components/vouch-overlay-play-icon.js","default":"./components/vouch-overlay-play-icon.js","require":"./components/vouch-overlay-play-icon.cjs"},"./components/vouch-progress-scrubber":{"import":"./components/vouch-progress-scrubber.js","default":"./components/vouch-progress-scrubber.js","require":"./components/vouch-progress-scrubber.cjs"},"./test/internals/hooks/useFetch.spec":"./test/internals/hooks/useFetch.spec.js","./test/internals/hooks/useTrack.spec":"./test/internals/hooks/useTrack.spec.js","./components/VouchVolumeSlider.svelte":"./components/VouchVolumeSlider.svelte","./embed/VouchEmbedInlinePlayer.svelte":"./embed/VouchEmbedInlinePlayer.svelte","./test/components/VouchBrandLogo.spec":"./test/components/VouchBrandLogo.spec.js","./test/components/VouchWaterMark.spec":"./test/components/VouchWaterMark.spec.js","./components/VouchIconArrowLeft.svelte":"./components/VouchIconArrowLeft.svelte","./components/vouch-embed-error-message":{"import":"./components/vouch-embed-error-message.js","default":"./components/vouch-embed-error-message.js","require":"./components/vouch-embed-error-message.cjs"},"./test/components/VouchGraphicSvg.spec":"./test/components/VouchGraphicSvg.spec.js","./components/VouchIconArrowRight.svelte":"./components/VouchIconArrowRight.svelte","./embed/vouch-embed-inner-inline-player":{"import":"./embed/vouch-embed-inner-inline-player.js","default":"./embed/vouch-embed-inner-inline-player.js","require":"./embed/vouch-embed-inner-inline-player.cjs"},"./components/VouchOverlayPlayIcon.svelte":"./components/VouchOverlayPlayIcon.svelte","./components/VouchProgressScrubber.svelte":"./components/VouchProgressScrubber.svelte","./test/internals/hooks/useFetchEmbed.spec":"./test/internals/hooks/useFetchEmbed.spec.js","./components/VouchEmbedErrorMessage.svelte":"./components/VouchEmbedErrorMessage.svelte","./embed/VouchEmbedInnerInlinePlayer.svelte":"./embed/VouchEmbedInnerInlinePlayer.svelte","./components/vouch-embed-navigation-controls":{"import":"./components/vouch-embed-navigation-controls.js","default":"./components/vouch-embed-navigation-controls.js","require":"./components/vouch-embed-navigation-controls.cjs"},"./components/VouchEmbedNavigationControls.svelte":"./components/VouchEmbedNavigationControls.svelte"},"gitHead":"4c331b8ea7cd2234f4217011ed9fde61793e513d","_npmUser":{"name":"vouch-tech","email":"brian@vouchfor.com"},"repository":{"url":"git+https://github.com/VouchAU/vouch-uikit.git","type":"git"},"_npmVersion":"8.19.2","description":"Vouch Svelte UIKit","directories":{},"lint-staged":{"*.{js,svelte}":"yarn lint"},"_nodeVersion":"16.18.1","dependencies":{"flat":"^5.0.2","plyr":"^3.7.2","cookie":"^0.4.1","hls.js":"^1.1.5","core-js":"^3.16.3","postcss":"^7","@vime/core":"^5.3.1","tailwindcss":"npm:@tailwindcss/postcss7-compat","@lukeed/uuid":"^2.0.0","autoprefixer":"^9","whatwg-fetch":"^3.6.2","patch-package":"^6.5.0","@popperjs/core":"^2.11.6","@fontsource/fira-mono":"^4.2.2","postinstall-postinstall":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^27.0.6","path":"^0.12.7","vite":"^3.1.8","react":"^18.2.0","tslib":"^2.0.0","dotenv":"^10.0.0","eslint":"^7.22.0","rollup":"^2.55.1","semver":"^7.3.8","svelte":"^3.34.0","webpack":"^5.74.0","playroom":"0.28.0","prettier":"~2.2.1","react-dom":"^18.2.0","ts-loader":"^9.4.1","@percy/cli":"^1.15.0","babel-jest":"^27.0.6","base64-url":"^2.3.3","dotenv-cli":"^6.0.0","svelte2tsx":"^0.4.3","typescript":"^4.8.4","@babel/core":"^7.14.8","@types/jest":"^26.0.24","lint-staged":"^12.4.1","babel-loader":"^8.2.5","svelte-check":"^2.0.0","@sveltejs/kit":"next","@types/cookie":"^0.4.0","@types/hls.js":"^1.0.0","svelte-jester":"^1.8.1","svelte-loader":"^3.1.2","@slack/webhook":"^6.1.0","@percy/storybook":"^4.3.4","@storybook/react":"^6.5.13","@babel/preset-env":"^7.14.9","@storybook/svelte":"^6.5.13","@sveltejs/package":"^1.0.0-next.5","svelte-preprocess":"^4.0.0","rollup-plugin-copy":"^3.4.0","require-from-string":"^2.0.2","rollup-plugin-svelte":"^7.1.0","rollup-plugin-terser":"^7.0.2","eslint-plugin-svelte3":"^3.2.0","@babel/runtime-corejs3":"^7.14.9","@rollup/plugin-replace":"^3.0.0","@storybook/addon-links":"^6.5.13","eslint-config-prettier":"^8.1.0","prettier-plugin-svelte":"^2.2.0","@rollup/plugin-commonjs":"^22.0.0","@testing-library/svelte":"^3.0.3","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.5.13","storybook-addon-playroom":"^3.0.2","@typescript-eslint/parser":"^4.19.0","@rollup/plugin-node-resolve":"^13.0.4","@storybook/addon-essentials":"^6.5.13","@storybook/addon-svelte-csf":"^2.0.10","@typescript-eslint/eslint-plugin":"^4.19.0"},"_npmOperationalInternal":{"tmp":"tmp/uikit_0.0.0-experiment.4c331b8_1672971259501_0.7435324242511339","host":"s3://npm-registry-packages"}},"0.0.0-experiment.742e798":{"name":"@vouchfor/uikit","version":"0.0.0-experiment.742e798","keywords":["embed","design system","vouch-uikit","svelte","uikit"],"author":{"url":"https://vouchau.github.io/vouch-uikit","name":"Vouch Dev Team","email":"hello@vouchfor.com"},"license":"MIT","_id":"@vouchfor/uikit@0.0.0-experiment.742e798","maintainers":[{"name":"vouch-tech","email":"brian@vouchfor.com"}],"homepage":"https://vouchau.github.io/vouch-uikit","bugs":{"url":"https://github.com/VouchAU/vouch-uikit/issues"},"dist":{"shasum":"8a564ffed0b0165bc71dea39b070272af1688e2e","tarball":"https://registry.npmjs.org/@vouchfor/uikit/-/uikit-0.0.0-experiment.742e798.tgz","fileCount":219,"integrity":"sha512-yjdlvDdJOGqH259+BLubpeu+8B8cHyLlwJF/pf7NwyWjRx/cxsVyU6+yY6lRoqYhap1zDyXJJlgHNzBbwtVu2Q==","signatures":[{"sig":"MEUCIQDtI3PRH8BKXFhaGntgj83yiGx/ppF5E2iFdd1nqDFwgwIgVf5wEAPJuQU2uvVDJLMJvLTdt7YSBPfOMw1s394xhgk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":37216166,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJju3PHACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoA1xAAmm1FLoYDRMa65awJZzVmu08OdhCuqH9Ff/6v6ORZ72lZ8w0U\r\nkrKjw1QmylkPJvxb8Swf+vH9Hi7kZKxLwRVkVU1YR3yhOzgYML+51JjdqXDk\r\n0ozGq8B1TCTM9QXBH9J6ExX2iHTTG57fumTjU7wVakRbB8u8MJOwFM/IgwUQ\r\nlocox38hEtHEXWkCoFI1nXY1j7/nJXXz8HjLGyZZZjz8dDwku0lNCcuFnRY8\r\nuU8GYXOGXfCmztL0riYCEqLIsJgBiQM8g27y6edJfEsiOR0isWnl7g4yRJ7h\r\nIrRC9xOYvipoIzDPXPLax4JXw93a/hMM8BRABGA7fJzEf8NyFtQzhm+x68Xs\r\nG4niCI7aD0O2hf2FE/r9nV/+gJVeKNIX1wBpCmvAhYwVTq82Mg4min8Mq1US\r\ne5ZwusF/5aZm14OlqkCqPPPA6k4G4jyO+OMaHlJhmx5BpQmeEyCFM4mksnmO\r\nG7F9k5hzFDzvKobLKy9AZ14wADpyYwOhbavvlPAjdEv2ML61PXicuKDSpbIX\r\ngvjYnAbyVw58dbiq3L/+7h4Dinl8EKdDZ9D0/Hw2ug6irOfIKuDnsOzOYvd+\r\neW3b1W1dryOlP5nzy0g5sXj3lgh01tkRheL9JG3NrPL6ek57vts9wcd17Mr3\r\n6Vl/OAu/uyLSCgr69arQFmeClzXXKfhyaOU=\r\n=MlRe\r\n-----END PGP SIGNATURE-----\r\n"},"type":"module","types":"types.d.ts","readme":"# Vouch UIKit\n\n- [Get Started](#get-started)\n - [Storybook](#storybook)\n - [Playroom](#playroom)\n - [Build package](#build-package)\n - [Test package locally with vouch-app-mono](#test-package-locally-with-vouch-app)\n - [Testing published package](#test-published-package)\n - [Purge npm cache](#purge-jsdelivr-cache)\n - [Purge specific bundles](#purge-specific-bundlejs)\n- [Releasing](#releasing)\n - [Update vouch-app](#update-vouch-app)\n - [Production release](#prod-release)\n\n# Get Started\n\nEnsure you have node `16` installed on your machine, for example via [nvm](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/TERMINAL.md#install-nvm), run `nvm ls` to check\n\n```bash\nnvm ls 16\n```\n\nyou should see output if you have the version installed\n\n```bash\n-> v16.17.1\n```\n\nensure you have [git ssh](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/GITHUB.md) setup locally before you clone the repo\n\n```bash\ngit clone git@github.com:VouchAU/vouch-uikit-mono.git\n```\n\ninstall dependencies\n\n```bash\ncd vouch-uikit-mono\nyarn\n```\n\n## Storybook\n\nhttps://uikit-storybook.vercel.app\n\nStorybook is hosted on vercel and deployed automatically via **GitHub Action** every time changes are merged back to `main`. Storybook can also be deployed per PR by adding the `deploy storybook` label on the PR.\n\nLocal dev\n\n```bash\nyarn storybook\n```\n\nbuild storybook\n\n```bash\nyarn storybook:build\n```\n\n## Playroom\n\nhttps://uikit-playroom.vercel.app\n\nPlayroom is hosted on vercel and deployed automatically via **GitHub Action** every time changes are merged back to `main`. Playroom is not intended to be used on it's own because we don't get good autocomplete for web components, and playroom cannot render the svelte components natively.\n\nInstead we have created a `Playroom` plugin for storybook that will automatically update the rendered web component when any of the story controls change.\n\nLocal dev\n\n```bash\nyarn playroom\n```\n\nbuild playroom\n\n```bash\nyarn playroom:build\n```\n\n## Build package\n\nBuild `src/lib` production/beta/alpha package, make sure you change `version` in `package.json`.\n\n```sh\ncd packages/uikit\n...\nyarn package # production\n```\n\n## Test package locally with `vouch-app`\n\nOnce you build the `npm` package, you can test locally with `vouch-app` to ensure everything works as expected before publishing to `npm`\n\nAssuming you build a package according [Build package](#build-package), now you can create a symlink to your local package\n\n```sh\ncd package\nyarn link\n```\n\nyou should see this if successfully linked\n\n```sh\nyarn link v1.22.10\nsuccess Registered \"@vouchfor/uikit\".\ninfo You can now run `yarn link \"@vouchfor/uikit\"` in the projects where you want to use this package and it will be used instead.\n✨ Done in 0.04s.\n```\n\ngo to `vouch-app-mono` folder and switch to the branch you want to test against with then link the local package\n\n```sh\ncd vouch-app-mono\ngit checkout VCH-222\nyarn link @vouchfor/uikit\nyarn dev\n```\n\nVoilà, you are testing your feature branch with the local uikit package and don't forget to roll back after testing\n\n```sh\ncd vouch-app\nyarn unlink @vouchfor/uikit\n...\ncd vouch-uikit/package\nyarn unlink\n```\n\n## Test published package\n\nYou can publish an experimental version of the package by adding the `publish rc` label onto your PR. This will use the commit hash and a prerelease version number to publish onto NPM which you can then install into your application for testing.\n\nThis can be important because the published package and the linked package aren't necessarily 100% the same, some functionality is lost during the conversion to web-components:\n- When using a svelte component within another svelte component, you are able to pass $$restProps down to inner DOM elements, this doesn't work when the svelte component is changed into a web-component during build time\n- Using slots is a little weird\n - When using normal svelte components, if you want to style slot contents from the parent component you need to use the `:global(\n
\n```\n\nIn this case, you will need to purge the bundle file specifically by providing absolute path\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/embed/{filename}.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/components/{filename}.bundle.js\n```\n\nfor example,\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/embed/vouch-embed-inline-player.bundle.js\n```\n\n## Unit test\n\n```bash\nyarn test\n```\n\nupdate snapshot\n\n```bash\nyarn test -u\n```\n\n# Releasing\n\nTo make sure we are delivering the highest quality software we can, there is a multi-step review and testing process before we go ahead with any release.\n\n1. Once the feature has been implemented, create a PR and add the `deploy storybook` label to it, once storybook has been deployed send the link to the stakeholder that is in charge of the feature and get them to review.\n - The deployment URL will be added as a comment to the PR once deployed\n2. Use browserstack (credentials in 1password) to cross-browser test the storybook PR deployment using a wide range of operating systems and browser versions\n - TODO: Figure out what is a reasonable set of browsers to test with\n - TODO: Automated tools for cross browser testing using browserstack\n3. Publish the package as a release candidate by adding the `publish rc` label to the PR\n - Once published, install the package into the admin app and test the feature there to make sure your changes are working in situ.\n - Create a PR deployment for the admin app using the release candidate package and get stakeholders to review also.\n4. If there are no issues, bump the package to the appropriate version in the PR, then the PR can be merged into `main` and a regular release can be created using the instructions below\n - TODO: Automate public release\n\n## Update `vouch-app`\n\n`@vouchfor/uikit` is a dependency of the admin app within `vouch-app-mono` and `vouch-app` for embeds and the media player, follow the below steps to publish NPM package and update `package.json` dependency in `vouch-app-mono`.\n\n> Always use semver for version numbering for main releases\n\n- Major: Breaking changes\n- Minor: Feature releases\n- Patch: Hotfixes\n\nBecause we have a few different environments that the embeds may be fetching from (`dev`, `staging` and `prod`) we have added an `env` prop to all of the necessary embeds that allows you to choose the environment at run time. This, along with PR releases, removes the need for an `alpha` and `beta` package release and will allow us to better automate the release process.\n\n### Prod release\n\n> You will need to log in `vouch-tech` on your terminal before publishing, credential is shared via 1Password.\n\n```bash\nnpm login\n```\n\n1. Make sure you are in `packages/uikit` directory\n2. Run `yarn package`\n3. Move to the created `package` folder\n4. Run `npm publish --access public` to publish under the `latest` tag\n\n```bash\ncd packages/uikit\nyarn package\ncd package\nnpm publish --access public\n```\n\nThen, using the same PR in `vouch-app-mono` that you used to test the experimental version, bump to the now latest version and re-test one final time to make sure everything worked as expected.\n\nIf everything works correctly then the PR is ready to be merged, and the CDN cache can be purged to allow for upstream clients using embeds in their apps to receive the new version.\n\n### Post release testing\n\nUse [this](https://codepen.io/aaronuu/pen/poKYJVz) codepen to bump the package version that is downloaded from the CDN and make sure all of the embeds work as expected.","engines":{"node":">=16"},"exports":{"./events":"./events.js","./constants":"./constants.js","./embed/events":{"import":"./embed/events.js","default":"./embed/events.js","require":"./embed/events.cjs"},"./package.json":"./package.json","./internal/theme":"./internal/theme.js","./internal/utils":"./internal/utils.js","./internal/environment":"./internal/environment.js","./components/vouch-menu":{"import":"./components/vouch-menu.js","default":"./components/vouch-menu.js","require":"./components/vouch-menu.cjs"},"./embed/vouch-embed-all":{"import":"./embed/vouch-embed-all.js","default":"./embed/vouch-embed-all.js","require":"./embed/vouch-embed-all.cjs"},"./embed/vouch-embed-card":{"import":"./embed/vouch-embed-card.js","default":"./embed/vouch-embed-card.js","require":"./embed/vouch-embed-card.cjs"},"./components/vouch-button":{"import":"./components/vouch-button.js","default":"./components/vouch-button.js","require":"./components/vouch-button.cjs"},"./embed/vouch-embed-jumbo":{"import":"./embed/vouch-embed-jumbo.js","default":"./embed/vouch-embed-jumbo.js","require":"./embed/vouch-embed-jumbo.cjs"},"./internal/actions/popper":"./internal/actions/popper.js","./internal/hooks/useFetch":"./internal/hooks/useFetch.js","./internal/hooks/useTrack":"./internal/hooks/useTrack.js","./components/vouch-persona":{"import":"./components/vouch-persona.js","default":"./components/vouch-persona.js","require":"./components/vouch-persona.cjs"},"./components/vouch-tooltip":{"import":"./components/vouch-tooltip.js","default":"./components/vouch-tooltip.js","require":"./components/vouch-tooltip.cjs"},"./embed/vouch-embed-button":{"import":"./embed/vouch-embed-button.js","default":"./embed/vouch-embed-button.js","require":"./embed/vouch-embed-button.cjs"},"./components/vouch-recorder":{"import":"./components/vouch-recorder.js","default":"./components/vouch-recorder.js","require":"./components/vouch-recorder.cjs"},"./embed/vouch-embed-popover":{"import":"./embed/vouch-embed-popover.js","default":"./embed/vouch-embed-popover.js","require":"./embed/vouch-embed-popover.cjs"},"./test/internals/utils.spec":"./test/internals/utils.spec.js","./components/vouch-icon-play":{"import":"./components/vouch-icon-play.js","default":"./components/vouch-icon-play.js","require":"./components/vouch-icon-play.cjs"},"./embed/vouch-embed-dialogue":{"import":"./embed/vouch-embed-dialogue.js","default":"./embed/vouch-embed-dialogue.js","require":"./embed/vouch-embed-dialogue.cjs"},"./components/VouchMenu.svelte":"./components/VouchMenu.svelte","./components/vouch-brand-logo":{"import":"./components/vouch-brand-logo.js","default":"./components/vouch-brand-logo.js","require":"./components/vouch-brand-logo.cjs"},"./components/vouch-icon-close":{"import":"./components/vouch-icon-close.js","default":"./components/vouch-icon-close.js","require":"./components/vouch-icon-close.cjs"},"./components/vouch-icon-pause":{"import":"./components/vouch-icon-pause.js","default":"./components/vouch-icon-pause.js","require":"./components/vouch-icon-pause.cjs"},"./components/vouch-media-plyr":{"import":"./components/vouch-media-plyr.js","default":"./components/vouch-media-plyr.js","require":"./components/vouch-media-plyr.cjs"},"./components/vouch-water-mark":{"import":"./components/vouch-water-mark.js","default":"./components/vouch-water-mark.js","require":"./components/vouch-water-mark.cjs"},"./embed/VouchEmbedCard.svelte":"./embed/VouchEmbedCard.svelte","./embed/vouch-embed-thumbnail":{"import":"./embed/vouch-embed-thumbnail.js","default":"./embed/vouch-embed-thumbnail.js","require":"./embed/vouch-embed-thumbnail.cjs"},"./embed/vouch-recorder-button":{"import":"./embed/vouch-recorder-button.js","default":"./embed/vouch-recorder-button.js","require":"./embed/vouch-recorder-button.cjs"},"./components/vouch-graphic-svg":{"import":"./components/vouch-graphic-svg.js","default":"./components/vouch-graphic-svg.js","require":"./components/vouch-graphic-svg.cjs"},"./embed/VouchEmbedJumbo.svelte":"./embed/VouchEmbedJumbo.svelte","./embed/vouch-recorder-preview":{"import":"./embed/vouch-recorder-preview.js","default":"./embed/vouch-recorder-preview.js","require":"./embed/vouch-recorder-preview.cjs"},"./internal/hooks/useFetchEmbed":"./internal/hooks/useFetchEmbed.js","./components/VouchButton.svelte":"./components/VouchButton.svelte","./embed/VouchEmbedButton.svelte":"./embed/VouchEmbedButton.svelte","./components/VouchPersona.svelte":"./components/VouchPersona.svelte","./components/VouchTooltip.svelte":"./components/VouchTooltip.svelte","./components/vouch-volume-slider":{"import":"./components/vouch-volume-slider.js","default":"./components/vouch-volume-slider.js","require":"./components/vouch-volume-slider.cjs"},"./embed/VouchEmbedPopover.svelte":"./embed/VouchEmbedPopover.svelte","./internal/actions/outside-click":"./internal/actions/outside-click.js","./components/VouchIconPlay.svelte":"./components/VouchIconPlay.svelte","./components/VouchRecorder.svelte":"./components/VouchRecorder.svelte","./embed/VouchEmbedDialogue.svelte":"./embed/VouchEmbedDialogue.svelte","./embed/vouch-embed-inline-player":{"import":"./embed/vouch-embed-inline-player.js","default":"./embed/vouch-embed-inline-player.js","require":"./embed/vouch-embed-inline-player.cjs"},"./test/components/VouchIcons.spec":"./test/components/VouchIcons.spec.js","./components/VouchBrandLogo.svelte":"./components/VouchBrandLogo.svelte","./components/VouchIconClose.svelte":"./components/VouchIconClose.svelte","./components/VouchIconPause.svelte":"./components/VouchIconPause.svelte","./components/VouchMediaPlyr.svelte":"./components/VouchMediaPlyr.svelte","./components/VouchWaterMark.svelte":"./components/VouchWaterMark.svelte","./components/vouch-icon-arrow-left":{"import":"./components/vouch-icon-arrow-left.js","default":"./components/vouch-icon-arrow-left.js","require":"./components/vouch-icon-arrow-left.cjs"},"./embed/VouchEmbedThumbnail.svelte":"./embed/VouchEmbedThumbnail.svelte","./embed/VouchRecorderButton.svelte":"./embed/VouchRecorderButton.svelte","./internal/actions/resize-observer":"./internal/actions/resize-observer.js","./components/VouchGraphicSvg.svelte":"./components/VouchGraphicSvg.svelte","./components/vouch-icon-arrow-right":{"import":"./components/vouch-icon-arrow-right.js","default":"./components/vouch-icon-arrow-right.js","require":"./components/vouch-icon-arrow-right.cjs"},"./embed/VouchRecorderPreview.svelte":"./embed/VouchRecorderPreview.svelte","./components/vouch-overlay-play-icon":{"import":"./components/vouch-overlay-play-icon.js","default":"./components/vouch-overlay-play-icon.js","require":"./components/vouch-overlay-play-icon.cjs"},"./components/vouch-progress-scrubber":{"import":"./components/vouch-progress-scrubber.js","default":"./components/vouch-progress-scrubber.js","require":"./components/vouch-progress-scrubber.cjs"},"./test/internals/hooks/useFetch.spec":"./test/internals/hooks/useFetch.spec.js","./test/internals/hooks/useTrack.spec":"./test/internals/hooks/useTrack.spec.js","./components/VouchVolumeSlider.svelte":"./components/VouchVolumeSlider.svelte","./embed/VouchEmbedInlinePlayer.svelte":"./embed/VouchEmbedInlinePlayer.svelte","./test/components/VouchBrandLogo.spec":"./test/components/VouchBrandLogo.spec.js","./test/components/VouchWaterMark.spec":"./test/components/VouchWaterMark.spec.js","./components/VouchIconArrowLeft.svelte":"./components/VouchIconArrowLeft.svelte","./components/vouch-embed-error-message":{"import":"./components/vouch-embed-error-message.js","default":"./components/vouch-embed-error-message.js","require":"./components/vouch-embed-error-message.cjs"},"./test/components/VouchGraphicSvg.spec":"./test/components/VouchGraphicSvg.spec.js","./components/VouchIconArrowRight.svelte":"./components/VouchIconArrowRight.svelte","./embed/vouch-embed-inner-inline-player":{"import":"./embed/vouch-embed-inner-inline-player.js","default":"./embed/vouch-embed-inner-inline-player.js","require":"./embed/vouch-embed-inner-inline-player.cjs"},"./components/VouchOverlayPlayIcon.svelte":"./components/VouchOverlayPlayIcon.svelte","./components/VouchProgressScrubber.svelte":"./components/VouchProgressScrubber.svelte","./test/internals/hooks/useFetchEmbed.spec":"./test/internals/hooks/useFetchEmbed.spec.js","./components/VouchEmbedErrorMessage.svelte":"./components/VouchEmbedErrorMessage.svelte","./embed/VouchEmbedInnerInlinePlayer.svelte":"./embed/VouchEmbedInnerInlinePlayer.svelte","./components/vouch-embed-navigation-controls":{"import":"./components/vouch-embed-navigation-controls.js","default":"./components/vouch-embed-navigation-controls.js","require":"./components/vouch-embed-navigation-controls.cjs"},"./components/VouchEmbedNavigationControls.svelte":"./components/VouchEmbedNavigationControls.svelte"},"gitHead":"742e79889463a4702b588094ee4bc3f012c911f8","_npmUser":{"name":"vouch-tech","email":"brian@vouchfor.com"},"repository":{"url":"git+https://github.com/VouchAU/vouch-uikit.git","type":"git"},"_npmVersion":"8.19.2","description":"Vouch Svelte UIKit","directories":{},"lint-staged":{"*.{js,svelte}":"yarn lint"},"_nodeVersion":"16.18.1","dependencies":{"flat":"^5.0.2","plyr":"^3.7.2","cookie":"^0.4.1","hls.js":"^1.1.5","core-js":"^3.16.3","postcss":"^7","@vime/core":"^5.3.1","tailwindcss":"npm:@tailwindcss/postcss7-compat","@lukeed/uuid":"^2.0.0","autoprefixer":"^9","whatwg-fetch":"^3.6.2","patch-package":"^6.5.0","@popperjs/core":"^2.11.6","@fontsource/fira-mono":"^4.2.2","postinstall-postinstall":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^27.0.6","path":"^0.12.7","vite":"^3.1.8","react":"^18.2.0","tslib":"^2.0.0","dotenv":"^10.0.0","eslint":"^7.22.0","rollup":"^2.55.1","semver":"^7.3.8","svelte":"^3.34.0","webpack":"^5.74.0","playroom":"0.28.0","prettier":"~2.2.1","react-dom":"^18.2.0","ts-loader":"^9.4.1","@percy/cli":"^1.15.0","babel-jest":"^27.0.6","base64-url":"^2.3.3","dotenv-cli":"^6.0.0","svelte2tsx":"^0.4.3","typescript":"^4.8.4","@babel/core":"^7.14.8","@types/jest":"^26.0.24","lint-staged":"^12.4.1","babel-loader":"^8.2.5","svelte-check":"^2.0.0","@sveltejs/kit":"next","@types/cookie":"^0.4.0","@types/hls.js":"^1.0.0","svelte-jester":"^1.8.1","svelte-loader":"^3.1.2","@slack/webhook":"^6.1.0","@percy/storybook":"^4.3.4","@storybook/react":"^6.5.13","@babel/preset-env":"^7.14.9","@storybook/svelte":"^6.5.13","@sveltejs/package":"^1.0.0-next.5","svelte-preprocess":"^4.0.0","rollup-plugin-copy":"^3.4.0","require-from-string":"^2.0.2","rollup-plugin-svelte":"^7.1.0","rollup-plugin-terser":"^7.0.2","eslint-plugin-svelte3":"^3.2.0","@babel/runtime-corejs3":"^7.14.9","@rollup/plugin-replace":"^3.0.0","@storybook/addon-links":"^6.5.13","eslint-config-prettier":"^8.1.0","prettier-plugin-svelte":"^2.2.0","@rollup/plugin-commonjs":"^22.0.0","@testing-library/svelte":"^3.0.3","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.5.13","storybook-addon-playroom":"^3.0.2","@typescript-eslint/parser":"^4.19.0","@rollup/plugin-node-resolve":"^13.0.4","@storybook/addon-essentials":"^6.5.13","@storybook/addon-svelte-csf":"^2.0.10","@typescript-eslint/eslint-plugin":"^4.19.0"},"_npmOperationalInternal":{"tmp":"tmp/uikit_0.0.0-experiment.742e798_1673229254633_0.30521767193239113","host":"s3://npm-registry-packages"}},"0.0.0-experiment.a3fc591":{"name":"@vouchfor/uikit","version":"0.0.0-experiment.a3fc591","keywords":["embed","design system","vouch-uikit","svelte","uikit"],"author":{"url":"https://vouchau.github.io/vouch-uikit","name":"Vouch Dev Team","email":"hello@vouchfor.com"},"license":"MIT","_id":"@vouchfor/uikit@0.0.0-experiment.a3fc591","maintainers":[{"name":"vouch-tech","email":"brian@vouchfor.com"}],"homepage":"https://vouchau.github.io/vouch-uikit","bugs":{"url":"https://github.com/VouchAU/vouch-uikit/issues"},"dist":{"shasum":"15ff080e7c30c4078fbc776f719b1d5f202aebbd","tarball":"https://registry.npmjs.org/@vouchfor/uikit/-/uikit-0.0.0-experiment.a3fc591.tgz","fileCount":204,"integrity":"sha512-Dei3FpQR2oQIe+Yw4RBYjFlLWOLv5AfqaqyY1dfNCbEjsvTObm5bscL0hktlPvQTd9MqiRExwYlx6Uh3qLx5WQ==","signatures":[{"sig":"MEYCIQD5G6/BxqZbtMO6tTGf+vfHYBiJqWDWYlSf5qxOuYWPIQIhAPiWPlBKgw6ppSBQyk0ubl7Rhczg5+8gLsZ1aumFsDsY","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":27057361,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJju5AvACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo7hhAAirh8zhG3rRP7kjtdHpEt004iOd/HJ/nhgGxSkRDZR9rkzabU\r\nWRso6/S8cQX4iqu1leA3gz/mcCH/T/0KZGRO5r0eHE525GiOE8VUyz0kbhW+\r\n/ruBIkF9zsVf8Y1AZM1qEJSufn9MjMmXGUeqghwmHZfaRCIqFupPKdABVdmt\r\nECx3cIKOKpqMZUmys3VHQjhFZ4bZ+dh29klO3JjYUX2OVhDcifrR/jKADm7v\r\nlSF1vjZXessFpDZX0FUVwdaqfH57JWHHwiKNykjW6fVVek67E9C4LQipccLw\r\nmqiUWV15hFntQ7yOJP0O30rqMhktN9Y9eVrmwisfO2U/R94GztpHrKTfoZiz\r\nsxUnfCDraK131jhwuG39/bvCP+IU/jF2uLwc0JK/yWHv1HSHl3jcBB9GQ4P/\r\nWKtX+aVdkGI6wkt57WIN2qpZZitNAXPi8NVVBgp6J2dArXYMw3jRA81fF8rq\r\nRIGL/MVySgzjTUZ/j+SVnjy9A0nnRoHKtrAAU8DJezFkozKkeiA2CSRlbKNF\r\nNgVdX4dZSX/fFFzot3CdnJ3PFRKmVBis9oTRtWa2pTNCwGB5gPsLxACzVO5m\r\nsdrbph/5+cJJahhhNkxODF/ErF7/oQ4yTx08hK6qbOKwhCpdSQC6VFK7G5cB\r\nPfO5ctNQW+Td/KM5NbORR6gk0AbQhxnBBA4=\r\n=A76I\r\n-----END PGP SIGNATURE-----\r\n"},"type":"module","types":"types.d.ts","readme":"# Vouch UIKit\n\n- [Get Started](#get-started)\n - [Storybook](#storybook)\n - [Playroom](#playroom)\n - [Build package](#build-package)\n - [Test package locally with vouch-app-mono](#test-package-locally-with-vouch-app)\n - [Testing published package](#test-published-package)\n - [Purge npm cache](#purge-jsdelivr-cache)\n - [Purge specific bundles](#purge-specific-bundlejs)\n- [Releasing](#releasing)\n - [Update vouch-app](#update-vouch-app)\n - [Production release](#prod-release)\n\n# Get Started\n\nEnsure you have node `16` installed on your machine, for example via [nvm](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/TERMINAL.md#install-nvm), run `nvm ls` to check\n\n```bash\nnvm ls 16\n```\n\nyou should see output if you have the version installed\n\n```bash\n-> v16.17.1\n```\n\nensure you have [git ssh](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/GITHUB.md) setup locally before you clone the repo\n\n```bash\ngit clone git@github.com:VouchAU/vouch-uikit-mono.git\n```\n\ninstall dependencies\n\n```bash\ncd vouch-uikit-mono\nyarn\n```\n\n## Storybook\n\nhttps://uikit-storybook.vercel.app\n\nStorybook is hosted on vercel and deployed automatically via **GitHub Action** every time changes are merged back to `main`. Storybook can also be deployed per PR by adding the `deploy storybook` label on the PR.\n\nLocal dev\n\n```bash\nyarn storybook\n```\n\nbuild storybook\n\n```bash\nyarn storybook:build\n```\n\n## Playroom\n\nhttps://uikit-playroom.vercel.app\n\nPlayroom is hosted on vercel and deployed automatically via **GitHub Action** every time changes are merged back to `main`. Playroom is not intended to be used on it's own because we don't get good autocomplete for web components, and playroom cannot render the svelte components natively.\n\nInstead we have created a `Playroom` plugin for storybook that will automatically update the rendered web component when any of the story controls change.\n\nLocal dev\n\n```bash\nyarn playroom\n```\n\nbuild playroom\n\n```bash\nyarn playroom:build\n```\n\n## Build package\n\nBuild `src/lib` production/beta/alpha package, make sure you change `version` in `package.json`.\n\n```sh\ncd packages/uikit\n...\nyarn package # production\n```\n\n## Test package locally with `vouch-app`\n\nOnce you build the `npm` package, you can test locally with `vouch-app` to ensure everything works as expected before publishing to `npm`\n\nAssuming you build a package according [Build package](#build-package), now you can create a symlink to your local package\n\n```sh\ncd package\nyarn link\n```\n\nyou should see this if successfully linked\n\n```sh\nyarn link v1.22.10\nsuccess Registered \"@vouchfor/uikit\".\ninfo You can now run `yarn link \"@vouchfor/uikit\"` in the projects where you want to use this package and it will be used instead.\n✨ Done in 0.04s.\n```\n\ngo to `vouch-app-mono` folder and switch to the branch you want to test against with then link the local package\n\n```sh\ncd vouch-app-mono\ngit checkout VCH-222\nyarn link @vouchfor/uikit\nyarn dev\n```\n\nVoilà, you are testing your feature branch with the local uikit package and don't forget to roll back after testing\n\n```sh\ncd vouch-app\nyarn unlink @vouchfor/uikit\n...\ncd vouch-uikit/package\nyarn unlink\n```\n\n## Test published package\n\nYou can publish an experimental version of the package by adding the `publish rc` label onto your PR. This will use the commit hash and a prerelease version number to publish onto NPM which you can then install into your application for testing.\n\nThis can be important because the published package and the linked package aren't necessarily 100% the same, some functionality is lost during the conversion to web-components:\n- When using a svelte component within another svelte component, you are able to pass $$restProps down to inner DOM elements, this doesn't work when the svelte component is changed into a web-component during build time\n- Using slots is a little weird\n - When using normal svelte components, if you want to style slot contents from the parent component you need to use the `:global(\n
\n```\n\nIn this case, you will need to purge the bundle file specifically by providing absolute path\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/embed/{filename}.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/components/{filename}.bundle.js\n```\n\nfor example,\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/embed/vouch-embed-inline-player.bundle.js\n```\n\n## Unit test\n\n```bash\nyarn test\n```\n\nupdate snapshot\n\n```bash\nyarn test -u\n```\n\n# Releasing\n\nTo make sure we are delivering the highest quality software we can, there is a multi-step review and testing process before we go ahead with any release.\n\n1. Once the feature has been implemented, create a PR and add the `deploy storybook` label to it, once storybook has been deployed send the link to the stakeholder that is in charge of the feature and get them to review.\n - The deployment URL will be added as a comment to the PR once deployed\n2. Use browserstack (credentials in 1password) to cross-browser test the storybook PR deployment using a wide range of operating systems and browser versions\n - TODO: Figure out what is a reasonable set of browsers to test with\n - TODO: Automated tools for cross browser testing using browserstack\n3. Publish the package as a release candidate by adding the `publish rc` label to the PR\n - Once published, install the package into the admin app and test the feature there to make sure your changes are working in situ.\n - Create a PR deployment for the admin app using the release candidate package and get stakeholders to review also.\n4. If there are no issues, bump the package to the appropriate version in the PR, then the PR can be merged into `main` and a regular release can be created using the instructions below\n - TODO: Automate public release\n\n## Update `vouch-app`\n\n`@vouchfor/uikit` is a dependency of the admin app within `vouch-app-mono` and `vouch-app` for embeds and the media player, follow the below steps to publish NPM package and update `package.json` dependency in `vouch-app-mono`.\n\n> Always use semver for version numbering for main releases\n\n- Major: Breaking changes\n- Minor: Feature releases\n- Patch: Hotfixes\n\nBecause we have a few different environments that the embeds may be fetching from (`dev`, `staging` and `prod`) we have added an `env` prop to all of the necessary embeds that allows you to choose the environment at run time. This, along with PR releases, removes the need for an `alpha` and `beta` package release and will allow us to better automate the release process.\n\n### Prod release\n\n> You will need to log in `vouch-tech` on your terminal before publishing, credential is shared via 1Password.\n\n```bash\nnpm login\n```\n\n1. Make sure you are in `packages/uikit` directory\n2. Run `yarn package`\n3. Move to the created `package` folder\n4. Run `npm publish --access public` to publish under the `latest` tag\n\n```bash\ncd packages/uikit\nyarn package\ncd package\nnpm publish --access public\n```\n\nThen, using the same PR in `vouch-app-mono` that you used to test the experimental version, bump to the now latest version and re-test one final time to make sure everything worked as expected.\n\nIf everything works correctly then the PR is ready to be merged, and the CDN cache can be purged to allow for upstream clients using embeds in their apps to receive the new version.\n\n### Post release testing\n\nUse [this](https://codepen.io/aaronuu/pen/poKYJVz) codepen to bump the package version that is downloaded from the CDN and make sure all of the embeds work as expected.","engines":{"node":">=16"},"exports":{"./events":"./events.js","./constants":"./constants.js","./embed/events":{"import":"./embed/events.js","default":"./embed/events.js","require":"./embed/events.cjs"},"./package.json":"./package.json","./internal/theme":"./internal/theme.js","./internal/utils":"./internal/utils.js","./internal/environment":"./internal/environment.js","./components/vouch-menu":{"import":"./components/vouch-menu.js","default":"./components/vouch-menu.js","require":"./components/vouch-menu.cjs"},"./embed/vouch-embed-all":{"import":"./embed/vouch-embed-all.js","default":"./embed/vouch-embed-all.js","require":"./embed/vouch-embed-all.cjs"},"./embed/vouch-embed-card":{"import":"./embed/vouch-embed-card.js","default":"./embed/vouch-embed-card.js","require":"./embed/vouch-embed-card.cjs"},"./components/vouch-button":{"import":"./components/vouch-button.js","default":"./components/vouch-button.js","require":"./components/vouch-button.cjs"},"./embed/vouch-embed-jumbo":{"import":"./embed/vouch-embed-jumbo.js","default":"./embed/vouch-embed-jumbo.js","require":"./embed/vouch-embed-jumbo.cjs"},"./internal/actions/popper":"./internal/actions/popper.js","./internal/hooks/useFetch":"./internal/hooks/useFetch.js","./internal/hooks/useTrack":"./internal/hooks/useTrack.js","./components/vouch-persona":{"import":"./components/vouch-persona.js","default":"./components/vouch-persona.js","require":"./components/vouch-persona.cjs"},"./components/vouch-tooltip":{"import":"./components/vouch-tooltip.js","default":"./components/vouch-tooltip.js","require":"./components/vouch-tooltip.cjs"},"./embed/vouch-embed-button":{"import":"./embed/vouch-embed-button.js","default":"./embed/vouch-embed-button.js","require":"./embed/vouch-embed-button.cjs"},"./components/vouch-recorder":{"import":"./components/vouch-recorder.js","default":"./components/vouch-recorder.js","require":"./components/vouch-recorder.cjs"},"./embed/vouch-embed-popover":{"import":"./embed/vouch-embed-popover.js","default":"./embed/vouch-embed-popover.js","require":"./embed/vouch-embed-popover.cjs"},"./test/internals/utils.spec":"./test/internals/utils.spec.js","./components/vouch-icon-play":{"import":"./components/vouch-icon-play.js","default":"./components/vouch-icon-play.js","require":"./components/vouch-icon-play.cjs"},"./embed/vouch-embed-dialogue":{"import":"./embed/vouch-embed-dialogue.js","default":"./embed/vouch-embed-dialogue.js","require":"./embed/vouch-embed-dialogue.cjs"},"./components/VouchMenu.svelte":"./components/VouchMenu.svelte","./components/vouch-brand-logo":{"import":"./components/vouch-brand-logo.js","default":"./components/vouch-brand-logo.js","require":"./components/vouch-brand-logo.cjs"},"./components/vouch-icon-close":{"import":"./components/vouch-icon-close.js","default":"./components/vouch-icon-close.js","require":"./components/vouch-icon-close.cjs"},"./components/vouch-icon-pause":{"import":"./components/vouch-icon-pause.js","default":"./components/vouch-icon-pause.js","require":"./components/vouch-icon-pause.cjs"},"./components/vouch-media-plyr":{"import":"./components/vouch-media-plyr.js","default":"./components/vouch-media-plyr.js","require":"./components/vouch-media-plyr.cjs"},"./components/vouch-water-mark":{"import":"./components/vouch-water-mark.js","default":"./components/vouch-water-mark.js","require":"./components/vouch-water-mark.cjs"},"./embed/VouchEmbedCard.svelte":"./embed/VouchEmbedCard.svelte","./embed/vouch-embed-thumbnail":{"import":"./embed/vouch-embed-thumbnail.js","default":"./embed/vouch-embed-thumbnail.js","require":"./embed/vouch-embed-thumbnail.cjs"},"./embed/vouch-recorder-button":{"import":"./embed/vouch-recorder-button.js","default":"./embed/vouch-recorder-button.js","require":"./embed/vouch-recorder-button.cjs"},"./components/vouch-graphic-svg":{"import":"./components/vouch-graphic-svg.js","default":"./components/vouch-graphic-svg.js","require":"./components/vouch-graphic-svg.cjs"},"./embed/VouchEmbedJumbo.svelte":"./embed/VouchEmbedJumbo.svelte","./embed/vouch-recorder-preview":{"import":"./embed/vouch-recorder-preview.js","default":"./embed/vouch-recorder-preview.js","require":"./embed/vouch-recorder-preview.cjs"},"./internal/hooks/useFetchEmbed":"./internal/hooks/useFetchEmbed.js","./components/VouchButton.svelte":"./components/VouchButton.svelte","./embed/VouchEmbedButton.svelte":"./embed/VouchEmbedButton.svelte","./components/VouchPersona.svelte":"./components/VouchPersona.svelte","./components/VouchTooltip.svelte":"./components/VouchTooltip.svelte","./components/vouch-volume-slider":{"import":"./components/vouch-volume-slider.js","default":"./components/vouch-volume-slider.js","require":"./components/vouch-volume-slider.cjs"},"./embed/VouchEmbedPopover.svelte":"./embed/VouchEmbedPopover.svelte","./internal/actions/outside-click":"./internal/actions/outside-click.js","./components/VouchIconPlay.svelte":"./components/VouchIconPlay.svelte","./components/VouchRecorder.svelte":"./components/VouchRecorder.svelte","./embed/VouchEmbedDialogue.svelte":"./embed/VouchEmbedDialogue.svelte","./embed/vouch-embed-inline-player":{"import":"./embed/vouch-embed-inline-player.js","default":"./embed/vouch-embed-inline-player.js","require":"./embed/vouch-embed-inline-player.cjs"},"./test/components/VouchIcons.spec":"./test/components/VouchIcons.spec.js","./components/VouchBrandLogo.svelte":"./components/VouchBrandLogo.svelte","./components/VouchIconClose.svelte":"./components/VouchIconClose.svelte","./components/VouchIconPause.svelte":"./components/VouchIconPause.svelte","./components/VouchMediaPlyr.svelte":"./components/VouchMediaPlyr.svelte","./components/VouchWaterMark.svelte":"./components/VouchWaterMark.svelte","./components/vouch-icon-arrow-left":{"import":"./components/vouch-icon-arrow-left.js","default":"./components/vouch-icon-arrow-left.js","require":"./components/vouch-icon-arrow-left.cjs"},"./embed/VouchEmbedThumbnail.svelte":"./embed/VouchEmbedThumbnail.svelte","./embed/VouchRecorderButton.svelte":"./embed/VouchRecorderButton.svelte","./internal/actions/resize-observer":"./internal/actions/resize-observer.js","./components/VouchGraphicSvg.svelte":"./components/VouchGraphicSvg.svelte","./components/vouch-icon-arrow-right":{"import":"./components/vouch-icon-arrow-right.js","default":"./components/vouch-icon-arrow-right.js","require":"./components/vouch-icon-arrow-right.cjs"},"./embed/VouchRecorderPreview.svelte":"./embed/VouchRecorderPreview.svelte","./components/vouch-overlay-play-icon":{"import":"./components/vouch-overlay-play-icon.js","default":"./components/vouch-overlay-play-icon.js","require":"./components/vouch-overlay-play-icon.cjs"},"./components/vouch-progress-scrubber":{"import":"./components/vouch-progress-scrubber.js","default":"./components/vouch-progress-scrubber.js","require":"./components/vouch-progress-scrubber.cjs"},"./test/internals/hooks/useFetch.spec":"./test/internals/hooks/useFetch.spec.js","./test/internals/hooks/useTrack.spec":"./test/internals/hooks/useTrack.spec.js","./components/VouchVolumeSlider.svelte":"./components/VouchVolumeSlider.svelte","./embed/VouchEmbedInlinePlayer.svelte":"./embed/VouchEmbedInlinePlayer.svelte","./test/components/VouchBrandLogo.spec":"./test/components/VouchBrandLogo.spec.js","./test/components/VouchWaterMark.spec":"./test/components/VouchWaterMark.spec.js","./components/VouchIconArrowLeft.svelte":"./components/VouchIconArrowLeft.svelte","./test/components/VouchGraphicSvg.spec":"./test/components/VouchGraphicSvg.spec.js","./components/VouchIconArrowRight.svelte":"./components/VouchIconArrowRight.svelte","./components/VouchOverlayPlayIcon.svelte":"./components/VouchOverlayPlayIcon.svelte","./components/VouchProgressScrubber.svelte":"./components/VouchProgressScrubber.svelte","./test/internals/hooks/useFetchEmbed.spec":"./test/internals/hooks/useFetchEmbed.spec.js"},"gitHead":"a3fc5915462eecf3c9c964d1dab4bf53457211fb","_npmUser":{"name":"vouch-tech","email":"brian@vouchfor.com"},"repository":{"url":"git+https://github.com/VouchAU/vouch-uikit.git","type":"git"},"_npmVersion":"8.19.2","description":"Vouch Svelte UIKit","directories":{},"lint-staged":{"*.{js,svelte}":"yarn lint"},"_nodeVersion":"16.18.1","dependencies":{"flat":"^5.0.2","plyr":"^3.7.2","cookie":"^0.4.1","hls.js":"^1.1.5","core-js":"^3.16.3","postcss":"^7","@vime/core":"^5.3.1","tailwindcss":"npm:@tailwindcss/postcss7-compat","@lukeed/uuid":"^2.0.0","autoprefixer":"^9","whatwg-fetch":"^3.6.2","patch-package":"^6.5.0","@popperjs/core":"^2.11.6","@fontsource/fira-mono":"^4.2.2","postinstall-postinstall":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^27.0.6","path":"^0.12.7","vite":"^3.1.8","react":"^18.2.0","tslib":"^2.0.0","dotenv":"^10.0.0","eslint":"^7.22.0","rollup":"^2.55.1","semver":"^7.3.8","svelte":"^3.34.0","webpack":"^5.74.0","playroom":"0.28.0","prettier":"~2.2.1","react-dom":"^18.2.0","ts-loader":"^9.4.1","@percy/cli":"^1.15.0","babel-jest":"^27.0.6","base64-url":"^2.3.3","dotenv-cli":"^6.0.0","svelte2tsx":"^0.4.3","typescript":"^4.8.4","@babel/core":"^7.14.8","@types/jest":"^26.0.24","lint-staged":"^12.4.1","babel-loader":"^8.2.5","svelte-check":"^2.0.0","@sveltejs/kit":"next","@types/cookie":"^0.4.0","@types/hls.js":"^1.0.0","svelte-jester":"^1.8.1","svelte-loader":"^3.1.2","@slack/webhook":"^6.1.0","@percy/storybook":"^4.3.4","@storybook/react":"^6.5.13","@babel/preset-env":"^7.14.9","@storybook/svelte":"^6.5.13","@sveltejs/package":"^1.0.0-next.5","svelte-preprocess":"^4.0.0","rollup-plugin-copy":"^3.4.0","require-from-string":"^2.0.2","rollup-plugin-svelte":"^7.1.0","rollup-plugin-terser":"^7.0.2","eslint-plugin-svelte3":"^3.2.0","@babel/runtime-corejs3":"^7.14.9","@rollup/plugin-replace":"^3.0.0","@storybook/addon-links":"^6.5.13","eslint-config-prettier":"^8.1.0","prettier-plugin-svelte":"^2.2.0","@rollup/plugin-commonjs":"^22.0.0","@testing-library/svelte":"^3.0.3","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.5.13","storybook-addon-playroom":"^3.0.2","@typescript-eslint/parser":"^4.19.0","@rollup/plugin-node-resolve":"^13.0.4","@storybook/addon-essentials":"^6.5.13","@storybook/addon-svelte-csf":"^2.0.10","@typescript-eslint/eslint-plugin":"^4.19.0"},"_npmOperationalInternal":{"tmp":"tmp/uikit_0.0.0-experiment.a3fc591_1673236526766_0.0953481142158028","host":"s3://npm-registry-packages"}},"0.0.0-experiment.fbc81cf":{"name":"@vouchfor/uikit","version":"0.0.0-experiment.fbc81cf","keywords":["embed","design system","vouch-uikit","svelte","uikit"],"author":{"url":"https://vouchau.github.io/vouch-uikit","name":"Vouch Dev Team","email":"hello@vouchfor.com"},"license":"MIT","_id":"@vouchfor/uikit@0.0.0-experiment.fbc81cf","maintainers":[{"name":"vouch-tech","email":"brian@vouchfor.com"}],"homepage":"https://vouchau.github.io/vouch-uikit","bugs":{"url":"https://github.com/VouchAU/vouch-uikit/issues"},"dist":{"shasum":"87c5c0d5bb26c0af3b09a0982d4a02423c38da83","tarball":"https://registry.npmjs.org/@vouchfor/uikit/-/uikit-0.0.0-experiment.fbc81cf.tgz","fileCount":204,"integrity":"sha512-cr7d1zQnKw8j2cNNKyLgEOTTwmBh/5B5br7shvO52QwaasEmN2YAzIu+DPX5ZJiF5C3qQSk2OKeIiPjTxjUIXQ==","signatures":[{"sig":"MEUCIQCbCYgwYJlJ6VwOASDyNE4+xXk8m2oeLg28j/j5jQronAIgfZGR+mzEEAnd4LciiiZ09Kh3dP0y9WiBRYVssnxqWP4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":27078307,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJju7iRACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrwrhAAjJg7oW0Xoy/Wh2FKDoK1fXINSDP412oyNZIyhyNOWJzJaBq7\r\nuxhLjyn6+m52eTJOEUx38Lfz1tcNNCkRvafm44buFsp4Jta+CR9HsVL8Xc1a\r\nUoSBaUnIsR4nduPV6uMJ4oSWcXwcrCogOnCW7WMdfinXHw2HBZcLGnY3sneX\r\n9qCHx0GNLkTPBh872xsG5kJnAaGmhWuDku/iDPDhnor4cHLtq0gc8pA7/BC+\r\nsdJhwjBvd2jn2gndwctmoXLbsw7Ixt90OjKXLYW5mxnwSfIoP4+HCEQ5OkL7\r\n9GyWFoEkcj7C85if8Wjc2Vav4s+SgjHK4bybu5h6cByOgnyF+DEhUJkKTTa1\r\nm5u2/UWbV3JI4GENrQSkROy5C+Kt/k7Y0JAUlhrvEIp6N5lbkX+q1+nMxurO\r\ngmJ+BPeXpC0KPLWbRedv6qlVOSmsBWh5q79cp1vDfjpBjwglZ6iiXhqkIcgL\r\nvQuvxJaxhITTLx/9M/cdjYi3IRNx7UzfD5VwOn18Krslmq3lwoOOPBC70puV\r\nySX/dXHcqLpazoaVXzQWwr9YyMzd4ZAPcruy3zSITVFtp//wsA3Oc5HujEjY\r\nwQxzOQv/aoLqeTLkGgfiMBiGvUrnUcXUKXaC3Zi45XfX4/MOKXdoaX4F04ZE\r\n/IoDUn424ujR1Y8it2rjcEu5kXwNIx7SShQ=\r\n=eXIN\r\n-----END PGP SIGNATURE-----\r\n"},"type":"module","types":"types.d.ts","readme":"# Vouch UIKit\n\n- [Get Started](#get-started)\n - [Storybook](#storybook)\n - [Playroom](#playroom)\n - [Build package](#build-package)\n - [Test package locally with vouch-app-mono](#test-package-locally-with-vouch-app)\n - [Testing published package](#test-published-package)\n - [Purge npm cache](#purge-jsdelivr-cache)\n - [Purge specific bundles](#purge-specific-bundlejs)\n- [Releasing](#releasing)\n - [Update vouch-app](#update-vouch-app)\n - [Production release](#prod-release)\n\n# Get Started\n\nEnsure you have node `16` installed on your machine, for example via [nvm](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/TERMINAL.md#install-nvm), run `nvm ls` to check\n\n```bash\nnvm ls 16\n```\n\nyou should see output if you have the version installed\n\n```bash\n-> v16.17.1\n```\n\nensure you have [git ssh](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/GITHUB.md) setup locally before you clone the repo\n\n```bash\ngit clone git@github.com:VouchAU/vouch-uikit-mono.git\n```\n\ninstall dependencies\n\n```bash\ncd vouch-uikit-mono\nyarn\n```\n\n## Storybook\n\nhttps://uikit-storybook.vercel.app\n\nStorybook is hosted on vercel and deployed automatically via **GitHub Action** every time changes are merged back to `main`. Storybook can also be deployed per PR by adding the `deploy storybook` label on the PR.\n\nLocal dev\n\n```bash\nyarn storybook\n```\n\nbuild storybook\n\n```bash\nyarn storybook:build\n```\n\n## Playroom\n\nhttps://uikit-playroom.vercel.app\n\nPlayroom is hosted on vercel and deployed automatically via **GitHub Action** every time changes are merged back to `main`. Playroom is not intended to be used on it's own because we don't get good autocomplete for web components, and playroom cannot render the svelte components natively.\n\nInstead we have created a `Playroom` plugin for storybook that will automatically update the rendered web component when any of the story controls change.\n\nLocal dev\n\n```bash\nyarn playroom\n```\n\nbuild playroom\n\n```bash\nyarn playroom:build\n```\n\n## Build package\n\nBuild `src/lib` production/beta/alpha package, make sure you change `version` in `package.json`.\n\n```sh\ncd packages/uikit\n...\nyarn package # production\n```\n\n## Test package locally with `vouch-app`\n\nOnce you build the `npm` package, you can test locally with `vouch-app` to ensure everything works as expected before publishing to `npm`\n\nAssuming you build a package according [Build package](#build-package), now you can create a symlink to your local package\n\n```sh\ncd package\nyarn link\n```\n\nyou should see this if successfully linked\n\n```sh\nyarn link v1.22.10\nsuccess Registered \"@vouchfor/uikit\".\ninfo You can now run `yarn link \"@vouchfor/uikit\"` in the projects where you want to use this package and it will be used instead.\n✨ Done in 0.04s.\n```\n\ngo to `vouch-app-mono` folder and switch to the branch you want to test against with then link the local package\n\n```sh\ncd vouch-app-mono\ngit checkout VCH-222\nyarn link @vouchfor/uikit\nyarn dev\n```\n\nVoilà, you are testing your feature branch with the local uikit package and don't forget to roll back after testing\n\n```sh\ncd vouch-app\nyarn unlink @vouchfor/uikit\n...\ncd vouch-uikit/package\nyarn unlink\n```\n\n## Test published package\n\nYou can publish an experimental version of the package by adding the `publish rc` label onto your PR. This will use the commit hash and a prerelease version number to publish onto NPM which you can then install into your application for testing.\n\nThis can be important because the published package and the linked package aren't necessarily 100% the same, some functionality is lost during the conversion to web-components:\n- When using a svelte component within another svelte component, you are able to pass $$restProps down to inner DOM elements, this doesn't work when the svelte component is changed into a web-component during build time\n- Using slots is a little weird\n - When using normal svelte components, if you want to style slot contents from the parent component you need to use the `:global(\n
\n```\n\nIn this case, you will need to purge the bundle file specifically by providing absolute path\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/embed/{filename}.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/components/{filename}.bundle.js\n```\n\nfor example,\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/embed/vouch-embed-inline-player.bundle.js\n```\n\n## Unit test\n\n```bash\nyarn test\n```\n\nupdate snapshot\n\n```bash\nyarn test -u\n```\n\n# Releasing\n\nTo make sure we are delivering the highest quality software we can, there is a multi-step review and testing process before we go ahead with any release.\n\n1. Once the feature has been implemented, create a PR and add the `deploy storybook` label to it, once storybook has been deployed send the link to the stakeholder that is in charge of the feature and get them to review.\n - The deployment URL will be added as a comment to the PR once deployed\n2. Use browserstack (credentials in 1password) to cross-browser test the storybook PR deployment using a wide range of operating systems and browser versions\n - TODO: Figure out what is a reasonable set of browsers to test with\n - TODO: Automated tools for cross browser testing using browserstack\n3. Publish the package as a release candidate by adding the `publish rc` label to the PR\n - Once published, install the package into the admin app and test the feature there to make sure your changes are working in situ.\n - Create a PR deployment for the admin app using the release candidate package and get stakeholders to review also.\n4. If there are no issues, bump the package to the appropriate version in the PR, then the PR can be merged into `main` and a regular release can be created using the instructions below\n - TODO: Automate public release\n\n## Update `vouch-app`\n\n`@vouchfor/uikit` is a dependency of the admin app within `vouch-app-mono` and `vouch-app` for embeds and the media player, follow the below steps to publish NPM package and update `package.json` dependency in `vouch-app-mono`.\n\n> Always use semver for version numbering for main releases\n\n- Major: Breaking changes\n- Minor: Feature releases\n- Patch: Hotfixes\n\nBecause we have a few different environments that the embeds may be fetching from (`dev`, `staging` and `prod`) we have added an `env` prop to all of the necessary embeds that allows you to choose the environment at run time. This, along with PR releases, removes the need for an `alpha` and `beta` package release and will allow us to better automate the release process.\n\n### Prod release\n\n> You will need to log in `vouch-tech` on your terminal before publishing, credential is shared via 1Password.\n\n```bash\nnpm login\n```\n\n1. Make sure you are in `packages/uikit` directory\n2. Run `yarn package`\n3. Move to the created `package` folder\n4. Run `npm publish --access public` to publish under the `latest` tag\n\n```bash\ncd packages/uikit\nyarn package\ncd package\nnpm publish --access public\n```\n\nThen, using the same PR in `vouch-app-mono` that you used to test the experimental version, bump to the now latest version and re-test one final time to make sure everything worked as expected.\n\nIf everything works correctly then the PR is ready to be merged, and the CDN cache can be purged to allow for upstream clients using embeds in their apps to receive the new version.\n\n### Post release testing\n\nUse [this](https://codepen.io/aaronuu/pen/poKYJVz) codepen to bump the package version that is downloaded from the CDN and make sure all of the embeds work as expected.","engines":{"node":">=16"},"exports":{"./events":"./events.js","./constants":"./constants.js","./embed/events":{"import":"./embed/events.js","default":"./embed/events.js","require":"./embed/events.cjs"},"./package.json":"./package.json","./internal/theme":"./internal/theme.js","./internal/utils":"./internal/utils.js","./internal/environment":"./internal/environment.js","./components/vouch-menu":{"import":"./components/vouch-menu.js","default":"./components/vouch-menu.js","require":"./components/vouch-menu.cjs"},"./embed/vouch-embed-all":{"import":"./embed/vouch-embed-all.js","default":"./embed/vouch-embed-all.js","require":"./embed/vouch-embed-all.cjs"},"./embed/vouch-embed-card":{"import":"./embed/vouch-embed-card.js","default":"./embed/vouch-embed-card.js","require":"./embed/vouch-embed-card.cjs"},"./components/vouch-button":{"import":"./components/vouch-button.js","default":"./components/vouch-button.js","require":"./components/vouch-button.cjs"},"./embed/vouch-embed-jumbo":{"import":"./embed/vouch-embed-jumbo.js","default":"./embed/vouch-embed-jumbo.js","require":"./embed/vouch-embed-jumbo.cjs"},"./internal/actions/popper":"./internal/actions/popper.js","./internal/hooks/useFetch":"./internal/hooks/useFetch.js","./internal/hooks/useTrack":"./internal/hooks/useTrack.js","./components/vouch-persona":{"import":"./components/vouch-persona.js","default":"./components/vouch-persona.js","require":"./components/vouch-persona.cjs"},"./components/vouch-tooltip":{"import":"./components/vouch-tooltip.js","default":"./components/vouch-tooltip.js","require":"./components/vouch-tooltip.cjs"},"./embed/vouch-embed-button":{"import":"./embed/vouch-embed-button.js","default":"./embed/vouch-embed-button.js","require":"./embed/vouch-embed-button.cjs"},"./components/vouch-recorder":{"import":"./components/vouch-recorder.js","default":"./components/vouch-recorder.js","require":"./components/vouch-recorder.cjs"},"./embed/vouch-embed-popover":{"import":"./embed/vouch-embed-popover.js","default":"./embed/vouch-embed-popover.js","require":"./embed/vouch-embed-popover.cjs"},"./test/internals/utils.spec":"./test/internals/utils.spec.js","./components/vouch-icon-play":{"import":"./components/vouch-icon-play.js","default":"./components/vouch-icon-play.js","require":"./components/vouch-icon-play.cjs"},"./embed/vouch-embed-dialogue":{"import":"./embed/vouch-embed-dialogue.js","default":"./embed/vouch-embed-dialogue.js","require":"./embed/vouch-embed-dialogue.cjs"},"./components/VouchMenu.svelte":"./components/VouchMenu.svelte","./components/vouch-brand-logo":{"import":"./components/vouch-brand-logo.js","default":"./components/vouch-brand-logo.js","require":"./components/vouch-brand-logo.cjs"},"./components/vouch-icon-close":{"import":"./components/vouch-icon-close.js","default":"./components/vouch-icon-close.js","require":"./components/vouch-icon-close.cjs"},"./components/vouch-icon-pause":{"import":"./components/vouch-icon-pause.js","default":"./components/vouch-icon-pause.js","require":"./components/vouch-icon-pause.cjs"},"./components/vouch-media-plyr":{"import":"./components/vouch-media-plyr.js","default":"./components/vouch-media-plyr.js","require":"./components/vouch-media-plyr.cjs"},"./components/vouch-water-mark":{"import":"./components/vouch-water-mark.js","default":"./components/vouch-water-mark.js","require":"./components/vouch-water-mark.cjs"},"./embed/VouchEmbedCard.svelte":"./embed/VouchEmbedCard.svelte","./embed/vouch-embed-thumbnail":{"import":"./embed/vouch-embed-thumbnail.js","default":"./embed/vouch-embed-thumbnail.js","require":"./embed/vouch-embed-thumbnail.cjs"},"./embed/vouch-recorder-button":{"import":"./embed/vouch-recorder-button.js","default":"./embed/vouch-recorder-button.js","require":"./embed/vouch-recorder-button.cjs"},"./components/vouch-graphic-svg":{"import":"./components/vouch-graphic-svg.js","default":"./components/vouch-graphic-svg.js","require":"./components/vouch-graphic-svg.cjs"},"./embed/VouchEmbedJumbo.svelte":"./embed/VouchEmbedJumbo.svelte","./embed/vouch-recorder-preview":{"import":"./embed/vouch-recorder-preview.js","default":"./embed/vouch-recorder-preview.js","require":"./embed/vouch-recorder-preview.cjs"},"./internal/hooks/useFetchEmbed":"./internal/hooks/useFetchEmbed.js","./components/VouchButton.svelte":"./components/VouchButton.svelte","./embed/VouchEmbedButton.svelte":"./embed/VouchEmbedButton.svelte","./components/VouchPersona.svelte":"./components/VouchPersona.svelte","./components/VouchTooltip.svelte":"./components/VouchTooltip.svelte","./components/vouch-volume-slider":{"import":"./components/vouch-volume-slider.js","default":"./components/vouch-volume-slider.js","require":"./components/vouch-volume-slider.cjs"},"./embed/VouchEmbedPopover.svelte":"./embed/VouchEmbedPopover.svelte","./internal/actions/outside-click":"./internal/actions/outside-click.js","./components/VouchIconPlay.svelte":"./components/VouchIconPlay.svelte","./components/VouchRecorder.svelte":"./components/VouchRecorder.svelte","./embed/VouchEmbedDialogue.svelte":"./embed/VouchEmbedDialogue.svelte","./embed/vouch-embed-inline-player":{"import":"./embed/vouch-embed-inline-player.js","default":"./embed/vouch-embed-inline-player.js","require":"./embed/vouch-embed-inline-player.cjs"},"./test/components/VouchIcons.spec":"./test/components/VouchIcons.spec.js","./components/VouchBrandLogo.svelte":"./components/VouchBrandLogo.svelte","./components/VouchIconClose.svelte":"./components/VouchIconClose.svelte","./components/VouchIconPause.svelte":"./components/VouchIconPause.svelte","./components/VouchMediaPlyr.svelte":"./components/VouchMediaPlyr.svelte","./components/VouchWaterMark.svelte":"./components/VouchWaterMark.svelte","./components/vouch-icon-arrow-left":{"import":"./components/vouch-icon-arrow-left.js","default":"./components/vouch-icon-arrow-left.js","require":"./components/vouch-icon-arrow-left.cjs"},"./embed/VouchEmbedThumbnail.svelte":"./embed/VouchEmbedThumbnail.svelte","./embed/VouchRecorderButton.svelte":"./embed/VouchRecorderButton.svelte","./internal/actions/resize-observer":"./internal/actions/resize-observer.js","./components/VouchGraphicSvg.svelte":"./components/VouchGraphicSvg.svelte","./components/vouch-icon-arrow-right":{"import":"./components/vouch-icon-arrow-right.js","default":"./components/vouch-icon-arrow-right.js","require":"./components/vouch-icon-arrow-right.cjs"},"./embed/VouchRecorderPreview.svelte":"./embed/VouchRecorderPreview.svelte","./components/vouch-overlay-play-icon":{"import":"./components/vouch-overlay-play-icon.js","default":"./components/vouch-overlay-play-icon.js","require":"./components/vouch-overlay-play-icon.cjs"},"./components/vouch-progress-scrubber":{"import":"./components/vouch-progress-scrubber.js","default":"./components/vouch-progress-scrubber.js","require":"./components/vouch-progress-scrubber.cjs"},"./test/internals/hooks/useFetch.spec":"./test/internals/hooks/useFetch.spec.js","./test/internals/hooks/useTrack.spec":"./test/internals/hooks/useTrack.spec.js","./components/VouchVolumeSlider.svelte":"./components/VouchVolumeSlider.svelte","./embed/VouchEmbedInlinePlayer.svelte":"./embed/VouchEmbedInlinePlayer.svelte","./test/components/VouchBrandLogo.spec":"./test/components/VouchBrandLogo.spec.js","./test/components/VouchWaterMark.spec":"./test/components/VouchWaterMark.spec.js","./components/VouchIconArrowLeft.svelte":"./components/VouchIconArrowLeft.svelte","./test/components/VouchGraphicSvg.spec":"./test/components/VouchGraphicSvg.spec.js","./components/VouchIconArrowRight.svelte":"./components/VouchIconArrowRight.svelte","./components/VouchOverlayPlayIcon.svelte":"./components/VouchOverlayPlayIcon.svelte","./components/VouchProgressScrubber.svelte":"./components/VouchProgressScrubber.svelte","./test/internals/hooks/useFetchEmbed.spec":"./test/internals/hooks/useFetchEmbed.spec.js"},"gitHead":"fbc81cfd5bbbe6a4c08119ba12c7e5d7d0474512","_npmUser":{"name":"vouch-tech","email":"brian@vouchfor.com"},"repository":{"url":"git+https://github.com/VouchAU/vouch-uikit.git","type":"git"},"_npmVersion":"8.19.2","description":"Vouch Svelte UIKit","directories":{},"lint-staged":{"*.{js,svelte}":"yarn lint"},"_nodeVersion":"16.18.1","dependencies":{"flat":"^5.0.2","plyr":"^3.7.2","cookie":"^0.4.1","hls.js":"^1.1.5","core-js":"^3.16.3","postcss":"^7","@vime/core":"^5.3.1","tailwindcss":"npm:@tailwindcss/postcss7-compat","@lukeed/uuid":"^2.0.0","autoprefixer":"^9","whatwg-fetch":"^3.6.2","patch-package":"^6.5.0","@popperjs/core":"^2.11.6","@fontsource/fira-mono":"^4.2.2","postinstall-postinstall":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^27.0.6","path":"^0.12.7","vite":"^3.1.8","react":"^18.2.0","tslib":"^2.0.0","dotenv":"^10.0.0","eslint":"^7.22.0","rollup":"^2.55.1","semver":"^7.3.8","svelte":"^3.34.0","webpack":"^5.74.0","playroom":"0.28.0","prettier":"~2.2.1","react-dom":"^18.2.0","ts-loader":"^9.4.1","@percy/cli":"^1.15.0","babel-jest":"^27.0.6","base64-url":"^2.3.3","dotenv-cli":"^6.0.0","svelte2tsx":"^0.4.3","typescript":"^4.8.4","@babel/core":"^7.14.8","@types/jest":"^26.0.24","lint-staged":"^12.4.1","babel-loader":"^8.2.5","svelte-check":"^2.0.0","@sveltejs/kit":"next","@types/cookie":"^0.4.0","@types/hls.js":"^1.0.0","svelte-jester":"^1.8.1","svelte-loader":"^3.1.2","@slack/webhook":"^6.1.0","@percy/storybook":"^4.3.4","@storybook/react":"^6.5.13","@babel/preset-env":"^7.14.9","@storybook/svelte":"^6.5.13","@sveltejs/package":"^1.0.0-next.5","svelte-preprocess":"^4.0.0","rollup-plugin-copy":"^3.4.0","require-from-string":"^2.0.2","rollup-plugin-svelte":"^7.1.0","rollup-plugin-terser":"^7.0.2","eslint-plugin-svelte3":"^3.2.0","@babel/runtime-corejs3":"^7.14.9","@rollup/plugin-replace":"^3.0.0","@storybook/addon-links":"^6.5.13","eslint-config-prettier":"^8.1.0","prettier-plugin-svelte":"^2.2.0","@rollup/plugin-commonjs":"^22.0.0","@testing-library/svelte":"^3.0.3","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.5.13","storybook-addon-playroom":"^3.0.2","@typescript-eslint/parser":"^4.19.0","@rollup/plugin-node-resolve":"^13.0.4","@storybook/addon-essentials":"^6.5.13","@storybook/addon-svelte-csf":"^2.0.10","@typescript-eslint/eslint-plugin":"^4.19.0"},"_npmOperationalInternal":{"tmp":"tmp/uikit_0.0.0-experiment.fbc81cf_1673246865366_0.9386849939414548","host":"s3://npm-registry-packages"}},"0.0.0-experiment.8c1a210":{"name":"@vouchfor/uikit","version":"0.0.0-experiment.8c1a210","keywords":["embed","design system","vouch-uikit","svelte","uikit"],"author":{"url":"https://vouchau.github.io/vouch-uikit","name":"Vouch Dev Team","email":"hello@vouchfor.com"},"license":"MIT","_id":"@vouchfor/uikit@0.0.0-experiment.8c1a210","maintainers":[{"name":"vouch-tech","email":"brian@vouchfor.com"}],"homepage":"https://vouchau.github.io/vouch-uikit","bugs":{"url":"https://github.com/VouchAU/vouch-uikit/issues"},"dist":{"shasum":"0c4a0ea11aa84a20b6183e41c65671399b8f4bf8","tarball":"https://registry.npmjs.org/@vouchfor/uikit/-/uikit-0.0.0-experiment.8c1a210.tgz","fileCount":219,"integrity":"sha512-rT5B6ZeSMTqCFlSO13AZtE+RfwHm8OablWmgHx7CNbMZxFDqlhSSY+qZ5rNawENH9F6DYzd8960toWeXnbPRPg==","signatures":[{"sig":"MEYCIQCTufeYjvBvek0xQw1HmhsH/SWn8ellEmtv4+ZxkxnqgAIhAKh3xv2jMFMSkr5TeG8MoXuCKn9jILSU34Tk+Wo2j/19","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":37222678,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjvjd/ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpzwg/9Fl+l3QhY5g5IF2CNurfFXsDa/TEgL7hWmaozxmQFCDN62vY2\r\nz8hJR0tFV4wpL0z1tRMn30Gp9IKkZOCiyf3AWkVS4WV/n97riib4FGRvnYYg\r\nWWZK/B6lVMiirCwhSBvCkPTvYDhs9xRpL7tScqW3oibOVW0Kf/xxzhqly0f4\r\nUWoRJ3SnHrNWBZfETARRYKWQNBYgoC96HTb4IEoxpGkv+PbXV62Mr+vd+IoX\r\nEisAElmVGfUICJXZh8lunvlWDvxVGqpclXJP6hUIZbOFjBVT9EPL5u0y9pDp\r\nG4T2P1ew4QWbkENNHPyWltXGVjVQ5RIK3rgiwr3IKyS15AWV8AWUu/rNtH8b\r\nnfAgX2FUHxpuciJncRECZ0Kt3myggDLI2J8V31/5H4572zMT3RUOTPYpl0+g\r\ntOgXK0rhixtv9vZ/lwivMfw1QxBuCDtP7DaINFEpBuMviTxxH9lNpOvDlIls\r\ne3MfnUNA1PU7Gxxw8opA/mFawWlqRJkUzyUQHAysOW0+XQBjq09izt97465q\r\nJ/2cjNxl2zmwo9V8zNfUVN9hLYw5tlwRBfsEKgpx/Of2r8S8sfC2f34odrCh\r\neIsHTT/HQO3vP0mErr8cDtgqBC53UhzMDFkT33HPP96S1vpOLeS/M3rmHcIm\r\nIhkqFEKB1gnWtwPua6U2spR4O2WILLlZf0A=\r\n=OjPD\r\n-----END PGP SIGNATURE-----\r\n"},"type":"module","types":"types.d.ts","readme":"# Vouch UIKit\n\n- [Get Started](#get-started)\n - [Storybook](#storybook)\n - [Playroom](#playroom)\n - [Build package](#build-package)\n - [Test package locally with vouch-app-mono](#test-package-locally-with-vouch-app)\n - [Testing published package](#test-published-package)\n - [Purge npm cache](#purge-jsdelivr-cache)\n - [Purge specific bundles](#purge-specific-bundlejs)\n- [Releasing](#releasing)\n - [Update vouch-app](#update-vouch-app)\n - [Production release](#prod-release)\n\n# Get Started\n\nEnsure you have node `16` installed on your machine, for example via [nvm](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/TERMINAL.md#install-nvm), run `nvm ls` to check\n\n```bash\nnvm ls 16\n```\n\nyou should see output if you have the version installed\n\n```bash\n-> v16.17.1\n```\n\nensure you have [git ssh](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/GITHUB.md) setup locally before you clone the repo\n\n```bash\ngit clone git@github.com:VouchAU/vouch-uikit-mono.git\n```\n\ninstall dependencies\n\n```bash\ncd vouch-uikit-mono\nyarn\n```\n\n## Storybook\n\nhttps://uikit-storybook.vercel.app\n\nStorybook is hosted on vercel and deployed automatically via **GitHub Action** every time changes are merged back to `main`. Storybook can also be deployed per PR by adding the `deploy storybook` label on the PR.\n\nLocal dev\n\n```bash\nyarn storybook\n```\n\nbuild storybook\n\n```bash\nyarn storybook:build\n```\n\n## Playroom\n\nhttps://uikit-playroom.vercel.app\n\nPlayroom is hosted on vercel and deployed automatically via **GitHub Action** every time changes are merged back to `main`. Playroom is not intended to be used on it's own because we don't get good autocomplete for web components, and playroom cannot render the svelte components natively.\n\nInstead we have created a `Playroom` plugin for storybook that will automatically update the rendered web component when any of the story controls change.\n\nLocal dev\n\n```bash\nyarn playroom\n```\n\nbuild playroom\n\n```bash\nyarn playroom:build\n```\n\n## Build package\n\nBuild `src/lib` production/beta/alpha package, make sure you change `version` in `package.json`.\n\n```sh\ncd packages/uikit\n...\nyarn package # production\n```\n\n## Test package locally with `vouch-app`\n\nOnce you build the `npm` package, you can test locally with `vouch-app` to ensure everything works as expected before publishing to `npm`\n\nAssuming you build a package according [Build package](#build-package), now you can create a symlink to your local package\n\n```sh\ncd package\nyarn link\n```\n\nyou should see this if successfully linked\n\n```sh\nyarn link v1.22.10\nsuccess Registered \"@vouchfor/uikit\".\ninfo You can now run `yarn link \"@vouchfor/uikit\"` in the projects where you want to use this package and it will be used instead.\n✨ Done in 0.04s.\n```\n\ngo to `vouch-app-mono` folder and switch to the branch you want to test against with then link the local package\n\n```sh\ncd vouch-app-mono\ngit checkout VCH-222\nyarn link @vouchfor/uikit\nyarn dev\n```\n\nVoilà, you are testing your feature branch with the local uikit package and don't forget to roll back after testing\n\n```sh\ncd vouch-app\nyarn unlink @vouchfor/uikit\n...\ncd vouch-uikit/package\nyarn unlink\n```\n\n## Test published package\n\nYou can publish an experimental version of the package by adding the `publish rc` label onto your PR. This will use the commit hash and a prerelease version number to publish onto NPM which you can then install into your application for testing.\n\nThis can be important because the published package and the linked package aren't necessarily 100% the same, some functionality is lost during the conversion to web-components:\n- When using a svelte component within another svelte component, you are able to pass $$restProps down to inner DOM elements, this doesn't work when the svelte component is changed into a web-component during build time\n- Using slots is a little weird\n - When using normal svelte components, if you want to style slot contents from the parent component you need to use the `:global(\n
\n```\n\nIn this case, you will need to purge the bundle file specifically by providing absolute path\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/embed/{filename}.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/components/{filename}.bundle.js\n```\n\nfor example,\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/embed/vouch-embed-inline-player.bundle.js\n```\n\n## Unit test\n\n```bash\nyarn test\n```\n\nupdate snapshot\n\n```bash\nyarn test -u\n```\n\n# Releasing\n\nTo make sure we are delivering the highest quality software we can, there is a multi-step review and testing process before we go ahead with any release.\n\n1. Once the feature has been implemented, create a PR and add the `deploy storybook` label to it, once storybook has been deployed send the link to the stakeholder that is in charge of the feature and get them to review.\n - The deployment URL will be added as a comment to the PR once deployed\n2. Use browserstack (credentials in 1password) to cross-browser test the storybook PR deployment using a wide range of operating systems and browser versions\n - TODO: Figure out what is a reasonable set of browsers to test with\n - TODO: Automated tools for cross browser testing using browserstack\n3. Publish the package as a release candidate by adding the `publish rc` label to the PR\n - Once published, install the package into the admin app and test the feature there to make sure your changes are working in situ.\n - Create a PR deployment for the admin app using the release candidate package and get stakeholders to review also.\n4. If there are no issues, bump the package to the appropriate version in the PR, then the PR can be merged into `main` and a regular release can be created using the instructions below\n - TODO: Automate public release\n\n## Update `vouch-app`\n\n`@vouchfor/uikit` is a dependency of the admin app within `vouch-app-mono` and `vouch-app` for embeds and the media player, follow the below steps to publish NPM package and update `package.json` dependency in `vouch-app-mono`.\n\n> Always use semver for version numbering for main releases\n\n- Major: Breaking changes\n- Minor: Feature releases\n- Patch: Hotfixes\n\nBecause we have a few different environments that the embeds may be fetching from (`dev`, `staging` and `prod`) we have added an `env` prop to all of the necessary embeds that allows you to choose the environment at run time. This, along with PR releases, removes the need for an `alpha` and `beta` package release and will allow us to better automate the release process.\n\n### Prod release\n\n> You will need to log in `vouch-tech` on your terminal before publishing, credential is shared via 1Password.\n\n```bash\nnpm login\n```\n\n1. Make sure you are in `packages/uikit` directory\n2. Run `yarn package`\n3. Move to the created `package` folder\n4. Run `npm publish --access public` to publish under the `latest` tag\n\n```bash\ncd packages/uikit\nyarn package\ncd package\nnpm publish --access public\n```\n\nThen, using the same PR in `vouch-app-mono` that you used to test the experimental version, bump to the now latest version and re-test one final time to make sure everything worked as expected.\n\nIf everything works correctly then the PR is ready to be merged, and the CDN cache can be purged to allow for upstream clients using embeds in their apps to receive the new version.\n\n### Post release testing\n\nUse [this](https://codepen.io/aaronuu/pen/poKYJVz) codepen to bump the package version that is downloaded from the CDN and make sure all of the embeds work as expected.","engines":{"node":">=16"},"exports":{"./events":"./events.js","./constants":"./constants.js","./embed/events":{"import":"./embed/events.js","default":"./embed/events.js","require":"./embed/events.cjs"},"./package.json":"./package.json","./internal/theme":"./internal/theme.js","./internal/utils":"./internal/utils.js","./internal/environment":"./internal/environment.js","./components/vouch-menu":{"import":"./components/vouch-menu.js","default":"./components/vouch-menu.js","require":"./components/vouch-menu.cjs"},"./embed/vouch-embed-all":{"import":"./embed/vouch-embed-all.js","default":"./embed/vouch-embed-all.js","require":"./embed/vouch-embed-all.cjs"},"./embed/vouch-embed-card":{"import":"./embed/vouch-embed-card.js","default":"./embed/vouch-embed-card.js","require":"./embed/vouch-embed-card.cjs"},"./components/vouch-button":{"import":"./components/vouch-button.js","default":"./components/vouch-button.js","require":"./components/vouch-button.cjs"},"./embed/vouch-embed-jumbo":{"import":"./embed/vouch-embed-jumbo.js","default":"./embed/vouch-embed-jumbo.js","require":"./embed/vouch-embed-jumbo.cjs"},"./internal/actions/popper":"./internal/actions/popper.js","./internal/hooks/useFetch":"./internal/hooks/useFetch.js","./internal/hooks/useTrack":"./internal/hooks/useTrack.js","./components/vouch-persona":{"import":"./components/vouch-persona.js","default":"./components/vouch-persona.js","require":"./components/vouch-persona.cjs"},"./components/vouch-tooltip":{"import":"./components/vouch-tooltip.js","default":"./components/vouch-tooltip.js","require":"./components/vouch-tooltip.cjs"},"./embed/vouch-embed-button":{"import":"./embed/vouch-embed-button.js","default":"./embed/vouch-embed-button.js","require":"./embed/vouch-embed-button.cjs"},"./components/vouch-recorder":{"import":"./components/vouch-recorder.js","default":"./components/vouch-recorder.js","require":"./components/vouch-recorder.cjs"},"./embed/vouch-embed-popover":{"import":"./embed/vouch-embed-popover.js","default":"./embed/vouch-embed-popover.js","require":"./embed/vouch-embed-popover.cjs"},"./test/internals/utils.spec":"./test/internals/utils.spec.js","./components/vouch-icon-play":{"import":"./components/vouch-icon-play.js","default":"./components/vouch-icon-play.js","require":"./components/vouch-icon-play.cjs"},"./embed/vouch-embed-dialogue":{"import":"./embed/vouch-embed-dialogue.js","default":"./embed/vouch-embed-dialogue.js","require":"./embed/vouch-embed-dialogue.cjs"},"./components/VouchMenu.svelte":"./components/VouchMenu.svelte","./components/vouch-brand-logo":{"import":"./components/vouch-brand-logo.js","default":"./components/vouch-brand-logo.js","require":"./components/vouch-brand-logo.cjs"},"./components/vouch-icon-close":{"import":"./components/vouch-icon-close.js","default":"./components/vouch-icon-close.js","require":"./components/vouch-icon-close.cjs"},"./components/vouch-icon-pause":{"import":"./components/vouch-icon-pause.js","default":"./components/vouch-icon-pause.js","require":"./components/vouch-icon-pause.cjs"},"./components/vouch-media-plyr":{"import":"./components/vouch-media-plyr.js","default":"./components/vouch-media-plyr.js","require":"./components/vouch-media-plyr.cjs"},"./components/vouch-water-mark":{"import":"./components/vouch-water-mark.js","default":"./components/vouch-water-mark.js","require":"./components/vouch-water-mark.cjs"},"./embed/VouchEmbedCard.svelte":"./embed/VouchEmbedCard.svelte","./embed/vouch-embed-thumbnail":{"import":"./embed/vouch-embed-thumbnail.js","default":"./embed/vouch-embed-thumbnail.js","require":"./embed/vouch-embed-thumbnail.cjs"},"./embed/vouch-recorder-button":{"import":"./embed/vouch-recorder-button.js","default":"./embed/vouch-recorder-button.js","require":"./embed/vouch-recorder-button.cjs"},"./components/vouch-graphic-svg":{"import":"./components/vouch-graphic-svg.js","default":"./components/vouch-graphic-svg.js","require":"./components/vouch-graphic-svg.cjs"},"./embed/VouchEmbedJumbo.svelte":"./embed/VouchEmbedJumbo.svelte","./embed/vouch-recorder-preview":{"import":"./embed/vouch-recorder-preview.js","default":"./embed/vouch-recorder-preview.js","require":"./embed/vouch-recorder-preview.cjs"},"./internal/hooks/useFetchEmbed":"./internal/hooks/useFetchEmbed.js","./components/VouchButton.svelte":"./components/VouchButton.svelte","./embed/VouchEmbedButton.svelte":"./embed/VouchEmbedButton.svelte","./components/VouchPersona.svelte":"./components/VouchPersona.svelte","./components/VouchTooltip.svelte":"./components/VouchTooltip.svelte","./components/vouch-volume-slider":{"import":"./components/vouch-volume-slider.js","default":"./components/vouch-volume-slider.js","require":"./components/vouch-volume-slider.cjs"},"./embed/VouchEmbedPopover.svelte":"./embed/VouchEmbedPopover.svelte","./internal/actions/outside-click":"./internal/actions/outside-click.js","./components/VouchIconPlay.svelte":"./components/VouchIconPlay.svelte","./components/VouchRecorder.svelte":"./components/VouchRecorder.svelte","./embed/VouchEmbedDialogue.svelte":"./embed/VouchEmbedDialogue.svelte","./embed/vouch-embed-inline-player":{"import":"./embed/vouch-embed-inline-player.js","default":"./embed/vouch-embed-inline-player.js","require":"./embed/vouch-embed-inline-player.cjs"},"./test/components/VouchIcons.spec":"./test/components/VouchIcons.spec.js","./components/VouchBrandLogo.svelte":"./components/VouchBrandLogo.svelte","./components/VouchIconClose.svelte":"./components/VouchIconClose.svelte","./components/VouchIconPause.svelte":"./components/VouchIconPause.svelte","./components/VouchMediaPlyr.svelte":"./components/VouchMediaPlyr.svelte","./components/VouchWaterMark.svelte":"./components/VouchWaterMark.svelte","./components/vouch-icon-arrow-left":{"import":"./components/vouch-icon-arrow-left.js","default":"./components/vouch-icon-arrow-left.js","require":"./components/vouch-icon-arrow-left.cjs"},"./embed/VouchEmbedThumbnail.svelte":"./embed/VouchEmbedThumbnail.svelte","./embed/VouchRecorderButton.svelte":"./embed/VouchRecorderButton.svelte","./internal/actions/resize-observer":"./internal/actions/resize-observer.js","./components/VouchGraphicSvg.svelte":"./components/VouchGraphicSvg.svelte","./components/vouch-icon-arrow-right":{"import":"./components/vouch-icon-arrow-right.js","default":"./components/vouch-icon-arrow-right.js","require":"./components/vouch-icon-arrow-right.cjs"},"./embed/VouchRecorderPreview.svelte":"./embed/VouchRecorderPreview.svelte","./components/vouch-overlay-play-icon":{"import":"./components/vouch-overlay-play-icon.js","default":"./components/vouch-overlay-play-icon.js","require":"./components/vouch-overlay-play-icon.cjs"},"./components/vouch-progress-scrubber":{"import":"./components/vouch-progress-scrubber.js","default":"./components/vouch-progress-scrubber.js","require":"./components/vouch-progress-scrubber.cjs"},"./test/internals/hooks/useFetch.spec":"./test/internals/hooks/useFetch.spec.js","./test/internals/hooks/useTrack.spec":"./test/internals/hooks/useTrack.spec.js","./components/VouchVolumeSlider.svelte":"./components/VouchVolumeSlider.svelte","./embed/VouchEmbedInlinePlayer.svelte":"./embed/VouchEmbedInlinePlayer.svelte","./test/components/VouchBrandLogo.spec":"./test/components/VouchBrandLogo.spec.js","./test/components/VouchWaterMark.spec":"./test/components/VouchWaterMark.spec.js","./components/VouchIconArrowLeft.svelte":"./components/VouchIconArrowLeft.svelte","./components/vouch-embed-error-message":{"import":"./components/vouch-embed-error-message.js","default":"./components/vouch-embed-error-message.js","require":"./components/vouch-embed-error-message.cjs"},"./test/components/VouchGraphicSvg.spec":"./test/components/VouchGraphicSvg.spec.js","./components/VouchIconArrowRight.svelte":"./components/VouchIconArrowRight.svelte","./embed/vouch-embed-inner-inline-player":{"import":"./embed/vouch-embed-inner-inline-player.js","default":"./embed/vouch-embed-inner-inline-player.js","require":"./embed/vouch-embed-inner-inline-player.cjs"},"./components/VouchOverlayPlayIcon.svelte":"./components/VouchOverlayPlayIcon.svelte","./components/VouchProgressScrubber.svelte":"./components/VouchProgressScrubber.svelte","./test/internals/hooks/useFetchEmbed.spec":"./test/internals/hooks/useFetchEmbed.spec.js","./components/VouchEmbedErrorMessage.svelte":"./components/VouchEmbedErrorMessage.svelte","./embed/VouchEmbedInnerInlinePlayer.svelte":"./embed/VouchEmbedInnerInlinePlayer.svelte","./components/vouch-embed-navigation-controls":{"import":"./components/vouch-embed-navigation-controls.js","default":"./components/vouch-embed-navigation-controls.js","require":"./components/vouch-embed-navigation-controls.cjs"},"./components/VouchEmbedNavigationControls.svelte":"./components/VouchEmbedNavigationControls.svelte"},"gitHead":"8c1a21039871f7da6466defc728c2a00b8bc77dc","_npmUser":{"name":"vouch-tech","email":"brian@vouchfor.com"},"repository":{"url":"git+https://github.com/VouchAU/vouch-uikit.git","type":"git"},"_npmVersion":"8.19.2","description":"Vouch Svelte UIKit","directories":{},"lint-staged":{"*.{js,svelte}":"yarn lint"},"_nodeVersion":"16.18.1","dependencies":{"flat":"^5.0.2","plyr":"^3.7.2","cookie":"^0.4.1","hls.js":"^1.1.5","core-js":"^3.16.3","postcss":"^7","@vime/core":"^5.3.1","tailwindcss":"npm:@tailwindcss/postcss7-compat","@lukeed/uuid":"^2.0.0","autoprefixer":"^9","whatwg-fetch":"^3.6.2","patch-package":"^6.5.0","@popperjs/core":"^2.11.6","@fontsource/fira-mono":"^4.2.2","postinstall-postinstall":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^27.0.6","path":"^0.12.7","vite":"^3.1.8","react":"^18.2.0","tslib":"^2.0.0","dotenv":"^10.0.0","eslint":"^7.22.0","rollup":"^2.55.1","semver":"^7.3.8","svelte":"^3.34.0","webpack":"^5.74.0","playroom":"0.28.0","prettier":"~2.2.1","react-dom":"^18.2.0","ts-loader":"^9.4.1","@percy/cli":"^1.15.0","babel-jest":"^27.0.6","base64-url":"^2.3.3","dotenv-cli":"^6.0.0","svelte2tsx":"^0.4.3","typescript":"^4.8.4","@babel/core":"^7.14.8","@types/jest":"^26.0.24","lint-staged":"^12.4.1","babel-loader":"^8.2.5","svelte-check":"^2.0.0","@sveltejs/kit":"next","@types/cookie":"^0.4.0","@types/hls.js":"^1.0.0","svelte-jester":"^1.8.1","svelte-loader":"^3.1.2","@slack/webhook":"^6.1.0","@percy/storybook":"^4.3.4","@storybook/react":"^6.5.13","@babel/preset-env":"^7.14.9","@storybook/svelte":"^6.5.13","@sveltejs/package":"^1.0.0-next.5","svelte-preprocess":"^4.0.0","rollup-plugin-copy":"^3.4.0","require-from-string":"^2.0.2","rollup-plugin-svelte":"^7.1.0","rollup-plugin-terser":"^7.0.2","eslint-plugin-svelte3":"^3.2.0","@babel/runtime-corejs3":"^7.14.9","@rollup/plugin-replace":"^3.0.0","@storybook/addon-links":"^6.5.13","eslint-config-prettier":"^8.1.0","prettier-plugin-svelte":"^2.2.0","@rollup/plugin-commonjs":"^22.0.0","@testing-library/svelte":"^3.0.3","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.5.13","storybook-addon-playroom":"^3.0.2","@typescript-eslint/parser":"^4.19.0","@rollup/plugin-node-resolve":"^13.0.4","@storybook/addon-essentials":"^6.5.13","@storybook/addon-svelte-csf":"^2.0.10","@typescript-eslint/eslint-plugin":"^4.19.0"},"_npmOperationalInternal":{"tmp":"tmp/uikit_0.0.0-experiment.8c1a210_1673410431291_0.9426611640526137","host":"s3://npm-registry-packages"}},"0.0.0-experiment.4e7a7a8":{"name":"@vouchfor/uikit","version":"0.0.0-experiment.4e7a7a8","keywords":["embed","design system","vouch-uikit","svelte","uikit"],"author":{"url":"https://vouchau.github.io/vouch-uikit","name":"Vouch Dev Team","email":"hello@vouchfor.com"},"license":"MIT","_id":"@vouchfor/uikit@0.0.0-experiment.4e7a7a8","maintainers":[{"name":"vouch-tech","email":"brian@vouchfor.com"}],"homepage":"https://vouchau.github.io/vouch-uikit","bugs":{"url":"https://github.com/VouchAU/vouch-uikit/issues"},"dist":{"shasum":"45b40f5f7cdbf91bbd04879a66446de3878e6927","tarball":"https://registry.npmjs.org/@vouchfor/uikit/-/uikit-0.0.0-experiment.4e7a7a8.tgz","fileCount":204,"integrity":"sha512-BDrXzuKax2Y2SRsFTWVvF3uWN5X1zRHp7mFgGShVGPIYZm3QPOkyohWPfsiimtkdSUXkrnLqZBfFtufQIPyITQ==","signatures":[{"sig":"MEQCIAaZIe0mc4dxKdxuVLpFfrrXk1qHkHXmH48RuO5sgYaRAiAXEg85i9UWjqCs58th0LnJXjnkZIfxQIdrBHvapftJNg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":27078273,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjv0gHACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmrhxw//QoAaoJi16UbTVfAXSTiF5uh44WZDXDOgyYreFnwdTxP09tb1\r\nPijo1eq16jHJVybJCdWmGjcjK2MzMSY4fATHUIaMPtAXNe2R6FeCEVNXbzk5\r\nF6hy3hxdG4g0FRw/RJHS6CBJJSLaK+URjpOhSSHyTggauCZ0DlzXbbp7uq8M\r\nHQB2tP+tW1KxlvtVwhVdVV4aD2puGOTt1SQOIThdApwis+BdOijBxxSSwG5P\r\nM1grIAQtAbRiTw+VhoGjms5Oy9CjrPB4qXsJ6OIE16yCauL91B5aG/WzvNbw\r\nqsY/79ZEMs/IX9UpnYLtPpyI8Y9Qw5Cr3Jsif/BdZwchoT2fcegf0Mr1EFew\r\neGvHiXcCbdQMUolalgndAe5282CfeF8MpxZfLibgNO7ijYMXPxFTu4E5FwA7\r\nqOTLBLEwEUuz3/5NXzwU6klLVBGxmhE+nzsTCIOEfKibAF1qY4ZIfq5UDF6o\r\njvf+8SYkrwPIoQ0mhm42Rn9IS88sh/4BUMjh3lMGJ8hnTqK/9xWiHivV2Pbd\r\nmmnRzDYlXfFWwf4Io8lMOu+4QztfQEV1pBb5mHQ0aXikobBX2BOoBvsnGeQy\r\n4sOwVkwKR9vRk38yga2uXk5ejqjtuPGv4EdZkbCflqNYdtF7RfH8tl1Zo7WL\r\nQG93fNFBlEvympDLxFul+dCawnUBNmt17kw=\r\n=f8a1\r\n-----END PGP SIGNATURE-----\r\n"},"type":"module","types":"types.d.ts","readme":"# Vouch UIKit\n\n- [Get Started](#get-started)\n - [Storybook](#storybook)\n - [Playroom](#playroom)\n - [Build package](#build-package)\n - [Test package locally with vouch-app-mono](#test-package-locally-with-vouch-app)\n - [Testing published package](#test-published-package)\n - [Purge npm cache](#purge-jsdelivr-cache)\n - [Purge specific bundles](#purge-specific-bundlejs)\n- [Releasing](#releasing)\n - [Update vouch-app](#update-vouch-app)\n - [Production release](#prod-release)\n\n# Get Started\n\nEnsure you have node `16` installed on your machine, for example via [nvm](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/TERMINAL.md#install-nvm), run `nvm ls` to check\n\n```bash\nnvm ls 16\n```\n\nyou should see output if you have the version installed\n\n```bash\n-> v16.17.1\n```\n\nensure you have [git ssh](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/GITHUB.md) setup locally before you clone the repo\n\n```bash\ngit clone git@github.com:VouchAU/vouch-uikit-mono.git\n```\n\ninstall dependencies\n\n```bash\ncd vouch-uikit-mono\nyarn\n```\n\n## Storybook\n\nhttps://uikit-storybook.vercel.app\n\nStorybook is hosted on vercel and deployed automatically via **GitHub Action** every time changes are merged back to `main`. Storybook can also be deployed per PR by adding the `deploy storybook` label on the PR.\n\nLocal dev\n\n```bash\nyarn storybook\n```\n\nbuild storybook\n\n```bash\nyarn storybook:build\n```\n\n## Playroom\n\nhttps://uikit-playroom.vercel.app\n\nPlayroom is hosted on vercel and deployed automatically via **GitHub Action** every time changes are merged back to `main`. Playroom is not intended to be used on it's own because we don't get good autocomplete for web components, and playroom cannot render the svelte components natively.\n\nInstead we have created a `Playroom` plugin for storybook that will automatically update the rendered web component when any of the story controls change.\n\nLocal dev\n\n```bash\nyarn playroom\n```\n\nbuild playroom\n\n```bash\nyarn playroom:build\n```\n\n## Build package\n\nBuild `src/lib` production/beta/alpha package, make sure you change `version` in `package.json`.\n\n```sh\ncd packages/uikit\n...\nyarn package # production\n```\n\n## Test package locally with `vouch-app`\n\nOnce you build the `npm` package, you can test locally with `vouch-app` to ensure everything works as expected before publishing to `npm`\n\nAssuming you build a package according [Build package](#build-package), now you can create a symlink to your local package\n\n```sh\ncd package\nyarn link\n```\n\nyou should see this if successfully linked\n\n```sh\nyarn link v1.22.10\nsuccess Registered \"@vouchfor/uikit\".\ninfo You can now run `yarn link \"@vouchfor/uikit\"` in the projects where you want to use this package and it will be used instead.\n✨ Done in 0.04s.\n```\n\ngo to `vouch-app-mono` folder and switch to the branch you want to test against with then link the local package\n\n```sh\ncd vouch-app-mono\ngit checkout VCH-222\nyarn link @vouchfor/uikit\nyarn dev\n```\n\nVoilà, you are testing your feature branch with the local uikit package and don't forget to roll back after testing\n\n```sh\ncd vouch-app\nyarn unlink @vouchfor/uikit\n...\ncd vouch-uikit/package\nyarn unlink\n```\n\n## Test published package\n\nYou can publish an experimental version of the package by adding the `publish rc` label onto your PR. This will use the commit hash and a prerelease version number to publish onto NPM which you can then install into your application for testing.\n\nThis can be important because the published package and the linked package aren't necessarily 100% the same, some functionality is lost during the conversion to web-components:\n- When using a svelte component within another svelte component, you are able to pass $$restProps down to inner DOM elements, this doesn't work when the svelte component is changed into a web-component during build time\n- Using slots is a little weird\n - When using normal svelte components, if you want to style slot contents from the parent component you need to use the `:global(\n
\n```\n\nIn this case, you will need to purge the bundle file specifically by providing absolute path\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/embed/{filename}.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/components/{filename}.bundle.js\n```\n\nfor example,\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/embed/vouch-embed-inline-player.bundle.js\n```\n\n## Unit test\n\n```bash\nyarn test\n```\n\nupdate snapshot\n\n```bash\nyarn test -u\n```\n\n# Releasing\n\nTo make sure we are delivering the highest quality software we can, there is a multi-step review and testing process before we go ahead with any release.\n\n1. Once the feature has been implemented, create a PR and add the `deploy storybook` label to it, once storybook has been deployed send the link to the stakeholder that is in charge of the feature and get them to review.\n - The deployment URL will be added as a comment to the PR once deployed\n2. Use browserstack (credentials in 1password) to cross-browser test the storybook PR deployment using a wide range of operating systems and browser versions\n - TODO: Figure out what is a reasonable set of browsers to test with\n - TODO: Automated tools for cross browser testing using browserstack\n3. Publish the package as a release candidate by adding the `publish rc` label to the PR\n - Once published, install the package into the admin app and test the feature there to make sure your changes are working in situ.\n - Create a PR deployment for the admin app using the release candidate package and get stakeholders to review also.\n4. If there are no issues, bump the package to the appropriate version in the PR, then the PR can be merged into `main` and a regular release can be created using the instructions below\n - TODO: Automate public release\n\n## Update `vouch-app`\n\n`@vouchfor/uikit` is a dependency of the admin app within `vouch-app-mono` and `vouch-app` for embeds and the media player, follow the below steps to publish NPM package and update `package.json` dependency in `vouch-app-mono`.\n\n> Always use semver for version numbering for main releases\n\n- Major: Breaking changes\n- Minor: Feature releases\n- Patch: Hotfixes\n\nBecause we have a few different environments that the embeds may be fetching from (`dev`, `staging` and `prod`) we have added an `env` prop to all of the necessary embeds that allows you to choose the environment at run time. This, along with PR releases, removes the need for an `alpha` and `beta` package release and will allow us to better automate the release process.\n\n### Prod release\n\n> You will need to log in `vouch-tech` on your terminal before publishing, credential is shared via 1Password.\n\n```bash\nnpm login\n```\n\n1. Make sure you are in `packages/uikit` directory\n2. Run `yarn package`\n3. Move to the created `package` folder\n4. Run `npm publish --access public` to publish under the `latest` tag\n\n```bash\ncd packages/uikit\nyarn package\ncd package\nnpm publish --access public\n```\n\nThen, using the same PR in `vouch-app-mono` that you used to test the experimental version, bump to the now latest version and re-test one final time to make sure everything worked as expected.\n\nIf everything works correctly then the PR is ready to be merged, and the CDN cache can be purged to allow for upstream clients using embeds in their apps to receive the new version.\n\n### Post release testing\n\nUse [this](https://codepen.io/aaronuu/pen/poKYJVz) codepen to bump the package version that is downloaded from the CDN and make sure all of the embeds work as expected.","engines":{"node":">=16"},"exports":{"./events":"./events.js","./constants":"./constants.js","./embed/events":{"import":"./embed/events.js","default":"./embed/events.js","require":"./embed/events.cjs"},"./package.json":"./package.json","./internal/theme":"./internal/theme.js","./internal/utils":"./internal/utils.js","./internal/environment":"./internal/environment.js","./components/vouch-menu":{"import":"./components/vouch-menu.js","default":"./components/vouch-menu.js","require":"./components/vouch-menu.cjs"},"./embed/vouch-embed-all":{"import":"./embed/vouch-embed-all.js","default":"./embed/vouch-embed-all.js","require":"./embed/vouch-embed-all.cjs"},"./embed/vouch-embed-card":{"import":"./embed/vouch-embed-card.js","default":"./embed/vouch-embed-card.js","require":"./embed/vouch-embed-card.cjs"},"./components/vouch-button":{"import":"./components/vouch-button.js","default":"./components/vouch-button.js","require":"./components/vouch-button.cjs"},"./embed/vouch-embed-jumbo":{"import":"./embed/vouch-embed-jumbo.js","default":"./embed/vouch-embed-jumbo.js","require":"./embed/vouch-embed-jumbo.cjs"},"./internal/actions/popper":"./internal/actions/popper.js","./internal/hooks/useFetch":"./internal/hooks/useFetch.js","./internal/hooks/useTrack":"./internal/hooks/useTrack.js","./components/vouch-persona":{"import":"./components/vouch-persona.js","default":"./components/vouch-persona.js","require":"./components/vouch-persona.cjs"},"./components/vouch-tooltip":{"import":"./components/vouch-tooltip.js","default":"./components/vouch-tooltip.js","require":"./components/vouch-tooltip.cjs"},"./embed/vouch-embed-button":{"import":"./embed/vouch-embed-button.js","default":"./embed/vouch-embed-button.js","require":"./embed/vouch-embed-button.cjs"},"./components/vouch-recorder":{"import":"./components/vouch-recorder.js","default":"./components/vouch-recorder.js","require":"./components/vouch-recorder.cjs"},"./embed/vouch-embed-popover":{"import":"./embed/vouch-embed-popover.js","default":"./embed/vouch-embed-popover.js","require":"./embed/vouch-embed-popover.cjs"},"./test/internals/utils.spec":"./test/internals/utils.spec.js","./components/vouch-icon-play":{"import":"./components/vouch-icon-play.js","default":"./components/vouch-icon-play.js","require":"./components/vouch-icon-play.cjs"},"./embed/vouch-embed-dialogue":{"import":"./embed/vouch-embed-dialogue.js","default":"./embed/vouch-embed-dialogue.js","require":"./embed/vouch-embed-dialogue.cjs"},"./components/VouchMenu.svelte":"./components/VouchMenu.svelte","./components/vouch-brand-logo":{"import":"./components/vouch-brand-logo.js","default":"./components/vouch-brand-logo.js","require":"./components/vouch-brand-logo.cjs"},"./components/vouch-icon-close":{"import":"./components/vouch-icon-close.js","default":"./components/vouch-icon-close.js","require":"./components/vouch-icon-close.cjs"},"./components/vouch-icon-pause":{"import":"./components/vouch-icon-pause.js","default":"./components/vouch-icon-pause.js","require":"./components/vouch-icon-pause.cjs"},"./components/vouch-media-plyr":{"import":"./components/vouch-media-plyr.js","default":"./components/vouch-media-plyr.js","require":"./components/vouch-media-plyr.cjs"},"./components/vouch-water-mark":{"import":"./components/vouch-water-mark.js","default":"./components/vouch-water-mark.js","require":"./components/vouch-water-mark.cjs"},"./embed/VouchEmbedCard.svelte":"./embed/VouchEmbedCard.svelte","./embed/vouch-embed-thumbnail":{"import":"./embed/vouch-embed-thumbnail.js","default":"./embed/vouch-embed-thumbnail.js","require":"./embed/vouch-embed-thumbnail.cjs"},"./embed/vouch-recorder-button":{"import":"./embed/vouch-recorder-button.js","default":"./embed/vouch-recorder-button.js","require":"./embed/vouch-recorder-button.cjs"},"./components/vouch-graphic-svg":{"import":"./components/vouch-graphic-svg.js","default":"./components/vouch-graphic-svg.js","require":"./components/vouch-graphic-svg.cjs"},"./embed/VouchEmbedJumbo.svelte":"./embed/VouchEmbedJumbo.svelte","./embed/vouch-recorder-preview":{"import":"./embed/vouch-recorder-preview.js","default":"./embed/vouch-recorder-preview.js","require":"./embed/vouch-recorder-preview.cjs"},"./internal/hooks/useFetchEmbed":"./internal/hooks/useFetchEmbed.js","./components/VouchButton.svelte":"./components/VouchButton.svelte","./embed/VouchEmbedButton.svelte":"./embed/VouchEmbedButton.svelte","./components/VouchPersona.svelte":"./components/VouchPersona.svelte","./components/VouchTooltip.svelte":"./components/VouchTooltip.svelte","./components/vouch-volume-slider":{"import":"./components/vouch-volume-slider.js","default":"./components/vouch-volume-slider.js","require":"./components/vouch-volume-slider.cjs"},"./embed/VouchEmbedPopover.svelte":"./embed/VouchEmbedPopover.svelte","./internal/actions/outside-click":"./internal/actions/outside-click.js","./components/VouchIconPlay.svelte":"./components/VouchIconPlay.svelte","./components/VouchRecorder.svelte":"./components/VouchRecorder.svelte","./embed/VouchEmbedDialogue.svelte":"./embed/VouchEmbedDialogue.svelte","./embed/vouch-embed-inline-player":{"import":"./embed/vouch-embed-inline-player.js","default":"./embed/vouch-embed-inline-player.js","require":"./embed/vouch-embed-inline-player.cjs"},"./test/components/VouchIcons.spec":"./test/components/VouchIcons.spec.js","./components/VouchBrandLogo.svelte":"./components/VouchBrandLogo.svelte","./components/VouchIconClose.svelte":"./components/VouchIconClose.svelte","./components/VouchIconPause.svelte":"./components/VouchIconPause.svelte","./components/VouchMediaPlyr.svelte":"./components/VouchMediaPlyr.svelte","./components/VouchWaterMark.svelte":"./components/VouchWaterMark.svelte","./components/vouch-icon-arrow-left":{"import":"./components/vouch-icon-arrow-left.js","default":"./components/vouch-icon-arrow-left.js","require":"./components/vouch-icon-arrow-left.cjs"},"./embed/VouchEmbedThumbnail.svelte":"./embed/VouchEmbedThumbnail.svelte","./embed/VouchRecorderButton.svelte":"./embed/VouchRecorderButton.svelte","./internal/actions/resize-observer":"./internal/actions/resize-observer.js","./components/VouchGraphicSvg.svelte":"./components/VouchGraphicSvg.svelte","./components/vouch-icon-arrow-right":{"import":"./components/vouch-icon-arrow-right.js","default":"./components/vouch-icon-arrow-right.js","require":"./components/vouch-icon-arrow-right.cjs"},"./embed/VouchRecorderPreview.svelte":"./embed/VouchRecorderPreview.svelte","./components/vouch-overlay-play-icon":{"import":"./components/vouch-overlay-play-icon.js","default":"./components/vouch-overlay-play-icon.js","require":"./components/vouch-overlay-play-icon.cjs"},"./components/vouch-progress-scrubber":{"import":"./components/vouch-progress-scrubber.js","default":"./components/vouch-progress-scrubber.js","require":"./components/vouch-progress-scrubber.cjs"},"./test/internals/hooks/useFetch.spec":"./test/internals/hooks/useFetch.spec.js","./test/internals/hooks/useTrack.spec":"./test/internals/hooks/useTrack.spec.js","./components/VouchVolumeSlider.svelte":"./components/VouchVolumeSlider.svelte","./embed/VouchEmbedInlinePlayer.svelte":"./embed/VouchEmbedInlinePlayer.svelte","./test/components/VouchBrandLogo.spec":"./test/components/VouchBrandLogo.spec.js","./test/components/VouchWaterMark.spec":"./test/components/VouchWaterMark.spec.js","./components/VouchIconArrowLeft.svelte":"./components/VouchIconArrowLeft.svelte","./test/components/VouchGraphicSvg.spec":"./test/components/VouchGraphicSvg.spec.js","./components/VouchIconArrowRight.svelte":"./components/VouchIconArrowRight.svelte","./components/VouchOverlayPlayIcon.svelte":"./components/VouchOverlayPlayIcon.svelte","./components/VouchProgressScrubber.svelte":"./components/VouchProgressScrubber.svelte","./test/internals/hooks/useFetchEmbed.spec":"./test/internals/hooks/useFetchEmbed.spec.js"},"gitHead":"4e7a7a885b0b9fddbb350a19bf61dc5abbaf33ef","_npmUser":{"name":"vouch-tech","email":"brian@vouchfor.com"},"repository":{"url":"git+https://github.com/VouchAU/vouch-uikit.git","type":"git"},"_npmVersion":"8.19.2","description":"Vouch Svelte UIKit","directories":{},"lint-staged":{"*.{js,svelte}":"yarn lint"},"_nodeVersion":"16.18.1","dependencies":{"flat":"^5.0.2","plyr":"^3.7.2","cookie":"^0.4.1","hls.js":"^1.1.5","core-js":"^3.16.3","postcss":"^7","@vime/core":"^5.3.1","tailwindcss":"npm:@tailwindcss/postcss7-compat","@lukeed/uuid":"^2.0.0","autoprefixer":"^9","whatwg-fetch":"^3.6.2","patch-package":"^6.5.0","@popperjs/core":"^2.11.6","@fontsource/fira-mono":"^4.2.2","postinstall-postinstall":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^27.0.6","path":"^0.12.7","vite":"^3.1.8","react":"^18.2.0","tslib":"^2.0.0","dotenv":"^10.0.0","eslint":"^7.22.0","rollup":"^2.55.1","semver":"^7.3.8","svelte":"^3.34.0","webpack":"^5.74.0","playroom":"0.28.0","prettier":"~2.2.1","react-dom":"^18.2.0","ts-loader":"^9.4.1","@percy/cli":"^1.15.0","babel-jest":"^27.0.6","base64-url":"^2.3.3","dotenv-cli":"^6.0.0","svelte2tsx":"^0.4.3","typescript":"^4.8.4","@babel/core":"^7.14.8","@types/jest":"^26.0.24","lint-staged":"^12.4.1","babel-loader":"^8.2.5","svelte-check":"^2.0.0","@sveltejs/kit":"next","@types/cookie":"^0.4.0","@types/hls.js":"^1.0.0","svelte-jester":"^1.8.1","svelte-loader":"^3.1.2","@slack/webhook":"^6.1.0","@percy/storybook":"^4.3.4","@storybook/react":"^6.5.13","@babel/preset-env":"^7.14.9","@storybook/svelte":"^6.5.13","@sveltejs/package":"^1.0.0-next.5","svelte-preprocess":"^4.0.0","rollup-plugin-copy":"^3.4.0","require-from-string":"^2.0.2","rollup-plugin-svelte":"^7.1.0","rollup-plugin-terser":"^7.0.2","eslint-plugin-svelte3":"^3.2.0","@babel/runtime-corejs3":"^7.14.9","@rollup/plugin-replace":"^3.0.0","@storybook/addon-links":"^6.5.13","eslint-config-prettier":"^8.1.0","prettier-plugin-svelte":"^2.2.0","@rollup/plugin-commonjs":"^22.0.0","@testing-library/svelte":"^3.0.3","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.5.13","storybook-addon-playroom":"^3.0.2","@typescript-eslint/parser":"^4.19.0","@rollup/plugin-node-resolve":"^13.0.4","@storybook/addon-essentials":"^6.5.13","@storybook/addon-svelte-csf":"^2.0.10","@typescript-eslint/eslint-plugin":"^4.19.0"},"_npmOperationalInternal":{"tmp":"tmp/uikit_0.0.0-experiment.4e7a7a8_1673480199345_0.024104481146906886","host":"s3://npm-registry-packages"}},"0.0.0-experiment.504422e":{"name":"@vouchfor/uikit","version":"0.0.0-experiment.504422e","keywords":["embed","design system","vouch-uikit","svelte","uikit"],"author":{"url":"https://vouchau.github.io/vouch-uikit","name":"Vouch Dev Team","email":"hello@vouchfor.com"},"license":"MIT","_id":"@vouchfor/uikit@0.0.0-experiment.504422e","maintainers":[{"name":"vouch-tech","email":"brian@vouchfor.com"}],"homepage":"https://vouchau.github.io/vouch-uikit","bugs":{"url":"https://github.com/VouchAU/vouch-uikit/issues"},"dist":{"shasum":"8b67fab020bde8bdcf6ba186adce194a1d13a36b","tarball":"https://registry.npmjs.org/@vouchfor/uikit/-/uikit-0.0.0-experiment.504422e.tgz","fileCount":204,"integrity":"sha512-UckoFjqwU6mgghV3p3ToSclWSe3Rr5ZFe0qK6AbQr+zZQHVW/hZwObYDYMcaYaePR5YKKmLKNMljHyT4yUHEmg==","signatures":[{"sig":"MEUCIEPcVgiSexo3hqsDAAhtc3z3Iu/oZR2YFZ1gSi63YDYKAiEArUkLbgm6rkYmm/FyxIQ8W6OFrCk5ZM2l6et0Qr38EFQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":27078273,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjv0ynACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoFtw/8CQLv5SJwVrgJcbqRKyAfZeqOZslr7JuJOIKNGSCKoDtLc5XL\r\nALSw2BUFYFvT/V+jNUcNpR0aPrLgnecB51Ab931Po8cAPWVkCScAiheGbmeh\r\n1CyhB4S7/4GciBfv24887XmM32mK9egyGkwIqsnoSbj99E4L6yMjjW0o8FNb\r\nG20T+jkEUrWniJqy1vsDm2cWs6M1JxKgPGhMYe1vK+mQtndZrHpRsFmllbkp\r\nlZX8YiUTikYyw7kiYsv9yt3qTUj7Zv9f2qMPo9KOxl6La4GpoHdbXVbtSGLi\r\n7hpZ2DVtZZwizrDlXwdytSNtV/menfiI9IQkLgvKjoFrJtVbE1ocI9ri62WK\r\n9wr1EQOzvG9pxoumsV0cUg3EAxxJp0fY3ShgfkDSUXExeVG0qBrP1Db4oNaF\r\nXUP1LnfE02bI9h01jfCFJ9iirqWhEhpYvuj182at22EOsNtnDF/3biSFabou\r\niKDgy3cBDpIyvO9ib7U9GKDBTC+UGqmDTskUDF9IsKAMtCnVcM1f3wXGCsG4\r\n5P2dFW+tV+OAk+uEwMHEYgcWdO70lcm9OxhcGBmhIlKlA1E+8hPscWPQ/TrC\r\niYn3CgfoBM7a8R0u+C/jjut8tt2MkW+0mWxsVR+OpNgtBOTLcKY++72lELSL\r\nRaYT8WN+3pwjOqtX+l8EVOoJCFooDVn7KSc=\r\n=l21+\r\n-----END PGP SIGNATURE-----\r\n"},"type":"module","types":"types.d.ts","readme":"# Vouch UIKit\n\n- [Get Started](#get-started)\n - [Storybook](#storybook)\n - [Playroom](#playroom)\n - [Build package](#build-package)\n - [Test package locally with vouch-app-mono](#test-package-locally-with-vouch-app)\n - [Testing published package](#test-published-package)\n - [Purge npm cache](#purge-jsdelivr-cache)\n - [Purge specific bundles](#purge-specific-bundlejs)\n- [Releasing](#releasing)\n - [Update vouch-app](#update-vouch-app)\n - [Production release](#prod-release)\n\n# Get Started\n\nEnsure you have node `16` installed on your machine, for example via [nvm](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/TERMINAL.md#install-nvm), run `nvm ls` to check\n\n```bash\nnvm ls 16\n```\n\nyou should see output if you have the version installed\n\n```bash\n-> v16.17.1\n```\n\nensure you have [git ssh](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/GITHUB.md) setup locally before you clone the repo\n\n```bash\ngit clone git@github.com:VouchAU/vouch-uikit-mono.git\n```\n\ninstall dependencies\n\n```bash\ncd vouch-uikit-mono\nyarn\n```\n\n## Storybook\n\nhttps://uikit-storybook.vercel.app\n\nStorybook is hosted on vercel and deployed automatically via **GitHub Action** every time changes are merged back to `main`. Storybook can also be deployed per PR by adding the `deploy storybook` label on the PR.\n\nLocal dev\n\n```bash\nyarn storybook\n```\n\nbuild storybook\n\n```bash\nyarn storybook:build\n```\n\n## Playroom\n\nhttps://uikit-playroom.vercel.app\n\nPlayroom is hosted on vercel and deployed automatically via **GitHub Action** every time changes are merged back to `main`. Playroom is not intended to be used on it's own because we don't get good autocomplete for web components, and playroom cannot render the svelte components natively.\n\nInstead we have created a `Playroom` plugin for storybook that will automatically update the rendered web component when any of the story controls change.\n\nLocal dev\n\n```bash\nyarn playroom\n```\n\nbuild playroom\n\n```bash\nyarn playroom:build\n```\n\n## Build package\n\nBuild `src/lib` production/beta/alpha package, make sure you change `version` in `package.json`.\n\n```sh\ncd packages/uikit\n...\nyarn package # production\n```\n\n## Test package locally with `vouch-app`\n\nOnce you build the `npm` package, you can test locally with `vouch-app` to ensure everything works as expected before publishing to `npm`\n\nAssuming you build a package according [Build package](#build-package), now you can create a symlink to your local package\n\n```sh\ncd package\nyarn link\n```\n\nyou should see this if successfully linked\n\n```sh\nyarn link v1.22.10\nsuccess Registered \"@vouchfor/uikit\".\ninfo You can now run `yarn link \"@vouchfor/uikit\"` in the projects where you want to use this package and it will be used instead.\n✨ Done in 0.04s.\n```\n\ngo to `vouch-app-mono` folder and switch to the branch you want to test against with then link the local package\n\n```sh\ncd vouch-app-mono\ngit checkout VCH-222\nyarn link @vouchfor/uikit\nyarn dev\n```\n\nVoilà, you are testing your feature branch with the local uikit package and don't forget to roll back after testing\n\n```sh\ncd vouch-app\nyarn unlink @vouchfor/uikit\n...\ncd vouch-uikit/package\nyarn unlink\n```\n\n## Test published package\n\nYou can publish an experimental version of the package by adding the `publish rc` label onto your PR. This will use the commit hash and a prerelease version number to publish onto NPM which you can then install into your application for testing.\n\nThis can be important because the published package and the linked package aren't necessarily 100% the same, some functionality is lost during the conversion to web-components:\n- When using a svelte component within another svelte component, you are able to pass $$restProps down to inner DOM elements, this doesn't work when the svelte component is changed into a web-component during build time\n- Using slots is a little weird\n - When using normal svelte components, if you want to style slot contents from the parent component you need to use the `:global(\n
\n```\n\nIn this case, you will need to purge the bundle file specifically by providing absolute path\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/embed/{filename}.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/components/{filename}.bundle.js\n```\n\nfor example,\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/embed/vouch-embed-inline-player.bundle.js\n```\n\n## Unit test\n\n```bash\nyarn test\n```\n\nupdate snapshot\n\n```bash\nyarn test -u\n```\n\n# Releasing\n\nTo make sure we are delivering the highest quality software we can, there is a multi-step review and testing process before we go ahead with any release.\n\n1. Once the feature has been implemented, create a PR and add the `deploy storybook` label to it, once storybook has been deployed send the link to the stakeholder that is in charge of the feature and get them to review.\n - The deployment URL will be added as a comment to the PR once deployed\n2. Use browserstack (credentials in 1password) to cross-browser test the storybook PR deployment using a wide range of operating systems and browser versions\n - TODO: Figure out what is a reasonable set of browsers to test with\n - TODO: Automated tools for cross browser testing using browserstack\n3. Publish the package as a release candidate by adding the `publish rc` label to the PR\n - Once published, install the package into the admin app and test the feature there to make sure your changes are working in situ.\n - Create a PR deployment for the admin app using the release candidate package and get stakeholders to review also.\n4. If there are no issues, bump the package to the appropriate version in the PR, then the PR can be merged into `main` and a regular release can be created using the instructions below\n - TODO: Automate public release\n\n## Update `vouch-app`\n\n`@vouchfor/uikit` is a dependency of the admin app within `vouch-app-mono` and `vouch-app` for embeds and the media player, follow the below steps to publish NPM package and update `package.json` dependency in `vouch-app-mono`.\n\n> Always use semver for version numbering for main releases\n\n- Major: Breaking changes\n- Minor: Feature releases\n- Patch: Hotfixes\n\nBecause we have a few different environments that the embeds may be fetching from (`dev`, `staging` and `prod`) we have added an `env` prop to all of the necessary embeds that allows you to choose the environment at run time. This, along with PR releases, removes the need for an `alpha` and `beta` package release and will allow us to better automate the release process.\n\n### Prod release\n\n> You will need to log in `vouch-tech` on your terminal before publishing, credential is shared via 1Password.\n\n```bash\nnpm login\n```\n\n1. Make sure you are in `packages/uikit` directory\n2. Run `yarn package`\n3. Move to the created `package` folder\n4. Run `npm publish --access public` to publish under the `latest` tag\n\n```bash\ncd packages/uikit\nyarn package\ncd package\nnpm publish --access public\n```\n\nThen, using the same PR in `vouch-app-mono` that you used to test the experimental version, bump to the now latest version and re-test one final time to make sure everything worked as expected.\n\nIf everything works correctly then the PR is ready to be merged, and the CDN cache can be purged to allow for upstream clients using embeds in their apps to receive the new version.\n\n### Post release testing\n\nUse [this](https://codepen.io/aaronuu/pen/poKYJVz) codepen to bump the package version that is downloaded from the CDN and make sure all of the embeds work as expected.","engines":{"node":">=16"},"exports":{"./events":"./events.js","./constants":"./constants.js","./embed/events":{"import":"./embed/events.js","default":"./embed/events.js","require":"./embed/events.cjs"},"./package.json":"./package.json","./internal/theme":"./internal/theme.js","./internal/utils":"./internal/utils.js","./internal/environment":"./internal/environment.js","./components/vouch-menu":{"import":"./components/vouch-menu.js","default":"./components/vouch-menu.js","require":"./components/vouch-menu.cjs"},"./embed/vouch-embed-all":{"import":"./embed/vouch-embed-all.js","default":"./embed/vouch-embed-all.js","require":"./embed/vouch-embed-all.cjs"},"./embed/vouch-embed-card":{"import":"./embed/vouch-embed-card.js","default":"./embed/vouch-embed-card.js","require":"./embed/vouch-embed-card.cjs"},"./components/vouch-button":{"import":"./components/vouch-button.js","default":"./components/vouch-button.js","require":"./components/vouch-button.cjs"},"./embed/vouch-embed-jumbo":{"import":"./embed/vouch-embed-jumbo.js","default":"./embed/vouch-embed-jumbo.js","require":"./embed/vouch-embed-jumbo.cjs"},"./internal/actions/popper":"./internal/actions/popper.js","./internal/hooks/useFetch":"./internal/hooks/useFetch.js","./internal/hooks/useTrack":"./internal/hooks/useTrack.js","./components/vouch-persona":{"import":"./components/vouch-persona.js","default":"./components/vouch-persona.js","require":"./components/vouch-persona.cjs"},"./components/vouch-tooltip":{"import":"./components/vouch-tooltip.js","default":"./components/vouch-tooltip.js","require":"./components/vouch-tooltip.cjs"},"./embed/vouch-embed-button":{"import":"./embed/vouch-embed-button.js","default":"./embed/vouch-embed-button.js","require":"./embed/vouch-embed-button.cjs"},"./components/vouch-recorder":{"import":"./components/vouch-recorder.js","default":"./components/vouch-recorder.js","require":"./components/vouch-recorder.cjs"},"./embed/vouch-embed-popover":{"import":"./embed/vouch-embed-popover.js","default":"./embed/vouch-embed-popover.js","require":"./embed/vouch-embed-popover.cjs"},"./test/internals/utils.spec":"./test/internals/utils.spec.js","./components/vouch-icon-play":{"import":"./components/vouch-icon-play.js","default":"./components/vouch-icon-play.js","require":"./components/vouch-icon-play.cjs"},"./embed/vouch-embed-dialogue":{"import":"./embed/vouch-embed-dialogue.js","default":"./embed/vouch-embed-dialogue.js","require":"./embed/vouch-embed-dialogue.cjs"},"./components/VouchMenu.svelte":"./components/VouchMenu.svelte","./components/vouch-brand-logo":{"import":"./components/vouch-brand-logo.js","default":"./components/vouch-brand-logo.js","require":"./components/vouch-brand-logo.cjs"},"./components/vouch-icon-close":{"import":"./components/vouch-icon-close.js","default":"./components/vouch-icon-close.js","require":"./components/vouch-icon-close.cjs"},"./components/vouch-icon-pause":{"import":"./components/vouch-icon-pause.js","default":"./components/vouch-icon-pause.js","require":"./components/vouch-icon-pause.cjs"},"./components/vouch-media-plyr":{"import":"./components/vouch-media-plyr.js","default":"./components/vouch-media-plyr.js","require":"./components/vouch-media-plyr.cjs"},"./components/vouch-water-mark":{"import":"./components/vouch-water-mark.js","default":"./components/vouch-water-mark.js","require":"./components/vouch-water-mark.cjs"},"./embed/VouchEmbedCard.svelte":"./embed/VouchEmbedCard.svelte","./embed/vouch-embed-thumbnail":{"import":"./embed/vouch-embed-thumbnail.js","default":"./embed/vouch-embed-thumbnail.js","require":"./embed/vouch-embed-thumbnail.cjs"},"./embed/vouch-recorder-button":{"import":"./embed/vouch-recorder-button.js","default":"./embed/vouch-recorder-button.js","require":"./embed/vouch-recorder-button.cjs"},"./components/vouch-graphic-svg":{"import":"./components/vouch-graphic-svg.js","default":"./components/vouch-graphic-svg.js","require":"./components/vouch-graphic-svg.cjs"},"./embed/VouchEmbedJumbo.svelte":"./embed/VouchEmbedJumbo.svelte","./embed/vouch-recorder-preview":{"import":"./embed/vouch-recorder-preview.js","default":"./embed/vouch-recorder-preview.js","require":"./embed/vouch-recorder-preview.cjs"},"./internal/hooks/useFetchEmbed":"./internal/hooks/useFetchEmbed.js","./components/VouchButton.svelte":"./components/VouchButton.svelte","./embed/VouchEmbedButton.svelte":"./embed/VouchEmbedButton.svelte","./components/VouchPersona.svelte":"./components/VouchPersona.svelte","./components/VouchTooltip.svelte":"./components/VouchTooltip.svelte","./components/vouch-volume-slider":{"import":"./components/vouch-volume-slider.js","default":"./components/vouch-volume-slider.js","require":"./components/vouch-volume-slider.cjs"},"./embed/VouchEmbedPopover.svelte":"./embed/VouchEmbedPopover.svelte","./internal/actions/outside-click":"./internal/actions/outside-click.js","./components/VouchIconPlay.svelte":"./components/VouchIconPlay.svelte","./components/VouchRecorder.svelte":"./components/VouchRecorder.svelte","./embed/VouchEmbedDialogue.svelte":"./embed/VouchEmbedDialogue.svelte","./embed/vouch-embed-inline-player":{"import":"./embed/vouch-embed-inline-player.js","default":"./embed/vouch-embed-inline-player.js","require":"./embed/vouch-embed-inline-player.cjs"},"./test/components/VouchIcons.spec":"./test/components/VouchIcons.spec.js","./components/VouchBrandLogo.svelte":"./components/VouchBrandLogo.svelte","./components/VouchIconClose.svelte":"./components/VouchIconClose.svelte","./components/VouchIconPause.svelte":"./components/VouchIconPause.svelte","./components/VouchMediaPlyr.svelte":"./components/VouchMediaPlyr.svelte","./components/VouchWaterMark.svelte":"./components/VouchWaterMark.svelte","./components/vouch-icon-arrow-left":{"import":"./components/vouch-icon-arrow-left.js","default":"./components/vouch-icon-arrow-left.js","require":"./components/vouch-icon-arrow-left.cjs"},"./embed/VouchEmbedThumbnail.svelte":"./embed/VouchEmbedThumbnail.svelte","./embed/VouchRecorderButton.svelte":"./embed/VouchRecorderButton.svelte","./internal/actions/resize-observer":"./internal/actions/resize-observer.js","./components/VouchGraphicSvg.svelte":"./components/VouchGraphicSvg.svelte","./components/vouch-icon-arrow-right":{"import":"./components/vouch-icon-arrow-right.js","default":"./components/vouch-icon-arrow-right.js","require":"./components/vouch-icon-arrow-right.cjs"},"./embed/VouchRecorderPreview.svelte":"./embed/VouchRecorderPreview.svelte","./components/vouch-overlay-play-icon":{"import":"./components/vouch-overlay-play-icon.js","default":"./components/vouch-overlay-play-icon.js","require":"./components/vouch-overlay-play-icon.cjs"},"./components/vouch-progress-scrubber":{"import":"./components/vouch-progress-scrubber.js","default":"./components/vouch-progress-scrubber.js","require":"./components/vouch-progress-scrubber.cjs"},"./test/internals/hooks/useFetch.spec":"./test/internals/hooks/useFetch.spec.js","./test/internals/hooks/useTrack.spec":"./test/internals/hooks/useTrack.spec.js","./components/VouchVolumeSlider.svelte":"./components/VouchVolumeSlider.svelte","./embed/VouchEmbedInlinePlayer.svelte":"./embed/VouchEmbedInlinePlayer.svelte","./test/components/VouchBrandLogo.spec":"./test/components/VouchBrandLogo.spec.js","./test/components/VouchWaterMark.spec":"./test/components/VouchWaterMark.spec.js","./components/VouchIconArrowLeft.svelte":"./components/VouchIconArrowLeft.svelte","./test/components/VouchGraphicSvg.spec":"./test/components/VouchGraphicSvg.spec.js","./components/VouchIconArrowRight.svelte":"./components/VouchIconArrowRight.svelte","./components/VouchOverlayPlayIcon.svelte":"./components/VouchOverlayPlayIcon.svelte","./components/VouchProgressScrubber.svelte":"./components/VouchProgressScrubber.svelte","./test/internals/hooks/useFetchEmbed.spec":"./test/internals/hooks/useFetchEmbed.spec.js"},"gitHead":"504422ea8cb817614b5fe224b55c07eb020bc8b6","_npmUser":{"name":"vouch-tech","email":"brian@vouchfor.com"},"repository":{"url":"git+https://github.com/VouchAU/vouch-uikit.git","type":"git"},"_npmVersion":"8.19.2","description":"Vouch Svelte UIKit","directories":{},"lint-staged":{"*.{js,svelte}":"yarn lint"},"_nodeVersion":"16.18.1","dependencies":{"flat":"^5.0.2","plyr":"^3.7.2","cookie":"^0.4.1","hls.js":"^1.1.5","core-js":"^3.16.3","postcss":"^7","@vime/core":"^5.3.1","tailwindcss":"npm:@tailwindcss/postcss7-compat","@lukeed/uuid":"^2.0.0","autoprefixer":"^9","whatwg-fetch":"^3.6.2","patch-package":"^6.5.0","@popperjs/core":"^2.11.6","@fontsource/fira-mono":"^4.2.2","postinstall-postinstall":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^27.0.6","path":"^0.12.7","vite":"^3.1.8","react":"^18.2.0","tslib":"^2.0.0","dotenv":"^10.0.0","eslint":"^7.22.0","rollup":"^2.55.1","semver":"^7.3.8","svelte":"^3.34.0","webpack":"^5.74.0","playroom":"0.28.0","prettier":"~2.2.1","react-dom":"^18.2.0","ts-loader":"^9.4.1","@percy/cli":"^1.15.0","babel-jest":"^27.0.6","base64-url":"^2.3.3","dotenv-cli":"^6.0.0","svelte2tsx":"^0.4.3","typescript":"^4.8.4","@babel/core":"^7.14.8","@types/jest":"^26.0.24","lint-staged":"^12.4.1","babel-loader":"^8.2.5","svelte-check":"^2.0.0","@sveltejs/kit":"next","@types/cookie":"^0.4.0","@types/hls.js":"^1.0.0","svelte-jester":"^1.8.1","svelte-loader":"^3.1.2","@slack/webhook":"^6.1.0","@percy/storybook":"^4.3.4","@storybook/react":"^6.5.13","@babel/preset-env":"^7.14.9","@storybook/svelte":"^6.5.13","@sveltejs/package":"^1.0.0-next.5","svelte-preprocess":"^4.0.0","rollup-plugin-copy":"^3.4.0","require-from-string":"^2.0.2","rollup-plugin-svelte":"^7.1.0","rollup-plugin-terser":"^7.0.2","eslint-plugin-svelte3":"^3.2.0","@babel/runtime-corejs3":"^7.14.9","@rollup/plugin-replace":"^3.0.0","@storybook/addon-links":"^6.5.13","eslint-config-prettier":"^8.1.0","prettier-plugin-svelte":"^2.2.0","@rollup/plugin-commonjs":"^22.0.0","@testing-library/svelte":"^3.0.3","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.5.13","storybook-addon-playroom":"^3.0.2","@typescript-eslint/parser":"^4.19.0","@rollup/plugin-node-resolve":"^13.0.4","@storybook/addon-essentials":"^6.5.13","@storybook/addon-svelte-csf":"^2.0.10","@typescript-eslint/eslint-plugin":"^4.19.0"},"_npmOperationalInternal":{"tmp":"tmp/uikit_0.0.0-experiment.504422e_1673481383049_0.3824430646248025","host":"s3://npm-registry-packages"}},"0.0.0-experiment.9c8f9df":{"name":"@vouchfor/uikit","version":"0.0.0-experiment.9c8f9df","keywords":["embed","design system","vouch-uikit","svelte","uikit"],"author":{"url":"https://vouchau.github.io/vouch-uikit","name":"Vouch Dev Team","email":"hello@vouchfor.com"},"license":"MIT","_id":"@vouchfor/uikit@0.0.0-experiment.9c8f9df","maintainers":[{"name":"vouch-tech","email":"brian@vouchfor.com"}],"homepage":"https://vouchau.github.io/vouch-uikit","bugs":{"url":"https://github.com/VouchAU/vouch-uikit/issues"},"dist":{"shasum":"692ec7f917dabf2dabbc7c478497452e3b6124ef","tarball":"https://registry.npmjs.org/@vouchfor/uikit/-/uikit-0.0.0-experiment.9c8f9df.tgz","fileCount":219,"integrity":"sha512-RQAo2g5oYGSDoGM2l85+H9HKuaZTW65Pc7WLfQBseYC56RdVMmcluZ7gd8ptzZg5OeE8sJK+t/gtJ7QsdA/f2A==","signatures":[{"sig":"MEYCIQDK8TA+t9UHPUjsTvEu1I6JSDR7YqZHeeSCdeMsI0Ej0wIhAOFBaPaCMIIBiRZwmuRSV33ih8oG+Sgcz3nRTJVzVoPR","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":37245414,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjv1ClACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo9LxAAg8N1rPdQsgwUrm2kkPqB+4dI8zc1h0XRrU5yZuYh9M1w6zWQ\r\nCEUA93tx+jJWZ6gRZBBfeK8/XsCgzmBcaniPJFpMhqN2pF9r4ABHVBZgqOft\r\nd+xlMKO+T2uRnUjSpCaXFzEaJEz/5ou/C09yKhwMeGqlaiX+8y7GhFgIJOUp\r\n4DsvLSaxBk/ZhQSAzIAxeRtNHVi3PfIG1corx0FsE+xy4+d1I+9u1I/i6/it\r\nqWztonP6LgZYzEebyU5gy7vh1fip0brmUq6ev/hjdQxX7k9QQC+MpSA0ylvl\r\nQsgsCl2l5eLzLYaL0HSZAFePoDG5XdOLrKdzxQ8MXC9h4ecZKoDGlmAwGqpH\r\n+/kJCcmoXuT6f8tXaTABOwT8MKDbuLa1XVpRViNPHJQQFo9Ab2dlPqN9/qRJ\r\niny4phJ68nN28QfWlUEW2TDrEygeA/wBbXUyiW/w5fjrVSFAQCnMUD/8d88x\r\n4wmT5ZmagPgw7giCLRDvXuwPR60SDvuS4JDrJcaLfw/jvYGBfTg5TE9TClnV\r\nJc4gIKP9TXPnMfbiox6lqy4L2Z2Uqo2IUfUKQ+xAjLry/iMWZIxx3tAvTSBu\r\nrJ8tcGsp4Gs+Es63r/F87ev7AB8ds4Bu4G9nRx0agaWT21peQkihut2INLks\r\nEGqlXLMI0Qdo8MDeGtHEFox7e30Y3w3Y2Mg=\r\n=Dh9Q\r\n-----END PGP SIGNATURE-----\r\n"},"type":"module","types":"types.d.ts","readme":"# Vouch UIKit\n\n- [Get Started](#get-started)\n - [Storybook](#storybook)\n - [Playroom](#playroom)\n - [Build package](#build-package)\n - [Test package locally with vouch-app-mono](#test-package-locally-with-vouch-app)\n - [Testing published package](#test-published-package)\n - [Purge npm cache](#purge-jsdelivr-cache)\n - [Purge specific bundles](#purge-specific-bundlejs)\n- [Releasing](#releasing)\n - [Update vouch-app](#update-vouch-app)\n - [Production release](#prod-release)\n\n# Get Started\n\nEnsure you have node `16` installed on your machine, for example via [nvm](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/TERMINAL.md#install-nvm), run `nvm ls` to check\n\n```bash\nnvm ls 16\n```\n\nyou should see output if you have the version installed\n\n```bash\n-> v16.17.1\n```\n\nensure you have [git ssh](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/GITHUB.md) setup locally before you clone the repo\n\n```bash\ngit clone git@github.com:VouchAU/vouch-uikit-mono.git\n```\n\ninstall dependencies\n\n```bash\ncd vouch-uikit-mono\nyarn\n```\n\n## Storybook\n\nhttps://uikit-storybook.vercel.app\n\nStorybook is hosted on vercel and deployed automatically via **GitHub Action** every time changes are merged back to `main`. Storybook can also be deployed per PR by adding the `deploy storybook` label on the PR.\n\nLocal dev\n\n```bash\nyarn storybook\n```\n\nbuild storybook\n\n```bash\nyarn storybook:build\n```\n\n## Playroom\n\nhttps://uikit-playroom.vercel.app\n\nPlayroom is hosted on vercel and deployed automatically via **GitHub Action** every time changes are merged back to `main`. Playroom is not intended to be used on it's own because we don't get good autocomplete for web components, and playroom cannot render the svelte components natively.\n\nInstead we have created a `Playroom` plugin for storybook that will automatically update the rendered web component when any of the story controls change.\n\nLocal dev\n\n```bash\nyarn playroom\n```\n\nbuild playroom\n\n```bash\nyarn playroom:build\n```\n\n## Build package\n\nBuild `src/lib` production/beta/alpha package, make sure you change `version` in `package.json`.\n\n```sh\ncd packages/uikit\n...\nyarn package # production\n```\n\n## Test package locally with `vouch-app`\n\nOnce you build the `npm` package, you can test locally with `vouch-app` to ensure everything works as expected before publishing to `npm`\n\nAssuming you build a package according [Build package](#build-package), now you can create a symlink to your local package\n\n```sh\ncd package\nyarn link\n```\n\nyou should see this if successfully linked\n\n```sh\nyarn link v1.22.10\nsuccess Registered \"@vouchfor/uikit\".\ninfo You can now run `yarn link \"@vouchfor/uikit\"` in the projects where you want to use this package and it will be used instead.\n✨ Done in 0.04s.\n```\n\ngo to `vouch-app-mono` folder and switch to the branch you want to test against with then link the local package\n\n```sh\ncd vouch-app-mono\ngit checkout VCH-222\nyarn link @vouchfor/uikit\nyarn dev\n```\n\nVoilà, you are testing your feature branch with the local uikit package and don't forget to roll back after testing\n\n```sh\ncd vouch-app\nyarn unlink @vouchfor/uikit\n...\ncd vouch-uikit/package\nyarn unlink\n```\n\n## Test published package\n\nYou can publish an experimental version of the package by adding the `publish rc` label onto your PR. This will use the commit hash and a prerelease version number to publish onto NPM which you can then install into your application for testing.\n\nThis can be important because the published package and the linked package aren't necessarily 100% the same, some functionality is lost during the conversion to web-components:\n- When using a svelte component within another svelte component, you are able to pass $$restProps down to inner DOM elements, this doesn't work when the svelte component is changed into a web-component during build time\n- Using slots is a little weird\n - When using normal svelte components, if you want to style slot contents from the parent component you need to use the `:global(\n
\n```\n\nIn this case, you will need to purge the bundle file specifically by providing absolute path\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/embed/{filename}.bundle.js\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@{env}/components/{filename}.bundle.js\n```\n\nfor example,\n\n```http\nhttps://cdn.jsdelivr.net/npm/@vouchfor/uikit@latest/embed/vouch-embed-inline-player.bundle.js\n```\n\n## Unit test\n\n```bash\nyarn test\n```\n\nupdate snapshot\n\n```bash\nyarn test -u\n```\n\n# Releasing\n\nTo make sure we are delivering the highest quality software we can, there is a multi-step review and testing process before we go ahead with any release.\n\n1. Once the feature has been implemented, create a PR and add the `deploy storybook` label to it, once storybook has been deployed send the link to the stakeholder that is in charge of the feature and get them to review.\n - The deployment URL will be added as a comment to the PR once deployed\n2. Use browserstack (credentials in 1password) to cross-browser test the storybook PR deployment using a wide range of operating systems and browser versions\n - TODO: Figure out what is a reasonable set of browsers to test with\n - TODO: Automated tools for cross browser testing using browserstack\n3. Publish the package as a release candidate by adding the `publish rc` label to the PR\n - Once published, install the package into the admin app and test the feature there to make sure your changes are working in situ.\n - Create a PR deployment for the admin app using the release candidate package and get stakeholders to review also.\n4. If there are no issues, bump the package to the appropriate version in the PR, then the PR can be merged into `main` and a regular release can be created using the instructions below\n - TODO: Automate public release\n\n## Update `vouch-app`\n\n`@vouchfor/uikit` is a dependency of the admin app within `vouch-app-mono` and `vouch-app` for embeds and the media player, follow the below steps to publish NPM package and update `package.json` dependency in `vouch-app-mono`.\n\n> Always use semver for version numbering for main releases\n\n- Major: Breaking changes\n- Minor: Feature releases\n- Patch: Hotfixes\n\nBecause we have a few different environments that the embeds may be fetching from (`dev`, `staging` and `prod`) we have added an `env` prop to all of the necessary embeds that allows you to choose the environment at run time. This, along with PR releases, removes the need for an `alpha` and `beta` package release and will allow us to better automate the release process.\n\n### Prod release\n\n> You will need to log in `vouch-tech` on your terminal before publishing, credential is shared via 1Password.\n\n```bash\nnpm login\n```\n\n1. Make sure you are in `packages/uikit` directory\n2. Run `yarn package`\n3. Move to the created `package` folder\n4. Run `npm publish --access public` to publish under the `latest` tag\n\n```bash\ncd packages/uikit\nyarn package\ncd package\nnpm publish --access public\n```\n\nThen, using the same PR in `vouch-app-mono` that you used to test the experimental version, bump to the now latest version and re-test one final time to make sure everything worked as expected.\n\nIf everything works correctly then the PR is ready to be merged, and the CDN cache can be purged to allow for upstream clients using embeds in their apps to receive the new version.\n\n### Post release testing\n\nUse [this](https://codepen.io/aaronuu/pen/poKYJVz) codepen to bump the package version that is downloaded from the CDN and make sure all of the embeds work as expected.","engines":{"node":">=16"},"exports":{"./events":"./events.js","./constants":"./constants.js","./embed/events":{"import":"./embed/events.js","default":"./embed/events.js","require":"./embed/events.cjs"},"./package.json":"./package.json","./internal/theme":"./internal/theme.js","./internal/utils":"./internal/utils.js","./internal/environment":"./internal/environment.js","./components/vouch-menu":{"import":"./components/vouch-menu.js","default":"./components/vouch-menu.js","require":"./components/vouch-menu.cjs"},"./embed/vouch-embed-all":{"import":"./embed/vouch-embed-all.js","default":"./embed/vouch-embed-all.js","require":"./embed/vouch-embed-all.cjs"},"./embed/vouch-embed-card":{"import":"./embed/vouch-embed-card.js","default":"./embed/vouch-embed-card.js","require":"./embed/vouch-embed-card.cjs"},"./components/vouch-button":{"import":"./components/vouch-button.js","default":"./components/vouch-button.js","require":"./components/vouch-button.cjs"},"./embed/vouch-embed-jumbo":{"import":"./embed/vouch-embed-jumbo.js","default":"./embed/vouch-embed-jumbo.js","require":"./embed/vouch-embed-jumbo.cjs"},"./internal/actions/popper":"./internal/actions/popper.js","./internal/hooks/useFetch":"./internal/hooks/useFetch.js","./internal/hooks/useTrack":"./internal/hooks/useTrack.js","./components/vouch-persona":{"import":"./components/vouch-persona.js","default":"./components/vouch-persona.js","require":"./components/vouch-persona.cjs"},"./components/vouch-tooltip":{"import":"./components/vouch-tooltip.js","default":"./components/vouch-tooltip.js","require":"./components/vouch-tooltip.cjs"},"./embed/vouch-embed-button":{"import":"./embed/vouch-embed-button.js","default":"./embed/vouch-embed-button.js","require":"./embed/vouch-embed-button.cjs"},"./components/vouch-recorder":{"import":"./components/vouch-recorder.js","default":"./components/vouch-recorder.js","require":"./components/vouch-recorder.cjs"},"./embed/vouch-embed-popover":{"import":"./embed/vouch-embed-popover.js","default":"./embed/vouch-embed-popover.js","require":"./embed/vouch-embed-popover.cjs"},"./test/internals/utils.spec":"./test/internals/utils.spec.js","./components/vouch-icon-play":{"import":"./components/vouch-icon-play.js","default":"./components/vouch-icon-play.js","require":"./components/vouch-icon-play.cjs"},"./embed/vouch-embed-dialogue":{"import":"./embed/vouch-embed-dialogue.js","default":"./embed/vouch-embed-dialogue.js","require":"./embed/vouch-embed-dialogue.cjs"},"./components/VouchMenu.svelte":"./components/VouchMenu.svelte","./components/vouch-brand-logo":{"import":"./components/vouch-brand-logo.js","default":"./components/vouch-brand-logo.js","require":"./components/vouch-brand-logo.cjs"},"./components/vouch-icon-close":{"import":"./components/vouch-icon-close.js","default":"./components/vouch-icon-close.js","require":"./components/vouch-icon-close.cjs"},"./components/vouch-icon-pause":{"import":"./components/vouch-icon-pause.js","default":"./components/vouch-icon-pause.js","require":"./components/vouch-icon-pause.cjs"},"./components/vouch-media-plyr":{"import":"./components/vouch-media-plyr.js","default":"./components/vouch-media-plyr.js","require":"./components/vouch-media-plyr.cjs"},"./components/vouch-water-mark":{"import":"./components/vouch-water-mark.js","default":"./components/vouch-water-mark.js","require":"./components/vouch-water-mark.cjs"},"./embed/VouchEmbedCard.svelte":"./embed/VouchEmbedCard.svelte","./embed/vouch-embed-thumbnail":{"import":"./embed/vouch-embed-thumbnail.js","default":"./embed/vouch-embed-thumbnail.js","require":"./embed/vouch-embed-thumbnail.cjs"},"./embed/vouch-recorder-button":{"import":"./embed/vouch-recorder-button.js","default":"./embed/vouch-recorder-button.js","require":"./embed/vouch-recorder-button.cjs"},"./components/vouch-graphic-svg":{"import":"./components/vouch-graphic-svg.js","default":"./components/vouch-graphic-svg.js","require":"./components/vouch-graphic-svg.cjs"},"./embed/VouchEmbedJumbo.svelte":"./embed/VouchEmbedJumbo.svelte","./embed/vouch-recorder-preview":{"import":"./embed/vouch-recorder-preview.js","default":"./embed/vouch-recorder-preview.js","require":"./embed/vouch-recorder-preview.cjs"},"./internal/hooks/useFetchEmbed":"./internal/hooks/useFetchEmbed.js","./components/VouchButton.svelte":"./components/VouchButton.svelte","./embed/VouchEmbedButton.svelte":"./embed/VouchEmbedButton.svelte","./components/VouchPersona.svelte":"./components/VouchPersona.svelte","./components/VouchTooltip.svelte":"./components/VouchTooltip.svelte","./components/vouch-volume-slider":{"import":"./components/vouch-volume-slider.js","default":"./components/vouch-volume-slider.js","require":"./components/vouch-volume-slider.cjs"},"./embed/VouchEmbedPopover.svelte":"./embed/VouchEmbedPopover.svelte","./internal/actions/outside-click":"./internal/actions/outside-click.js","./components/VouchIconPlay.svelte":"./components/VouchIconPlay.svelte","./components/VouchRecorder.svelte":"./components/VouchRecorder.svelte","./embed/VouchEmbedDialogue.svelte":"./embed/VouchEmbedDialogue.svelte","./embed/vouch-embed-inline-player":{"import":"./embed/vouch-embed-inline-player.js","default":"./embed/vouch-embed-inline-player.js","require":"./embed/vouch-embed-inline-player.cjs"},"./test/components/VouchIcons.spec":"./test/components/VouchIcons.spec.js","./components/VouchBrandLogo.svelte":"./components/VouchBrandLogo.svelte","./components/VouchIconClose.svelte":"./components/VouchIconClose.svelte","./components/VouchIconPause.svelte":"./components/VouchIconPause.svelte","./components/VouchMediaPlyr.svelte":"./components/VouchMediaPlyr.svelte","./components/VouchWaterMark.svelte":"./components/VouchWaterMark.svelte","./components/vouch-icon-arrow-left":{"import":"./components/vouch-icon-arrow-left.js","default":"./components/vouch-icon-arrow-left.js","require":"./components/vouch-icon-arrow-left.cjs"},"./embed/VouchEmbedThumbnail.svelte":"./embed/VouchEmbedThumbnail.svelte","./embed/VouchRecorderButton.svelte":"./embed/VouchRecorderButton.svelte","./internal/actions/resize-observer":"./internal/actions/resize-observer.js","./components/VouchGraphicSvg.svelte":"./components/VouchGraphicSvg.svelte","./components/vouch-icon-arrow-right":{"import":"./components/vouch-icon-arrow-right.js","default":"./components/vouch-icon-arrow-right.js","require":"./components/vouch-icon-arrow-right.cjs"},"./embed/VouchRecorderPreview.svelte":"./embed/VouchRecorderPreview.svelte","./components/vouch-overlay-play-icon":{"import":"./components/vouch-overlay-play-icon.js","default":"./components/vouch-overlay-play-icon.js","require":"./components/vouch-overlay-play-icon.cjs"},"./components/vouch-progress-scrubber":{"import":"./components/vouch-progress-scrubber.js","default":"./components/vouch-progress-scrubber.js","require":"./components/vouch-progress-scrubber.cjs"},"./test/internals/hooks/useFetch.spec":"./test/internals/hooks/useFetch.spec.js","./test/internals/hooks/useTrack.spec":"./test/internals/hooks/useTrack.spec.js","./components/VouchVolumeSlider.svelte":"./components/VouchVolumeSlider.svelte","./embed/VouchEmbedInlinePlayer.svelte":"./embed/VouchEmbedInlinePlayer.svelte","./test/components/VouchBrandLogo.spec":"./test/components/VouchBrandLogo.spec.js","./test/components/VouchWaterMark.spec":"./test/components/VouchWaterMark.spec.js","./components/VouchIconArrowLeft.svelte":"./components/VouchIconArrowLeft.svelte","./components/vouch-embed-error-message":{"import":"./components/vouch-embed-error-message.js","default":"./components/vouch-embed-error-message.js","require":"./components/vouch-embed-error-message.cjs"},"./test/components/VouchGraphicSvg.spec":"./test/components/VouchGraphicSvg.spec.js","./components/VouchIconArrowRight.svelte":"./components/VouchIconArrowRight.svelte","./embed/vouch-embed-inner-inline-player":{"import":"./embed/vouch-embed-inner-inline-player.js","default":"./embed/vouch-embed-inner-inline-player.js","require":"./embed/vouch-embed-inner-inline-player.cjs"},"./components/VouchOverlayPlayIcon.svelte":"./components/VouchOverlayPlayIcon.svelte","./components/VouchProgressScrubber.svelte":"./components/VouchProgressScrubber.svelte","./test/internals/hooks/useFetchEmbed.spec":"./test/internals/hooks/useFetchEmbed.spec.js","./components/VouchEmbedErrorMessage.svelte":"./components/VouchEmbedErrorMessage.svelte","./embed/VouchEmbedInnerInlinePlayer.svelte":"./embed/VouchEmbedInnerInlinePlayer.svelte","./components/vouch-embed-navigation-controls":{"import":"./components/vouch-embed-navigation-controls.js","default":"./components/vouch-embed-navigation-controls.js","require":"./components/vouch-embed-navigation-controls.cjs"},"./components/VouchEmbedNavigationControls.svelte":"./components/VouchEmbedNavigationControls.svelte"},"gitHead":"9c8f9df542c6c749755886200886058a0ceb3c45","_npmUser":{"name":"vouch-tech","email":"brian@vouchfor.com"},"repository":{"url":"git+https://github.com/VouchAU/vouch-uikit.git","type":"git"},"_npmVersion":"8.19.3","description":"Vouch Svelte UIKit","directories":{},"lint-staged":{"*.{js,svelte}":"yarn lint"},"_nodeVersion":"16.19.0","dependencies":{"flat":"^5.0.2","plyr":"^3.7.2","cookie":"^0.4.1","hls.js":"^1.1.5","core-js":"^3.16.3","postcss":"^7","@vime/core":"^5.3.1","tailwindcss":"npm:@tailwindcss/postcss7-compat","@lukeed/uuid":"^2.0.0","autoprefixer":"^9","whatwg-fetch":"^3.6.2","patch-package":"^6.5.0","@popperjs/core":"^2.11.6","@fontsource/fira-mono":"^4.2.2","postinstall-postinstall":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^27.0.6","path":"^0.12.7","vite":"^3.1.8","react":"^18.2.0","tslib":"^2.0.0","dotenv":"^10.0.0","eslint":"^7.22.0","rollup":"^2.55.1","semver":"^7.3.8","svelte":"^3.34.0","webpack":"^5.74.0","playroom":"0.28.0","prettier":"~2.2.1","react-dom":"^18.2.0","ts-loader":"^9.4.1","@percy/cli":"^1.15.0","babel-jest":"^27.0.6","base64-url":"^2.3.3","dotenv-cli":"^6.0.0","svelte2tsx":"^0.4.3","typescript":"^4.8.4","@babel/core":"^7.14.8","@types/jest":"^26.0.24","lint-staged":"^12.4.1","babel-loader":"^8.2.5","svelte-check":"^2.0.0","@sveltejs/kit":"next","@types/cookie":"^0.4.0","@types/hls.js":"^1.0.0","svelte-jester":"^1.8.1","svelte-loader":"^3.1.2","@slack/webhook":"^6.1.0","@percy/storybook":"^4.3.4","@storybook/react":"^6.5.13","@babel/preset-env":"^7.14.9","@storybook/svelte":"^6.5.13","@sveltejs/package":"^1.0.0-next.5","svelte-preprocess":"^4.0.0","rollup-plugin-copy":"^3.4.0","require-from-string":"^2.0.2","rollup-plugin-svelte":"^7.1.0","rollup-plugin-terser":"^7.0.2","eslint-plugin-svelte3":"^3.2.0","@babel/runtime-corejs3":"^7.14.9","@rollup/plugin-replace":"^3.0.0","@storybook/addon-links":"^6.5.13","eslint-config-prettier":"^8.1.0","prettier-plugin-svelte":"^2.2.0","@rollup/plugin-commonjs":"^22.0.0","@testing-library/svelte":"^3.0.3","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.5.13","storybook-addon-playroom":"^3.0.2","@typescript-eslint/parser":"^4.19.0","@rollup/plugin-node-resolve":"^13.0.4","@storybook/addon-essentials":"^6.5.13","@storybook/addon-svelte-csf":"^2.0.10","@typescript-eslint/eslint-plugin":"^4.19.0"},"_npmOperationalInternal":{"tmp":"tmp/uikit_0.0.0-experiment.9c8f9df_1673482404969_0.4189201680942145","host":"s3://npm-registry-packages"}},"0.0.0-experiment.8dad6a1":{"name":"@vouchfor/uikit","version":"0.0.0-experiment.8dad6a1","keywords":["embed","design system","vouch-uikit","svelte","uikit"],"author":{"url":"https://vouchau.github.io/vouch-uikit","name":"Vouch Dev Team","email":"hello@vouchfor.com"},"license":"MIT","_id":"@vouchfor/uikit@0.0.0-experiment.8dad6a1","maintainers":[{"name":"vouch-tech","email":"brian@vouchfor.com"}],"homepage":"https://vouchau.github.io/vouch-uikit","bugs":{"url":"https://github.com/VouchAU/vouch-uikit/issues"},"dist":{"shasum":"b409438ea9edf2143b47b3858ae2d60b19414e3a","tarball":"https://registry.npmjs.org/@vouchfor/uikit/-/uikit-0.0.0-experiment.8dad6a1.tgz","fileCount":204,"integrity":"sha512-zltLzQ5z7CJjETIHJ8m0RmNbymL8S+BpjXKsZHyi1GWBYRZriQQPVX9dwWclquyfMGNSKC1vtIMmLzy3xcelnw==","signatures":[{"sig":"MEQCIGMg6T2JHqJcvjiGFaMgfg1ltQc7yDnYjK0oMgJjRcjLAiAKg8I8YMZ1v51sjnGlDkaq7aqba5JgMEf83NZ4GvlosQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":27079632,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjv2R0ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmrukw//bv50TK6etPIeLe/7r4mIPcqkg6RV8h7FxQnPLZuVZ26DtTXG\r\naa6f63eW/zKMIL+z3CUIDkuhLp3urZX0LpC78wOLmf7I1NvkpF8q1C8BIQiJ\r\nolz3IKtWpB2aItW+6MKQXddFXUJFNv4h1hLthpsl0xJcFHeAM2KXdd/7EqmQ\r\n1OVY9DskF+npY36wlma/pY123UASZda6IuKLU0ybHbWiZgEQdpT4TxE9nKPP\r\ndchcIXZstMiWCGy6TMAU8EXu2YUhx3LqyOxmnEimDrU0GeyrsTvYKJHUgl42\r\nrXKL5LyFuMQkZN9aKH1HYb+8cESKlQ3Qd1zZZgxyGLYaiyxcAfx3o2vLgy0o\r\ntrAOa7LZwcP11zRupkbSFj9bgLmxaWXIRkEkuObJtmKKifecFzY3Xc7d1O+n\r\neySi93UiJC1N/9DPLZFYSXZEdG4yH+7eqDcDKxKcb0XxSlGcjsrncNtbH1TJ\r\nQEjpmMb2f8qtUlAbjy2yK8CtFKdCTezIIdIrGzUl/+2oJVDVUBqHiQKVTOaJ\r\nhk9YGU6B3+VBVjZRrNpxffVp74hMLPMrJ7xKYInj4hmjn1eY3Hzsac/TojIi\r\n4U2CJGfJlQ8UQ4cYnGVf7vTD8eyGcR/8dBt7tpJiz4P3CKr43j9PI2Hgv9Vb\r\ncVrFRGaQO+2HXkqYuBhekNc+oheO+1jooAg=\r\n=s5y0\r\n-----END PGP SIGNATURE-----\r\n"},"type":"module","types":"types.d.ts","readme":"# Vouch UIKit\n\n- [Get Started](#get-started)\n - [Storybook](#storybook)\n - [Playroom](#playroom)\n - [Build package](#build-package)\n - [Test package locally with vouch-app-mono](#test-package-locally-with-vouch-app)\n - [Testing published package](#test-published-package)\n - [Purge npm cache](#purge-jsdelivr-cache)\n - [Purge specific bundles](#purge-specific-bundlejs)\n- [Releasing](#releasing)\n - [Update vouch-app](#update-vouch-app)\n - [Production release](#prod-release)\n\n# Get Started\n\nEnsure you have node `16` installed on your machine, for example via [nvm](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/TERMINAL.md#install-nvm), run `nvm ls` to check\n\n```bash\nnvm ls 16\n```\n\nyou should see output if you have the version installed\n\n```bash\n-> v16.17.1\n```\n\nensure you have [git ssh](https://github.com/VouchAU/vouch-app/blob/master/docs/dx/GITHUB.md) setup locally before you clone the repo\n\n```bash\ngit clone git@github.com:VouchAU/vouch-uikit-mono.git\n```\n\ninstall dependencies\n\n```bash\ncd vouch-uikit-mono\nyarn\n```\n\n## Storybook\n\nhttps://uikit-storybook.vercel.app\n\nStorybook is hosted on vercel and deployed automatically via **GitHub Action** every time changes are merged back to `main`. Storybook can also be deployed per PR by adding the `deploy storybook` label on the PR.\n\nLocal dev\n\n```bash\nyarn storybook\n```\n\nbuild storybook\n\n```bash\nyarn storybook:build\n```\n\n## Playroom\n\nhttps://uikit-playroom.vercel.app\n\nPlayroom is hosted on vercel and deployed automatically via **GitHub Action** every time changes are merged back to `main`. Playroom is not intended to be used on it's own because we don't get good autocomplete for web components, and playroom cannot render the svelte components natively.\n\nInstead we have created a `Playroom` plugin for storybook that will automatically update the rendered web component when any of the story controls change.\n\nLocal dev\n\n```bash\nyarn playroom\n```\n\nbuild playroom\n\n```bash\nyarn playroom:build\n```\n\n## Build package\n\nBuild `src/lib` production/beta/alpha package, make sure you change `version` in `package.json`.\n\n```sh\ncd packages/uikit\n...\nyarn package # production\n```\n\n## Test package locally with `vouch-app`\n\nOnce you build the `npm` package, you can test locally with `vouch-app` to ensure everything works as expected before publishing to `npm`\n\nAssuming you build a package according [Build package](#build-package), now you can create a symlink to your local package\n\n```sh\ncd package\nyarn link\n```\n\nyou should see this if successfully linked\n\n```sh\nyarn link v1.22.10\nsuccess Registered \"@vouchfor/uikit\".\ninfo You can now run `yarn link \"@vouchfor/uikit\"` in the projects where you want to use this package and it will be used instead.\n✨ Done in 0.04s.\n```\n\ngo to `vouch-app-mono` folder and switch to the branch you want to test against with then link the local package\n\n```sh\ncd vouch-app-mono\ngit checkout VCH-222\nyarn link @vouchfor/uikit\nyarn dev\n```\n\nVoilà, you are testing your feature branch with the local uikit package and don't forget to roll back after testing\n\n```sh\ncd vouch-app\nyarn unlink @vouchfor/uikit\n...\ncd vouch-uikit/package\nyarn unlink\n```\n\n## Test published package\n\nYou can publish an experimental version of the package by adding the `publish rc` label onto your PR. This will use the commit hash and a prerelease version number to publish onto NPM which you can then install into your application for testing.\n\nThis can be important because the published package and the linked package aren't necessarily 100% the same, some functionality is lost during the conversion to web-components:\n- When using a svelte component within another svelte component, you are able to pass $$restProps down to inner DOM elements, this doesn't work when the svelte component is changed into a web-component during build time\n- Using slots is a little weird\n - When using normal svelte components, if you want to style slot contents from the parent component you need to use the `:global(