diff --git a/config/webpack.config.dev.js b/config/webpack.config.dev.js index 8df6382..1a63d3f 100644 --- a/config/webpack.config.dev.js +++ b/config/webpack.config.dev.js @@ -30,6 +30,7 @@ module.exports = { // getCustomTransformers: () => ({ // before: ReactRefreshTypeScript(), // }), + configFile: resolve(__dirname, '../tsconfig.docs.json'), transpileOnly: true, }, }, diff --git a/config/webpack.config.docs.js b/config/webpack.config.docs.js index e8714d2..ff8ca98 100644 --- a/config/webpack.config.docs.js +++ b/config/webpack.config.docs.js @@ -16,7 +16,14 @@ module.exports = { }, module: { rules: [ - { test: /\.(t|j)sx?$/, use: { loader: 'ts-loader' }, exclude: /node_modules/ }, + { + test: /\.(t|j)sx?$/, + use: { + loader: 'ts-loader', + options: { configFile: resolve(__dirname, '../tsconfig.docs.json') }, + }, + exclude: /node_modules/, + }, { enforce: 'pre', test: /\.js$/, exclude: /node_modules/, loader: 'source-map-loader' }, { test: /\.(css|scss)$/, diff --git a/docs/bundle.js b/docs/bundle.js index 6cb00de..47a4938 100644 --- a/docs/bundle.js +++ b/docs/bundle.js @@ -1,3 +1,3 @@ /*! For license information please see bundle.js.LICENSE.txt */ -(()=>{"use strict";var e={"./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./lib/styles.scss":(e,t,n)=>{n.d(t,{Z:()=>i});var r=n("./node_modules/css-loader/dist/runtime/sourceMaps.js"),a=n.n(r),l=n("./node_modules/css-loader/dist/runtime/api.js"),o=n.n(l)()(a());o.push([e.id,".die{transition:transform 0.2s ease;width:60px;height:60px;position:relative;transform-style:preserve-3d}.die.init-roll1{transform:rotateY(180deg)}.die.init-roll2{transform:rotateY(90deg)}.die.init-roll3{transform:rotateX(-90deg)}.die.init-roll4{transform:rotateX(90deg)}.die.init-roll5{transform:rotateY(-90deg)}.die.init-roll6{transform:rotateX(0deg) rotateY(0deg)}.die.roll1{transform-style:preserve-3d;animation-name:rotate1;animation-iteration-count:1;animation-duration:2s;animation-timing-function:linear;animation-fill-mode:forwards}.die.roll2{transform-style:preserve-3d;animation-name:rotate2;animation-iteration-count:1;animation-duration:2s;animation-timing-function:linear;animation-fill-mode:forwards}.die.roll3{transform-style:preserve-3d;animation-name:rotate3;animation-iteration-count:1;animation-duration:2s;animation-timing-function:linear;animation-fill-mode:forwards}.die.roll4{transform-style:preserve-3d;animation-name:rotate4;animation-iteration-count:1;animation-duration:2s;animation-timing-function:linear;animation-fill-mode:forwards}.die.roll5{transform-style:preserve-3d;animation-name:rotate5;animation-iteration-count:1;animation-duration:2s;animation-timing-function:linear;animation-fill-mode:forwards}.die.roll6{transform-style:preserve-3d;animation-name:rotate6;animation-iteration-count:1;animation-duration:2s;animation-timing-function:linear;animation-fill-mode:forwards}.die .face{height:60px;width:60px;position:absolute;background:#3e6fa0}.die .dot{width:8px;height:8px;background:#fff;border-radius:50%;display:block;position:absolute}.die .six{transform:rotateY(0deg) translateZ(30px)}.die .one{transform:rotateX(180deg) translateZ(30px)}.die .five{transform:rotateY(90deg) translateZ(30px)}.die .two{transform:rotateY(-90deg) translateZ(30px)}.die .three{transform:rotateX(90deg) translateZ(30px)}.die .four{transform:rotateX(-90deg) translateZ(30px)}@keyframes rotate1{0%{transform:rotateX(90deg) rotateY(90deg) rotateZ(-90deg) translateX(0)}10%{transform:rotateX(-90deg) rotateY(-90deg) rotateZ(90deg) translateX(0)}30%{transform:rotateX(90deg) rotateY(180deg) rotateZ(-90deg) translateX(0)}50%{transform:rotateX(-180deg) rotateY(90deg) rotateZ(360deg) translateX(0)}70%{transform:rotateX(90deg) rotateY(-180deg) rotateZ(-90deg) translateX(0)}90%{transform:rotateX(-90deg) rotateY(-90deg) rotateZ(90deg) translateX(0)}100%{transform:rotateY(180deg)}}@keyframes rotate2{0%{transform:rotateX(-90deg) rotateY(-90deg) rotateZ(360deg) translateX(0)}10%{transform:rotateX(90deg) rotateY(180deg) rotateZ(90deg) translateX(0)}30%{transform:rotateX(90deg) rotateY(-270deg) rotateZ(-90deg) translateX(0)}50%{transform:rotateX(90deg) rotateY(90deg) rotateZ(-360deg) translateX(0)}70%{transform:rotateX(-18deg) rotateY(-180deg) rotateZ(-90deg) translateX(0)}90%{transform:rotateX(180deg) rotateY(-90deg) rotateZ(-360deg) translateX(0)}100%{transform:rotateY(90deg)}}@keyframes rotate3{0%{transform:rotateX(-180deg) rotateY(-90deg) rotateZ(90deg) translateX(0)}10%{transform:rotateX(-90deg) rotateY(180deg) rotateZ(-360deg) translateX(0)}30%{transform:rotateX(180deg) rotateY(-270deg) rotateZ(180deg) translateX(0)}50%{transform:rotateX(90deg) rotateY(90deg) rotateZ(-90deg) translateX(0)}70%{transform:rotateX(18deg) rotateY(270deg) rotateZ(180deg) translateX(0)}90%{transform:rotateX(90deg) rotateY(-180deg) rotateZ(360deg) translateX(0)}100%{transform:rotateX(-90deg)}}@keyframes rotate4{0%{transform:rotateX(-180deg) rotateY(-90deg) rotateZ(-90deg) translateX(0)}10%{transform:rotateX(270deg) rotateY(-180deg) rotateZ(360deg) translateX(0)}30%{transform:rotateX(180deg) rotateY(270deg) rotateZ(180deg) translateX(0)}50%{transform:rotateX(-90deg) rotateY(90deg) rotateZ(90deg) translateX(0)}70%{transform:rotateX(18deg) rotateY(-270deg) rotateZ(180deg) translateX(0)}90%{transform:rotateX(-90deg) rotateY(180deg) rotateZ(-360deg) translateX(0)}100%{transform:rotateX(90deg)}}@keyframes rotate5{0%{transform:rotateX(-180deg) rotateY(-90deg) rotateZ(-180deg) translateX(0)}10%{transform:rotateX(270deg) rotateY(180deg) rotateZ(-360deg) translateX(0)}30%{transform:rotateX(180deg) rotateY(270deg) rotateZ(180deg) translateX(0)}50%{transform:rotateX(-90deg) rotateY(90deg) rotateZ(-90deg) translateX(0)}70%{transform:rotateX(18deg) rotateY(270deg) rotateZ(180deg) translateX(0)}90%{transform:rotateX(90deg) rotateY(180deg) rotateZ(-360deg) translateX(0)}100%{transform:rotateY(-90deg)}}@keyframes rotate6{0%{transform:rotateX(270deg) rotateY(-90deg) rotateZ(180deg) translateX(0)}10%{transform:rotateX(180deg) rotateY(90deg) rotateZ(360deg) translateX(0)}30%{transform:rotateX(180deg) rotateY(90deg) rotateZ(-180deg) translateX(0)}50%{transform:rotateX(90deg) rotateY(270deg) rotateZ(-90deg) translateX(0)}70%{transform:rotateX(18deg) rotateY(-180deg) rotateZ(90deg) translateX(0)}90%{transform:rotateX(-90deg) rotateY(180deg) rotateZ(-360deg) translateX(0)}100%{transform:rotateX(0deg) rotateY(0deg)}}\n","",{version:3,sources:["webpack://./lib/styles.scss"],names:[],mappings:"AAAA,KACE,8BAA+B,CAC/B,UAAW,CACX,WAAY,CACZ,iBAAkB,CAClB,2BAA4B,CAL9B,gBAQI,yBAA0B,CAR9B,gBAWI,wBAAyB,CAX7B,gBAcI,yBAA0B,CAd9B,gBAiBI,wBAAyB,CAjB7B,gBAoBI,yBAA0B,CApB9B,gBAuBI,qCAAsC,CAvB1C,WA2BI,2BAA4B,CAC5B,sBAAuB,CACvB,2BAA4B,CAC5B,qBAAsB,CACtB,gCAAiC,CACjC,4BAA6B,CAhCjC,WAmCI,2BAA4B,CAC5B,sBAAuB,CACvB,2BAA4B,CAC5B,qBAAsB,CACtB,gCAAiC,CACjC,4BAA6B,CAxCjC,WA2CI,2BAA4B,CAC5B,sBAAuB,CACvB,2BAA4B,CAC5B,qBAAsB,CACtB,gCAAiC,CACjC,4BAA6B,CAhDjC,WAmDI,2BAA4B,CAC5B,sBAAuB,CACvB,2BAA4B,CAC5B,qBAAsB,CACtB,gCAAiC,CACjC,4BAA6B,CAxDjC,WA2DI,2BAA4B,CAC5B,sBAAuB,CACvB,2BAA4B,CAC5B,qBAAsB,CACtB,gCAAiC,CACjC,4BAA6B,CAhEjC,WAmEI,2BAA4B,CAC5B,sBAAuB,CACvB,2BAA4B,CAC5B,qBAAsB,CACtB,gCAAiC,CACjC,4BAA6B,CAxEjC,WA4EI,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,kBAAmB,CA/EvB,UAmFI,SAAU,CACV,UAAW,CACX,eAAgB,CAChB,iBAAkB,CAClB,aAAc,CACd,iBAAkB,CAxFtB,UA4FI,wCAAyC,CA5F7C,UA+FI,0CAA2C,CA/F/C,WAkGI,yCAA0C,CAlG9C,UAqGI,0CAA2C,CArG/C,YAwGI,yCAA0C,CAxG9C,WA2GI,0CAA2C,CAC5C,mBAGC,GACE,qEAAsE,CAExE,IACE,sEAAuE,CAEzE,IACE,sEAAuE,CAEzE,IACE,uEAAwE,CAE1E,IACE,uEAAwE,CAE1E,IACE,sEAAuE,CAEzE,KACE,yBAA0B,CAAA,CAG9B,mBACE,GACE,uEAAwE,CAE1E,IACE,qEAAsE,CAExE,IACE,uEAAwE,CAE1E,IACE,sEAAuE,CAEzE,IACE,wEAAyE,CAE3E,IACE,wEAAyE,CAE3E,KACE,wBAAyB,CAAA,CAG7B,mBACE,GACE,uEAAwE,CAE1E,IACE,wEAAyE,CAE3E,IACE,wEAAyE,CAE3E,IACE,qEAAsE,CAExE,IACE,sEAAuE,CAEzE,IACE,uEAAwE,CAE1E,KACE,yBAA0B,CAAA,CAG9B,mBACE,GACE,wEAAyE,CAE3E,IACE,wEAAyE,CAE3E,IACE,uEAAwE,CAE1E,IACE,qEAAsE,CAExE,IACE,uEAAwE,CAE1E,IACE,wEAAyE,CAE3E,KACE,wBAAyB,CAAA,CAG7B,mBACE,GACE,yEAA0E,CAE5E,IACE,wEAAyE,CAE3E,IACE,uEAAwE,CAE1E,IACE,sEAAuE,CAEzE,IACE,sEAAuE,CAEzE,IACE,uEAAwE,CAE1E,KACE,yBAA0B,CAAA,CAG9B,mBACE,GACE,uEAAwE,CAE1E,IACE,sEAAuE,CAEzE,IACE,uEAAwE,CAE1E,IACE,sEAAuE,CAEzE,IACE,sEAAuE,CAEzE,IACE,wEAAyE,CAE3E,KACE,qCAAsC,CAAA",sourcesContent:[".die {\n transition: transform 0.2s ease;\n width: 60px;\n height: 60px;\n position: relative;\n transform-style: preserve-3d;\n\n &.init-roll1 {\n transform: rotateY(180deg);\n }\n &.init-roll2 {\n transform: rotateY(90deg);\n }\n &.init-roll3 {\n transform: rotateX(-90deg);\n }\n &.init-roll4 {\n transform: rotateX(90deg);\n }\n &.init-roll5 {\n transform: rotateY(-90deg);\n }\n &.init-roll6 {\n transform: rotateX(0deg) rotateY(0deg);\n }\n\n &.roll1 {\n transform-style: preserve-3d;\n animation-name: rotate1;\n animation-iteration-count: 1;\n animation-duration: 2s;\n animation-timing-function: linear;\n animation-fill-mode: forwards;\n }\n &.roll2 {\n transform-style: preserve-3d;\n animation-name: rotate2;\n animation-iteration-count: 1;\n animation-duration: 2s;\n animation-timing-function: linear;\n animation-fill-mode: forwards;\n }\n &.roll3 {\n transform-style: preserve-3d;\n animation-name: rotate3;\n animation-iteration-count: 1;\n animation-duration: 2s;\n animation-timing-function: linear;\n animation-fill-mode: forwards;\n }\n &.roll4 {\n transform-style: preserve-3d;\n animation-name: rotate4;\n animation-iteration-count: 1;\n animation-duration: 2s;\n animation-timing-function: linear;\n animation-fill-mode: forwards;\n }\n &.roll5 {\n transform-style: preserve-3d;\n animation-name: rotate5;\n animation-iteration-count: 1;\n animation-duration: 2s;\n animation-timing-function: linear;\n animation-fill-mode: forwards;\n }\n &.roll6 {\n transform-style: preserve-3d;\n animation-name: rotate6;\n animation-iteration-count: 1;\n animation-duration: 2s;\n animation-timing-function: linear;\n animation-fill-mode: forwards;\n }\n\n .face {\n height: 60px;\n width: 60px;\n position: absolute;\n background: #3e6fa0;\n }\n\n .dot {\n width: 8px;\n height: 8px;\n background: #fff;\n border-radius: 50%;\n display: block;\n position: absolute;\n }\n\n .six {\n transform: rotateY(0deg) translateZ(30px);\n }\n .one {\n transform: rotateX(180deg) translateZ(30px);\n }\n .five {\n transform: rotateY(90deg) translateZ(30px);\n }\n .two {\n transform: rotateY(-90deg) translateZ(30px);\n }\n .three {\n transform: rotateX(90deg) translateZ(30px);\n }\n .four {\n transform: rotateX(-90deg) translateZ(30px);\n }\n\n @keyframes rotate1 {\n 0% {\n transform: rotateX(90deg) rotateY(90deg) rotateZ(-90deg) translateX(0);\n }\n 10% {\n transform: rotateX(-90deg) rotateY(-90deg) rotateZ(90deg) translateX(0);\n }\n 30% {\n transform: rotateX(90deg) rotateY(180deg) rotateZ(-90deg) translateX(0);\n }\n 50% {\n transform: rotateX(-180deg) rotateY(90deg) rotateZ(360deg) translateX(0);\n }\n 70% {\n transform: rotateX(90deg) rotateY(-180deg) rotateZ(-90deg) translateX(0);\n }\n 90% {\n transform: rotateX(-90deg) rotateY(-90deg) rotateZ(90deg) translateX(0);\n }\n 100% {\n transform: rotateY(180deg);\n }\n }\n @keyframes rotate2 {\n 0% {\n transform: rotateX(-90deg) rotateY(-90deg) rotateZ(360deg) translateX(0);\n }\n 10% {\n transform: rotateX(90deg) rotateY(180deg) rotateZ(90deg) translateX(0);\n }\n 30% {\n transform: rotateX(90deg) rotateY(-270deg) rotateZ(-90deg) translateX(0);\n }\n 50% {\n transform: rotateX(90deg) rotateY(90deg) rotateZ(-360deg) translateX(0);\n }\n 70% {\n transform: rotateX(-18deg) rotateY(-180deg) rotateZ(-90deg) translateX(0);\n }\n 90% {\n transform: rotateX(180deg) rotateY(-90deg) rotateZ(-360deg) translateX(0);\n }\n 100% {\n transform: rotateY(90deg);\n }\n }\n @keyframes rotate3 {\n 0% {\n transform: rotateX(-180deg) rotateY(-90deg) rotateZ(90deg) translateX(0);\n }\n 10% {\n transform: rotateX(-90deg) rotateY(180deg) rotateZ(-360deg) translateX(0);\n }\n 30% {\n transform: rotateX(180deg) rotateY(-270deg) rotateZ(180deg) translateX(0);\n }\n 50% {\n transform: rotateX(90deg) rotateY(90deg) rotateZ(-90deg) translateX(0);\n }\n 70% {\n transform: rotateX(18deg) rotateY(270deg) rotateZ(180deg) translateX(0);\n }\n 90% {\n transform: rotateX(90deg) rotateY(-180deg) rotateZ(360deg) translateX(0);\n }\n 100% {\n transform: rotateX(-90deg);\n }\n }\n @keyframes rotate4 {\n 0% {\n transform: rotateX(-180deg) rotateY(-90deg) rotateZ(-90deg) translateX(0);\n }\n 10% {\n transform: rotateX(270deg) rotateY(-180deg) rotateZ(360deg) translateX(0);\n }\n 30% {\n transform: rotateX(180deg) rotateY(270deg) rotateZ(180deg) translateX(0);\n }\n 50% {\n transform: rotateX(-90deg) rotateY(90deg) rotateZ(90deg) translateX(0);\n }\n 70% {\n transform: rotateX(18deg) rotateY(-270deg) rotateZ(180deg) translateX(0);\n }\n 90% {\n transform: rotateX(-90deg) rotateY(180deg) rotateZ(-360deg) translateX(0);\n }\n 100% {\n transform: rotateX(90deg);\n }\n }\n @keyframes rotate5 {\n 0% {\n transform: rotateX(-180deg) rotateY(-90deg) rotateZ(-180deg) translateX(0);\n }\n 10% {\n transform: rotateX(270deg) rotateY(180deg) rotateZ(-360deg) translateX(0);\n }\n 30% {\n transform: rotateX(180deg) rotateY(270deg) rotateZ(180deg) translateX(0);\n }\n 50% {\n transform: rotateX(-90deg) rotateY(90deg) rotateZ(-90deg) translateX(0);\n }\n 70% {\n transform: rotateX(18deg) rotateY(270deg) rotateZ(180deg) translateX(0);\n }\n 90% {\n transform: rotateX(90deg) rotateY(180deg) rotateZ(-360deg) translateX(0);\n }\n 100% {\n transform: rotateY(-90deg);\n }\n }\n @keyframes rotate6 {\n 0% {\n transform: rotateX(270deg) rotateY(-90deg) rotateZ(180deg) translateX(0);\n }\n 10% {\n transform: rotateX(180deg) rotateY(90deg) rotateZ(360deg) translateX(0);\n }\n 30% {\n transform: rotateX(180deg) rotateY(90deg) rotateZ(-180deg) translateX(0);\n }\n 50% {\n transform: rotateX(90deg) rotateY(270deg) rotateZ(-90deg) translateX(0);\n }\n 70% {\n transform: rotateX(18deg) rotateY(-180deg) rotateZ(90deg) translateX(0);\n }\n 90% {\n transform: rotateX(-90deg) rotateY(180deg) rotateZ(-360deg) translateX(0);\n }\n 100% {\n transform: rotateX(0deg) rotateY(0deg);\n }\n }\n}\n"],sourceRoot:""}]);const i=o},"./node_modules/css-loader/dist/runtime/api.js":e=>{e.exports=function(e){var t=[];return t.toString=function(){return this.map((function(t){var n="",r=void 0!==t[5];return t[4]&&(n+="@supports (".concat(t[4],") {")),t[2]&&(n+="@media ".concat(t[2]," {")),r&&(n+="@layer".concat(t[5].length>0?" ".concat(t[5]):""," {")),n+=e(t),r&&(n+="}"),t[2]&&(n+="}"),t[4]&&(n+="}"),n})).join("")},t.i=function(e,n,r,a,l){"string"==typeof e&&(e=[[null,e,void 0]]);var o={};if(r)for(var i=0;i0?" ".concat(c[5]):""," {").concat(c[1],"}")),c[5]=l),n&&(c[2]?(c[1]="@media ".concat(c[2]," {").concat(c[1],"}"),c[2]=n):c[2]=n),a&&(c[4]?(c[1]="@supports (".concat(c[4],") {").concat(c[1],"}"),c[4]=a):c[4]="".concat(a)),t.push(c))}},t}},"./node_modules/css-loader/dist/runtime/sourceMaps.js":e=>{e.exports=function(e){var t=e[1],n=e[3];if(!n)return t;if("function"==typeof btoa){var r=btoa(unescape(encodeURIComponent(JSON.stringify(n)))),a="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(r),l="/*# ".concat(a," */"),o=n.sources.map((function(e){return"/*# sourceURL=".concat(n.sourceRoot||"").concat(e," */")}));return[t].concat(o).concat([l]).join("\n")}return[t].join("\n")}},"./node_modules/react-dom/cjs/react-dom.production.min.js":(e,t,n)=>{var r=n("./node_modules/react/index.js"),a=n("./node_modules/scheduler/index.js");function l(e){for(var t="https://reactjs.org/docs/error-decoder.html?invariant="+e,n=1;n