deploy: 72354e65a0

browser-main.476d02e6.js

@@ -72,7 +72,7 @@ var e,t=arguments[3];!function(n){if("object"==typeof exports&&"undefined"!=type
 },{}],"nFGb":[function(require,module,exports) {
 "use strict";var e=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.createGIF=void 0;const r=e(require("../vendor/gif.js/gif")),t=require("../vendor/gif.js/gif.worker");function i(){const e=new Blob([t.GIF_WORKER_JS],{type:"application/javascript"});return new r.default({workers:2,workerScript:URL.createObjectURL(e),quality:10,repeat:0})}exports.createGIF=i;
 },{"../vendor/gif.js/gif":"lJMw","../vendor/gif.js/gif.worker":"VSdI"}],"m3x1":[function(require,module,exports) {
-"use strict";var e=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n),Object.defineProperty(e,r,{enumerable:!0,get:function(){return t[n]}})}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),t=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),n=this&&this.__importStar||function(n){if(n&&n.__esModule)return n;var r={};if(null!=n)for(var o in n)"default"!==o&&Object.prototype.hasOwnProperty.call(n,o)&&e(r,n,o);return t(r,n),r},r=this&&this.__awaiter||function(e,t,n,r){return new(n||(n=Promise))(function(o,i){function a(e){try{u(r.next(e))}catch(t){i(t)}}function c(e){try{u(r.throw(e))}catch(t){i(t)}}function u(e){var t;e.done?o(e.value):(t=e.value,t instanceof n?t:new n(function(e){e(t)})).then(a,c)}u((r=r.apply(e,t||[])).next())})};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ExportWidget=void 0;const o=n(require("react")),i=require("react-dom/server"),a=require("./animated-gif"),c=require("./auto-sizing-svg");function u(e){return['<?xml version="1.0" encoding="utf-8"?>',"\x3c!-- Generator: https://github.com/toolness/mystic-symbolic --\x3e",'<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">',e].join("\n")}function d(e,t,n,o,i){return r(this,void 0,void 0,function*(){const r=e.current;if(!r)return void alert("Oops, an error occurred! Please try again later.");const a=yield i(r,o),c=document.createElement("a");c.href=a,c.download="".concat(t,".").concat(n),document.body.append(c),c.click(),document.body.removeChild(c),o(null)})}function l(e){const t=e.getContext("2d");if(!t)throw new Error("Unable to get 2D context for canvas!");return t}function s(e){return"data:image/svg+xml;utf8,".concat(encodeURIComponent(u(e)))}const f=e=>r(void 0,void 0,void 0,function*(){return s(e.outerHTML)}),m=(e,t)=>r(void 0,void 0,void 0,function*(){const t=yield f(e);return new Promise((e,n)=>{const r=document.createElement("canvas"),o=document.createElement("img");o.onload=(()=>{r.width=o.width,r.height=o.height,l(r).drawImage(o,0,0),e(r.toDataURL())}),o.onerror=n,o.src=t})});function v(e,t){return new Promise((n,r)=>{const o=document.createElement("img");o.onload=(()=>{e.width=o.width,e.height=o.height,l(e).drawImage(o,0,0),n()}),o.onerror=r,o.src=t})}function g(e,t,n){return r(this,void 0,void 0,function*(){const r=1e3/(e.fps||15),u=Math.floor(e.duration/r),d=c.getSvgMetadata(t),l=t=>o.default.createElement(c.SvgWithBackground,Object.assign({},d),e.render(t)),f=a.createGIF();for(let e=0;e<u;e++){n(e/u);const t=document.createElement("canvas"),o=e/u,a=s(i.renderToStaticMarkup(l(o)));yield v(t,a),f.addFrame(t,{delay:r})}return new Promise((e,t)=>{f.on("finished",function(t){n(1),e(URL.createObjectURL(t))}),f.render()})})}const h=e=>{let{svgRef:t,basename:n,animate:r}=e;const[i,a]=o.useState(null);return null!==i?o.default.createElement("div",{className:"overlay-wrapper"},o.default.createElement("p",null,"Exporting…"),o.default.createElement("progress",{value:i})):o.default.createElement(o.default.Fragment,null,o.default.createElement("button",{onClick:()=>d(t,n,"svg",a,f)},"Export SVG")," ",o.default.createElement("button",{onClick:()=>d(t,n,"png",a,m)},"Export PNG")," ",r&&o.default.createElement("button",{onClick:()=>d(t,n,"gif",a,g.bind(null,r))},"Export GIF"))};exports.ExportWidget=h;
+"use strict";var e=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n),Object.defineProperty(e,r,{enumerable:!0,get:function(){return t[n]}})}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),t=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),n=this&&this.__importStar||function(n){if(n&&n.__esModule)return n;var r={};if(null!=n)for(var o in n)"default"!==o&&Object.prototype.hasOwnProperty.call(n,o)&&e(r,n,o);return t(r,n),r},r=this&&this.__awaiter||function(e,t,n,r){return new(n||(n=Promise))(function(o,i){function a(e){try{u(r.next(e))}catch(t){i(t)}}function c(e){try{u(r.throw(e))}catch(t){i(t)}}function u(e){var t;e.done?o(e.value):(t=e.value,t instanceof n?t:new n(function(e){e(t)})).then(a,c)}u((r=r.apply(e,t||[])).next())})};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ExportWidget=void 0;const o=n(require("react")),i=require("react-dom/server"),a=require("./animated-gif"),c=require("./auto-sizing-svg");function u(e){return['<?xml version="1.0" encoding="utf-8"?>',"\x3c!-- Generator: https://github.com/toolness/mystic-symbolic --\x3e",'<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">',e].join("\n")}function d(e,t,n,o,i){return r(this,void 0,void 0,function*(){const r=e.current;if(!r)return void alert("Oops, an error occurred! Please try again later.");const a=yield i(r,o),c=document.createElement("a");c.href=a,c.download="".concat(t,".").concat(n),document.body.append(c),c.click(),document.body.removeChild(c),o(null)})}function l(e){const t=e.getContext("2d");if(!t)throw new Error("Unable to get 2D context for canvas!");return t}function s(e){return"data:image/svg+xml;utf8,".concat(encodeURIComponent(u(e)))}const f=e=>r(void 0,void 0,void 0,function*(){return s(e.outerHTML)}),m=(e,t)=>r(void 0,void 0,void 0,function*(){const t=yield f(e);return new Promise((e,n)=>{const r=document.createElement("canvas"),o=document.createElement("img");o.onload=(()=>{r.width=o.width,r.height=o.height,l(r).drawImage(o,0,0),e(r.toDataURL())}),o.onerror=n,o.src=t})});function h(e,t,n){return new Promise((r,o)=>{const i=document.createElement("img");i.onload=(()=>{const t=Math.floor(i.width*n),o=Math.floor(i.height*n);e.width=t,e.height=o,l(e).drawImage(i,0,0,i.width,i.height,0,0,t,o),r()}),i.onerror=o,i.src=t})}function g(e,t,n,u){return r(this,void 0,void 0,function*(){const r=1e3/(e.fps||15),d=Math.floor(e.duration/r),l=c.getSvgMetadata(n),f=t=>o.default.createElement(c.SvgWithBackground,Object.assign({},l),e.render(t)),m=a.createGIF();for(let e=0;e<d;e++){u(e/d);const n=document.createElement("canvas"),o=e/d,a=s(i.renderToStaticMarkup(f(o)));yield h(n,a,t),m.addFrame(n,{delay:r})}return new Promise((e,t)=>{m.on("finished",function(t){u(1),e(URL.createObjectURL(t))}),m.render()})})}const v=.5,p=e=>{let{svgRef:t,basename:n,animate:r,gifScale:i}=e;const[a,c]=o.useState(null);return null!==a?o.default.createElement("div",{className:"overlay-wrapper"},o.default.createElement("p",null,"Exporting…"),o.default.createElement("progress",{value:a})):o.default.createElement(o.default.Fragment,null,o.default.createElement("button",{onClick:()=>d(t,n,"svg",c,f)},"Export SVG")," ",o.default.createElement("button",{onClick:()=>d(t,n,"png",c,m)},"Export PNG")," ",r&&o.default.createElement("button",{onClick:()=>d(t,n,"gif",c,g.bind(null,r,i||.5))},"Export GIF"))};exports.ExportWidget=p;
 },{"react":"HdMw","react-dom/server":"gjZ7","./animated-gif":"nFGb","./auto-sizing-svg":"kXMH"}],"w4OL":[function(require,module,exports) {
 "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.getAttachmentTransforms=exports.normalToAttachmentSpaceDegrees=void 0;const t=require("./point"),e=require("./util");function r(t){return(t%=360)<0&&(t=360+t),t}function n(n){const o=t.scalePointXY(n,1,-1),a=t.normalizedPoint2rad(o);return r(90-e.rad2deg(a))}function o(e,r){return{translation:t.subtractPoints(e.point,r.point),rotation:n(e.normal)-n(r.normal)}}exports.normalToAttachmentSpaceDegrees=n,exports.getAttachmentTransforms=o;
 },{"./point":"Iio0","./util":"sxvS"}],"kvMx":[function(require,module,exports) {
@@ -476,4 +476,4 @@ var t=require("buffer").Buffer,r=require("../../lib/utils").Tap,i=require("../..
 },{"./waves-page":"R99w","./vocabulary-page":"PhPL","./creature-page":"Wo33","./mandala-page":"g2LJ","./debug-page":"abWC"}],"qWv7":[function(require,module,exports) {
 "use strict";var e=this&&this.__createBinding||(Object.create?function(e,t,r,n){void 0===n&&(n=r),Object.defineProperty(e,n,{enumerable:!0,get:function(){return t[r]}})}:function(e,t,r,n){void 0===n&&(n=r),e[n]=t[r]}),t=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(r){if(r&&r.__esModule)return r;var n={};if(null!=r)for(var a in r)"default"!==a&&Object.prototype.hasOwnProperty.call(r,a)&&e(n,r,a);return t(n,r),n},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0});const a=r(require("react")),u=n(require("react-dom")),o=require("./page"),i=require("./pages"),c="app",l=document.getElementById("app");if(!l)throw new Error("Unable to find #".concat("app","!"));function s(){return new URLSearchParams(window.location.search)}function d(e){return a.useEffect(()=>(window.addEventListener("popstate",e),()=>{window.removeEventListener("popstate",e)}),[e]),function(t){window.history.pushState(null,"",t),e()}}const f=e=>{const[t,r]=a.useState(s()),n=i.toPageName(t.get(o.PAGE_QUERY_ARG)||"",i.DEFAULT_PAGE),u=i.Pages[n],c=d(()=>r(s())),l={search:t,currPage:n,allPages:i.pageNames,pushState:c};return a.default.createElement(o.PageContext.Provider,{value:l},a.default.createElement(u,null))};u.default.render(a.default.createElement(f,null),l);
 },{"react":"HdMw","react-dom":"X9zx","./page":"RJck","./pages":"l8vw"}]},{},["qWv7"], null)
-//# sourceMappingURL=browser-main.05298ebd.js.map
+//# sourceMappingURL=browser-main.476d02e6.js.map

index.html

@@ -1 +1 @@
-<!DOCTYPE html><meta charset="utf-8"><title>Mystic Symbolic</title><style>body,html{margin:0;padding:0;font-family:Calibri,Arial,Helvetica Neue,sans-serif;overflow:hidden}.page{display:grid;column-gap:8px;padding:8px;box-sizing:border-box;height:100vh;width:100vw;grid-template-columns:auto 20em;grid-template-rows:3em auto 3em;grid-template-areas:"header header" "canvas sidebar" "footer footer"}header{grid-area:header;display:flex}header h1{margin:0;flex-grow:1}.sidebar{grid-area:sidebar;overflow-y:auto}footer{grid-area:footer}input[type=text],select{padding:8px}.checkerboard-bg{background:#eee url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="400" height="400" fill-opacity=".1"><path d="M200 0h200v200H200zM0 200h200v200H0z"/></svg>');background-size:20px 20px}.hover-debug-helper{font-family:Consolas,Monaco,monospace;color:#fff;background:rgba(0,0,0,.75);padding:4px;margin-top:4px;margin-left:4px}.thingy{margin-top:10px;margin-bottom:10px}.thingy:first-child{margin-top:0}ul.navbar{display:flex;list-style-type:none;margin:0;padding:0;justify-content:flex-end}ul.navbar li{border-right:1px solid grey;margin-right:8px;padding-right:8px}ul.navbar li:last-child{border-right:none;padding-right:0;margin-right:0}.flex-widget{display:flex;flex-direction:column}.flex-widget label{margin-bottom:8px}.canvas{grid-area:canvas;display:flex;align-items:center;justify-content:center;overflow:hidden}.canvas.scrollable{display:block;overflow:auto}.sidebar .disabled{color:grey}.sidebar label.checkbox{display:block;margin-top:10px;margin-bottom:10px}.sidebar .color-widget{display:flex}.sidebar .color-widget label{flex-grow:1}.sidebar .numeric-slider{display:flex;flex-direction:column}.sidebar .numeric-slider .slider{display:flex}.sidebar .numeric-slider .slider input{flex-basis:90%}.sidebar .numeric-slider .slider .slider-value{min-width:2em}.overlay-wrapper{position:fixed;display:flex;background-color:rgba(0,0,0,.9);flex-direction:column;align-items:center;justify-content:center;color:#fff;top:0;left:0;bottom:0;right:0}</style><noscript> <p>Alas, you need JavaScript to peruse this page.</p> </noscript><div id="app" className="app"></div><script src="browser-main.05298ebd.js"></script>
+<!DOCTYPE html><meta charset="utf-8"><title>Mystic Symbolic</title><style>body,html{margin:0;padding:0;font-family:Calibri,Arial,Helvetica Neue,sans-serif;overflow:hidden}.page{display:grid;column-gap:8px;padding:8px;box-sizing:border-box;height:100vh;width:100vw;grid-template-columns:auto 20em;grid-template-rows:3em auto 3em;grid-template-areas:"header header" "canvas sidebar" "footer footer"}header{grid-area:header;display:flex}header h1{margin:0;flex-grow:1}.sidebar{grid-area:sidebar;overflow-y:auto}footer{grid-area:footer}input[type=text],select{padding:8px}.checkerboard-bg{background:#eee url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="400" height="400" fill-opacity=".1"><path d="M200 0h200v200H200zM0 200h200v200H0z"/></svg>');background-size:20px 20px}.hover-debug-helper{font-family:Consolas,Monaco,monospace;color:#fff;background:rgba(0,0,0,.75);padding:4px;margin-top:4px;margin-left:4px}.thingy{margin-top:10px;margin-bottom:10px}.thingy:first-child{margin-top:0}ul.navbar{display:flex;list-style-type:none;margin:0;padding:0;justify-content:flex-end}ul.navbar li{border-right:1px solid grey;margin-right:8px;padding-right:8px}ul.navbar li:last-child{border-right:none;padding-right:0;margin-right:0}.flex-widget{display:flex;flex-direction:column}.flex-widget label{margin-bottom:8px}.canvas{grid-area:canvas;display:flex;align-items:center;justify-content:center;overflow:hidden}.canvas.scrollable{display:block;overflow:auto}.sidebar .disabled{color:grey}.sidebar label.checkbox{display:block;margin-top:10px;margin-bottom:10px}.sidebar .color-widget{display:flex}.sidebar .color-widget label{flex-grow:1}.sidebar .numeric-slider{display:flex;flex-direction:column}.sidebar .numeric-slider .slider{display:flex}.sidebar .numeric-slider .slider input{flex-basis:90%}.sidebar .numeric-slider .slider .slider-value{min-width:2em}.overlay-wrapper{position:fixed;display:flex;background-color:rgba(0,0,0,.9);flex-direction:column;align-items:center;justify-content:center;color:#fff;top:0;left:0;bottom:0;right:0}</style><noscript> <p>Alas, you need JavaScript to peruse this page.</p> </noscript><div id="app" className="app"></div><script src="browser-main.476d02e6.js"></script>