deploy: a5c4bd737b

browser-main.fdf95f39.js

@@ -67,7 +67,7 @@ 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,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:-1e3,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:0,y:-1}}}const _=e=>{const t=360/e.numSymbols,{translation:a,rotation:l}=y.getAttachmentTransforms({point:{x:0,y:0},normal:{x:0,y:-1}},q(e.data)),r=n.default.createElement(g.SvgTransform,{transform:[g.svgTranslate({x:0,y:-e.radius}),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;
+"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 r in a)"default"!==r&&Object.prototype.hasOwnProperty.call(a,r)&&e(n,a,r);return t(n,a),n};Object.defineProperty(exports,"__esModule",{value:!0}),exports.MandalaPage=void 0;const n=a(require("react")),r=require("../auto-sizing-svg"),l=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:-1e3,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:l.getBoundingBoxCenter(e.bbox),normal:{x:0,y:-1}}}const _=e=>{const t=360/e.numSymbols,{translation:a,rotation:r}=y.getAttachmentTransforms({point:{x:0,y:0},normal:{x:0,y:-1}},q(e.data)),l=n.default.createElement(g.SvgTransform,{transform:[g.svgTranslate({x:0,y:-e.radius}),g.svgRotate(r),g.svgTranslate(a)]},n.default.createElement(d.SvgSymbolContent,Object.assign({},e))),u=v.range(e.numSymbols).reverse().map(e=>n.default.createElement(g.SvgTransform,{key:e,transform:g.svgRotate(t*e),children:l}));return n.default.createElement(n.default.Fragment,null,u)},R=e=>{let{idPrefix:t,value:a,onChange:r}=e;return n.default.createElement("div",{className:"thingy"},n.default.createElement(m.VocabularyWidget,{id:"".concat(t,"symbol"),label:"Symbol",value:a.data,onChange:e=>r(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=>r(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=>r(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),[l,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:l,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(r.AutoSizingSvg,{padding:20,ref:e,bgColor:t},n.default.createElement(g.SvgTransform,{transform:g.svgScale(.5)},n.default.createElement(_,Object.assign({},l,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","../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) {
@@ -75,4 +75,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.9676cec1.js.map
+//# sourceMappingURL=browser-main.fdf95f39.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.9676cec1.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.fdf95f39.js"></script>