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: 131c1f31cb

gh-pages
toolness 2021-03-28 11:24:58 +00:00
rodzic 7f18dcb254
commit 4b63d7c89e
4 zmienionych plików z 7 dodań i 7 usunięć
Pokaż statystyki Ściągnij plik aktualizacji Ściągnij plik porównania Expand all files Collapse all files

10
browser-main.a13f7628.js → browser-main.331bf38e.js
Wyświetl plik

@ -35,7 +35,7 @@ parcelRequire=function(e,r,t,n){var i,o="function"==typeof parcelRequire&&parcel
},{"./bounding-box":"nblm","./colors":"jKHh","./path":"Qfq4","./point":"Iio0"}],"nOay":[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},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.VisibleSpecs=void 0;const i=n(require("react")),a=require("./bounding-box"),l=r(require("./colors")),o=require("./specs"),c=20,u=50,s=4,d=.66,f=e=>{let{point:t}=e;const{x:r,y:n}=t.point,a=r+50*t.normal.x,o=n+50*t.normal.y,c=l.ATTACHMENT_POINT_COLORS[t.type];return i.default.createElement("g",{"data-spec-type":t.type,"data-spec-index":t.index},i.default.createElement("circle",{fill:c,r:20,cx:r,cy:n,opacity:.66}),i.default.createElement("line",{opacity:.66,x1:r,y1:n,x2:a,y2:o,stroke:c,strokeWidth:4}))},p=e=>i.default.createElement(i.default.Fragment,null,e.bboxes.map((t,r)=>{const[n,l]=a.getBoundingBoxSize(t);return i.default.createElement("rect",{"data-spec-type":"nesting","data-spec-index":r,opacity:.66,key:r,x:t.x.min,y:t.y.min,width:n,height:l,fill:e.fill})})),m=e=>{let{specs:t}=e;return i.default.createElement(i.default.Fragment,null,Array.from(o.iterAttachmentPoints(t)).map((e,t)=>i.default.createElement(f,{key:t,point:e})),t.nesting&&i.default.createElement(p,{fill:l.NESTING_BOUNDING_BOX_COLOR,bboxes:t.nesting}))};exports.VisibleSpecs=m;
},{"react":"HdMw","./bounding-box":"nblm","./colors":"jKHh","./specs":"Hr81"}],"ObB7":[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.SvgSymbolContent=exports.createSvgSymbolContext=exports.swapColors=void 0;const t=e(require("react")),s=require("./colors"),r=require("./visible-specs"),o=1,n={stroke:"#000000",fill:"#ffffff",showSpecs:!1,uniformStrokeWidth:1};function i(e){return Object.assign(Object.assign({},e),{fill:e.stroke,stroke:e.fill})}function l(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Object.assign(Object.assign({},n),e)}function c(e,t){switch(t){case s.STROKE_REPLACEMENT_COLOR:return e.stroke;case s.FILL_REPLACEMENT_COLOR:return e.fill}return t}function a(e,s,r){let o,{fill:n,stroke:i,strokeWidth:l}=s.props;n=c(e,n),i=c(e,i),void 0!==l&&"number"==typeof e.uniformStrokeWidth&&(l=e.uniformStrokeWidth,o="non-scaling-stroke");const u=Object.assign(Object.assign({},s.props),{id:void 0,vectorEffect:o,strokeWidth:l,fill:n,stroke:i,key:r});return t.default.createElement(s.tagName,u,s.children.map(a.bind(null,e)))}exports.swapColors=i,exports.createSvgSymbolContext=l;const u=e=>{const s=e.data;return t.default.createElement("g",{"data-symbol-name":s.name},e.data.layers.map(a.bind(null,e)),e.showSpecs&&s.specs&&t.default.createElement(r.VisibleSpecs,{specs:s.specs}))};exports.SvgSymbolContent=u;
"use strict";var t=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.safeGetAttachmentPoint=exports.getAttachmentPoint=exports.AttachmentPointError=exports.SvgSymbolContent=exports.createSvgSymbolContext=exports.swapColors=void 0;const e=t(require("react")),o=require("./colors"),n=require("./visible-specs"),s=1,r={stroke:"#000000",fill:"#ffffff",showSpecs:!1,uniformStrokeWidth:1};function c(t){return Object.assign(Object.assign({},t),{fill:t.stroke,stroke:t.fill})}function i(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Object.assign(Object.assign({},r),t)}function a(t,e){switch(e){case o.STROKE_REPLACEMENT_COLOR:return t.stroke;case o.FILL_REPLACEMENT_COLOR:return t.fill}return e}function l(t,o,n){let s,{fill:r,stroke:c,strokeWidth:i}=o.props;r=a(t,r),c=a(t,c),void 0!==i&&"number"==typeof t.uniformStrokeWidth&&(i=t.uniformStrokeWidth,s="non-scaling-stroke");const f=Object.assign(Object.assign({},o.props),{id:void 0,vectorEffect:s,strokeWidth:i,fill:r,stroke:c,key:n});return e.default.createElement(o.tagName,f,o.children.map(l.bind(null,t)))}exports.swapColors=c,exports.createSvgSymbolContext=i;const f=t=>{const o=t.data;return e.default.createElement("g",{"data-symbol-name":o.name},t.data.layers.map(l.bind(null,t)),t.showSpecs&&o.specs&&e.default.createElement(n.VisibleSpecs,{specs:o.specs}))};exports.SvgSymbolContent=f;class u extends Error{}function p(t,e){let o=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0;const{specs:n}=t;if(!n)throw new u("Symbol ".concat(t.name," has no specs."));const s=n[e];if(!(s&&s.length>o))throw new u("Expected symbol ".concat(t.name," to have at least ").concat(o+1," ").concat(e," attachment point(s)."));return s[o]}function m(t,e){let o=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0;try{return p(t,e,o)}catch(n){if(!(n instanceof u))throw n;console.log(n.message)}return null}exports.AttachmentPointError=u,exports.getAttachmentPoint=p,exports.safeGetAttachmentPoint=m;
},{"react":"HdMw","./colors":"jKHh","./visible-specs":"nOay"}],"DUXe":[function(require,module,exports) {
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Vocabulary=void 0;class t{constructor(t){this.items=t,this.itemMap=new Map(t.map(t=>[t.name,t]))}get(t){const e=this.itemMap.get(t);if(!e)throw new Error('Unable to find the item "'.concat(t,'"!'));return e}}exports.Vocabulary=t;
},{}],"FRm9":[function(require,module,exports) {
@ -59,18 +59,18 @@ parcelRequire=function(e,r,t,n){var i,o="function"==typeof parcelRequire&&parcel
},{"./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.SvgTransform=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 a([s(t.amount),...t.transforms,s(e.reversePoint(t.amount))])}}function a(t){return t.map(n).join(" ")}function o(t,r){return{kind:"transformOrigin",amount:t,transforms:r}}function s(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=o,exports.svgTranslate=s,exports.svgScale=u,exports.svgRotate=c;const i=t=>{let{transform:e,children:n}=t;return Array.isArray(e)||(e=[e]),r.default.createElement("g",{transform:a(e)},n)};exports.SvgTransform=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.SvgTransform,{transform:[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;
"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){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 f=t=>r.default.createElement(i.SvgTransform,{transform:[i.svgTranslate(t.translate),i.svgTransformOrigin(t.transformOrigin,[i.svgScale(t.scale),i.svgRotate(t.rotate)])]},t.children),m=t=>{var{indices:e,parent:a,attachTo:s,data:i}=t,u=n(t,["indices","parent","attachTo","data"]);const d=r.useContext(exports.CreatureContext),m=[];for(let n of e){const t=c.safeGetAttachmentPoint(a,s,n),e=c.safeGetAttachmentPoint(i,"anchor");if(!t||!e)continue;let p=t.normal.x<0?-1:1;t.normal.y>0&&(p*=-1);const g=o.getAttachmentTransforms(t,{point:e.point,normal:l.scalePointXY(e.normal,p,1)});m.push(r.default.createElement(f,{key:n,transformOrigin:e.point,translate:g.translation,scale:{x:d.attachmentScale*p,y:d.attachmentScale},rotate:p*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:i},u)))))}return r.default.createElement(r.default.Fragment,null,m)},p=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=d(t,l.bbox);i.push(r.default.createElement(f,{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)},g=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(m,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(p,Object.assign({key:e},t,{parent:a})))))};exports.CreatureSymbol=g;
},{"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,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"),s=require("../util"),c=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"),y=a.SvgVocabulary.items.filter(e=>{var t;return!0!==(null===(t=e.meta)||void 0===t?void 0:t.always_be_nested)}),p=(()=>{const e={};for(let t of o.ATTACHMENT_POINT_TYPES)e[t]=a.SvgVocabulary.items.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.items.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=s.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(y),i=r.clone(),c=()=>!!n&&i.bool(),d={data:u,attachments:[],nests:_(u,r,!0),invertColors:c()};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(p[e]),n=s.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:c()})}}return d}const S=[...s.range(5).map(e=>E.bind(null,e))],q=S.length-1,x=2;function O(e){return"mystic-symbolic-creature-".concat(e,".svg")}const w=()=>{const e=n.useRef(null),[t,r]=n.useState(h.DEFAULT_BG_COLOR),[a,o]=n.useState(Date.now()),[s,y]=n.useState(!0),[p,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),p),{fill:p.showSpecs?"none":p.fill}),P=S[_]({rng:new u.Random(a),randomlyInvert:s});return n.default.createElement(n.default.Fragment,null,n.default.createElement("h1",null,"Creature!"),n.default.createElement(i.SymbolContextWidget,{ctx:p,onChange:C},n.default.createElement(g.ColorWidget,{label:"Background",value:t,onChange:r})," "),n.default.createElement("div",{className:"thingy"},n.default.createElement(b.NumericSlider,{label:"Random creature complexity",min:0,max:q,step:1,value:_,onChange:e=>{E(e),w()}})),n.default.createElement("div",{className:"thingy"},n.default.createElement("label",null,n.default.createElement("input",{type:"checkbox",checked:s,onChange:e=>y(e.target.checked)}),"Randomly invert symbols")),n.default.createElement("div",{className:"thingy"},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(c.AutoSizingSvg,{padding:20,ref:e,bgColor:t},n.default.createElement(v.SvgTransform,{transform: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"}],"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("../point"),m=require("../svg-symbol"),g=require("../vocabulary-widget"),f=require("../svg-transform"),b=require("../svg-vocabulary"),v=require("../symbol-context-widget"),y=require("../util"),S=require("../random"),E=b.SvgVocabulary.get("eye"),h=e=>{const t=l.getBoundingBoxCenter(e.data.bbox),a=360/e.numSymbols,n=r.default.createElement(f.SvgTransform,{transform:[f.svgTranslate({x:e.radius,y:0}),f.svgTranslate(d.reversePoint(t))]},r.default.createElement(m.SvgSymbolContent,Object.assign({},e))),u=y.range(e.numSymbols).map(e=>r.default.createElement(f.SvgTransform,{key:e,transform:f.svgRotate(a*e),children:n}));return r.default.createElement(r.default.Fragment,null,u)},p={min:0,max:1e3,step:1,default:400},q={min:1,max:30,step:1,default:6},x=()=>{const e=r.useRef(null),[t,a]=r.useState(o.DEFAULT_BG_COLOR),[l,d]=r.useState(E),[y,x]=r.useState(m.createSvgSymbolContext()),[C,O]=r.useState(p.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:y,onChange:x},r.default.createElement(u.ColorWidget,{label:"Background",value:t,onChange:a})," "),r.default.createElement("div",{className:"thingy"},r.default.createElement(g.VocabularyWidget,{label:"Symbol",value:l,onChange:d,choices:b.SvgVocabulary}),r.default.createElement(c.NumericSlider,Object.assign({label:"Radius",value:C,onChange:O},p)),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 S.Random(Date.now());O(e.inRange(p)),j(e.inRange(q)),d(e.choice(b.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(f.SvgTransform,{transform:f.svgScale(.5)},r.default.createElement(h,Object.assign({data:l,radius:C,numSymbols:_},y))))))};exports.MandalaPage=x;
},{"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","../vocabulary-widget":"CrPS","../svg-transform":"kvMx","../svg-vocabulary":"iXyu","../symbol-context-widget":"ZUAZ","../util":"sxvS","../random":"M5sl"}],"qgwk":[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;
},{"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) {
"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.a13f7628.js.map
//# sourceMappingURL=browser-main.331bf38e.js.map

1
browser-main.331bf38e.js.map 100644
Wyświetl plik

File diff suppressed because one or more lines are too long

1
browser-main.a13f7628.js.map
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}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.a13f7628.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.331bf38e.js"></script>