Updates

browser-main.e73cdf8e.js

@@ -43,8 +43,8 @@ module.exports=[{name:"antler",bbox:{x:{min:99.548,max:611.604},y:{min:62.852999
 },{"./point":"Iio0","./util":"sxvS"}],"M5sl":[function(require,module,exports) {
 "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Random=void 0;const t={modulus:Math.pow(2,32),multiplier:1664525,increment:1013904223};class e{constructor(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:Date.now(),s=arguments.length>1&&void 0!==arguments[1]?arguments[1]:t;this.seed=e,this.params=s,this.latestSeed=e}next(){return this.latestSeed=(this.params.multiplier*this.latestSeed+this.params.increment)%this.params.modulus,this.latestSeed/this.params.modulus}choice(t){return t[Math.floor(this.next()*t.length)]}}exports.Random=e;
 },{}],"Wo33":[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 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.CreaturePage=void 0;const n=a(require("react")),r=require("../svg-vocabulary"),l=require("../svg-symbol"),c=require("../attach"),o=require("../point"),u=require("../random"),i=new Map(r.SvgVocabulary.map(e=>[e.name,e]));function s(e){const t=i.get(e);if(!t)throw new Error('Unable to find the symbol "'.concat(e,'"!'));return t}function f(e,t){let a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0;const{specs:n}=e;if(!n)throw new Error("Symbol ".concat(e.name," has no specs!"));const r=n[t];if(!(r&&r.length>a))throw new Error("Symbol ".concat(e.name," must have at least ").concat(a+1," ").concat(t," attachment point(s)!"));return r[a]}const m=.5,d=n.default.createContext(Object.assign(Object.assign({},l.createSvgSymbolContext()),{attachmentScale:.5,cumulativeScale:1,parent:null}));function h(e){const t=[];return e.left&&t.push(0),e.right&&t.push(1),0===t.length&&t.push(0),t}const g=e=>{const t=n.useContext(d),{data:a,attachTo:r}=e,u=n.default.createElement(n.default.Fragment,null,e.children&&n.default.createElement(d.Provider,{value:Object.assign(Object.assign({},t),{parent:a,cumulativeScale:t.attachmentScale*t.cumulativeScale,strokeScale:1/t.cumulativeScale})},e.children),n.default.createElement(l.SvgSymbolContent,Object.assign({data:a},t)));if(!r)return u;const i=t.parent;if(!i)throw new Error("Cannot attach ".concat(e.data.name," because it has no parent!"));const s=h(e),m=[];for(let l of s){const e=f(i,r,l),s=f(a,"tail"),d="tail"===r?180:0;let h=e.normal.x<0?-1:1;e.normal.y>0&&(h*=-1);const g=c.getAttachmentTransforms(e,{point:s.point,normal:o.scalePointXY(s.normal,h,1)});m.push(n.default.createElement(p,{key:l,transformOrigin:s.point,translate:g.translation,scale:{x:t.attachmentScale*h,y:t.attachmentScale},rotate:h*g.rotation+d},u))}return n.default.createElement(n.default.Fragment,null,m)},p=e=>n.default.createElement("g",{transform:"translate(".concat(e.translate.x," ").concat(e.translate.y,")")},n.default.createElement("g",{"transform-origin":"".concat(e.transformOrigin.x," ").concat(e.transformOrigin.y),transform:"scale(".concat(e.scale.x," ").concat(e.scale.y,") rotate(").concat(e.rotate,")")},e.children));function E(e){const t=s(e);return e=>n.default.createElement(g,Object.assign({data:e.data||t},e))}const b=E("eye"),v=E("hand"),y=E("arm"),S=E("antler"),w=E("crown"),O=E("wing"),x=E("muscle arm"),j=E("leg"),C=E("tail"),T=n.default.createElement(b,null,n.default.createElement(y,{attachTo:"arm",left:!0},n.default.createElement(O,{attachTo:"arm",left:!0,right:!0})),n.default.createElement(y,{attachTo:"arm",right:!0},n.default.createElement(x,{attachTo:"arm",left:!0,right:!0})),n.default.createElement(S,{attachTo:"horn",left:!0,right:!0}),n.default.createElement(w,{attachTo:"crown"},n.default.createElement(v,{attachTo:"horn",left:!0,right:!0},n.default.createElement(y,{attachTo:"arm",left:!0}))),n.default.createElement(j,{attachTo:"leg",left:!0,right:!0}),n.default.createElement(C,{attachTo:"tail"}));function _(e,t){return n.default.cloneElement(t,{data:e.choice(r.SvgVocabulary),children:n.default.Children.map(t.props.children,(t,a)=>_(e,t))})}const P=()=>{const[e,t]=n.useState(!1),[a,r]=n.useState(null),l=n.useContext(d),c=Object.assign(Object.assign({},l),{fill:e?"none":l.fill,showSpecs:e}),o=null===a?T:_(new u.Random(a),T);return n.default.createElement(n.default.Fragment,null,n.default.createElement("h1",null,"Creature!"),n.default.createElement("p",null,n.default.createElement("label",null,n.default.createElement("input",{type:"checkbox",checked:e,onChange:e=>t(e.target.checked)})," ","Show specs")),n.default.createElement(d.Provider,{value:c},n.default.createElement("svg",{width:"1280px",height:"720px"},n.default.createElement("g",{"transform-origin":"50% 50%",transform:"scale(0.5 0.5)"},o))),n.default.createElement("p",null,n.default.createElement("button",{onClick:()=>r(Date.now())},"Randomize!")))};exports.CreaturePage=P;
+"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.CreaturePage=void 0;const n=a(require("react")),r=require("../svg-vocabulary"),c=require("../svg-symbol"),l=require("../attach"),o=require("../point"),u=require("../random"),i=new Map(r.SvgVocabulary.map(e=>[e.name,e]));function s(e){const t=i.get(e);if(!t)throw new Error('Unable to find the symbol "'.concat(e,'"!'));return t}function f(e,t){let a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0;const{specs:n}=e;if(!n)throw new Error("Symbol ".concat(e.name," has no specs!"));const r=n[t];if(!(r&&r.length>a))throw new Error("Symbol ".concat(e.name," must have at least ").concat(a+1," ").concat(t," attachment point(s)!"));return r[a]}const d=.5,m=n.default.createContext(Object.assign(Object.assign({},c.createSvgSymbolContext()),{attachmentScale:.5,cumulativeScale:1,parent:null}));function h(e){const t=[];return e.left&&t.push(0),e.right&&t.push(1),0===t.length&&t.push(0),t}const g=e=>{const t=n.useContext(m),{data:a,attachTo:r}=e,u=n.default.createElement(n.default.Fragment,null,e.children&&n.default.createElement(m.Provider,{value:Object.assign(Object.assign({},t),{parent:a,cumulativeScale:t.attachmentScale*t.cumulativeScale,strokeScale:1/t.cumulativeScale})},e.children),n.default.createElement(c.SvgSymbolContent,Object.assign({data:a},t)));if(!r)return u;const i=t.parent;if(!i)throw new Error("Cannot attach ".concat(e.data.name," because it has no parent!"));const s=h(e),d=[];for(let c of s){const e=f(i,r,c),s=f(a,"tail"),m="tail"===r?180:0;let h=e.normal.x<0?-1:1;e.normal.y>0&&(h*=-1);const g=l.getAttachmentTransforms(e,{point:s.point,normal:o.scalePointXY(s.normal,h,1)});d.push(n.default.createElement(p,{key:c,transformOrigin:s.point,translate:g.translation,scale:{x:t.attachmentScale*h,y:t.attachmentScale},rotate:h*g.rotation+m},u))}return n.default.createElement(n.default.Fragment,null,d)},p=e=>n.default.createElement("g",{transform:"translate(".concat(e.translate.x," ").concat(e.translate.y,")")},n.default.createElement("g",{"transform-origin":"".concat(e.transformOrigin.x," ").concat(e.transformOrigin.y),transform:"scale(".concat(e.scale.x," ").concat(e.scale.y,") rotate(").concat(e.rotate,")")},e.children));function E(e){const t=s(e);return e=>n.default.createElement(g,Object.assign({data:e.data||t},e))}const b=E("eye"),v=E("hand"),S=E("arm"),y=E("antler"),w=E("crown"),x=E("wing"),O=E("muscle arm"),j=E("leg"),C=E("tail"),T=n.default.createElement(b,null,n.default.createElement(S,{attachTo:"arm",left:!0},n.default.createElement(x,{attachTo:"arm",left:!0,right:!0})),n.default.createElement(S,{attachTo:"arm",right:!0},n.default.createElement(O,{attachTo:"arm",left:!0,right:!0})),n.default.createElement(y,{attachTo:"horn",left:!0,right:!0}),n.default.createElement(w,{attachTo:"crown"},n.default.createElement(v,{attachTo:"horn",left:!0,right:!0},n.default.createElement(S,{attachTo:"arm",left:!0}))),n.default.createElement(j,{attachTo:"leg",left:!0,right:!0}),n.default.createElement(C,{attachTo:"tail"}));function _(e,t){return n.default.cloneElement(t,{data:e.choice(r.SvgVocabulary),children:n.default.Children.map(t.props.children,(t,a)=>_(e,t))})}const P=e=>{const t=n.useRef(null),[a,r]=n.useState(0),[c,l]=n.useState(0),[o,u]=n.useState(1),[i,s]=n.useState(1);return n.useEffect(()=>{if(t.current){const a=t.current.getBBox();r(a.x-e.padding),l(a.y-e.padding),u(a.width+2*e.padding),s(a.height+2*e.padding)}}),n.default.createElement("svg",{width:"".concat(o,"px"),height:"".concat(i,"px"),viewBox:"".concat(a," ").concat(c," ").concat(o," ").concat(i),ref:t},e.children)},k=()=>{const[e,t]=n.useState(!1),[a,r]=n.useState(null),c=n.useContext(m),l=Object.assign(Object.assign({},c),{fill:e?"none":c.fill,showSpecs:e}),o=null===a?T:_(new u.Random(a),T);return n.default.createElement(n.default.Fragment,null,n.default.createElement("h1",null,"Creature!"),n.default.createElement("p",null,n.default.createElement("label",null,n.default.createElement("input",{type:"checkbox",checked:e,onChange:e=>t(e.target.checked)})," ","Show specs")),n.default.createElement("p",null,n.default.createElement("button",{onClick:()=>r(Date.now())},"Randomize!")),n.default.createElement(m.Provider,{value:l},n.default.createElement(P,{padding:5},n.default.createElement("g",{"transform-origin":"50% 50%",transform:"scale(0.5 0.5)"},o))))};exports.CreaturePage=k;
 },{"react":"HdMw","../svg-vocabulary":"iXyu","../svg-symbol":"ObB7","../attach":"w4OL","../point":"Iio0","../random":"M5sl"}],"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 t=e(require("react")),a=e(require("react-dom")),r=require("./pages/waves-page"),l=require("./pages/vocabulary-page"),n=require("./pages/creature-page"),u={vocabulary:l.VocabularyPage,creature:n.CreaturePage,waves:r.WavesPage},c=Object.keys(u),o="app",d=document.getElementById("app");if(!d)throw new Error("Unable to find #".concat("app","!"));const f=e=>{const a=s(new URLSearchParams(window.location.search).get("p")||"","vocabulary"),r=u[a];return t.default.createElement(t.default.Fragment,null,t.default.createElement("main",null,t.default.createElement(r,null)),t.default.createElement("footer",null,t.default.createElement("p",null,"Other pages"),t.default.createElement("ul",null,c.map(e=>t.default.createElement("li",{key:e},a===e?e:t.default.createElement("a",{href:"?p=".concat(encodeURIComponent(e))},e))))))};function p(e){return c.includes(e)}function s(e,t){return p(e)?e:t}a.default.render(t.default.createElement(f,null),d);
 },{"react":"HdMw","react-dom":"X9zx","./pages/waves-page":"R99w","./pages/vocabulary-page":"PhPL","./pages/creature-page":"Wo33"}]},{},["qWv7"], null)
-//# sourceMappingURL=browser-main.64000343.js.map
+//# sourceMappingURL=browser-main.e73cdf8e.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}.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}</style><noscript> <p>Alas, you need JavaScript to peruse this page.</p> </noscript><div id="app"></div><script src="browser-main.64000343.js"></script>
+<!DOCTYPE html><meta charset="utf-8"><title>Mystic Symbolic</title><style>body,html{font-family:Calibri,Arial,Helvetica Neue,sans-serif}.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}</style><noscript> <p>Alas, you need JavaScript to peruse this page.</p> </noscript><div id="app"></div><script src="browser-main.e73cdf8e.js"></script>