refactor: aliases ^_^

packages/app/src/components/app/index.jsx

@@ -11,13 +11,13 @@ import {
 } from '@flecks/react/router';
 import {useSelector} from '@flecks/redux';
 import {userIdSelector} from '@flecks/user';
+import '@humus/app/scss/index.scss';
 
 import Ui from '../valent-ui';
 import Login from './login';
 import Overview from './overview';
 import Play from './play';
 
-import './scss/index.scss';
 import styles from './index.module.scss';
 
 const Persea = () => {

packages/app/src/components/app/play/index.jsx

@@ -1,16 +1,14 @@
 import {React} from '@flecks/react';
 
-import styles from './index.module.scss';
-
 import Renderable from './renderable';
 import Ui from './ui';
 
 function Play() {
   return (
-    <div className={styles.play}>
+    <>
       <Renderable />
       <Ui />
-    </div>
+    </>
   );
 }
 

packages/app/src/components/app/play/renderable/index.jsx

@@ -10,8 +10,7 @@ import {
 import {Container, Renderer, Stage} from '@avocado/graphics';
 import {Vector} from '@avocado/math';
 import {createLoop, destroyLoop} from '@avocado/timing';
-
-import {useRoom, useSelfEntity} from '../../../../hooks';
+import {useRoom, useSelfEntity} from '@humus/app/hooks';
 
 const renderer = new Renderer();
 

packages/app/src/components/app/play/ui/hotbar/index.scss

@@ -1,4 +1,4 @@
-@import '../../../scss/graphics.scss';
+@import '~@humus/app/scss/graphics.scss';
 
 .hotbar {
   position: absolute;

packages/app/src/components/app/play/ui/index.jsx

@@ -12,14 +12,14 @@ import {
 } from '@flecks/react';
 import {useDispatch} from '@flecks/redux';
 import {useSocket} from '@flecks/socket';
-
 import {
   useRoom,
   useSelfEntity,
-} from '../../../../hooks';
+} from '@humus/app/hooks';
 import {
   setSelfEntity,
-} from '../../../../state';
+} from '@humus/app/state';
+
 import Hotbar from './hotbar';
 
 const PlayUi = () => {

packages/app/src/components/app/play/ui/item-slot/index.scss

@@ -1,4 +1,4 @@
-@import '../../../scss/graphics.scss';
+@import '~@humus/app/scss/graphics.scss';
 
 .item-slot {
   border: 4px dashed rgba(0, 0, 0, 0.5);

packages/universe/package.json

@@ -35,6 +35,7 @@
   "dependencies": {
     "@avocado/resource": "^3.0.0",
     "@avocado/s13n": "^3.0.0",
+    "@avocado/timing": "^3.0.0",
     "@avocado/traits": "^3.0.0",
     "@flecks/core": "^1.4.1",
     "@flecks/react": "^1.4.1",