{"_id":"@dyte-in/excalidraw-utils","name":"@dyte-in/excalidraw-utils","dist-tags":{"latest":"0.1.0"},"versions":{"0.1.0":{"name":"@dyte-in/excalidraw-utils","version":"0.1.0","main":"dist/excalidraw-utils.min.js","description":"Excalidraw utilities functions","publishConfig":{"access":"public"},"license":"MIT","keywords":["excalidraw","excalidraw-utils"],"browserslist":{"production":[">0.2%","not dead","not ie <= 11","not op_mini all","not safari < 12","not kaios <= 2.5","not edge < 79","not chrome < 70","not and_uc < 13","not samsung < 10"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@babel/core":"7.14.8","@babel/plugin-transform-arrow-functions":"7.14.5","@babel/plugin-transform-async-to-generator":"7.14.5","@babel/plugin-transform-runtime":"^7.14.5","@babel/plugin-transform-typescript":"7.14.6","@babel/preset-env":"7.14.9","@babel/preset-typescript":"7.14.5","babel-loader":"8.2.2","babel-plugin-transform-class-properties":"6.24.1","cross-env":"7.0.3","css-loader":"6.2.0","file-loader":"6.2.0","sass-loader":"12.1.0","ts-loader":"9.2.4","webpack":"5.40.0","webpack-bundle-analyzer":"4.4.2","webpack-cli":"4.10.0"},"bugs":{"url":"https://github.com/excalidraw/excalidraw/issues"},"repository":{"type":"git","url":"git+https://github.com/excalidraw/excalidraw.git"},"scripts":{"build:umd":"cross-env NODE_ENV=production webpack --config webpack.prod.config.js","build:umd:withAnalyzer":"cross-env NODE_ENV=production ANALYZER=true webpack --config webpack.prod.config.js","pack":"yarn build:umd && yarn pack"},"homepage":"https://github.com/excalidraw/excalidraw#readme","_id":"@dyte-in/excalidraw-utils@0.1.0","_integrity":"sha512-vlOczRTXvdYHBd+/1ke6nnzqjiLe2ta9Gvv5GW8WR01DAsWfeAnQGwMWtw5/wqLVf32Z1AbmksHZHGmSEIopWg==","_resolved":"/Users/xyz/dyte/excalidraw/src/packages/utils/dyte-in-excalidraw-utils-v0.1.0.tgz","_from":"file:src/packages/utils/dyte-in-excalidraw-utils-v0.1.0.tgz","_nodeVersion":"16.16.0","_npmVersion":"8.11.0","dist":{"integrity":"sha512-vlOczRTXvdYHBd+/1ke6nnzqjiLe2ta9Gvv5GW8WR01DAsWfeAnQGwMWtw5/wqLVf32Z1AbmksHZHGmSEIopWg==","shasum":"0e3bd99be5a5986b1f52a1c6b80f52f187a4fc6f","tarball":"https://registry.npmjs.org/@dyte-in/excalidraw-utils/-/excalidraw-utils-0.1.0.tgz","fileCount":7,"unpackedSize":761296,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAa0cG7dCXUFT1QOhKLqvzjZmZgiUqQzeYodcrP+wh43AiEAqHkREA1L7RnRKkb1/INi0ZagD7Se7pOzEDYKF8/TGsA="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjGYTMACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqVCw/+NLdxo82ThD3ODMAMLE37GbJ99Wq1IDRN+hgzX7GWR2uDr0NT\r\nKIcf603hehfXAsh+mQvkLTmcl3Ng2LNcY+3I1teHxx9jqHNw7htNwXjHioIc\r\nJ5Mf6HPHuFUZ3h5fPuv3CSEx0gNhwB9QsXpa06uXKRIW9MIAcC+FHQOgZPsK\r\n8eaNcj48ejT1o9zTiRVm0Dle/76LcZgWEZltUDzg3Rcn8V/9vL1UtYv+VTI1\r\n45cd9QbL835vAg4FnRL64HovvfEDg+vj3bA3cneccd2SJ5oncrCbahrtRJ/X\r\neYT3d1GwF/aE/QutO2gy6hkiuwC/af9MDAkQF2cF5fEdr0WcKEdYw6ZAnj4v\r\ntT7wJfLTB6ms50slmCzxWM9LBGVBMvSKl2EKm5dUKK5TuVrNyBJ/LAYPmA4N\r\nzlDp82VfmaGIuzaUYckIz7KTY/VQvUN7BbBpr56YgcsrlZR3tnESMrDN8dqA\r\nuLQYKlzuXwGR/UhTn2xJiCQfJsqn6LuL7aT6/zY+tx5Dot2Ca4AVTZj4IcFm\r\na1htSo6CcYWfZkC3hoXf2rjhu/onVJE8/tXR18HjCGiXlNnA7NLS0322//7p\r\ncP+Ej8nFewOb7MWtPOBVT5SB2C+Q9Z6yinGgbiUTn23OIX5ASQ8AurhaQKb2\r\n4a2gfuFgURBXFFIq4QpRsWWKzM09nkdsbBs=\r\n=AF9e\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"dyteindia","email":"dev@dyte.io"},"directories":{},"maintainers":[{"name":"dyteindia","email":"dev@dyte.io"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/excalidraw-utils_0.1.0_1662616779840_0.4149746064042228"},"_hasShrinkwrap":false}},"time":{"created":"2022-09-08T05:59:39.765Z","0.1.0":"2022-09-08T05:59:40.009Z","modified":"2022-09-08T05:59:40.235Z"},"maintainers":[{"name":"dyteindia","email":"dev@dyte.io"}],"description":"Excalidraw utilities functions","homepage":"https://github.com/excalidraw/excalidraw#readme","keywords":["excalidraw","excalidraw-utils"],"repository":{"type":"git","url":"git+https://github.com/excalidraw/excalidraw.git"},"bugs":{"url":"https://github.com/excalidraw/excalidraw/issues"},"license":"MIT","readme":"# @excalidraw/utils\n\n## Install\n\n```bash\nnpm install @excalidraw/utils\n```\n\nIf you prefer Yarn over npm, use this command to install the Excalidraw utils package:\n\n```bashs\nyarn add @excalidraw/utils\n```\n\n## API\n\n### `serializeAsJSON`\n\nSee [`serializeAsJSON`](https://github.com/excalidraw/excalidraw/blob/master/src/packages/excalidraw/README.md#serializeAsJSON) for API and description.\n\n### `exportToBlob` (async)\n\nExport an Excalidraw diagram to a [Blob](https://developer.mozilla.org/en-US/docs/Web/API/Blob).\n\n### `exportToSvg`\n\nExport an Excalidraw diagram to a [SVGElement](https://developer.mozilla.org/en-US/docs/Web/API/SVGElement).\n\n## Usage\n\nExcalidraw utils is published as a UMD (Universal Module Definition). If you are using a Web bundler (for instance, Webpack), you can import it as an ES6 module:\n\n```js\nimport { exportToSvg, exportToBlob } from \"@excalidraw/utils\";\n```\n\nTo use it in a browser directly:\n\n```html\n<script src=\"https://unpkg.com/@excalidraw/utils@0.1.0/dist/excalidraw-utils.min.js\"></script>\n<script>\n  // ExcalidrawUtils is a global variable defined by excalidraw.min.js\n  const { exportToSvg, exportToBlob } = ExcalidrawUtils;\n</script>\n```\n\nHere's the `exportToBlob` and `exportToSvg` functions in action:\n\n```js\nconst excalidrawDiagram = {\n  type: \"excalidraw\",\n  version: 2,\n  source: \"https://excalidraw.com\",\n  elements: [\n    {\n      id: \"vWrqOAfkind2qcm7LDAGZ\",\n      type: \"ellipse\",\n      x: 414,\n      y: 237,\n      width: 214,\n      height: 214,\n      angle: 0,\n      strokeColor: \"#000000\",\n      backgroundColor: \"#15aabf\",\n      fillStyle: \"hachure\",\n      strokeWidth: 1,\n      strokeStyle: \"solid\",\n      roughness: 1,\n      opacity: 100,\n      groupIds: [],\n      strokeSharpness: \"sharp\",\n      seed: 1041657908,\n      version: 120,\n      versionNonce: 1188004276,\n      isDeleted: false,\n      boundElementIds: null,\n    },\n  ],\n  appState: {\n    viewBackgroundColor: \"#ffffff\",\n    gridSize: null,\n  },\n};\n\n// Export the Excalidraw diagram as SVG string\nconst svg = exportToSvg(excalidrawDiagram);\nconsole.log(svg.outerHTML);\n\n// Export the Excalidraw diagram as PNG Blob URL\n(async () => {\n  const blob = await exportToBlob({\n    ...excalidrawDiagram,\n    mimeType: \"image/png\",\n  });\n\n  const urlCreator = window.URL || window.webkitURL;\n  console.log(urlCreator.createObjectURL(blob));\n})();\n```\n","readmeFilename":"README.md"}