stanleyowen · stanleyowen · Jun 8, 2023 · Apr 21, 2023 · Apr 22, 2023 · Apr 22, 2023
diff --git a/client/LICENSE → LICENSE b/client/LICENSE → LICENSE
@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2022 Logger Dashboard
+Copyright (c) 2023 Edelweiss
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

diff --git a/Privacy.md b/Privacy.md
@@ -0,0 +1,9 @@
+**Privacy Policy**
+
+_Personal Information Collection_
+
+Edelweiss collects and stores information to provide our services.
+
+_Non-Personal Information Collection_
+
+Edelweiss collects and stores data which are useful for logging, bugs, and fix crashes. All information sent is anonymous and free of any user or contextual data.
diff --git a/client/.eslintrc.yml b/client/.eslintrc.yml
@@ -1,17 +1,17 @@
 env:
-  browser: true
-  es2021: true
+    browser: true
+    es2021: true
 extends:
-  - 'eslint:recommended'
-  - 'plugin:react/recommended'
-  - 'plugin:@typescript-eslint/recommended'
+    - 'eslint:recommended'
+    - 'plugin:react/recommended'
+    - 'plugin:@typescript-eslint/recommended'
 parser: '@typescript-eslint/parser'
 parserOptions:
-  ecmaFeatures:
-    jsx: true
-  ecmaVersion: 12
-  sourceType: module
+    ecmaFeatures:
+        jsx: true
+    ecmaVersion: 12
+    sourceType: module
 plugins:
-  - react
-  - '@typescript-eslint'
+    - react
+    - '@typescript-eslint'
 rules: {}
diff --git a/client/Privacy.md b/client/Privacy.md
diff --git a/client/public/index.html b/client/public/index.html
@@ -15,7 +15,7 @@
         />
         <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
         <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
-        <title>Logger Dashboard</title>
+        <title>Edelweiss</title>
     </head>
     <body style="-webkit-app-region: drag">
         <noscript>

diff --git a/client/src/components/about.component.tsx b/client/src/components/about.component.tsx
@@ -41,7 +41,7 @@ const About = () => {
                 <div className="flex w-80">
                     <AboutOutline />
                     <div className="ml-10">
-                        <p>Logger Dashboard</p>
+                        <p>Edelweiss</p>
                         <p className="small">Version: {packageInfo.version}</p>
                     </div>
                 </div>
@@ -92,7 +92,7 @@ const About = () => {
                             className="p-15 w-100 no-capitalization"
                             onClick={() =>
                                 window.open(
-                                    'https://github.com/stanleyowen/logger/issues/new/choose'
+                                    'https://github.com/stanleyowen/edelweiss/issues/new/choose'
                                 )
                             }
                         >
@@ -106,7 +106,7 @@ const About = () => {
                             className="p-15 w-100 no-capitalization"
                             onClick={() =>
                                 window.open(
-                                    'https://github.com/stanleyowen/logger/releases'
+                                    'https://github.com/stanleyowen/edelweiss/releases'
                                 )
                             }
                         >
@@ -120,7 +120,7 @@ const About = () => {
                             className="p-15 w-100 no-capitalization"
                             onClick={() =>
                                 window.open(
-                                    'https://github.com/stanleyowen/logger/graphs/contributors'
+                                    'https://github.com/stanleyowen/edelweiss/graphs/contributors'
                                 )
                             }
                         >
@@ -144,17 +144,16 @@ const About = () => {
                         <i>Personal Information Collection</i>
                     </p>
                     <p>
-                        Logger Dashboard collects and stores information to
-                        provide our services.
+                        Edelweiss collects and stores information to provide our
+                        services.
                     </p>
                     <p className="mt-10">
                         <i>Non-Personal Information Collection</i>
                     </p>
                     <p>
-                        Logger Dashboard collects and stores data which are
-                        useful for logging, bugs, and fix crashes. All
-                        information sent is anonymous and free of any user or
-                        contextual data.
+                        Edelweiss collects and stores data which are useful for
+                        logging, bugs, and fix crashes. All information sent is
+                        anonymous and free of any user or contextual data.
                     </p>
                 </div>
             </Accordion>
@@ -168,11 +167,11 @@ const About = () => {
                 </AccordionSummary>
                 <div className="p-10">
                     <p>
-                        Logger Dashboard is an open source project published
-                        under the MIT License. You can view the source code and
-                        contribute to this project on{' '}
+                        Edelweiss is an open source project published under the
+                        MIT License. You can view the source code and contribute
+                        to this project on{' '}
                         <a
-                            href="https://github.com/stanleyowen/loofi-dashboard"
+                            href="https://github.com/stanleyowen/edelweiss"
                             target="_blank"
                             rel="noreferrer"
                         >
@@ -182,7 +181,7 @@ const About = () => {
                     </p>
                     <code>
                         <p className="mt-10">
-                            <b>Copyright (c) 2022 Logger Dashboard</b>
+                            <b>Copyright (c) 2022 Edelweiss</b>
                         </p>
                         <p className="mt-10">
                             Permission is hereby granted, free of charge, to any

diff --git a/client/src/components/app.component.tsx b/client/src/components/app.component.tsx
@@ -19,43 +19,15 @@ type TransitionProps = Omit<SlideProps, 'direction'>;
 const App = ({ properties, handleChange, config }: any) => {
     const HOST_DOMAIN: string =
         process.env.REACT_APP_HOST_DOMAIN ?? window.location.origin;
-    const musicSession = JSON.parse(
-        localStorage.getItem('music-session') || '{}'
-    );
     const [data, setData] = useState<any>([]);
     const [rawData, setRawData] = useState<any>({});
     const [isOffline, setConnectionState] = useState<boolean>(false);
     const [transition, setTransition] = useState<
         React.ComponentType<TransitionProps> | undefined
     >(undefined);
-    const [song, setSong] = useState({
-        playing: false,
-        title: musicSession.title ? musicSession.title : 'Underwater',
-        author: musicSession.author ? musicSession.author : 'LiQWYD',
-        image: musicSession.image
-            ? HOST_DOMAIN + musicSession.image
-            : 'https://user-images.githubusercontent.com/69080584/129511233-dd5a0eac-2675-415e-ae4c-6cc530a23629.png',
-        audio: musicSession.audio
-            ? new Audio(musicSession.audio)
-            : new Audio(
-                  'https://user-images.githubusercontent.com/69080584/129511300-e88655e9-687f-4d0b-acb4-b32c0fa988cf.mp4'
-              ),
-    });
 
     useEffect(() => {
         initializeApp(config);
-        onValue(ref(getDatabase(), 'loofi-music/'), (snapshot) => {
-            const data = snapshot.val();
-            setRawData(snapshot.val());
-            let index = data ? data.length : 0,
-                randIndex;
-            while (index !== 0) {
-                randIndex = Math.floor(Math.random() * index);
-                index--;
-                [data[index], data[randIndex]] = [data[randIndex], data[index]];
-            }
-            setData(data);
-        });
 
         if (document.readyState === 'complete') {
             onValue(ref(getDatabase(), '.info/connected'), (snapshot) => {
@@ -90,36 +62,17 @@ const App = ({ properties, handleChange, config }: any) => {
             backgroundElement.style.background = `url(${themeURL})`;
     }, []); // eslint-disable-line
 
-    const handleSong = useCallback(
-        (a: any) => {
-            if (!a.id && !a.value) {
-                localStorage.setItem('music-session', JSON.stringify(a));
-                a.audio === song.audio.getAttribute('src')
-                    ? setSong({ ...song, playing: !song.playing })
-                    : setSong({
-                          ...a,
-                          audio: new Audio(a.audio),
-                          image: HOST_DOMAIN + a.image,
-                          playing: true,
-                      });
-            } else setSong({ ...song, [a.id]: a.value });
-        },
-        [song]
-    );
-
     return (
         <div>
-            {data.length === 0 ? <LinearProgress /> : null}
+            {data === 0 ? <LinearProgress /> : null}
             <div
                 className="app"
                 style={data.length === 0 ? { height: '99.3vh' } : {}}
             >
                 <Navbar properties={properties} handleChange={handleChange} />
                 <BaseLayout
-                    song={song}
                     songData={data}
                     rawSongData={rawData}
-                    handleSong={handleSong}
                     properties={properties}
                     HOST_DOMAIN={HOST_DOMAIN}
                     handleChange={handleChange}

diff --git a/client/src/components/base.component.tsx b/client/src/components/base.component.tsx
@@ -8,10 +8,8 @@ import Environment from './env.component';
 
 // eslint-disable-next-line
 const BaseLayout = ({
-    song,
     properties,
     songData,
-    handleSong,
     HOST_DOMAIN,
     handleChange,
 }: any) => {
@@ -20,8 +18,6 @@ const BaseLayout = ({
             {properties.activeTab === 'home' ? (
                 <Home
                     properties={properties}
-                    handleSong={handleSong}
-                    song={song}
                     songData={songData}
                     HOST_DOMAIN={HOST_DOMAIN}
                     handleChange={handleChange}

diff --git a/client/src/components/env.component.tsx b/client/src/components/env.component.tsx
@@ -73,13 +73,12 @@ const Environment = ({ HOST_DOMAIN }: any) => {
                     key,
                     value: (value as any).toString(),
                 }));
-                console.log(data);
                 setEnv(data);
             });
     }
 
     useEffect(() => {
-        getEnv(properties.appName);
+        if (properties.appName) getEnv(properties.appName);
     }, [properties.appName]);
 
     const SubmitEnv = (method: 'update' | 'add' | 'delete') => {
@@ -88,7 +87,15 @@ const Environment = ({ HOST_DOMAIN }: any) => {
         let body;
 
         if (method === 'delete') body = { [data.key]: null };
-        else body = { [data.key]: data.value };
+        else
+            body = {
+                [data.key]:
+                    data.value === 'true'
+                        ? true
+                        : data.value === 'false'
+                        ? false
+                        : data.value,
+            };
 
         if (method === 'add' || method === 'update')
             axios

diff --git a/client/src/components/home.component.tsx b/client/src/components/home.component.tsx
@@ -1,7 +1,7 @@
 import React, { useState, useEffect } from 'react';
-import { MusicOutline, SettingsOutline } from '../lib/icons.component';
+import { License, MusicOutline, SettingsOutline } from '../lib/icons.component';
 
-const Home = ({ song, properties, handleChange }: any) => {
+const Home = ({ properties, handleChange }: any) => {
     const [greeting, setGreeting] = useState<string>();
 
     useEffect(() => {
@@ -11,15 +11,6 @@ const Home = ({ song, properties, handleChange }: any) => {
         else setGreeting('Evening');
     }, []);
 
-    useEffect(() => {
-        const btn = document.getElementById(
-            (song.title + song.author).replace(/\s/g, '-')
-        );
-        song.playing
-            ? btn?.classList.add('pause')
-            : btn?.classList.remove('pause');
-    }, [song]);
-
     const switchTab = (target: string) => {
         if (target !== properties.activeTab)
             handleChange({ id: 'activeTab', value: target });
@@ -31,10 +22,10 @@ const Home = ({ song, properties, handleChange }: any) => {
             <div className="col-3 mt-10">
                 <button
                     className="card p-10"
-                    onClick={() => switchTab('music')}
+                    onClick={() => switchTab('environment')}
                 >
-                    <h2 className="center-align">{MusicOutline()}</h2>
-                    <p className="center-align">Music</p>
+                    <h2 className="center-align">{License()}</h2>
+                    <p className="center-align">Data</p>
                 </button>
                 <button
                     className="card p-10"
@@ -43,10 +34,6 @@ const Home = ({ song, properties, handleChange }: any) => {
                     <h2 className="center-align">{SettingsOutline()}</h2>
                     <p className="center-align">Settings</p>
                 </button>
-                <button className="card p-10">
-                    <h2 className="center-align">-</h2>
-                    <p className="center-align">Music</p>
-                </button>
             </div>
         </div>
     );

diff --git a/server/Spacefile b/server/Spacefile
@@ -6,6 +6,7 @@ micros:
     engine: nodejs16
     primary: true
     public: true
+    run: node index.js
     presets:
       env:
         - name: NODE_ENV
@@ -20,7 +21,15 @@ micros:
           default: https://edelweiss.deta.dev
         - name: LINE_CHANNEL_ACCESS_TOKEN
           default: your-line-channel-access-token
-        - name: LINE_DESTINATION_ID
-          default: your-line-destination-id
+        - name: LINE_CHANNEL_ACCESS_TOKEN_BACKUP
+          default: your-backup-line-channel-access-token
         - name: WEBHOOK_URL
           default: your-webhook-url
+        - name: ERROR_THREAD_ID
+          default: your-error-thread-id
+        - name: INCOMING_MESSAGE_THREAD_ID
+          default: your-incoming-message-thread-id
+        - name: INCOMING_REQUEST_THREAD_ID
+          default: your-incoming-request-thread-id
+        - name: SPACE_DETA_PROJECT_KEY
+          default: your-deta-project-key