deploy: 6fa6e0ba8a

browser-main.a13f7628.js

@@ -61,7 +61,7 @@ parcelRequire=function(e,r,t,n){var i,o="function"==typeof parcelRequire&&parcel
 },{"react":"HdMw","./point":"Iio0"}],"MOuJ":[function(require,module,exports) {
 "use strict";var t=this&&this.__createBinding||(Object.create?function(t,e,a,n){void 0===n&&(n=a),Object.defineProperty(t,n,{enumerable:!0,get:function(){return e[a]}})}:function(t,e,a,n){void 0===n&&(n=a),t[n]=e[a]}),e=this&&this.__setModuleDefault||(Object.create?function(t,e){Object.defineProperty(t,"default",{enumerable:!0,value:e})}:function(t,e){t.default=e}),a=this&&this.__importStar||function(a){if(a&&a.__esModule)return a;var n={};if(null!=a)for(var r in a)"default"!==r&&Object.prototype.hasOwnProperty.call(a,r)&&t(n,a,r);return e(n,a),n},n=this&&this.__rest||function(t,e){var a={};for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&e.indexOf(n)<0&&(a[n]=t[n]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(n=Object.getOwnPropertySymbols(t);r<n.length;r++)e.indexOf(n[r])<0&&Object.prototype.propertyIsEnumerable.call(t,n[r])&&(a[n[r]]=t[n[r]])}return a};Object.defineProperty(exports,"__esModule",{value:!0}),exports.CreatureSymbol=exports.CreatureContext=void 0;const r=a(require("react")),o=require("./attach"),s=require("./bounding-box"),l=require("./point"),c=require("./svg-symbol"),i=require("./svg-transform"),u=.5;function d(t,e){let a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0;const{specs:n}=t;if(!n)throw new f("Symbol ".concat(t.name," has no specs."));const r=n[e];if(!(r&&r.length>a))throw new f("Expected symbol ".concat(t.name," to have at least ").concat(a+1," ").concat(e," attachment point(s)."));return r[a]}class f extends Error{}function m(t,e){let a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0;try{return d(t,e,a)}catch(n){if(!(n instanceof f))throw n;console.log(n.message)}return null}function g(t,e){const a=s.getBoundingBoxCenter(t),n=s.getBoundingBoxCenter(e),r=l.subtractPoints(a,n),o=s.uniformlyScaleToFit(t,e);return{translation:r,transformOrigin:n,scaling:{x:o,y:o}}}exports.CreatureContext=r.default.createContext(Object.assign(Object.assign({},c.createSvgSymbolContext()),{attachmentScale:.5,parent:null}));const p=t=>r.default.createElement(i.SvgTransform,{transform:[i.svgTranslate(t.translate),i.svgTransformOrigin(t.transformOrigin,[i.svgScale(t.scale),i.svgRotate(t.rotate)])]},t.children),h=t=>{var{indices:e,parent:a,attachTo:s,data:c}=t,i=n(t,["indices","parent","attachTo","data"]);const u=r.useContext(exports.CreatureContext),d=[];for(let n of e){const t=m(a,s,n),e=m(c,"anchor");if(!t||!e)continue;let f=t.normal.x<0?-1:1;t.normal.y>0&&(f*=-1);const g=o.getAttachmentTransforms(t,{point:e.point,normal:l.scalePointXY(e.normal,f,1)});d.push(r.default.createElement(p,{key:n,transformOrigin:e.point,translate:g.translation,scale:{x:u.attachmentScale*f,y:u.attachmentScale},rotate:f*g.rotation},r.default.createElement("g",{"data-attach-parent":a.name,"data-attach-type":s,"data-attach-index":n},r.default.createElement(exports.CreatureSymbol,Object.assign({data:c},i)))))}return r.default.createElement(r.default.Fragment,null,d)},b=t=>{var e,a,{indices:o,parent:s,data:l}=t,c=n(t,["indices","parent","data"]);const i=[];for(let n of o){const t=(null!==(a=null===(e=s.specs)||void 0===e?void 0:e.nesting)&&void 0!==a?a:[])[n];if(!t){console.log("Parent symbol ".concat(s.name," has no nesting index ").concat(n,"."));continue}const o=g(t,l.bbox);i.push(r.default.createElement(p,{key:n,transformOrigin:o.transformOrigin,translate:o.translation,scale:o.scaling,rotate:0},r.default.createElement("g",{"data-attach-parent":s.name,"data-attach-type":"nesting","data-attach-index":n},r.default.createElement(exports.CreatureSymbol,Object.assign({data:l},c)))))}return r.default.createElement(r.default.Fragment,null,i)},x=t=>{let e=r.useContext(exports.CreatureContext);const{data:a,attachments:n,nests:o}=t,s=Object.assign(Object.assign({},e),{parent:a});t.invertColors&&(e=c.swapColors(e));const l=Object.assign(Object.assign({},e),{parent:a});return r.default.createElement(r.default.Fragment,null,n.length&&r.default.createElement(exports.CreatureContext.Provider,{value:s},n.map((t,e)=>r.default.createElement(h,Object.assign({key:e},t,{parent:a})))),r.default.createElement(c.SvgSymbolContent,Object.assign({data:a},e)),o.length&&r.default.createElement(exports.CreatureContext.Provider,{value:l},o.map((t,e)=>r.default.createElement(b,Object.assign({key:e},t,{parent:a})))))};exports.CreatureSymbol=x;
 },{"react":"HdMw","./attach":"w4OL","./bounding-box":"nblm","./point":"Iio0","./svg-symbol":"ObB7","./svg-transform":"kvMx"}],"Wo33":[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 a in n)"default"!==a&&Object.prototype.hasOwnProperty.call(n,a)&&e(r,n,a);return t(r,n),r};Object.defineProperty(exports,"__esModule",{value:!0}),exports.CreaturePage=void 0;const r=n(require("react")),a=require("../svg-vocabulary"),l=require("../svg-symbol"),o=require("../specs"),u=require("../random"),i=require("../symbol-context-widget"),c=require("../util"),s=require("../auto-sizing-svg"),d=require("../export-svg"),m=require("../creature-symbol"),f=require("../hover-debug-helper"),v=require("../svg-transform"),g=require("../color-widget"),b=require("../numeric-slider"),h=require("../colors"),y=a.SvgVocabulary.items.filter(e=>{var t;return!0!==(null===(t=e.meta)||void 0===t?void 0:t.always_be_nested)}),p=(()=>{const e={};for(let t of o.ATTACHMENT_POINT_TYPES)e[t]=a.SvgVocabulary.items.filter(e=>{const{meta:n}=e;return!n||!0!==n.always_be_nested&&(!n.attach_to||n.attach_to.includes(t))});return e})(),C=a.SvgVocabulary.items.filter(e=>{var t,n;return!0!==(null===(t=e.meta)||void 0===t?void 0:t.always_nest)&&!0!==(null===(n=e.meta)||void 0===n?void 0:n.never_be_nested)});function _(e,t,n){var r;const{meta:a,specs:l}=e;if(((null==a?void 0:a.always_nest)||n)&&(null==l?void 0:l.nesting)){const e=c.range(l.nesting.length);return[{data:t.choice(C),attachments:[],nests:[],indices:e,invertColors:null!==(r=null==a?void 0:a.invert_nested)&&void 0!==r&&r}]}return[]}function E(e,t){let{rng:n,randomlyInvert:r}=t;var a,l;const u=n.choice(y),i=n.clone(),s=()=>!!r&&i.bool(),d={data:u,attachments:[],nests:_(u,n,!0),invertColors:s()};if(u.specs){const t=n.uniqueChoices(Array.from(o.iterAttachmentPoints(u.specs)).filter(e=>"anchor"!==e.type).map(e=>e.type),e);for(let e of t){const t=n.choice(p[e]),r=c.range(null!==(l=null===(a=u.specs[e])||void 0===a?void 0:a.length)&&void 0!==l?l:0);d.attachments.push({data:t,attachTo:e,indices:r,attachments:[],nests:_(t,n),invertColors:s()})}}return d}const S=[...c.range(5).map(e=>E.bind(null,e))],q=S.length-1,x=2;function O(e){let t="mystic-symbolic-creature";return null!==e&&(t+="-".concat(e)),"".concat(t,".svg")}const w=()=>{const e=r.useRef(null),[t,n]=r.useState(h.DEFAULT_BG_COLOR),[a,o]=r.useState(Date.now()),[c,y]=r.useState(!0),[p,C]=r.useState(l.createSvgSymbolContext()),[_,E]=r.useState(2),x=r.useContext(m.CreatureContext),w=()=>o(Date.now()),j=Object.assign(Object.assign(Object.assign({},x),p),{fill:p.showSpecs?"none":p.fill}),P=S[_]({rng:new u.Random(a),randomlyInvert:c});return r.default.createElement(r.default.Fragment,null,r.default.createElement("h1",null,"Creature!"),r.default.createElement(i.SymbolContextWidget,{ctx:p,onChange:C},r.default.createElement(g.ColorWidget,{label:"Background",value:t,onChange:n})," "),r.default.createElement("div",{className:"thingy"},r.default.createElement(b.NumericSlider,{label:"Random creature complexity",min:0,max:q,step:1,value:_,onChange:e=>{E(e),w()}})),r.default.createElement("div",{className:"thingy"},r.default.createElement("label",null,r.default.createElement("input",{type:"checkbox",checked:c,onChange:e=>y(e.target.checked)}),"Randomly invert symbols")),r.default.createElement("div",{className:"thingy"},r.default.createElement("button",{accessKey:"r",onClick:w},r.default.createElement("u",null,"R"),"andomize!")," ",r.default.createElement("button",{onClick:()=>window.location.reload()},"Reset")," ",r.default.createElement(d.ExportSvgButton,{filename:O(a),svgRef:e})),r.default.createElement(m.CreatureContext.Provider,{value:j},r.default.createElement(f.HoverDebugHelper,null,r.default.createElement(s.AutoSizingSvg,{padding:20,ref:e,bgColor:t},r.default.createElement(v.SvgTransform,{transform:v.svgScale(.5)},r.default.createElement(m.CreatureSymbol,Object.assign({},P)))))))};exports.CreaturePage=w;
+"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};Object.defineProperty(exports,"__esModule",{value:!0}),exports.CreaturePage=void 0;const n=r(require("react")),a=require("../svg-vocabulary"),l=require("../svg-symbol"),o=require("../specs"),u=require("../random"),i=require("../symbol-context-widget"),s=require("../util"),c=require("../auto-sizing-svg"),d=require("../export-svg"),m=require("../creature-symbol"),f=require("../hover-debug-helper"),v=require("../svg-transform"),g=require("../color-widget"),b=require("../numeric-slider"),h=require("../colors"),y=a.SvgVocabulary.items.filter(e=>{var t;return!0!==(null===(t=e.meta)||void 0===t?void 0:t.always_be_nested)}),p=(()=>{const e={};for(let t of o.ATTACHMENT_POINT_TYPES)e[t]=a.SvgVocabulary.items.filter(e=>{const{meta:r}=e;return!r||!0!==r.always_be_nested&&(!r.attach_to||r.attach_to.includes(t))});return e})(),C=a.SvgVocabulary.items.filter(e=>{var t,r;return!0!==(null===(t=e.meta)||void 0===t?void 0:t.always_nest)&&!0!==(null===(r=e.meta)||void 0===r?void 0:r.never_be_nested)});function _(e,t,r){var n;const{meta:a,specs:l}=e;if(((null==a?void 0:a.always_nest)||r)&&(null==l?void 0:l.nesting)){const e=s.range(l.nesting.length);return[{data:t.choice(C),attachments:[],nests:[],indices:e,invertColors:null!==(n=null==a?void 0:a.invert_nested)&&void 0!==n&&n}]}return[]}function E(e,t){let{rng:r,randomlyInvert:n}=t;var a,l;const u=r.choice(y),i=r.clone(),c=()=>!!n&&i.bool(),d={data:u,attachments:[],nests:_(u,r,!0),invertColors:c()};if(u.specs){const t=r.uniqueChoices(Array.from(o.iterAttachmentPoints(u.specs)).filter(e=>"anchor"!==e.type).map(e=>e.type),e);for(let e of t){const t=r.choice(p[e]),n=s.range(null!==(l=null===(a=u.specs[e])||void 0===a?void 0:a.length)&&void 0!==l?l:0);d.attachments.push({data:t,attachTo:e,indices:n,attachments:[],nests:_(t,r),invertColors:c()})}}return d}const S=[...s.range(5).map(e=>E.bind(null,e))],q=S.length-1,x=2;function O(e){return"mystic-symbolic-creature-".concat(e,".svg")}const w=()=>{const e=n.useRef(null),[t,r]=n.useState(h.DEFAULT_BG_COLOR),[a,o]=n.useState(Date.now()),[s,y]=n.useState(!0),[p,C]=n.useState(l.createSvgSymbolContext()),[_,E]=n.useState(2),x=n.useContext(m.CreatureContext),w=()=>o(Date.now()),j=Object.assign(Object.assign(Object.assign({},x),p),{fill:p.showSpecs?"none":p.fill}),P=S[_]({rng:new u.Random(a),randomlyInvert:s});return n.default.createElement(n.default.Fragment,null,n.default.createElement("h1",null,"Creature!"),n.default.createElement(i.SymbolContextWidget,{ctx:p,onChange:C},n.default.createElement(g.ColorWidget,{label:"Background",value:t,onChange:r})," "),n.default.createElement("div",{className:"thingy"},n.default.createElement(b.NumericSlider,{label:"Random creature complexity",min:0,max:q,step:1,value:_,onChange:e=>{E(e),w()}})),n.default.createElement("div",{className:"thingy"},n.default.createElement("label",null,n.default.createElement("input",{type:"checkbox",checked:s,onChange:e=>y(e.target.checked)}),"Randomly invert symbols")),n.default.createElement("div",{className:"thingy"},n.default.createElement("button",{accessKey:"r",onClick:w},n.default.createElement("u",null,"R"),"andomize!")," ",n.default.createElement("button",{onClick:()=>window.location.reload()},"Reset")," ",n.default.createElement(d.ExportSvgButton,{filename:O(a),svgRef:e})),n.default.createElement(m.CreatureContext.Provider,{value:j},n.default.createElement(f.HoverDebugHelper,null,n.default.createElement(c.AutoSizingSvg,{padding:20,ref:e,bgColor:t},n.default.createElement(v.SvgTransform,{transform:v.svgScale(.5)},n.default.createElement(m.CreatureSymbol,Object.assign({},P)))))))};exports.CreaturePage=w;
 },{"react":"HdMw","../svg-vocabulary":"iXyu","../svg-symbol":"ObB7","../specs":"Hr81","../random":"M5sl","../symbol-context-widget":"ZUAZ","../util":"sxvS","../auto-sizing-svg":"kXMH","../export-svg":"m3x1","../creature-symbol":"MOuJ","../hover-debug-helper":"OjlT","../svg-transform":"kvMx","../color-widget":"ct9k","../numeric-slider":"EQND","../colors":"jKHh"}],"CrPS":[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.VocabularyWidget=void 0;const t=e(require("react")),a=require("./util");function l(e){let{id:l,label:r,value:u,onChange:n,choices:i}=e;return l=l||a.slugify(r),t.default.createElement(t.default.Fragment,null,t.default.createElement("label",{htmlFor:l},r,": "),t.default.createElement("select",{id:l,onChange:e=>n(i.get(e.target.value)),value:u.name},i.items.map(e=>t.default.createElement("option",{key:e.name,value:e.name},e.name))))}exports.VocabularyWidget=l;
 },{"react":"HdMw","./util":"sxvS"}],"JWz6":[function(require,module,exports) {
@@ -73,4 +73,4 @@ parcelRequire=function(e,r,t,n){var i,o="function"==typeof parcelRequire&&parcel
 },{"react":"HdMw","../auto-sizing-svg":"kXMH","../creature-symbol":"MOuJ","../creature-symbol-factory":"qgwk","../hover-debug-helper":"OjlT","../svg-symbol":"ObB7","../svg-transform":"kvMx","../svg-vocabulary":"iXyu","../symbol-context-widget":"ZUAZ"}],"qWv7":[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});const a=e(require("react")),t=e(require("react-dom")),r=require("./pages/waves-page"),l=require("./pages/vocabulary-page"),u=require("./pages/creature-page"),n=require("./pages/mandala-page"),c=require("./pages/debug-page"),o={vocabulary:l.VocabularyPage,creature:u.CreaturePage,waves:r.WavesPage,mandala:n.MandalaPage,debug:c.DebugPage},s=Object.keys(o),d="app",i=document.getElementById("app");if(!i)throw new Error("Unable to find #".concat("app","!"));const p=e=>{const t=f(new URLSearchParams(window.location.search).get("p")||"","vocabulary"),r=o[t];return a.default.createElement(a.default.Fragment,null,a.default.createElement("main",null,a.default.createElement(r,null)),a.default.createElement("footer",null,a.default.createElement("p",null,"Other pages"),a.default.createElement("ul",null,s.map(e=>a.default.createElement("li",{key:e},t===e?e:a.default.createElement("a",{href:"?p=".concat(encodeURIComponent(e))},e)))),a.default.createElement("p",null,"For more details about this project, see its"," ",a.default.createElement("a",{href:"https://github.com/toolness/mystic-symbolic",target:"_blank"},"GitHub repository"),".")))};function m(e){return s.includes(e)}function f(e,a){return m(e)?e:a}t.default.render(a.default.createElement(p,null),i);
 },{"react":"HdMw","react-dom":"X9zx","./pages/waves-page":"R99w","./pages/vocabulary-page":"PhPL","./pages/creature-page":"Wo33","./pages/mandala-page":"JWz6","./pages/debug-page":"abWC"}]},{},["qWv7"], null)
-//# sourceMappingURL=browser-main.1bff4ee9.js.map
+//# sourceMappingURL=browser-main.a13f7628.js.map

index.html

@@ -1 +1 @@
-<!DOCTYPE html><meta charset="utf-8"><title>Mystic Symbolic</title><style>body,html{font-family:Calibri,Arial,Helvetica Neue,sans-serif}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}</style><noscript> <p>Alas, you need JavaScript to peruse this page.</p> </noscript><div id="app"></div><script src="browser-main.1bff4ee9.js"></script>
+<!DOCTYPE html><meta charset="utf-8"><title>Mystic Symbolic</title><style>body,html{font-family:Calibri,Arial,Helvetica Neue,sans-serif}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}</style><noscript> <p>Alas, you need JavaScript to peruse this page.</p> </noscript><div id="app"></div><script src="browser-main.a13f7628.js"></script>