diff --git a/package.json b/package.json index 4402bdc8..a8451748 100644 --- a/package.json +++ b/package.json @@ -49,6 +49,8 @@ }, "license": "MIT", "dependencies": { + "@arwes/react-bgs": "1.0.0-next.25020502", + "@arwes/react-frames": "1.0.0-next.25020502", "@dimaka/interface": "0.0.3-alpha.0", "@floating-ui/react": "^0.26.1", "@nxg-org/mineflayer-auto-jump": "^0.7.12", @@ -63,6 +65,7 @@ "@zardoy/react-util": "^0.2.4", "@zardoy/utils": "^0.0.11", "adm-zip": "^0.5.12", + "arwes": "1.0.0-alpha.5", "browserfs": "github:zardoy/browserfs#build", "change-case": "^5.1.2", "classnames": "^2.5.1", diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index ebe52b4c..f75367c0 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -35,6 +35,12 @@ importers: .: dependencies: + '@arwes/react-bgs': + specifier: 1.0.0-next.25020502 + version: 1.0.0-next.25020502(motion@10.18.0)(react@18.3.1) + '@arwes/react-frames': + specifier: 1.0.0-next.25020502 + version: 1.0.0-next.25020502(motion@10.18.0)(react@18.3.1) '@dimaka/interface': specifier: 0.0.3-alpha.0 version: 0.0.3-alpha.0(@babel/core@7.26.9)(@popperjs/core@2.11.8)(@types/react@18.3.18)(react-dom@18.3.1(react@18.3.1))(react@18.3.1) @@ -77,6 +83,9 @@ importers: adm-zip: specifier: ^0.5.12 version: 0.5.16 + arwes: + specifier: 1.0.0-alpha.5 + version: 1.0.0-alpha.5(react-dom@18.3.1(react@18.3.1))(react@18.3.1) browserfs: specifier: github:zardoy/browserfs#build version: https://codeload.github.com/zardoy/browserfs/tar.gz/e60ca69e74888e057a96a468afe1d62347d3f56f @@ -496,6 +505,45 @@ packages: peerDependencies: ajv: '>=8' + '@arwes/animated@1.0.0-next.25020502': + resolution: {integrity: sha512-MCcbapmTP2RPMPXTI3hPivpemPaOp7nnJfXda4biF+jwceF46dm68OBR8Nd9LXEDp6spLcvO9VIDqLX0ZW6pfQ==} + peerDependencies: + motion: '10' + + '@arwes/animator@1.0.0-next.25020502': + resolution: {integrity: sha512-YM83CDFHbXDRCwDkzjJ+GxBURIum9XT58x3ApgL9i9Ob3fKXVsswg/llAIDM1J5dqErmFPRcdKP1SWKN6mEKhQ==} + + '@arwes/bgs@1.0.0-next.25020502': + resolution: {integrity: sha512-cvhy/mmaLGXXogtZwORYU532J7tw5bBFPjYdXnyEo+kcPbTmxAtfuo+bNaCrrx4xdroSdz2Jtuy1dwRNor/Ieg==} + + '@arwes/frames@1.0.0-next.25020502': + resolution: {integrity: sha512-/dh2OklvHlUT8lnP9C9CkBxBI1pDUTWcLP0vxYjI0QJzC+B6ucD8x9kNsJj9MxYuIw4/jkvBnmJZhkNyCwyd4A==} + peerDependencies: + motion: '10' + + '@arwes/react-animator@1.0.0-next.25020502': + resolution: {integrity: sha512-msOfTeBhizCWmKi7UsH76n3pjwbJtpaaB3oW/BKK3j8SAw5ViL8WyKaj45WmWNVUKQhzL8yoR4WqnGi4WonmkQ==} + peerDependencies: + react: ^18.2.0 + + '@arwes/react-bgs@1.0.0-next.25020502': + resolution: {integrity: sha512-LplJbcL4tQchCjmrUNxn241tsUcsjn/9tFwK8hUFDe5WWf1OTCIBYyK8qdlLK157QMl9eCGx/ATJbYB4RZLEOA==} + peerDependencies: + react: ^18.2.0 + + '@arwes/react-frames@1.0.0-next.25020502': + resolution: {integrity: sha512-cDeVqgLFpRcS3IVW/gdCEE8uRAiykLyqy2b5bYxmgxXuwRtXsFtlHv560zjHmvX52V8EbIQfR92SeKBp+LNcBA==} + peerDependencies: + react: ^18.2.0 + + '@arwes/react-tools@1.0.0-next.25020502': + resolution: {integrity: sha512-Kr7HpyX8h50SqluZTtugHnRG2MNpHWSwSTuUjWCuNw1FwcVpClEVrP7RPs8MbM5EZDZ4Zzn7G4ftgX+FDfJlkQ==} + peerDependencies: + react: ^18.2.0 + + '@arwes/tools@1.0.0-next.25020502': + resolution: {integrity: sha512-RMo4b6K3xKdsZxdrvE8MxG4XCy+1HlURxVWoFnk1yjllz9e3Ng3FkvsMau8S758zfkm8/SFCSJE1bBnTOj1ukg==} + '@aw-web-design/x-default-browser@1.4.126': resolution: {integrity: sha512-Xk1sIhyNC/esHGGVjL/niHLowM0csl/kFO5uawBy4IrWwy0o1G8LGt3jP6nmWGz+USxeeqbihAmp/oVZju6wug==} hasBin: true @@ -1994,6 +2042,24 @@ packages: '@module-federation/webpack-bundler-runtime@0.11.2': resolution: {integrity: sha512-WdwIE6QF+MKs/PdVu0cKPETF743JB9PZ62/qf7Uo3gU4fjsUMc37RnbJZ/qB60EaHHfjwp1v6NnhZw1r4eVsnw==} + '@motionone/animation@10.18.0': + resolution: {integrity: sha512-9z2p5GFGCm0gBsZbi8rVMOAJCtw1WqBTIPw3ozk06gDvZInBPIsQcHgYogEJ4yuHJ+akuW8g1SEIOpTOvYs8hw==} + + '@motionone/dom@10.18.0': + resolution: {integrity: sha512-bKLP7E0eyO4B2UaHBBN55tnppwRnaE3KFfh3Ps9HhnAkar3Cb69kUCJY9as8LrccVYKgHA+JY5dOQqJLOPhF5A==} + + '@motionone/easing@10.18.0': + resolution: {integrity: sha512-VcjByo7XpdLS4o9T8t99JtgxkdMcNWD3yHU/n6CLEz3bkmKDRZyYQ/wmSf6daum8ZXqfUAgFeCZSpJZIMxaCzg==} + + '@motionone/generators@10.18.0': + resolution: {integrity: sha512-+qfkC2DtkDj4tHPu+AFKVfR/C30O1vYdvsGYaR13W/1cczPrrcjdvYCj0VLFuRMN+lP1xvpNZHCRNM4fBzn1jg==} + + '@motionone/types@10.17.1': + resolution: {integrity: sha512-KaC4kgiODDz8hswCrS0btrVrzyU2CSQKO7Ps90ibBVSQmjkrt2teqta6/sOG59v7+dPnKMAg13jyqtMKV2yJ7A==} + + '@motionone/utils@10.18.0': + resolution: {integrity: sha512-3XVF7sgyTSI2KWvTf6uLlBJ5iAgRgmvp3bpuOiQJvInd4nZ19ET8lX5unn30SlmRH7hXbBbH+Gxd0m0klJ3Xtw==} + '@msgpack/msgpack@2.8.0': resolution: {integrity: sha512-h9u4u/jiIRKbq25PM+zymTyW6bhTzELvOoUd+AvYriWOAKpLGnIamaET3pnHYoI5iYphAHBI4ayx0MehR+VVPQ==} engines: {node: '>= 10'} @@ -3652,6 +3718,12 @@ packages: resolution: {integrity: sha512-3CYzex9M9FGQjCGMGyi6/31c8GJbgb0qGyrx5HWxPd0aCwh4cB2YjMb2Xf9UuoogrMrlO9cTqnB5rI5GHZTcUA==} engines: {node: '>=0.10.0'} + arwes@1.0.0-alpha.5: + resolution: {integrity: sha512-MbfNH3Nz4uy3H7PUJjqYvl5ztTBCfy+8MLo86uLQIGrJ9AmLuLWEEuiMTgvamEs9qWRjGT7we8rh3ypsP/L5Nw==} + peerDependencies: + react: ^18.2.0 + react-dom: '*' + asn1.js@4.10.1: resolution: {integrity: sha512-p32cOF5q0Zqs9uBiONKYLm6BClCoBCM5O9JfeUSlnQLBTxYdTK+pW+nXflm8UkKd2UYlEbYz5qEi0JuZR9ckSw==} @@ -3864,6 +3936,9 @@ packages: resolution: {integrity: sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==} engines: {node: '>=8'} + brcast@3.0.2: + resolution: {integrity: sha512-f5XwwFCCuvgqP2nMH/hJ74FqnGmb4X3D+NC//HphxJzzhsZvSZa+Hk/syB7j3ZHpPDLMoYU8oBgviRWfNvEfKA==} + brorand@1.1.0: resolution: {integrity: sha512-cKV8tMCEpQs4hK/ik71d6LrPOnpkpGBR0wzxqr68g2m/LB2GxVYQroAjMJZRVM1Y4BCjCKc3vAamxSzOY2RP+w==} @@ -4337,6 +4412,9 @@ packages: resolution: {integrity: sha512-tRpdppF7TRazZrjJ6v3stzv93qxRcSsFmW6cX0Zm2NVKpxE1WV1HblnghVv9TreireHkqI/VDEsfolRF1p6y7Q==} engines: {node: '>=8.0.0'} + css-vendor@0.3.8: + resolution: {integrity: sha512-Vx/Vl3zsHj32Z+WTNzGjd2iSbSIJTYHMmyGUT2nzCjj0Xk4qLfwpQ8nF6TQ5oo3Cf0s/An3DTc7LclH1BkAXbQ==} + css-what@6.1.0: resolution: {integrity: sha512-HTUrgRJ7r4dsZKU6GjmpfRK1O76h97Z8MfS1G0FozR+oF2kG6Vfe8JE6zwrkbxigziPHinCJ+gCPjA9EaBDtRw==} engines: {node: '>= 6'} @@ -4358,6 +4436,12 @@ packages: engines: {node: '>=12.0.0'} hasBin: true + d3-path@1.0.9: + resolution: {integrity: sha512-VLaYcn81dtHVTjEHd8B+pbe9yHWpXKZUC87PzoFmsFrJqgFwDe/qxfp5MlfsfM1V5E/iVt0MmEbWQ7FVIXh/bg==} + + d3-shape@1.3.7: + resolution: {integrity: sha512-EUkvKjqPFUAZyOlhY5gzCxCeI0Aep04LwIRpsZ/mLFelJiUfnK56jo5JMDSE7yyP2kLSb6LtF+S5chMk7uqPqw==} + dashdash@1.14.1: resolution: {integrity: sha512-jRFi8UDGo6j+odZiEpjazZaWqEal3w/basFjQHQEwVtZJGDpxbH1MeYluwCS8Xq5wmLJooDlMgvVarmWfGM44g==} engines: {node: '>=0.10'} @@ -4563,6 +4647,9 @@ packages: detect-node-es@1.1.0: resolution: {integrity: sha512-ypdmJU/TbBby2Dxibuv7ZLW3Bs1QEmM7nHjEANfohJLvE0XVujisn1qPJcZxg+qDucsr+bP6fLD1rPS3AhJ7EQ==} + detect-node@2.1.0: + resolution: {integrity: sha512-T0NIuQpnTvFDATNuHN5roPwSBG83rFsuO+MXXH9/3N1eFbn4wcPjttvjMLEPWJ0RGUYgQE7cGgS3tNxbqCGM7g==} + detect-package-manager@2.0.1: resolution: {integrity: sha512-j/lJHyoLlWi6G1LDdLgvUtz60Zo5GEj+sVYtTVXnYLDPuzgC3llMxonXym9zIwhhUII8vjdw0LXxavpLqTbl1A==} engines: {node: '>=12'} @@ -4616,6 +4703,9 @@ packages: resolution: {integrity: sha512-yS+Q5i3hBf7GBkd4KG8a7eBNNWNGLTaEwwYWUijIYM7zrlYDM0BFXHjjPWlWZ1Rg7UaddZeIDmi9jF3HmqiQ2w==} engines: {node: '>=6.0.0'} + dom-helpers@3.4.0: + resolution: {integrity: sha512-LnuPJ+dwqKDIyotW1VzmOZ5TONUN7CwkCR5hrgawTUbkBGYdeoNLZo6nNfGkCrjtE1nXXaj7iMMpDa8/d9WoIA==} + dom-helpers@5.2.1: resolution: {integrity: sha512-nRCa7CK3VTrM2NmGkIy4cbK7IZlgBE/PYMn55rrXefr5xXDP0LdtfPnblFDoVdcAfslJ7or6iqAUnx0CCGIWQA==} @@ -5601,6 +5691,9 @@ packages: header-case@2.0.4: resolution: {integrity: sha512-H/vuk5TEEVZwrR0lp2zed9OCo1uAILMlx0JEMgC26rzyJJ3N1v6XkwHHXJQdR2doSjcGPM6OKPYoJgf0plJ11Q==} + hey-listen@1.0.8: + resolution: {integrity: sha512-COpmrF2NOg4TBWUJ5UVyaCU2A88wEMkUPK4hNqyCkqHbxT92BbvfjoSozkAIIm6XhicGlJHhFdullInrdhwU8Q==} + hmac-drbg@1.0.1: resolution: {integrity: sha512-Tti3gMqLdZfhOQY1Mzf/AanLiqh1WTiJgEj26ZuYQ9fbkLomzGchCws4FyrSd4VkpBfiNhaE1On+lOz894jvXg==} @@ -5608,6 +5701,9 @@ packages: resolution: {integrity: sha512-RqGs4wavGYJWE07t35JQccByczmNUXQT0E12ZYV1VKYu5UiAU9lsos/yBAcf840+zrUQQxgVduCR5/B8nNtibg==} hasBin: true + hoist-non-react-statics@2.5.5: + resolution: {integrity: sha512-rqcy4pJo55FTTLWt+bU8ukscqHeE/e9KWvsOW2b/a3afxQZhwkQdT1rPPCJ0rYXdj4vNcasY8zHTH+jF/qStxw==} + hoist-non-react-statics@3.3.2: resolution: {integrity: sha512-/gGivxi8JPKWNm/W0jSmzcMPpfpPLc3dY/6GxhX2hQ9iGj3aDfklV4ET7NjKpSinLpJ5vafa9iiGIEZg10SfBw==} @@ -5618,6 +5714,9 @@ packages: resolution: {integrity: sha512-kyCuEOWjJqZuDbRHzL8V93NzQhwIB71oFWSyzVo+KPZI+pnQPPxucdkrOZvkLRnrf5URsQM+IJ09Dw29cRALIA==} engines: {node: '>=10'} + howler@2.2.4: + resolution: {integrity: sha512-iARIBPgcQrwtEr+tALF+rapJ8qSc+Set2GJQl7xT1MQzWaVkFebdJhR3alVlSiUf5U7nAANKuj3aWpwerocD5w==} + html-encoding-sniffer@3.0.0: resolution: {integrity: sha512-oWv4T4yJ52iKrufjnyZPkrN0CH3QnrUqdB6In1g5Fe1mia8GmF36gnfNySxoZtxD5+NmYw1EElVXiBk93UeskA==} engines: {node: '>=12'} @@ -5907,6 +6006,9 @@ packages: resolution: {integrity: sha512-rcfALRIb1YewtnksfRIHGcIY93QnK8BIQ/2c9yDYcG/Y6+vRoJuTWBmmSEbyLLYtXm7q35pHOHbZFQBaLrhlWQ==} engines: {node: '>=0.10.0'} + is-in-browser@1.1.3: + resolution: {integrity: sha512-FeXIBgG/CPGd/WUxuEyvgGTEfwiG9Z4EKGxjNMRqviiIIfsmgrpnHLffEDdwUHqNva1VEW91o3xBT/m8Elgl9g==} + is-installed-globally@0.4.0: resolution: {integrity: sha512-iwGqO3J21aaSkC7jWnHP/difazwS7SFeIqxv6wEtLU8Y5KlzFTjyqcSIT0d8s4+dDhKytsk9PJZ2BkS5eZwQRQ==} engines: {node: '>=10'} @@ -6204,6 +6306,65 @@ packages: resolution: {integrity: sha512-gqXddjPqQ6G40VdnI6T6yObEC+pDNvyP95wdQhkWkg7crHH3km5qP1FsOXEkzEQwnz6gz5qGTn1c2Y52wP3OyQ==} engines: {'0': node >=0.6.0} + jss-camel-case@6.1.0: + resolution: {integrity: sha512-HPF2Q7wmNW1t79mCqSeU2vdd/vFFGpkazwvfHMOhPlMgXrJDzdj9viA2SaHk9ZbD5pfL63a8ylp4++irYbbzMQ==} + peerDependencies: + jss: ^9.7.0 + + jss-compose@5.0.0: + resolution: {integrity: sha512-YofRYuiA0+VbeOw0VjgkyO380sA4+TWDrW52nSluD9n+1FWOlDzNbgpZ/Sb3Y46+DcAbOS21W5jo6SAqUEiuwA==} + peerDependencies: + jss: ^9.0.0 + + jss-default-unit@8.0.2: + resolution: {integrity: sha512-WxNHrF/18CdoAGw2H0FqOEvJdREXVXLazn7PQYU7V6/BWkCV0GkmWsppNiExdw8dP4TU1ma1dT9zBNJ95feLmg==} + peerDependencies: + jss: ^9.4.0 + + jss-expand@5.3.0: + resolution: {integrity: sha512-NiM4TbDVE0ykXSAw6dfFmB1LIqXP/jdd0ZMnlvlGgEMkMt+weJIl8Ynq1DsuBY9WwkNyzWktdqcEW2VN0RAtQg==} + peerDependencies: + jss: ^9.4.0 + + jss-extend@6.2.0: + resolution: {integrity: sha512-YszrmcB6o9HOsKPszK7NeDBNNjVyiW864jfoiHoMlgMIg2qlxKw70axZHqgczXHDcoyi/0/ikP1XaHDPRvYtEA==} + peerDependencies: + jss: ^9.7.0 + + jss-global@3.0.0: + resolution: {integrity: sha512-wxYn7vL+TImyQYGAfdplg7yaxnPQ9RaXY/cIA8hawaVnmmWxDHzBK32u1y+RAvWboa3lW83ya3nVZ/C+jyjZ5Q==} + peerDependencies: + jss: ^9.0.0 + + jss-nested@6.0.1: + resolution: {integrity: sha512-rn964TralHOZxoyEgeq3hXY8hyuCElnvQoVrQwKHVmu55VRDd6IqExAx9be5HgK0yN/+hQdgAXQl/GUrBbbSTA==} + peerDependencies: + jss: ^9.0.0 + + jss-preset-default@4.5.0: + resolution: {integrity: sha512-qZbpRVtHT7hBPpZEBPFfafZKWmq3tA/An5RNqywDsZQGrlinIF/mGD9lmj6jGqu8GrED2SMHZ3pPKLmjCZoiaQ==} + peerDependencies: + jss: ^9.7.0 + + jss-props-sort@6.0.0: + resolution: {integrity: sha512-E89UDcrphmI0LzmvYk25Hp4aE5ZBsXqMWlkFXS0EtPkunJkRr+WXdCNYbXbksIPnKlBenGB9OxzQY+mVc70S+g==} + peerDependencies: + jss: ^9.0.0 + + jss-template@1.0.1: + resolution: {integrity: sha512-m5BqEWha17fmIVXm1z8xbJhY6GFJxNB9H68GVnCWPyGYfxiAgY9WTQyvDAVj+pYRgrXSOfN5V1T4+SzN1sJTeg==} + peerDependencies: + jss: ^9.0.0 + + jss-vendor-prefixer@7.0.0: + resolution: {integrity: sha512-Agd+FKmvsI0HLcYXkvy8GYOw3AAASBUpsmIRvVQheps+JWaN892uFOInTr0DRydwaD91vSSUCU4NssschvF7MA==} + peerDependencies: + jss: ^9.0.0 + + jss@9.8.7: + resolution: {integrity: sha512-awj3XRZYxbrmmrx9LUSj5pXSUfm12m8xzi/VKeqI1ZwWBtQ0kVPTs3vYs32t4rFw83CgFDukA8wKzOE9sMQnoQ==} + engines: {node: '>=4'} + jsx-ast-utils@3.3.5: resolution: {integrity: sha512-ZZow9HBI5O6EPgSJLUb8n2NKgmVWTwCvHGwFuJlMjvLFqlGG6pjirPhtdsseaLZjSibD8eegzmYpUZwoIlj2cQ==} engines: {node: '>=4.0'} @@ -6811,6 +6972,9 @@ packages: resolution: {integrity: sha512-AbegBVI4sh6El+1gNwvD5YIck7nSA36weD7xvIxG4in80j/UoK8AEGaWnnz8v1GxonMCltmlNs5ZKbGvl9b1XQ==} engines: {node: '>= 0.8.0'} + motion@10.18.0: + resolution: {integrity: sha512-MVAZZmwM/cp77BrNe1TxTMldxRPjwBNHheU5aPToqT4rJdZxLiADk58H+a0al5jKLxkB0OdgNq6DiVn11cjvIQ==} + ms@2.0.0: resolution: {integrity: sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==} @@ -7331,6 +7495,10 @@ packages: resolution: {integrity: sha512-NCrCHhWmnQklfH4MtJMRjZ2a8c80qXeMlQMv2uVp9ISJMTt562SbGd6n2oq0PaPgKm7Z6pL9E2UlLIhC+SHL3w==} engines: {node: '>=4.0.0'} + polished@1.9.3: + resolution: {integrity: sha512-4NmSD7fMFlM8roNxs7YXPv7UFRbYzb0gufR5zBxJLRzY54+zFsavxBo6zsQzP9ep6Hh3pC2pTyrpSTBEaB6IkQ==} + deprecated: polished@2.X is no longer supported. Please upgrade to @latest for important bug and security fixes. + polished@4.3.1: resolution: {integrity: sha512-OBatVyC/N7SCW/FaDHrSd+vn0o5cS855TOmYi4OkdWUMSJCET/xip//ch8xGUvtr3i44X9LVyWwQlRMTN3pwSA==} engines: {node: '>=10'} @@ -7452,6 +7620,10 @@ packages: version: 3.6.3 engines: {node: '>=8.0.0'} + prismjs@1.30.0: + resolution: {integrity: sha512-DEvV2ZF2r2/63V+tK8hQvrR2ZGn10srHbXviTlcv7Kpzw8jWiNTqbVgjO3IY8RxrrOUF8VPMQQFysYYYv0YZxw==} + engines: {node: '>=6'} + process-nextick-args@2.0.1: resolution: {integrity: sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag==} @@ -7715,6 +7887,15 @@ packages: react-is@18.3.1: resolution: {integrity: sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg==} + react-jss@8.6.1: + resolution: {integrity: sha512-SH6XrJDJkAphp602J14JTy3puB2Zxz1FkM3bKVE8wON+va99jnUTKWnzGECb3NfIn9JPR5vHykge7K3/A747xQ==} + engines: {node: '>=4'} + peerDependencies: + react: ^18.2.0 + + react-lifecycles-compat@3.0.4: + resolution: {integrity: sha512-fBASbA6LnOU9dOU2eW7aQ8xmYBSXUIWr+UmF9b1efZBazGNO+rcXT/icdKnYm2pTwcRylVUYwW7H1PHfLekVzA==} + react-popper@2.3.0: resolution: {integrity: sha512-e1hj8lL3uM+sgSR4Lxzn5h1GxBlpa4CQz0XLF8kx4MDrDRWY0Ena4c97PUeSX9i5W3UAfDP0z0FXCTQkoXUl3Q==} peerDependencies: @@ -7772,6 +7953,12 @@ packages: '@types/react': optional: true + react-transition-group@2.9.0: + resolution: {integrity: sha512-+HzNTCHpeQyl4MJ/bdE0u6XRMe9+XG/+aL4mCxVN4DnPBQ0/5bfHWPDuOZUzYdMj94daZaZdCCc1Dzt9R/xSSg==} + peerDependencies: + react: ^18.2.0 + react-dom: '>=15.0.0' + react-transition-group@4.4.5: resolution: {integrity: sha512-pZcd1MCJoiKiBR2NRxeCRg13uCXbydPnmB4EOeRrY7480qNWO8IIgQG6zlDkm6uRMsURXPuKq0GWtiM59a5Q6g==} peerDependencies: @@ -8553,6 +8740,10 @@ packages: resolution: {integrity: sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==} engines: {node: '>= 0.4'} + symbol-observable@1.2.0: + resolution: {integrity: sha512-e900nM8RRtGhlV36KGEU9k65K3mPb1WV70OdjfxlG2EAuM1noi/E/BaW/uMhL7bPEssK8QV57vN3esixjUvcXQ==} + engines: {node: '>=0.10.0'} + synchronous-promise@2.0.17: resolution: {integrity: sha512-AsS729u2RHUfEra9xJrE39peJcc2stq2+poBXX8bcM08Y6g9j/i/PUzwNQqkaJde7Ntg1TO7bSREbR5sdosQ+g==} @@ -8607,6 +8798,11 @@ packages: text-table@0.2.0: resolution: {integrity: sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==} + theming@1.3.0: + resolution: {integrity: sha512-ya5Ef7XDGbTPBv5ENTwrwkPUexrlPeiAg/EI9kdlUAZhNlRbCdhMKRgjNX1IcmsmiPcqDQZE6BpSaH+cr31FKw==} + peerDependencies: + react: ^18.2.0 + thenify-all@1.6.0: resolution: {integrity: sha512-RNxQH/qI8/t3thXJDwcstUO4zeqo64+Uy/+sNVRBx4Xn2OX+OZ9oP+iJnNFqplFra2ZUVeKCSa2oVWi3T4uVmA==} engines: {node: '>=0.8'} @@ -9318,6 +9514,9 @@ packages: walker@1.0.8: resolution: {integrity: sha512-ts/8E8l5b7kY0vlWLewOkDXMmPdLcVV4GmOQLyxuSswIJsweeFZtAsMF7k1Nszz+TYBQrlYRmzOnr398y1JemQ==} + warning@3.0.0: + resolution: {integrity: sha512-jMBt6pUrKn5I+OGgtQ4YZLdhIeJmObddh6CsibPxyQ5yPZm1XExSyzC1LCNX7BzhxWgiHmizBWJTHJIjMjTQYQ==} + warning@4.0.3: resolution: {integrity: sha512-rpJyN222KWIvHJ/F53XSZv0Zl/accqHR8et1kpaMTD/fLCRxtV8iX8czMzY7sVZupTI3zcUTg8eycS2kNF9l6w==} @@ -9640,6 +9839,75 @@ snapshots: jsonpointer: 5.0.1 leven: 3.1.0 + '@arwes/animated@1.0.0-next.25020502(motion@10.18.0)': + dependencies: + '@arwes/animator': 1.0.0-next.25020502 + csstype: 3.1.3 + motion: 10.18.0 + tslib: 2.8.1 + + '@arwes/animator@1.0.0-next.25020502': + dependencies: + '@arwes/tools': 1.0.0-next.25020502 + tslib: 2.8.1 + + '@arwes/bgs@1.0.0-next.25020502(motion@10.18.0)': + dependencies: + '@arwes/animated': 1.0.0-next.25020502(motion@10.18.0) + '@arwes/animator': 1.0.0-next.25020502 + tslib: 2.8.1 + transitivePeerDependencies: + - motion + + '@arwes/frames@1.0.0-next.25020502(motion@10.18.0)': + dependencies: + '@arwes/animated': 1.0.0-next.25020502(motion@10.18.0) + '@arwes/tools': 1.0.0-next.25020502 + csstype: 3.1.3 + motion: 10.18.0 + tslib: 2.8.1 + + '@arwes/react-animator@1.0.0-next.25020502(react@18.3.1)': + dependencies: + '@arwes/animator': 1.0.0-next.25020502 + '@arwes/react-tools': 1.0.0-next.25020502(react@18.3.1) + '@arwes/tools': 1.0.0-next.25020502 + react: 18.3.1 + tslib: 2.8.1 + + '@arwes/react-bgs@1.0.0-next.25020502(motion@10.18.0)(react@18.3.1)': + dependencies: + '@arwes/animated': 1.0.0-next.25020502(motion@10.18.0) + '@arwes/animator': 1.0.0-next.25020502 + '@arwes/bgs': 1.0.0-next.25020502(motion@10.18.0) + '@arwes/react-animator': 1.0.0-next.25020502(react@18.3.1) + '@arwes/react-tools': 1.0.0-next.25020502(react@18.3.1) + '@arwes/tools': 1.0.0-next.25020502 + react: 18.3.1 + tslib: 2.8.1 + transitivePeerDependencies: + - motion + + '@arwes/react-frames@1.0.0-next.25020502(motion@10.18.0)(react@18.3.1)': + dependencies: + '@arwes/frames': 1.0.0-next.25020502(motion@10.18.0) + '@arwes/react-animator': 1.0.0-next.25020502(react@18.3.1) + '@arwes/react-tools': 1.0.0-next.25020502(react@18.3.1) + '@arwes/tools': 1.0.0-next.25020502 + react: 18.3.1 + tslib: 2.8.1 + transitivePeerDependencies: + - motion + + '@arwes/react-tools@1.0.0-next.25020502(react@18.3.1)': + dependencies: + react: 18.3.1 + tslib: 2.8.1 + + '@arwes/tools@1.0.0-next.25020502': + dependencies: + tslib: 2.8.1 + '@aw-web-design/x-default-browser@1.4.126': dependencies: default-browser-id: 3.0.0 @@ -11319,6 +11587,41 @@ snapshots: '@module-federation/runtime': 0.11.2 '@module-federation/sdk': 0.11.2 + '@motionone/animation@10.18.0': + dependencies: + '@motionone/easing': 10.18.0 + '@motionone/types': 10.17.1 + '@motionone/utils': 10.18.0 + tslib: 2.8.1 + + '@motionone/dom@10.18.0': + dependencies: + '@motionone/animation': 10.18.0 + '@motionone/generators': 10.18.0 + '@motionone/types': 10.17.1 + '@motionone/utils': 10.18.0 + hey-listen: 1.0.8 + tslib: 2.8.1 + + '@motionone/easing@10.18.0': + dependencies: + '@motionone/utils': 10.18.0 + tslib: 2.8.1 + + '@motionone/generators@10.18.0': + dependencies: + '@motionone/types': 10.17.1 + '@motionone/utils': 10.18.0 + tslib: 2.8.1 + + '@motionone/types@10.17.1': {} + + '@motionone/utils@10.18.0': + dependencies: + '@motionone/types': 10.17.1 + hey-listen: 1.0.8 + tslib: 2.8.1 + '@msgpack/msgpack@2.8.0': {} '@ndelangen/get-tarball@3.0.9': @@ -13475,6 +13778,24 @@ snapshots: arrify@1.0.1: {} + arwes@1.0.0-alpha.5(react-dom@18.3.1(react@18.3.1))(react@18.3.1): + dependencies: + classnames: 2.5.1 + d3-path: 1.0.9 + d3-shape: 1.3.7 + detect-node: 2.1.0 + extend: 3.0.2 + hoist-non-react-statics: 2.5.5 + howler: 2.2.4 + polished: 1.9.3 + prismjs: 1.30.0 + prop-types: 15.8.1 + react: 18.3.1 + react-dom: 18.3.1(react@18.3.1) + react-jss: 8.6.1(react@18.3.1) + react-transition-group: 2.9.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1) + theming: 1.3.0(react@18.3.1) + asn1.js@4.10.1: dependencies: bn.js: 4.12.1 @@ -13725,6 +14046,8 @@ snapshots: dependencies: fill-range: 7.1.1 + brcast@3.0.2: {} + brorand@1.1.0: {} browser-assert@1.2.1: {} @@ -14328,6 +14651,10 @@ snapshots: mdn-data: 2.0.14 source-map: 0.6.1 + css-vendor@0.3.8: + dependencies: + is-in-browser: 1.1.3 + css-what@6.1.0: {} csstype@3.1.3: {} @@ -14405,6 +14732,12 @@ snapshots: yauzl: 2.10.0 optional: true + d3-path@1.0.9: {} + + d3-shape@1.3.7: + dependencies: + d3-path: 1.0.9 + dashdash@1.14.1: dependencies: assert-plus: 1.0.0 @@ -14590,6 +14923,8 @@ snapshots: detect-node-es@1.1.0: {} + detect-node@2.1.0: {} + detect-package-manager@2.0.1: dependencies: execa: 5.1.1 @@ -14651,6 +14986,10 @@ snapshots: dependencies: esutils: 2.0.3 + dom-helpers@3.4.0: + dependencies: + '@babel/runtime': 7.26.9 + dom-helpers@5.2.1: dependencies: '@babel/runtime': 7.26.9 @@ -16037,6 +16376,8 @@ snapshots: capital-case: 1.0.4 tslib: 2.8.1 + hey-listen@1.0.8: {} + hmac-drbg@1.0.1: dependencies: hash.js: 1.1.7 @@ -16049,6 +16390,8 @@ snapshots: nopt: 1.0.10 optional: true + hoist-non-react-statics@2.5.5: {} + hoist-non-react-statics@3.3.2: dependencies: react-is: 16.13.1 @@ -16059,6 +16402,8 @@ snapshots: dependencies: lru-cache: 6.0.0 + howler@2.2.4: {} + html-encoding-sniffer@3.0.0: dependencies: whatwg-encoding: 2.0.0 @@ -16348,8 +16693,7 @@ snapshots: is-fullwidth-code-point@3.0.0: {} - is-function@1.0.2: - optional: true + is-function@1.0.2: {} is-generator-function@1.1.0: dependencies: @@ -16368,6 +16712,8 @@ snapshots: is-gzip@1.0.0: {} + is-in-browser@1.1.3: {} + is-installed-globally@0.4.0: dependencies: global-dirs: 3.0.1 @@ -16696,6 +17042,72 @@ snapshots: verror: 1.10.0 optional: true + jss-camel-case@6.1.0(jss@9.8.7): + dependencies: + hyphenate-style-name: 1.1.0 + jss: 9.8.7 + + jss-compose@5.0.0(jss@9.8.7): + dependencies: + jss: 9.8.7 + warning: 3.0.0 + + jss-default-unit@8.0.2(jss@9.8.7): + dependencies: + jss: 9.8.7 + + jss-expand@5.3.0(jss@9.8.7): + dependencies: + jss: 9.8.7 + + jss-extend@6.2.0(jss@9.8.7): + dependencies: + jss: 9.8.7 + warning: 3.0.0 + + jss-global@3.0.0(jss@9.8.7): + dependencies: + jss: 9.8.7 + + jss-nested@6.0.1(jss@9.8.7): + dependencies: + jss: 9.8.7 + warning: 3.0.0 + + jss-preset-default@4.5.0(jss@9.8.7): + dependencies: + jss: 9.8.7 + jss-camel-case: 6.1.0(jss@9.8.7) + jss-compose: 5.0.0(jss@9.8.7) + jss-default-unit: 8.0.2(jss@9.8.7) + jss-expand: 5.3.0(jss@9.8.7) + jss-extend: 6.2.0(jss@9.8.7) + jss-global: 3.0.0(jss@9.8.7) + jss-nested: 6.0.1(jss@9.8.7) + jss-props-sort: 6.0.0(jss@9.8.7) + jss-template: 1.0.1(jss@9.8.7) + jss-vendor-prefixer: 7.0.0(jss@9.8.7) + + jss-props-sort@6.0.0(jss@9.8.7): + dependencies: + jss: 9.8.7 + + jss-template@1.0.1(jss@9.8.7): + dependencies: + jss: 9.8.7 + warning: 3.0.0 + + jss-vendor-prefixer@7.0.0(jss@9.8.7): + dependencies: + css-vendor: 0.3.8 + jss: 9.8.7 + + jss@9.8.7: + dependencies: + is-in-browser: 1.1.3 + symbol-observable: 1.2.0 + warning: 3.0.0 + jsx-ast-utils@3.3.5: dependencies: array-includes: 3.1.8 @@ -17570,6 +17982,13 @@ snapshots: transitivePeerDependencies: - supports-color + motion@10.18.0: + dependencies: + '@motionone/animation': 10.18.0 + '@motionone/dom': 10.18.0 + '@motionone/types': 10.17.1 + '@motionone/utils': 10.18.0 + ms@2.0.0: {} ms@2.1.3: {} @@ -18153,6 +18572,8 @@ snapshots: pngjs@3.4.0: optional: true + polished@1.9.3: {} + polished@4.3.1: dependencies: '@babel/runtime': 7.26.9 @@ -18325,6 +18746,8 @@ snapshots: dependencies: vec3: 0.1.10 + prismjs@1.30.0: {} + process-nextick-args@2.0.1: {} process@0.11.10: {} @@ -18648,6 +19071,17 @@ snapshots: react-is@18.3.1: {} + react-jss@8.6.1(react@18.3.1): + dependencies: + hoist-non-react-statics: 2.5.5 + jss: 9.8.7 + jss-preset-default: 4.5.0(jss@9.8.7) + prop-types: 15.8.1 + react: 18.3.1 + theming: 1.3.0(react@18.3.1) + + react-lifecycles-compat@3.0.4: {} + react-popper@2.3.0(@popperjs/core@2.11.8)(react-dom@18.3.1(react@18.3.1))(react@18.3.1): dependencies: '@popperjs/core': 2.11.8 @@ -18710,6 +19144,15 @@ snapshots: optionalDependencies: '@types/react': 18.3.18 + react-transition-group@2.9.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1): + dependencies: + dom-helpers: 3.4.0 + loose-envify: 1.4.0 + prop-types: 15.8.1 + react: 18.3.1 + react-dom: 18.3.1(react@18.3.1) + react-lifecycles-compat: 3.0.4 + react-transition-group@4.4.5(react-dom@18.3.1(react@18.3.1))(react@18.3.1): dependencies: '@babel/runtime': 7.26.9 @@ -19784,6 +20227,8 @@ snapshots: supports-preserve-symlinks-flag@1.0.0: {} + symbol-observable@1.2.0: {} + synchronous-promise@2.0.17: {} systeminformation@5.25.11: @@ -19855,6 +20300,14 @@ snapshots: text-table@0.2.0: {} + theming@1.3.0(react@18.3.1): + dependencies: + brcast: 3.0.2 + is-function: 1.0.2 + is-plain-object: 2.0.4 + prop-types: 15.8.1 + react: 18.3.1 + thenify-all@1.6.0: dependencies: thenify: 3.3.1 @@ -20549,6 +21002,10 @@ snapshots: dependencies: makeerror: 1.0.12 + warning@3.0.0: + dependencies: + loose-envify: 1.4.0 + warning@4.0.3: dependencies: loose-envify: 1.4.0 diff --git a/src/arwes.tsx b/src/arwes.tsx new file mode 100644 index 00000000..92e80e18 --- /dev/null +++ b/src/arwes.tsx @@ -0,0 +1,102 @@ +// import { createTheme, ThemeProvider as ArwesThemeProvider, Button, Arwes as ArwesRoot, Loading as ArwesLoading, Grid, Words as ArwesWords, Row, Col, Blockquote, Frame, Line } from 'arwes' +import { Puffs, Dots, MovingLines } from '@arwes/react-bgs' +import { Animator } from '@arwes/react-animator' +// import { Illuminator } from '@arwes/react-frames' +import { useEffect, useRef } from 'react' + +const Background = () => { + return ( + <> + + + {/* */} + + + + +
+ {/* */} + {/* */} + +
+ + + ) +} + +export const ArwesPlayground = () => { + return
+ {/* + + + Hello + +
+ Cyberpunk +
+ + */} + +
+} + +const Parallax = ({ children }) => { + const ref = useRef(null) + + useEffect(() => { + const controller = new AbortController() + document.addEventListener('mousemove', e => { + if (ref.current) { + const x = e.clientX / window.innerWidth + const y = e.clientY / window.innerHeight + const x2 = x * 2 - 1 + const y2 = y * 2 - 1 + // ref.current.style.transform = `translate(${(x2 * 0.3).toFixed(2)}%, ${(y2 * 0.3).toFixed(2)}%)` + } + }) + document.addEventListener('mouseleave', () => { + if (ref.current) { + ref.current.style.transform = '' + } + }) + + return () => controller.abort() + }, []) + + return ( +
+ {children} +
+ ) +} diff --git a/src/reactUi.tsx b/src/reactUi.tsx index 72aff0ef..0453a0e0 100644 --- a/src/reactUi.tsx +++ b/src/reactUi.tsx @@ -60,6 +60,7 @@ import ConnectOnlyServerUi from './react/ConnectOnlyServerUi' import ControDebug from './react/ControDebug' import ChunksDebug from './react/ChunksDebug' import ChunksDebugScreen from './react/ChunksDebugScreen' +import { ArwesPlayground } from './arwes' const isFirefox = ua.getBrowser().name === 'Firefox' if (isFirefox) { @@ -267,7 +268,8 @@ const PerComponentErrorBoundary = ({ children }) => { ) } -renderToDom(, { + +renderToDom(, { strictMode: false, selector: '#react-root', })