Updates

browser-main.64000343.js

@@ -40,9 +40,11 @@ module.exports=[{name:"antler",bbox:{x:{min:99.548,max:611.604},y:{min:62.852999
 "use strict";var e=this&&this.__createBinding||(Object.create?function(e,t,a,l){void 0===l&&(l=a),Object.defineProperty(e,l,{enumerable:!0,get:function(){return t[a]}})}:function(e,t,a,l){void 0===l&&(l=a),e[l]=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 l={};if(null!=a)for(var n in a)"default"!==n&&Object.prototype.hasOwnProperty.call(a,n)&&e(l,a,n);return t(l,a),l};Object.defineProperty(exports,"__esModule",{value:!0}),exports.VocabularyPage=void 0;const l=a(require("react")),n=require("../bounding-box"),r=require("../svg-symbol"),c=require("../svg-vocabulary"),o=e=>"".concat(e,"px"),u=100,i=e=>{const t=e.data,a=n.dilateBoundingBox(t.bbox,100),c=e.scale||1,[u,i]=n.getBoundingBoxSize(a);return l.default.createElement("svg",{viewBox:"".concat(a.x.min," ").concat(a.y.min," ").concat(u," ").concat(i),width:o(u*c),height:o(i*c)},l.default.createElement(r.SvgSymbolContent,Object.assign({},e)))},d=()=>{const[e,t]=l.useState("#000000"),[a,n]=l.useState("#ffffff"),[o,u]=l.useState(!1),d=r.createSvgSymbolContext({stroke:e,fill:a,showSpecs:o});return l.default.createElement(l.default.Fragment,null,l.default.createElement("h1",null,"Mystic Symbolic Vocabulary"),l.default.createElement("p",null,l.default.createElement("label",{htmlFor:"stroke"},"Stroke: "),l.default.createElement("input",{type:"color",value:e,onChange:e=>t(e.target.value),id:"stroke"})," ",l.default.createElement("label",{htmlFor:"fill"},"Fill: "),l.default.createElement("input",{type:"color",value:a,onChange:e=>n(e.target.value),id:"fill"})," ",l.default.createElement("label",null,l.default.createElement("input",{type:"checkbox",checked:o,onChange:e=>u(e.target.checked)})," ","Show specs")),c.SvgVocabulary.map(e=>l.default.createElement("div",{key:e.name,style:{display:"inline-block",border:"1px solid black",margin:"4px"}},l.default.createElement("div",{style:{backgroundColor:"black",color:"white",padding:"4px"}},e.name),l.default.createElement("div",{className:"checkerboard-bg",style:{lineHeight:0}},l.default.createElement(i,Object.assign({data:e,scale:.25},d))))))};exports.VocabularyPage=d;
 },{"react":"HdMw","../bounding-box":"nblm","../svg-symbol":"ObB7","../svg-vocabulary":"iXyu"}],"w4OL":[function(require,module,exports) {
 "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.getAttachmentTransforms=exports.normalToAttachmentSpaceDegrees=void 0;const t=require("./point"),e=require("./util");function r(t){return(t%=360)<0&&(t=360+t),t}function n(n){const o=t.scalePointXY(n,1,-1),a=t.normalizedPoint2rad(o);return r(90-e.rad2deg(a))}function o(e,r){return{translation:t.subtractPoints(e.point,r.point),rotation:n(e.normal)-n(r.normal)}}exports.normalToAttachmentSpaceDegrees=n,exports.getAttachmentTransforms=o;
-},{"./point":"Iio0","./util":"sxvS"}],"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 c in a)"default"!==c&&Object.prototype.hasOwnProperty.call(a,c)&&e(n,a,c);return t(n,a),n};Object.defineProperty(exports,"__esModule",{value:!0}),exports.CreaturePage=void 0;const n=a(require("react")),c=require("../svg-vocabulary"),r=require("../svg-symbol"),l=require("../attach"),o=require("../point"),u=new Map(c.SvgVocabulary.map(e=>[e.name,e]));function i(e){const t=u.get(e);if(!t)throw new Error('Unable to find the symbol "'.concat(e,'"!'));return t}function s(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 c=n[t];if(!(c&&c.length>a))throw new Error("Symbol ".concat(e.name," must have at least ").concat(a+1," ").concat(t," attachment point(s)!"));return c[a]}const m=.5,d=n.default.createContext(Object.assign(Object.assign({},r.createSvgSymbolContext()),{attachmentScale:.5,cumulativeScale:1,parent:null})),f=e=>{const t=n.useContext(d),{data:a,attachTo:c,attachIndex:u}=e,i=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(r.SvgSymbolContent,Object.assign({data:a},t)));if(!c)return i;const m=t.parent;if(!m)throw new Error("Cannot attach ".concat(e.data.name," because it has no parent!"));const f=s(m,c,u),h=s(a,"tail"),g="tail"===c?180:0;let E=f.normal.x<0?-1:1;f.normal.y>0&&(E*=-1);const p=l.getAttachmentTransforms(f,{point:h.point,normal:o.scalePointXY(h.normal,E,1)});return n.default.createElement("g",{transform:"translate(".concat(p.translation.x," ").concat(p.translation.y,")")},n.default.createElement("g",{"transform-origin":"".concat(h.point.x," ").concat(h.point.y),transform:"scale(".concat(E*t.attachmentScale," ").concat(t.attachmentScale,") rotate(").concat(E*p.rotation+g,")")},i))};function h(e){const t=i(e);return e=>n.default.createElement(f,Object.assign({data:t},e))}const g=h("eye"),E=h("hand"),p=h("arm"),b=h("antler"),v=h("crown"),x=h("wing"),S=h("muscle arm"),y=h("leg"),T=h("tail"),w=()=>{const[e,t]=n.useState(!1),a=n.useContext(d),c=Object.assign(Object.assign({},a),{fill:e?"none":a.fill,showSpecs:e});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)"},n.default.createElement(g,null,n.default.createElement(p,{attachTo:"arm"},n.default.createElement(x,{attachTo:"arm"}),n.default.createElement(x,{attachTo:"arm",attachIndex:1})),n.default.createElement(p,{attachTo:"arm",attachIndex:1},n.default.createElement(S,{attachTo:"arm"}),n.default.createElement(S,{attachTo:"arm",attachIndex:1})),n.default.createElement(b,{attachTo:"horn"}),n.default.createElement(b,{attachTo:"horn",attachIndex:1}),n.default.createElement(v,{attachTo:"crown"},n.default.createElement(E,{attachTo:"horn"},n.default.createElement(p,{attachTo:"arm"})),n.default.createElement(E,{attachTo:"horn",attachIndex:1},n.default.createElement(p,{attachTo:"arm"}))),n.default.createElement(y,{attachTo:"leg"}),n.default.createElement(y,{attachTo:"leg",attachIndex:1}),n.default.createElement(T,{attachTo:"tail"}))))))};exports.CreaturePage=w;
-},{"react":"HdMw","../svg-vocabulary":"iXyu","../svg-symbol":"ObB7","../attach":"w4OL","../point":"Iio0"}],"qWv7":[function(require,module,exports) {
+},{"./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;
+},{"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.65bf0af5.js.map
+//# sourceMappingURL=browser-main.64000343.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.65bf0af5.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.64000343.js"></script>