mirror
/
mysticsymbolic.github.io
kopia lustrzana https://github.com/mysticsymbolic/mysticsymbolic.github.io
1
0
Forkuj 0
Kod Zgłoszenia Projekty Wydania Wiki Aktywność

deploy: 249e5df219

gh-pages
toolness 2021-03-27 11:40:13 +00:00
rodzic 8d510303f1
commit b8c55e5602
4 zmienionych plików z 10 dodań i 10 usunięć
Pokaż statystyki Ściągnij plik aktualizacji Ściągnij plik porównania Expand all files Collapse all files

1
browser-main.104db726.js.map
Wyświetl plik

File diff suppressed because one or more lines are too long

16
browser-main.104db726.js → browser-main.36a0a058.js
Wyświetl plik

@ -27,7 +27,7 @@ parcelRequire=function(e,r,t,n){var i,o="function"==typeof parcelRequire&&parcel
},{"../vendor/bezier-js":"EvbP","./util":"sxvS"}],"nblm":[function(require,module,exports) {
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.uniformlyScaleToFit=exports.getSvgBoundingBox=exports.getBoundingBoxForBeziers=exports.coalesceBoundingBoxes=exports.dilateBoundingBox=exports.getBoundingBoxCenter=exports.getBoundingBoxSize=void 0;const e=require("./util"),n=require("./path");function t(e){return[e.x.max-e.x.min,e.y.max-e.y.min]}function o(e){const[n,o]=t(e);return{x:e.x.min+n/2,y:e.y.min+o/2}}function r(e,n){return{min:e.min-n,max:e.max+n}}function i(e,n){return{x:r(e.x,n),y:r(e.y,n)}}function x(e){let n=1/0,t=1/0,o=-1/0,r=-1/0;if(0===e.length)throw new Error("Must have at least one bounding box!");for(let i of e)i.x.min<n&&(n=i.x.min),i.x.max>o&&(o=i.x.max),i.y.min<t&&(t=i.y.min),i.y.max>r&&(r=i.y.max);return{x:{min:n,max:o},y:{min:t,max:r}}}function u(e){return x(e.map(e=>e.bbox()))}function a(t){if(!t.d)throw new Error("SVG path has no 'd' attribute value!");const o=u(e.flatten(n.pathToShapes(t.d)));return t.strokeWidth?i(o,e.float(t.strokeWidth)/2):o}function s(e){if(Array.isArray(e))return x(e.map(s));switch(e.tagName){case"g":return s(e.children);case"path":return a(e.props)}}function m(e,n){const[o,r]=t(e),[i,x]=t(n),u=o/i,a=r/x;return Math.min(u,a)}exports.getBoundingBoxSize=t,exports.getBoundingBoxCenter=o,exports.dilateBoundingBox=i,exports.coalesceBoundingBoxes=x,exports.getBoundingBoxForBeziers=u,exports.getSvgBoundingBox=s,exports.uniformlyScaleToFit=m;
},{"./util":"sxvS","./path":"Qfq4"}],"jKHh":[function(require,module,exports) {
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.NESTING_BOUNDING_BOX_COLOR=exports.ATTACHMENT_POINT_COLORS=exports.FILL_REPLACEMENT_COLOR=exports.STROKE_REPLACEMENT_COLOR=void 0,exports.STROKE_REPLACEMENT_COLOR="#000000",exports.FILL_REPLACEMENT_COLOR="#ffffff",exports.ATTACHMENT_POINT_COLORS={anchor:"#ff0000",tail:"#be0027",leg:"#ffff00",arm:"#00ff00",horn:"#00ffff",crown:"#0000ff"},exports.NESTING_BOUNDING_BOX_COLOR="#ff00ff";
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.NESTING_BOUNDING_BOX_COLOR=exports.ATTACHMENT_POINT_COLORS=exports.FILL_REPLACEMENT_COLOR=exports.STROKE_REPLACEMENT_COLOR=exports.DEFAULT_BG_COLOR=void 0,exports.DEFAULT_BG_COLOR="#858585",exports.STROKE_REPLACEMENT_COLOR="#000000",exports.FILL_REPLACEMENT_COLOR="#ffffff",exports.ATTACHMENT_POINT_COLORS={anchor:"#ff0000",tail:"#be0027",leg:"#ffff00",arm:"#00ff00",horn:"#00ffff",crown:"#0000ff"},exports.NESTING_BOUNDING_BOX_COLOR="#ff00ff";
},{}],"Iio0":[function(require,module,exports) {
"use strict";function t(t){return{x:-t.x,y:-t.y}}function o(t,o,r){return{x:t.x*o,y:t.y*r}}function r(t,o){return{x:t.x-o.x,y:t.y-o.y}}function e(t){const o=Math.sqrt(Math.pow(t.x,2)+Math.pow(t.y,2));if(0===o)throw new Error("Unable to normalize point with length 0");return{x:t.x/o,y:t.y/o}}function n(t){let o=Math.acos(t.x);return t.y<0&&(o+=2*(Math.PI-o)),o}Object.defineProperty(exports,"__esModule",{value:!0}),exports.normalizedPoint2rad=exports.normalizePoint=exports.subtractPoints=exports.scalePointXY=exports.reversePoint=void 0,exports.reversePoint=t,exports.scalePointXY=o,exports.subtractPoints=r,exports.normalizePoint=e,exports.normalizedPoint2rad=n;
},{}],"Hr81":[function(require,module,exports) {
@ -51,22 +51,22 @@ module.exports=[{name:"m_logo",bbox:{x:{min:212.22766639663968,max:506.526222985
},{}],"kXMH":[function(require,module,exports) {
"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 i in r)"default"!==i&&Object.prototype.hasOwnProperty.call(r,i)&&e(n,r,i);return t(n,r),n};Object.defineProperty(exports,"__esModule",{value:!0}),exports.AutoSizingSvg=void 0;const n=r(require("react"));exports.AutoSizingSvg=n.default.forwardRef((e,t)=>{const{bgColor:r,padding:i}=e,[o,c]=n.useState(0),[u,a]=n.useState(0),[f,l]=n.useState(1),[s,d]=n.useState(1),h=n.useRef(null);return n.useEffect(()=>{const e=h.current;if(e){const t=e.getBBox();c(t.x-i),a(t.y-i),l(t.width+2*i),d(t.height+2*i)}}),n.default.createElement("svg",{version:"1.1",xmlns:"http://www.w3.org/2000/svg",width:"".concat(f,"px"),height:"".concat(s,"px"),viewBox:"".concat(o," ").concat(u," ").concat(f," ").concat(s),ref:t},r&&n.default.createElement("rect",{x:o,y:u,width:f,height:s,fill:r}),n.default.createElement("g",{ref:h},e.children))});
},{"react":"HdMw"}],"m3x1":[function(require,module,exports) {
"use strict";function e(e){return['<?xml version="1.0" encoding="utf-8"?>',"\x3c!-- Generator: https://github.com/toolness/mystic-symbolic --\x3e",'<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">',e.outerHTML].join("\n")}function t(t,o){const r=o.current;if(!r)return void alert("Oops, an error occurred! Please try again later.");const n="data:image/svg+xml;utf8,".concat(encodeURIComponent(e(r))),c=document.createElement("a");c.href=n,c.download=t,document.body.append(c),c.click(),document.body.removeChild(c)}Object.defineProperty(exports,"__esModule",{value:!0}),exports.exportSvg=void 0,exports.exportSvg=t;
},{}],"w4OL":[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.ExportSvgButton=exports.exportSvg=void 0;const e=t(require("react"));function o(t){return['<?xml version="1.0" encoding="utf-8"?>',"\x3c!-- Generator: https://github.com/toolness/mystic-symbolic --\x3e",'<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">',t.outerHTML].join("\n")}function r(t,e){const r=e.current;if(!r)return void alert("Oops, an error occurred! Please try again later.");const n="data:image/svg+xml;utf8,".concat(encodeURIComponent(o(r))),c=document.createElement("a");c.href=n,c.download=t,document.body.append(c),c.click(),document.body.removeChild(c)}exports.exportSvg=r;const n=t=>{let{svgRef:o,filename:n}=t;return e.default.createElement("button",{onClick:()=>r(n,o)},"Export SVG")};exports.ExportSvgButton=n;
},{"react":"HdMw"}],"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"}],"kvMx":[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.SvgTransforms=exports.svgRotate=exports.svgScale=exports.svgTranslate=exports.svgTransformOrigin=void 0;const r=t(require("react")),e=require("./point");function n(t){switch(t.kind){case"translate":return"translate(".concat(t.amount.x," ").concat(t.amount.y,")");case"scale":return"scale(".concat(t.amount.x," ").concat(t.amount.y,")");case"rotate":return"rotate(".concat(t.degrees,")");case"transformOrigin":return o([a(t.amount),...t.transforms,a(e.reversePoint(t.amount))])}}function o(t){return t.map(n).join(" ")}function s(t,r){return{kind:"transformOrigin",amount:t,transforms:r}}function a(t){return{kind:"translate",amount:t}}function u(t){return"number"==typeof t&&(t={x:t,y:t}),{kind:"scale",amount:t}}function c(t){return{kind:"rotate",degrees:t}}exports.svgTransformOrigin=s,exports.svgTranslate=a,exports.svgScale=u,exports.svgRotate=c;const i=t=>{let{transforms:e,children:n}=t;return r.default.createElement("g",{transform:o(e)},n)};exports.SvgTransforms=i;
},{"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.SvgTransforms,{transforms:[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"),c=require("../symbol-context-widget"),i=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="#858585",p=a.SvgVocabulary.filter(e=>{var t;return!0!==(null===(t=e.meta)||void 0===t?void 0:t.always_be_nested)}),y=(()=>{const e={};for(let t of o.ATTACHMENT_POINT_TYPES)e[t]=a.SvgVocabulary.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.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=i.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(p),c=n.clone(),s=()=>!!r&&c.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(y[e]),r=i.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=[...i.range(5).map(e=>E.bind(null,e))],x=S.length-1,q=2;function w(e){let t="mystic-symbolic-creature";return null!==e&&(t+="-".concat(e)),"".concat(t,".svg")}const O=()=>{const e=r.useRef(null),[t,n]=r.useState("#858585"),[a,o]=r.useState(Date.now()),[i,h]=r.useState(!0),[p,y]=r.useState(l.createSvgSymbolContext()),[C,_]=r.useState(2),E=r.useContext(m.CreatureContext),q=()=>o(Date.now()),O=Object.assign(Object.assign(Object.assign({},E),p),{fill:p.showSpecs?"none":p.fill}),j=S[C]({rng:new u.Random(a),randomlyInvert:i});return r.default.createElement(r.default.Fragment,null,r.default.createElement("h1",null,"Creature!"),r.default.createElement(c.SymbolContextWidget,{ctx:p,onChange:y},r.default.createElement(g.ColorWidget,{label:"Background",id:"bgColor",value:t,onChange:n})," "),r.default.createElement("p",null,r.default.createElement(b.NumericSlider,{id:"complexity",label:"Random creature complexity",min:0,max:x,step:1,value:C,onChange:e=>{_(e),q()}})),r.default.createElement("p",null,r.default.createElement("label",null,r.default.createElement("input",{type:"checkbox",checked:i,onChange:e=>h(e.target.checked)}),"Randomly invert symbols")),r.default.createElement("p",null,r.default.createElement("button",{accessKey:"r",onClick:q},r.default.createElement("u",null,"R"),"andomize!")," ",r.default.createElement("button",{onClick:()=>window.location.reload()},"Reset")," ",r.default.createElement("button",{onClick:()=>d.exportSvg(w(a),e)},"Export SVG")),r.default.createElement(m.CreatureContext.Provider,{value:O},r.default.createElement(f.HoverDebugHelper,null,r.default.createElement(s.AutoSizingSvg,{padding:20,ref:e,bgColor:t},r.default.createElement(v.SvgTransforms,{transforms:[v.svgScale(.5)]},r.default.createElement(m.CreatureSymbol,Object.assign({},j)))))))};exports.CreaturePage=O;
},{"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"}],"JWz6":[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 n in r)"default"!==n&&Object.prototype.hasOwnProperty.call(r,n)&&e(a,r,n);return t(a,r),a};Object.defineProperty(exports,"__esModule",{value:!0}),exports.MandalaPage=void 0;const a=r(require("react")),n=require("../auto-sizing-svg"),l=require("../bounding-box"),u=require("../hover-debug-helper"),o=require("../point"),s=require("../svg-symbol"),i=require("../svg-transform"),d=require("../svg-vocabulary"),c=require("../symbol-context-widget"),f=require("../util"),g=d.getSvgSymbol("eye"),m=e=>{const t=l.getBoundingBoxCenter(e.data.bbox),r=360/e.numSymbols,n=a.default.createElement(i.SvgTransforms,{transforms:[i.svgTranslate({x:e.radius,y:0}),i.svgTranslate(o.reversePoint(t))]},a.default.createElement(s.SvgSymbolContent,Object.assign({},e))),u=f.range(e.numSymbols).map(e=>a.default.createElement(i.SvgTransforms,{key:e,transforms:[i.svgRotate(r*e)],children:n}));return a.default.createElement(a.default.Fragment,null,u)},v=()=>{const[e,t]=a.useState(s.createSvgSymbolContext());return a.default.createElement(a.default.Fragment,null,a.default.createElement("h1",null,"Mandala!"),a.default.createElement(c.SymbolContextWidget,{ctx:e,onChange:t}),a.default.createElement(u.HoverDebugHelper,null,a.default.createElement(n.AutoSizingSvg,{padding:20},a.default.createElement(i.SvgTransforms,{transforms:[i.svgScale(.5)]},a.default.createElement(m,Object.assign({data:g,radius:400,numSymbols:6},e))))))};exports.MandalaPage=v;
},{"react":"HdMw","../auto-sizing-svg":"kXMH","../bounding-box":"nblm","../hover-debug-helper":"OjlT","../point":"Iio0","../svg-symbol":"ObB7","../svg-transform":"kvMx","../svg-vocabulary":"iXyu","../symbol-context-widget":"ZUAZ","../util":"sxvS"}],"qgwk":[function(require,module,exports) {
"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"),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"),p=a.SvgVocabulary.filter(e=>{var t;return!0!==(null===(t=e.meta)||void 0===t?void 0:t.always_be_nested)}),y=(()=>{const e={};for(let t of o.ATTACHMENT_POINT_TYPES)e[t]=a.SvgVocabulary.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.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=c.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(p),i=r.clone(),s=()=>!!n&&i.bool(),d={data:u,attachments:[],nests:_(u,r,!0),invertColors:s()};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(y[e]),n=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:n,attachments:[],nests:_(t,r),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=n.useRef(null),[t,r]=n.useState(h.DEFAULT_BG_COLOR),[a,o]=n.useState(Date.now()),[c,p]=n.useState(!0),[y,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),y),{fill:y.showSpecs?"none":y.fill}),P=S[_]({rng:new u.Random(a),randomlyInvert:c});return n.default.createElement(n.default.Fragment,null,n.default.createElement("h1",null,"Creature!"),n.default.createElement(i.SymbolContextWidget,{ctx:y,onChange:C},n.default.createElement(g.ColorWidget,{label:"Background",id:"bgColor",value:t,onChange:r})," "),n.default.createElement("p",null,n.default.createElement(b.NumericSlider,{id:"complexity",label:"Random creature complexity",min:0,max:q,step:1,value:_,onChange:e=>{E(e),w()}})),n.default.createElement("p",null,n.default.createElement("label",null,n.default.createElement("input",{type:"checkbox",checked:c,onChange:e=>p(e.target.checked)}),"Randomly invert symbols")),n.default.createElement("p",null,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(s.AutoSizingSvg,{padding:20,ref:e,bgColor:t},n.default.createElement(v.SvgTransforms,{transforms:[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"}],"JWz6":[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.MandalaPage=void 0;const a=r(require("react")),l=require("../auto-sizing-svg"),n=require("../bounding-box"),u=require("../color-widget"),o=require("../colors"),i=require("../export-svg"),s=require("../hover-debug-helper"),d=require("../numeric-slider"),m=require("../point"),c=require("../svg-symbol"),g=require("../svg-transform"),f=require("../svg-vocabulary"),v=require("../symbol-context-widget"),b=require("../util"),S=f.getSvgSymbol("eye"),p=e=>{const t=n.getBoundingBoxCenter(e.data.bbox),r=360/e.numSymbols,l=a.default.createElement(g.SvgTransforms,{transforms:[g.svgTranslate({x:e.radius,y:0}),g.svgTranslate(m.reversePoint(t))]},a.default.createElement(c.SvgSymbolContent,Object.assign({},e))),u=b.range(e.numSymbols).map(e=>a.default.createElement(g.SvgTransforms,{key:e,transforms:[g.svgRotate(r*e)],children:l}));return a.default.createElement(a.default.Fragment,null,u)},y=()=>{const e=a.useRef(null),[t,r]=a.useState(o.DEFAULT_BG_COLOR),[n,m]=a.useState(c.createSvgSymbolContext()),[f,b]=a.useState(400),[y,E]=a.useState(6);return a.default.createElement(a.default.Fragment,null,a.default.createElement("h1",null,"Mandala!"),a.default.createElement(v.SymbolContextWidget,{ctx:n,onChange:m},a.default.createElement(u.ColorWidget,{label:"Background",id:"bgColor",value:t,onChange:r})," "),a.default.createElement("p",null,a.default.createElement(d.NumericSlider,{id:"radius",label:"Radius",value:f,onChange:b,min:0,max:1e3,step:1}),a.default.createElement(d.NumericSlider,{id:"symbols",label:"Numer of symbols",value:y,onChange:E,min:1,max:30,step:1})),a.default.createElement("p",null,a.default.createElement(i.ExportSvgButton,{filename:"mandala.svg",svgRef:e})),a.default.createElement(s.HoverDebugHelper,null,a.default.createElement(l.AutoSizingSvg,{padding:20,ref:e,bgColor:t},a.default.createElement(g.SvgTransforms,{transforms:[g.svgScale(.5)]},a.default.createElement(p,Object.assign({data:S,radius:f,numSymbols:y},n))))))};exports.MandalaPage=y;
},{"react":"HdMw","../auto-sizing-svg":"kXMH","../bounding-box":"nblm","../color-widget":"ct9k","../colors":"jKHh","../export-svg":"m3x1","../hover-debug-helper":"OjlT","../numeric-slider":"EQND","../point":"Iio0","../svg-symbol":"ObB7","../svg-transform":"kvMx","../svg-vocabulary":"iXyu","../symbol-context-widget":"ZUAZ","../util":"sxvS"}],"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(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"),o=require("../hover-debug-helper"),c=require("../svg-symbol"),i=require("../svg-transform"),f=require("../svg-vocabulary"),s=require("../symbol-context-widget"),m=u.createCreatureSymbolFactory(f.getSvgSymbol),d=m("eye"),g=m("hand"),h=m("arm"),b=m("antler"),v=m("crown"),E=m("wing"),y=m("muscle_arm"),p=m("leg"),S=m("tail"),T=m("lightning"),_=a.default.createElement(d,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(c.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(o.HoverDebugHelper,null,a.default.createElement(l.AutoSizingSvg,{padding:20},a.default.createElement(i.SvgTransforms,{transforms:[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.104db726.js.map
//# sourceMappingURL=browser-main.36a0a058.js.map

1
browser-main.36a0a058.js.map 100644
Wyświetl plik

File diff suppressed because one or more lines are too long

2
index.html
Wyświetl plik

@ -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}.hover-debug-helper{font-family:Consolas,Monaco,monospace;color:#fff;background:rgba(0,0,0,.75);padding:4px;margin-top:4px;margin-left:4px}</style><noscript> <p>Alas, you need JavaScript to peruse this page.</p> </noscript><div id="app"></div><script src="browser-main.104db726.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}.hover-debug-helper{font-family:Consolas,Monaco,monospace;color:#fff;background:rgba(0,0,0,.75);padding:4px;margin-top:4px;margin-left:4px}</style><noscript> <p>Alas, you need JavaScript to peruse this page.</p> </noscript><div id="app"></div><script src="browser-main.36a0a058.js"></script>