deploy: 25b708da47

browser-main.d901aea5.js

@@ -86,10 +86,10 @@ var e;!function(){"use strict";var t={}.hasOwnProperty;function r(){for(var e=[]
 },{"react":"HdMw","../auto-sizing-svg":"kXMH","../export-svg":"m3x1","../hover-debug-helper":"OjlT","../numeric-slider":"EQND","../svg-symbol":"ObB7","../vocabulary-widget":"CrPS","../svg-transform":"kvMx","../svg-vocabulary":"iXyu","../util":"sxvS","../random":"M5sl","../checkbox":"Uy1r","../svg-composition-context":"UIsY","../page":"RJck","../mandala-circle":"aQ3H","../animation":"ruPD"}],"qgwk":[function(require,module,exports) {
 "use strict";var t=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.createCreatureSymbolFactory=void 0;const e=t(require("react")),r=require("./creature-symbol");function n(t){const e=[];return t.left&&e.push(0),t.right&&e.push(1),0===e.length&&e.push(0),e}function o(t){const r={attachments:[],nests:[]};return t?(e.default.Children.forEach(t,t=>{t.props.nestInside?r.nests.push(t):r.attachments.push(t)}),r):r}function s(t){return function(n){const o=t.get(n),s=t=>{const n=i(o,t);return e.default.createElement(r.CreatureSymbol,Object.assign({},n))};return s.creatureSymbolData=o,s}}function a(t){return!!t.creatureSymbolData}function c(t){const e=p(t),r=t.props,o=r.indices||n(r);return Object.assign(Object.assign({},e),{indices:o})}function u(t){const e=c(t),r=t.props,{attachTo:n}=r;if(!n)throw new Error("Expected attachment to have `attachTo` prop!");return Object.assign(Object.assign({},e),{attachTo:n})}function i(t,e){var r;const{attachments:n,nests:s}=o(e.children);return{data:t,attachments:n.map(u),nests:s.map(c),invertColors:null!==(r=e.invert)&&void 0!==r&&r}}function p(t){if(a(t.type))return i(t.type.creatureSymbolData,t.props);throw new Error("Found unknown component type!")}exports.createCreatureSymbolFactory=s;
 },{"react":"HdMw","./creature-symbol":"MOuJ"}],"abWC":[function(require,module,exports) {
-"use strict";var e=this&&this.__createBinding||(Object.create?function(e,t,a,r){void 0===r&&(r=a),Object.defineProperty(e,r,{enumerable:!0,get:function(){return t[a]}})}:function(e,t,a,r){void 0===r&&(r=a),e[r]=t[a]}),t=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),a=this&&this.__importStar||function(a){if(a&&a.__esModule)return a;var r={};if(null!=a)for(var l in a)"default"!==l&&Object.prototype.hasOwnProperty.call(a,l)&&e(r,a,l);return t(r,a),r};Object.defineProperty(exports,"__esModule",{value:!0}),exports.DebugPage=void 0;const r=a(require("react")),l=require("../auto-sizing-svg"),n=require("../creature-symbol"),u=require("../creature-symbol-factory"),c=require("../hover-debug-helper"),o=require("../page"),i=require("../svg-symbol"),f=require("../svg-transform"),s=require("../svg-vocabulary"),d=require("../symbol-context-widget"),m=u.createCreatureSymbolFactory(s.SvgVocabulary),g=m("eye"),h=m("hand"),b=m("arm"),v=m("antler"),E=m("crown"),y=m("wing"),p=m("muscle_arm"),S=m("leg"),T=m("tail"),_=m("lightning"),q=r.default.createElement(g,null,r.default.createElement(_,{nestInside:!0}),r.default.createElement(b,{attachTo:"arm",left:!0},r.default.createElement(y,{attachTo:"arm",left:!0,right:!0})),r.default.createElement(b,{attachTo:"arm",right:!0},r.default.createElement(p,{attachTo:"arm",left:!0,right:!0})),r.default.createElement(v,{attachTo:"horn",left:!0,right:!0}),r.default.createElement(E,{attachTo:"crown"},r.default.createElement(h,{attachTo:"horn",left:!0,right:!0},r.default.createElement(b,{attachTo:"arm",left:!0}))),r.default.createElement(S,{attachTo:"leg",left:!0,right:!0}),r.default.createElement(T,{attachTo:"tail",invert:!0})),x=()=>{const[e,t]=r.useState(i.createSvgSymbolContext()),a=r.useContext(n.CreatureContext),u=Object.assign(Object.assign(Object.assign({},a),e),{fill:e.showSpecs?"none":e.fill});return r.default.createElement(o.Page,{title:"Debug!"},r.default.createElement("div",{className:"sidebar"},r.default.createElement(d.SymbolContextWidget,{ctx:e,onChange:t})),r.default.createElement("div",{className:"canvas"},r.default.createElement(n.CreatureContext.Provider,{value:u},r.default.createElement(c.HoverDebugHelper,null,r.default.createElement(l.AutoSizingSvg,{padding:20},r.default.createElement(f.SvgTransform,{transform:f.svgScale(.5)},q))))))};exports.DebugPage=x;
-},{"react":"HdMw","../auto-sizing-svg":"kXMH","../creature-symbol":"MOuJ","../creature-symbol-factory":"qgwk","../hover-debug-helper":"OjlT","../page":"RJck","../svg-symbol":"ObB7","../svg-transform":"kvMx","../svg-vocabulary":"iXyu","../symbol-context-widget":"ZUAZ"}],"l8vw":[function(require,module,exports) {
+"use strict";var e=this&&this.__createBinding||(Object.create?function(e,t,a,r){void 0===r&&(r=a),Object.defineProperty(e,r,{enumerable:!0,get:function(){return t[a]}})}:function(e,t,a,r){void 0===r&&(r=a),e[r]=t[a]}),t=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),a=this&&this.__importStar||function(a){if(a&&a.__esModule)return a;var r={};if(null!=a)for(var l in a)"default"!==l&&Object.prototype.hasOwnProperty.call(a,l)&&e(r,a,l);return t(r,a),r};Object.defineProperty(exports,"__esModule",{value:!0}),exports.DebugPage=void 0;const r=a(require("react")),l=require("../auto-sizing-svg"),n=require("../creature-symbol"),u=require("../creature-symbol-factory"),o=require("../hover-debug-helper"),c=require("../page"),i=require("../random"),d=require("../random-colors"),m=require("../svg-symbol"),s=require("../svg-transform"),f=require("../svg-vocabulary"),g=require("../symbol-context-widget"),h=require("../util"),v=u.createCreatureSymbolFactory(f.SvgVocabulary),b=v("eye"),E=v("hand"),y=v("arm"),p=v("antler"),S=v("crown"),q=v("wing"),C=v("muscle_arm"),T=v("leg"),_=v("tail"),w=v("lightning"),x=r.default.createElement(b,null,r.default.createElement(w,{nestInside:!0}),r.default.createElement(y,{attachTo:"arm",left:!0},r.default.createElement(q,{attachTo:"arm",left:!0,right:!0})),r.default.createElement(y,{attachTo:"arm",right:!0},r.default.createElement(C,{attachTo:"arm",left:!0,right:!0})),r.default.createElement(p,{attachTo:"horn",left:!0,right:!0}),r.default.createElement(S,{attachTo:"crown"},r.default.createElement(E,{attachTo:"horn",left:!0,right:!0},r.default.createElement(y,{attachTo:"arm",left:!0}))),r.default.createElement(T,{attachTo:"leg",left:!0,right:!0}),r.default.createElement(_,{attachTo:"tail",invert:!0})),O=()=>{const[e,t]=r.useState(Date.now()),a=new i.Random(e),l=d.createRandomColorPalette(100,a);return r.default.createElement(r.default.Fragment,null,r.default.createElement("div",{className:"thingy"},r.default.createElement("div",{style:{fontSize:0}},h.range(100).map(e=>r.default.createElement("div",{style:{backgroundColor:l[e],width:"1rem",height:"1rem",display:"inline-block"}})))),r.default.createElement("div",{className:"thingy"},r.default.createElement("button",{onClick:()=>t(Date.now())},"Regenerate colors")))},j=()=>{const[e,t]=r.useState(m.createSvgSymbolContext()),a=r.useContext(n.CreatureContext),u=Object.assign(Object.assign(Object.assign({},a),e),{fill:e.showSpecs?"none":e.fill});return r.default.createElement(c.Page,{title:"Debug!"},r.default.createElement("div",{className:"sidebar"},r.default.createElement(g.SymbolContextWidget,{ctx:e,onChange:t}),r.default.createElement("h2",null,"Random color sampling"),r.default.createElement(O,null)),r.default.createElement("div",{className:"canvas"},r.default.createElement(n.CreatureContext.Provider,{value:u},r.default.createElement(o.HoverDebugHelper,null,r.default.createElement(l.AutoSizingSvg,{padding:20},r.default.createElement(s.SvgTransform,{transform:s.svgScale(.5)},x))))))};exports.DebugPage=j;
+},{"react":"HdMw","../auto-sizing-svg":"kXMH","../creature-symbol":"MOuJ","../creature-symbol-factory":"qgwk","../hover-debug-helper":"OjlT","../page":"RJck","../random":"M5sl","../random-colors":"Enm9","../svg-symbol":"ObB7","../svg-transform":"kvMx","../svg-vocabulary":"iXyu","../symbol-context-widget":"ZUAZ","../util":"sxvS"}],"l8vw":[function(require,module,exports) {
 "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.toPageName=exports.isPageName=exports.DEFAULT_PAGE=exports.pageNames=exports.Pages=void 0;const e=require("./waves-page"),a=require("./vocabulary-page"),r=require("./creature-page"),s=require("./mandala-page"),t=require("./debug-page");function o(e){return exports.pageNames.includes(e)}function g(e,a){return o(e)?e:a}exports.Pages={vocabulary:a.VocabularyPage,creature:r.CreaturePage,waves:e.WavesPage,mandala:s.MandalaPage,debug:t.DebugPage},exports.pageNames=Object.keys(exports.Pages),exports.DEFAULT_PAGE="mandala",exports.isPageName=o,exports.toPageName=g;
 },{"./waves-page":"R99w","./vocabulary-page":"PhPL","./creature-page":"Wo33","./mandala-page":"JWz6","./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={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.a0382c43.js.map
+//# sourceMappingURL=browser-main.d901aea5.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%}</style><noscript> <p>Alas, you need JavaScript to peruse this page.</p> </noscript><div id="app" className="app"></div><script src="browser-main.a0382c43.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%}</style><noscript> <p>Alas, you need JavaScript to peruse this page.</p> </noscript><div id="app" className="app"></div><script src="browser-main.d901aea5.js"></script>