deploy: d742f4156a

browser-main.f8fba9d7.js

@@ -67,12 +67,12 @@ parcelRequire=function(e,r,t,n){var i,o="function"==typeof parcelRequire&&parcel
 },{"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","../checkbox":"Uy1r"}],"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) {
-"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 n in a)"default"!==n&&Object.prototype.hasOwnProperty.call(a,n)&&e(r,a,n);return t(r,a),r};Object.defineProperty(exports,"__esModule",{value:!0}),exports.MandalaPage=void 0;const r=a(require("react")),n=require("../auto-sizing-svg"),l=require("../bounding-box"),u=require("../color-widget"),o=require("../colors"),i=require("../export-svg"),s=require("../hover-debug-helper"),c=require("../numeric-slider"),d=require("../svg-symbol"),m=require("../vocabulary-widget"),g=require("../svg-transform"),f=require("../svg-vocabulary"),v=require("../symbol-context-widget"),b=require("../util"),y=require("../random"),S=require("../attach"),h=f.SvgVocabulary.get("eye_vertical");function E(e){return d.safeGetAttachmentPoint(e,"anchor")||{point:l.getBoundingBoxCenter(e.bbox),normal:{x:1,y:0}}}const p=e=>{const t=360/e.numSymbols,{translation:a,rotation:n}=S.getAttachmentTransforms({point:{x:0,y:0},normal:{x:1,y:0}},E(e.data)),l=r.default.createElement(g.SvgTransform,{transform:[g.svgTranslate({x:e.radius,y:0}),g.svgRotate(n),g.svgTranslate(a)]},r.default.createElement(d.SvgSymbolContent,Object.assign({},e))),u=b.range(e.numSymbols).map(e=>r.default.createElement(g.SvgTransform,{key:e,transform:g.svgRotate(t*e),children:l}));return r.default.createElement(r.default.Fragment,null,u)},x={min:0,max:1e3,step:1,default:50},q={min:1,max:30,step:1,default:6},C=()=>{const e=r.useRef(null),[t,a]=r.useState(o.DEFAULT_BG_COLOR),[l,b]=r.useState(h),[S,E]=r.useState(d.createSvgSymbolContext()),[C,O]=r.useState(x.default),[_,j]=r.useState(q.default);return r.default.createElement(r.default.Fragment,null,r.default.createElement("h1",null,"Mandala!"),r.default.createElement(v.SymbolContextWidget,{ctx:S,onChange:E},r.default.createElement(u.ColorWidget,{label:"Background",value:t,onChange:a})," "),r.default.createElement("div",{className:"thingy"},r.default.createElement(m.VocabularyWidget,{label:"Symbol",value:l,onChange:b,choices:f.SvgVocabulary}),r.default.createElement(c.NumericSlider,Object.assign({label:"Radius",value:C,onChange:O},x)),r.default.createElement(c.NumericSlider,Object.assign({label:"Numer of symbols",value:_,onChange:j},q))),r.default.createElement("div",{className:"thingy"},r.default.createElement("button",{accessKey:"r",onClick:()=>{const e=new y.Random(Date.now());O(e.inRange(x)),j(e.inRange(q)),b(e.choice(f.SvgVocabulary.items))}},r.default.createElement("u",null,"R"),"andomize!")," ",r.default.createElement(i.ExportSvgButton,{filename:"mandala.svg",svgRef:e})),r.default.createElement(s.HoverDebugHelper,null,r.default.createElement(n.AutoSizingSvg,{padding:20,ref:e,bgColor:t},r.default.createElement(g.SvgTransform,{transform:g.svgScale(.5)},r.default.createElement(p,Object.assign({data:l,radius:C,numSymbols:_},S))))))};exports.MandalaPage=C;
+"use strict";var e=this&&this.__createBinding||(Object.create?function(e,t,a,n){void 0===n&&(n=a),Object.defineProperty(e,n,{enumerable:!0,get:function(){return t[a]}})}:function(e,t,a,n){void 0===n&&(n=a),e[n]=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 n={};if(null!=a)for(var l in a)"default"!==l&&Object.prototype.hasOwnProperty.call(a,l)&&e(n,a,l);return t(n,a),n};Object.defineProperty(exports,"__esModule",{value:!0}),exports.MandalaPage=void 0;const n=a(require("react")),l=require("../auto-sizing-svg"),r=require("../bounding-box"),u=require("../color-widget"),o=require("../colors"),c=require("../export-svg"),i=require("../hover-debug-helper"),s=require("../numeric-slider"),d=require("../svg-symbol"),m=require("../vocabulary-widget"),g=require("../svg-transform"),f=require("../svg-vocabulary"),b=require("../symbol-context-widget"),v=require("../util"),S=require("../random"),y=require("../attach"),h=require("../checkbox"),E={data:f.SvgVocabulary.get("eye_vertical"),radius:50,numSymbols:6},x={data:f.SvgVocabulary.get("leg"),radius:0,numSymbols:3},p=.5,C={min:0,max:1e3,step:1},O={min:1,max:30,step:1},j={min:.1,max:2,step:.1};function q(e){return d.safeGetAttachmentPoint(e,"anchor")||{point:r.getBoundingBoxCenter(e.bbox),normal:{x:1,y:0}}}const _=e=>{const t=360/e.numSymbols,{translation:a,rotation:l}=y.getAttachmentTransforms({point:{x:0,y:0},normal:{x:1,y:0}},q(e.data)),r=n.default.createElement(g.SvgTransform,{transform:[g.svgTranslate({x:e.radius,y:0}),g.svgRotate(l),g.svgTranslate(a)]},n.default.createElement(d.SvgSymbolContent,Object.assign({},e))),u=v.range(e.numSymbols).map(e=>n.default.createElement(g.SvgTransform,{key:e,transform:g.svgRotate(t*e),children:r}));return n.default.createElement(n.default.Fragment,null,u)},R=e=>{let{idPrefix:t,value:a,onChange:l}=e;return n.default.createElement("div",{className:"thingy"},n.default.createElement(m.VocabularyWidget,{id:"".concat(t,"symbol"),label:"Symbol",value:a.data,onChange:e=>l(Object.assign(Object.assign({},a),{data:e})),choices:f.SvgVocabulary}),n.default.createElement(s.NumericSlider,Object.assign({id:"".concat(t,"radius"),label:"Radius",value:a.radius,onChange:e=>l(Object.assign(Object.assign({},a),{radius:e}))},C)),n.default.createElement(s.NumericSlider,Object.assign({id:"".concat(t,"numSymbols"),label:"Number of symbols",value:a.numSymbols,onChange:e=>l(Object.assign(Object.assign({},a),{numSymbols:e}))},O)))};function P(e){return{data:e.choice(f.SvgVocabulary.items),radius:e.inRange(C),numSymbols:e.inRange(O)}}const T=()=>{const e=n.useRef(null),[t,a]=n.useState(o.DEFAULT_BG_COLOR),[r,m]=n.useState(E),[f,v]=n.useState(x),[y,p]=n.useState(d.createSvgSymbolContext()),[C,O]=n.useState(!1),[q,T]=n.useState(!0),[w,N]=n.useState(.5),k=q?d.swapColors(y):y;return n.default.createElement(n.default.Fragment,null,n.default.createElement("h1",null,"Mandala!"),n.default.createElement(b.SymbolContextWidget,{ctx:y,onChange:p},n.default.createElement(u.ColorWidget,{label:"Background",value:t,onChange:a})," "),n.default.createElement("fieldset",null,n.default.createElement("legend",null,"First circle"),n.default.createElement(R,{idPrefix:"c1",value:r,onChange:m})),n.default.createElement("div",{className:"thingy"},n.default.createElement(h.Checkbox,{label:"Add a second circle",value:C,onChange:O})),C&&n.default.createElement("fieldset",null,n.default.createElement("legend",null,"Second circle"),n.default.createElement(R,{idPrefix:"c2",value:f,onChange:v}),n.default.createElement(s.NumericSlider,Object.assign({label:"Scale",value:w,onChange:N},j)),n.default.createElement(h.Checkbox,{label:"Invert colors",value:q,onChange:T})),n.default.createElement("div",{className:"thingy"},n.default.createElement("button",{accessKey:"r",onClick:()=>{const e=new S.Random(Date.now());m(P(e)),v(P(e)),N(e.inRange(j))}},n.default.createElement("u",null,"R"),"andomize!")," ",n.default.createElement(c.ExportSvgButton,{filename:"mandala.svg",svgRef:e})),n.default.createElement(i.HoverDebugHelper,null,n.default.createElement(l.AutoSizingSvg,{padding:20,ref:e,bgColor:t},n.default.createElement(g.SvgTransform,{transform:g.svgScale(.5)},n.default.createElement(_,Object.assign({},r,y)),C&&n.default.createElement(g.SvgTransform,{transform:g.svgScale(w)},n.default.createElement(_,Object.assign({},f,k)))))))};exports.MandalaPage=T;
-},{"react":"HdMw","../auto-sizing-svg":"kXMH","../bounding-box":"nblm","../color-widget":"ct9k","../colors":"jKHh","../export-svg":"m3x1","../hover-debug-helper":"OjlT","../numeric-slider":"EQND","../svg-symbol":"ObB7","../vocabulary-widget":"CrPS","../svg-transform":"kvMx","../svg-vocabulary":"iXyu","../symbol-context-widget":"ZUAZ","../util":"sxvS","../random":"M5sl","../attach":"w4OL"}],"qgwk":[function(require,module,exports) {
+},{"react":"HdMw","../auto-sizing-svg":"kXMH","../bounding-box":"nblm","../color-widget":"ct9k","../colors":"jKHh","../export-svg":"m3x1","../hover-debug-helper":"OjlT","../numeric-slider":"EQND","../svg-symbol":"ObB7","../vocabulary-widget":"CrPS","../svg-transform":"kvMx","../svg-vocabulary":"iXyu","../symbol-context-widget":"ZUAZ","../util":"sxvS","../random":"M5sl","../attach":"w4OL","../checkbox":"Uy1r"}],"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,r,a){void 0===a&&(a=r),Object.defineProperty(e,a,{enumerable:!0,get:function(){return t[r]}})}:function(e,t,r,a){void 0===a&&(a=r),e[a]=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 a={};if(null!=r)for(var l in r)"default"!==l&&Object.prototype.hasOwnProperty.call(r,l)&&e(a,r,l);return t(a,r),a};Object.defineProperty(exports,"__esModule",{value:!0}),exports.DebugPage=void 0;const a=r(require("react")),l=require("../auto-sizing-svg"),n=require("../creature-symbol"),u=require("../creature-symbol-factory"),c=require("../hover-debug-helper"),o=require("../svg-symbol"),i=require("../svg-transform"),f=require("../svg-vocabulary"),s=require("../symbol-context-widget"),d=u.createCreatureSymbolFactory(f.SvgVocabulary),m=d("eye"),g=d("hand"),h=d("arm"),b=d("antler"),v=d("crown"),E=d("wing"),y=d("muscle_arm"),p=d("leg"),S=d("tail"),T=d("lightning"),_=a.default.createElement(m,null,a.default.createElement(T,{nestInside:!0}),a.default.createElement(h,{attachTo:"arm",left:!0},a.default.createElement(E,{attachTo:"arm",left:!0,right:!0})),a.default.createElement(h,{attachTo:"arm",right:!0},a.default.createElement(y,{attachTo:"arm",left:!0,right:!0})),a.default.createElement(b,{attachTo:"horn",left:!0,right:!0}),a.default.createElement(v,{attachTo:"crown"},a.default.createElement(g,{attachTo:"horn",left:!0,right:!0},a.default.createElement(h,{attachTo:"arm",left:!0}))),a.default.createElement(p,{attachTo:"leg",left:!0,right:!0}),a.default.createElement(S,{attachTo:"tail",invert:!0})),x=()=>{const[e,t]=a.useState(o.createSvgSymbolContext()),r=a.useContext(n.CreatureContext),u=Object.assign(Object.assign(Object.assign({},r),e),{fill:e.showSpecs?"none":e.fill});return a.default.createElement(a.default.Fragment,null,a.default.createElement("h1",null,"Debug!"),a.default.createElement(s.SymbolContextWidget,{ctx:e,onChange:t}),a.default.createElement(n.CreatureContext.Provider,{value:u},a.default.createElement(c.HoverDebugHelper,null,a.default.createElement(l.AutoSizingSvg,{padding:20},a.default.createElement(i.SvgTransform,{transform:i.svgScale(.5)},_)))))};exports.DebugPage=x;
 },{"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.a14d8623.js.map
+//# sourceMappingURL=browser-main.f8fba9d7.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.a14d8623.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.f8fba9d7.js"></script>