@dwelle/excalidraw 0.3.23 → 0.3.27

package/CHANGELOG.md

@@ -13,6 +13,10 @@ Please add the latest change on the top under the correct section.
 
 ## Unreleased
 
+## Excalidraw API
+
+- [`exportToBlob`](https://github.com/excalidraw/excalidraw/blob/master/src/packages/excalidraw/README.md#exportToBlob) now automatically sets `appState.exportBackground` to `true` if exporting to `image/jpeg` MIME type (to ensure that alpha channel is not compressed to black color).
+
 ### Features
 
 - #### BREAKING CHANGE
@@ -48,10 +52,6 @@ Please add the latest change on the top under the correct section.
   - `.excalidraw` files may now contain top-level `files` key in format of `Record<FileId, BinaryFileData>` when exporting any (image) elements.
   - Changes were made to various export utilityies exported from the package so that they take `files`. For now, TypeScript should help you figure the changes out.
 
-## Excalidraw API
-
-### Features
-
 - Export [`isLinearElement`](https://github.com/excalidraw/excalidraw/blob/master/src/packages/excalidraw/README.md#isLinearElement) and [`getNonDeletedElements`](https://github.com/excalidraw/excalidraw/blob/master/src/packages/excalidraw/README.md#getNonDeletedElements).
 
 - Support [`renderTopRightUI`](https://github.com/excalidraw/excalidraw/blob/master/src/packages/excalidraw/README.md#renderTopRightUI) in mobile UI.
@@ -62,6 +62,12 @@ Please add the latest change on the top under the correct section.
 
   The `Appearance` type is now removed and renamed to `Theme` so `Theme` type needs to be used.
 
+### Build
+
+- Remove `file-loader` so font assets are not duplicated by webpack and use webpack asset modules for font generation [#4380](https://github.com/excalidraw/excalidraw/pull/4380)
+
+- We're now compiling to `es2017` target. Notably, `async/await` is not compiled down to generators. [#4341](https://github.com/excalidraw/excalidraw/pull/4341)
+
 ---
 
 ## 0.10.0 (2021-10-13)

package/README.md

@@ -828,6 +828,8 @@ import { exportToBlob } from "@excalidraw/excalidraw";
 
 Returns a promise which resolves with a [blob](https://developer.mozilla.org/en-US/docs/Web/API/Blob). It internally uses [canvas.ToBlob](https://developer.mozilla.org/en-US/docs/Web/API/HTMLCanvasElement/toBlob).
 
+Note: `appState.exportBackground` is always set to `true` if exporting to `image/jpeg` to ensure the alpha channel isn't compressed to black.
+
 #### `exportToSvg`
 
 **_Signature_**

package/dist/excalidraw-assets/image-2be1c869cd5bacebdc3c.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunkExcalidraw=self.webpackChunkExcalidraw||[]).push([[9],{673:(e,t,r)=>{r.r(t),r.d(t,{decodePngMetadata:()=>h,decodeSvgMetadata:()=>E,encodePngMetadata:()=>x,encodeSvgMetadata:()=>A,getTEXtChunk:()=>p});var n=r(2983),a=r.n(n),o=r(1194),c=r(3434),d=r.n(c),i=r(2744),s=r(8288);const w=e=>new Promise(((t,r)=>{const n="string"==typeof e?new Blob([(new TextEncoder).encode(e)]):new Blob([e instanceof Uint8Array?e:new Uint8Array(e)]),a=new FileReader;a.onload=e=>{if(!e.target||"string"!=typeof e.target.result)return r(new Error("couldn't convert to byte string"));t(e.target.result)},a.readAsBinaryString(n)})),l=e=>{const t=new ArrayBuffer(e.length),r=new Uint8Array(t);for(let t=0,n=e.length;t<n;t++)r[t]=e.charCodeAt(t);return t},y=e=>new TextDecoder("utf-8").decode(l(e)),u=async e=>{let t,{text:r,compress:n}=e;if(!1!==n)try{t=await w((0,i.deflate)(r))}catch(e){console.error("encode: cannot deflate",e)}return{version:"1",encoding:"bstring",compressed:!!t,encoded:t||await w(r)}},f=async e=>{let t;if("bstring"!==e.encoding)throw new Error('decode: unknown encoding "'.concat(e.encoding,'"'));return t=e.compressed?e.encoded:await y(e.encoded),e.compressed?(0,i.inflate)(new Uint8Array(l(t)),{to:"string"}):t};const g=e=>"arrayBuffer"in e?e.arrayBuffer():new Promise(((t,r)=>{const n=new FileReader;n.onload=e=>{var n;if(null===(n=e.target)||void 0===n||!n.result)return r(new Error("couldn't convert blob to ArrayBuffer"));t(e.target.result)},n.readAsArrayBuffer(e)})),p=async e=>{const t=a()(new Uint8Array(await g(e))).find((e=>"tEXt"===e.name));return t?o.decode(t.data):null},x=async e=>{let{blob:t,metadata:r}=e;const n=a()(new Uint8Array(await g(t))),c=o.encode(s.LO.excalidraw,JSON.stringify(await u({text:r,compress:!0})));return n.splice(-1,0,c),new Blob([d()(n)],{type:s.LO.png})},h=async e=>{const t=await p(e);if((null==t?void 0:t.keyword)===s.LO.excalidraw)try{const e=JSON.parse(t.text);if(!("encoded"in e)){if("type"in e&&e.type===s.r8.excalidraw)return t.text;throw new Error("FAILED")}return await f(e)}catch(e){throw console.error(e),new Error("FAILED")}throw new Error("INVALID")},A=async e=>{let{text:t}=e;const r=await async function(e){return arguments.length>1&&void 0!==arguments[1]&&arguments[1]?window.btoa(e):window.btoa(await w(e))}(JSON.stringify(await u({text:t})),!0);let n="";return n+="\x3c!-- payload-type:".concat(s.LO.excalidraw," --\x3e"),n+="\x3c!-- payload-version:2 --\x3e",n+="\x3c!-- payload-start --\x3e",n+=r,n+="\x3c!-- payload-end --\x3e",n},E=async e=>{let{svg:t}=e;if(t.includes("payload-type:".concat(s.LO.excalidraw))){const e=t.match(/<!-- payload-start -->(.+?)<!-- payload-end -->/);if(!e)throw new Error("INVALID");const r=t.match(/<!-- payload-version:(\d+) -->/),n="1"!==((null==r?void 0:r[1])||"1");try{const t=await async function(e){return arguments.length>1&&void 0!==arguments[1]&&arguments[1]?window.atob(e):y(window.atob(e))}(e[1],n),r=JSON.parse(t);if(!("encoded"in r)){if("type"in r&&r.type===s.r8.excalidraw)return t;throw new Error("FAILED")}return await f(r)}catch(e){throw console.error(e),new Error("FAILED")}}throw new Error("INVALID")}}}]);