From f96ba5d0df436310ac1ddc2bce8c054a7edbd94e Mon Sep 17 00:00:00 2001 From: Vitaly Turovsky Date: Fri, 21 Mar 2025 04:16:57 +0300 Subject: [PATCH] start a very big thing --- package.json | 9 +- pnpm-lock.yaml | 461 +++++++++++++++++++++++++++++++++++++++++++++++- src/arwes.tsx | 102 +++++++++++ src/reactUi.tsx | 4 +- 4 files changed, 570 insertions(+), 6 deletions(-) create mode 100644 src/arwes.tsx diff --git a/package.json b/package.json index cd8c25ff..2b8da5e3 100644 --- a/package.json +++ b/package.json @@ -48,6 +48,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", @@ -62,6 +64,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", @@ -80,13 +83,13 @@ "google-drive-browserfs": "github:zardoy/browserfs#google-drive", "jszip": "^3.10.1", "lodash-es": "^4.17.21", + "mcraft-fun-mineflayer": "^0.1.14", "minecraft-data": "3.83.1", "minecraft-protocol": "github:PrismarineJS/node-minecraft-protocol#master", "mineflayer-item-map-downloader": "github:zardoy/mineflayer-item-map-downloader", "mojangson": "^2.0.4", "net-browserify": "github:zardoy/prismarinejs-net-browserify", "node-gzip": "^1.1.2", - "mcraft-fun-mineflayer": "^0.1.14", "peerjs": "^1.5.0", "pixelarticons": "^1.8.1", "pretty-bytes": "^6.1.1", @@ -151,16 +154,16 @@ "http-server": "^14.1.1", "https-browserify": "^1.0.0", "mc-assets": "^0.2.42", - "mineflayer-mouse": "^0.1.2", "minecraft-inventory-gui": "github:zardoy/minecraft-inventory-gui#next", "mineflayer": "github:zardoy/mineflayer", + "mineflayer-mouse": "^0.1.2", "mineflayer-pathfinder": "^2.4.4", "npm-run-all": "^4.1.5", "os-browserify": "^0.3.0", "path-browserify": "^1.0.1", "path-exists-cli": "^2.0.0", - "renderer": "link:renderer", "process": "github:PrismarineJS/node-process", + "renderer": "link:renderer", "rimraf": "^5.0.1", "storybook": "^7.4.6", "stream-browserify": "^3.0.0", diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 9093dfc0..592fe38b 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -38,6 +38,12 @@ importers: .: dependencies: + '@arwes/react-bgs': + specifier: 1.0.0-next.25020502 + version: 1.0.0-next.25020502(motion@10.18.0)(react@18.2.0) + '@arwes/react-frames': + specifier: 1.0.0-next.25020502 + version: 1.0.0-next.25020502(motion@10.18.0)(react@18.2.0) '@dimaka/interface': specifier: 0.0.3-alpha.0 version: 0.0.3-alpha.0(@babel/core@7.22.11)(@popperjs/core@2.11.8)(@types/react@18.2.20)(react-dom@18.2.0(react@18.2.0))(react@18.2.0) @@ -80,6 +86,9 @@ importers: adm-zip: specifier: ^0.5.12 version: 0.5.12 + arwes: + specifier: 1.0.0-alpha.5 + version: 1.0.0-alpha.5(react-dom@18.2.0(react@18.2.0))(react@18.2.0) browserfs: specifier: github:zardoy/browserfs#build version: https://codeload.github.com/zardoy/browserfs/tar.gz/e60ca69e74888e057a96a468afe1d62347d3f56f @@ -503,6 +512,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 @@ -2110,6 +2158,24 @@ packages: '@module-federation/webpack-bundler-runtime@0.2.3': resolution: {integrity: sha512-L/jt2uJ+8dwYiyn9GxryzDR6tr/Wk8rpgvelM2EBeLIhu7YxCHSmSjQYhw3BTux9zZIr47d1K9fGjBFsVRd/SQ==} + '@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'} @@ -3790,6 +3856,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@5.4.1: resolution: {integrity: sha512-+I//4cYPccV8LdmBLiX8CYvf9Sp3vQsrqu2QNXRcrbiWvcx/UdlFiqUJJzxRQxgsZmvhXhn4cSKeSmoFjVdupA==} @@ -4014,6 +4086,9 @@ packages: resolution: {integrity: sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==} 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==} @@ -4505,6 +4580,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'} @@ -4526,6 +4604,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'} @@ -4734,6 +4818,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'} @@ -4786,6 +4873,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==} @@ -5801,6 +5891,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==} @@ -5808,6 +5901,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==} @@ -5818,6 +5914,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'} @@ -6112,6 +6211,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'} @@ -6422,6 +6524,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'} @@ -7039,6 +7200,9 @@ packages: resolution: {integrity: sha512-AbegBVI4sh6El+1gNwvD5YIck7nSA36weD7xvIxG4in80j/UoK8AEGaWnnz8v1GxonMCltmlNs5ZKbGvl9b1XQ==} engines: {node: '>= 0.8.0'} + motion@10.18.0: + resolution: {integrity: sha512-MVAZZmwM/cp77BrNe1TxTMldxRPjwBNHheU5aPToqT4rJdZxLiADk58H+a0al5jKLxkB0OdgNq6DiVn11cjvIQ==} + mri@1.2.0: resolution: {integrity: sha512-tzzskb3bG8LvYGFF/mDTpq3jpI6Q9wc3LEmBaghu+DdCssd1FakN7Bc0hVNmEyGq1bq3RgfkCb3cmQLpNPOroA==} engines: {node: '>=4'} @@ -7562,6 +7726,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.2.2: resolution: {integrity: sha512-Sz2Lkdxz6F2Pgnpi9U5Ng/WdWAUZxmHrNPoVlm3aAemxoy2Qy7LGjQg4uf8qKelDAUW94F4np3iH2YPf2qefcQ==} engines: {node: '>=10'} @@ -7687,6 +7855,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==} @@ -7957,6 +8129,15 @@ packages: react-is@18.2.0: resolution: {integrity: sha512-xWGDIW6x921xtzPkhiULtthJHoJvBbF3q26fzloPCK0hsvxtPVelvftw3zjbHWSkR2km9Z+4uxbDDK/6Zw9B8w==} + 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: @@ -8010,6 +8191,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: @@ -8804,6 +8991,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==} @@ -8878,6 +9069,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'} @@ -9554,6 +9750,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==} @@ -9895,6 +10094,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.2 + motion: 10.18.0 + tslib: 2.6.2 + + '@arwes/animator@1.0.0-next.25020502': + dependencies: + '@arwes/tools': 1.0.0-next.25020502 + tslib: 2.6.2 + + '@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.6.2 + 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.2 + motion: 10.18.0 + tslib: 2.6.2 + + '@arwes/react-animator@1.0.0-next.25020502(react@18.2.0)': + dependencies: + '@arwes/animator': 1.0.0-next.25020502 + '@arwes/react-tools': 1.0.0-next.25020502(react@18.2.0) + '@arwes/tools': 1.0.0-next.25020502 + react: 18.2.0 + tslib: 2.6.2 + + '@arwes/react-bgs@1.0.0-next.25020502(motion@10.18.0)(react@18.2.0)': + 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.2.0) + '@arwes/react-tools': 1.0.0-next.25020502(react@18.2.0) + '@arwes/tools': 1.0.0-next.25020502 + react: 18.2.0 + tslib: 2.6.2 + transitivePeerDependencies: + - motion + + '@arwes/react-frames@1.0.0-next.25020502(motion@10.18.0)(react@18.2.0)': + dependencies: + '@arwes/frames': 1.0.0-next.25020502(motion@10.18.0) + '@arwes/react-animator': 1.0.0-next.25020502(react@18.2.0) + '@arwes/react-tools': 1.0.0-next.25020502(react@18.2.0) + '@arwes/tools': 1.0.0-next.25020502 + react: 18.2.0 + tslib: 2.6.2 + transitivePeerDependencies: + - motion + + '@arwes/react-tools@1.0.0-next.25020502(react@18.2.0)': + dependencies: + react: 18.2.0 + tslib: 2.6.2 + + '@arwes/tools@1.0.0-next.25020502': + dependencies: + tslib: 2.6.2 + '@aw-web-design/x-default-browser@1.4.126': dependencies: default-browser-id: 3.0.0 @@ -11625,6 +11893,41 @@ snapshots: '@module-federation/runtime': 0.2.3 '@module-federation/sdk': 0.2.3 + '@motionone/animation@10.18.0': + dependencies: + '@motionone/easing': 10.18.0 + '@motionone/types': 10.17.1 + '@motionone/utils': 10.18.0 + tslib: 2.6.2 + + '@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.6.2 + + '@motionone/easing@10.18.0': + dependencies: + '@motionone/utils': 10.18.0 + tslib: 2.6.2 + + '@motionone/generators@10.18.0': + dependencies: + '@motionone/types': 10.17.1 + '@motionone/utils': 10.18.0 + tslib: 2.6.2 + + '@motionone/types@10.17.1': {} + + '@motionone/utils@10.18.0': + dependencies: + '@motionone/types': 10.17.1 + hey-listen: 1.0.8 + tslib: 2.6.2 + '@msgpack/msgpack@2.8.0': {} '@ndelangen/get-tarball@3.0.9': @@ -13931,6 +14234,24 @@ snapshots: arrify@1.0.1: {} + arwes@1.0.0-alpha.5(react-dom@18.2.0(react@18.2.0))(react@18.2.0): + 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.2.0 + react-dom: 18.2.0(react@18.2.0) + react-jss: 8.6.1(react@18.2.0) + react-transition-group: 2.9.0(react-dom@18.2.0(react@18.2.0))(react@18.2.0) + theming: 1.3.0(react@18.2.0) + asn1.js@5.4.1: dependencies: bn.js: 4.12.0 @@ -14207,6 +14528,8 @@ snapshots: dependencies: fill-range: 7.0.1 + brcast@3.0.2: {} + brorand@1.1.0: {} browser-assert@1.2.1: {} @@ -14845,6 +15168,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.2: {} @@ -14921,6 +15248,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 @@ -15107,6 +15440,8 @@ snapshots: detect-node-es@1.1.0: {} + detect-node@2.1.0: {} + detect-package-manager@2.0.1: dependencies: execa: 5.1.1 @@ -15168,6 +15503,10 @@ snapshots: dependencies: esutils: 2.0.3 + dom-helpers@3.4.0: + dependencies: + '@babel/runtime': 7.24.5 + dom-helpers@5.2.1: dependencies: '@babel/runtime': 7.24.5 @@ -16601,6 +16940,8 @@ snapshots: capital-case: 1.0.4 tslib: 2.6.2 + hey-listen@1.0.8: {} + hmac-drbg@1.0.1: dependencies: hash.js: 1.1.7 @@ -16613,6 +16954,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 @@ -16623,6 +16966,8 @@ snapshots: dependencies: lru-cache: 6.0.0 + howler@2.2.4: {} + html-encoding-sniffer@3.0.0: dependencies: whatwg-encoding: 2.0.0 @@ -16920,8 +17265,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: @@ -16940,6 +17284,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 @@ -17286,6 +17632,72 @@ snapshots: verror: 1.10.0 optional: true + jss-camel-case@6.1.0(jss@9.8.7): + dependencies: + hyphenate-style-name: 1.0.4 + 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 @@ -18180,6 +18592,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 + mri@1.2.0: {} ms@2.0.0: {} @@ -18759,6 +19178,8 @@ snapshots: pngjs@3.4.0: optional: true + polished@1.9.3: {} + polished@4.2.2: dependencies: '@babel/runtime': 7.24.5 @@ -18942,6 +19363,8 @@ snapshots: dependencies: vec3: 0.1.10 + prismjs@1.30.0: {} + process-nextick-args@2.0.1: {} process@0.11.10: {} @@ -19271,6 +19694,17 @@ snapshots: react-is@18.2.0: {} + react-jss@8.6.1(react@18.2.0): + 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.2.0 + theming: 1.3.0(react@18.2.0) + + react-lifecycles-compat@3.0.4: {} + react-popper@2.3.0(@popperjs/core@2.11.8)(react-dom@18.2.0(react@18.2.0))(react@18.2.0): dependencies: '@popperjs/core': 2.11.8 @@ -19331,6 +19765,15 @@ snapshots: optionalDependencies: '@types/react': 18.2.20 + react-transition-group@2.9.0(react-dom@18.2.0(react@18.2.0))(react@18.2.0): + dependencies: + dom-helpers: 3.4.0 + loose-envify: 1.4.0 + prop-types: 15.8.1 + react: 18.2.0 + react-dom: 18.2.0(react@18.2.0) + react-lifecycles-compat: 3.0.4 + react-transition-group@4.4.5(react-dom@18.2.0(react@18.2.0))(react@18.2.0): dependencies: '@babel/runtime': 7.24.5 @@ -20427,6 +20870,8 @@ snapshots: supports-preserve-symlinks-flag@1.0.0: {} + symbol-observable@1.2.0: {} + synchronous-promise@2.0.17: {} systeminformation@5.22.7: @@ -20511,6 +20956,14 @@ snapshots: text-table@0.2.0: {} + theming@1.3.0(react@18.2.0): + dependencies: + brcast: 3.0.2 + is-function: 1.0.2 + is-plain-object: 2.0.4 + prop-types: 15.8.1 + react: 18.2.0 + thenify-all@1.6.0: dependencies: thenify: 3.3.1 @@ -21184,6 +21637,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 213c92b9..20bbd363 100644 --- a/src/reactUi.tsx +++ b/src/reactUi.tsx @@ -53,6 +53,7 @@ import { UIProvider } from './react/UIProvider' import { useAppScale } from './scaleInterface' import PacketsReplayProvider from './react/PacketsReplayProvider' import TouchInteractionHint from './react/TouchInteractionHint' +import { ArwesPlayground } from './arwes' const RobustPortal = ({ children, to }) => { return createPortal({children}, to) @@ -241,7 +242,8 @@ const PerComponentErrorBoundary = ({ children }) => { ) } -renderToDom(, { + +renderToDom(, { strictMode: false, selector: '#react-root', })