feat: remove FirebaseDatabaseProvider and FirebaseDatabaseNode from preview

Author: raduwen

src/components/Preview.tsx

@@ -1,12 +1,45 @@
-import { Preview } from '@/components/Preview'
-import { FirebaseDatabaseProvider } from '@react-firebase/database';
-import firebase from '@/lib/firebase';
+import { useEffect, useState } from 'react';
+import { DataSnapshot } from '@firebase/database-types';
+
+import { db } from '@/lib/firebase';
+import { TextWidget } from '@/components/TextWidget';
+import { TimeWidget } from '@/components/TimeWidget';
+import { IFrameWidget } from '@/components/IFrameWidget';
+
+const Widgets = {
+  'text': TextWidget,
+  'time': TimeWidget,
+  'iframe': IFrameWidget,
+};
+
+type Widget = {
+  name: string;
+  props: any;
+}
+
+type WidgetList = { [key: string]: Widget }
 
 const PreviewPage = () => {
+  const [widgets, setWidgets] = useState<WidgetList>({});
+
+  useEffect(() => {
+    db.ref('/widgets').on('value', (snap: DataSnapshot) => {
+      if (snap?.val()) {
+        setWidgets(snap.val());
+      }
+    });
+  }, [db]);
+
   return (
-    <FirebaseDatabaseProvider firebase={firebase}>
-      <Preview />
-    </FirebaseDatabaseProvider>
+    <div>
+      {
+        Object.keys(widgets).map((id) => {
+          const widget: any = widgets[id];
+          const Widget = Widgets[widget.name];
+          return <Widget key={id} {...widget.props} />
+        })
+      }
+    </div>
   );
 };
 

src/pages/preview/index.tsx

@@ -852,15 +852,6 @@
   resolved "https://registry.yarnpkg.com/@protobufjs/utf8/-/utf8-1.1.0.tgz#a777360b5b39a1a2e5106f8e858f2fd2d060c570"
   integrity sha1-p3c2C1s5oaLlEG+OhY8v0tBgxXA=
 
-"@react-firebase/database@^0.3.11":
-  version "0.3.11"
-  resolved "https://registry.yarnpkg.com/@react-firebase/database/-/database-0.3.11.tgz#6367a249f6cd2d85b51b95c1883254d02c49f509"
-  integrity sha512-pVOILZwFShciopf/7CC/3rRAWcd1CQ5g0JPkhAWSiMP97fiUiaWtVrnBRtoWVY7kQqyF4G9ZyR/Wm43J9a3ZQA==
-  dependencies:
-    immer "^1.5.0"
-    lodash "^4.17.11"
-    render-and-add-props "^0.5.0"
-
 "@rushstack/eslint-patch@^1.0.6":
   version "1.0.7"
   resolved "https://registry.yarnpkg.com/@rushstack/eslint-patch/-/eslint-patch-1.0.7.tgz#82f83dcc2eb9b1e1d559b3aca96783e285eb8592"
@@ -4000,11 +3991,6 @@ image-size@1.0.0:
   dependencies:
     queue "6.0.2"
 
-immer@^1.5.0:
-  version "1.12.1"
-  resolved "https://registry.yarnpkg.com/immer/-/immer-1.12.1.tgz#40c6e5b292c00560836c2993bda3a24379d466f5"
-  integrity sha512-3fmKM6ovaqDt0CdC9daXpNi5x/YCYS3i4cwLdTVkhJdk5jrDXoPs7lCm3IqM3yhfSnz4tjjxbRG2CziQ7m8ztg==
-
 import-fresh@^3.0.0, import-fresh@^3.2.1:
   version "3.3.0"
   resolved "https://registry.yarnpkg.com/import-fresh/-/import-fresh-3.3.0.tgz#37162c25fcb9ebaa2e6e53d5b4d88ce17d9e0c2b"
@@ -6378,11 +6364,6 @@ registry-url@^5.0.0:
   dependencies:
     rc "^1.2.8"
 
-render-and-add-props@^0.5.0:
-  version "0.5.0"
-  resolved "https://registry.yarnpkg.com/render-and-add-props/-/render-and-add-props-0.5.0.tgz#79e35b2251936ec187188322826e56401c2ef70b"
-  integrity sha512-jIVQsWxGDHwpMcI0d9w6OxF/GCtwL02Lyqk8aGjyF6LyR9GPLY+1ONwPjs6kbQ2d6gTApWk8aprZkBli0tpG/w==
-
 request@^2.87.0, request@^2.88.2:
   version "2.88.2"
   resolved "https://registry.yarnpkg.com/request/-/request-2.88.2.tgz#d73c918731cb5a87da047e207234146f664d12b3"