feat: add new affine loading component

packages/jotai/package.json

@@ -5,5 +5,11 @@
   "dependencies": {
     "@affine/env": "workspace:*",
     "jotai": "^2.0.4"
+  },
+  "devDependencies": {
+    "lottie-web": "^5.11.0"
+  },
+  "peerDependencies": {
+    "lottie-web": "*"
   }
 }

packages/jotai/src/index.ts

@@ -46,3 +46,5 @@ export function atomWithSyncStorage<Value>(key: string, initialValue: Value) {
 
   return anAtom;
 }
+
+export * from './resource';

packages/jotai/src/resource.ts

@@ -0,0 +1,5 @@
+import { atom } from 'jotai';
+
+export const lottieAtom = atom(async () =>
+  import('lottie-web').then(m => m.default)
+);