chore: refactor

Author: dqbd

.gitignore

@@ -39,4 +39,6 @@ config.auth.json
 config.db.json
 
 media
-tsconfig.tsbuildinfo
+tsconfig.tsbuildinfo
+
+data

config.dummy.json

@@ -0,0 +1,14 @@
+{
+  "base": "/Users/duongtat/Work/cctv/data",
+  "manifest": "manifest.m3u8",
+  "maxAge": 604800,
+  "syncInterval": 3600,
+  "cleanupPolling": 60,
+  "segmentSize": 3,
+  "targets": {
+    "VENKU": {
+      "name": "dummy",
+      "rtsp": "rtsp://172.16.1.160:8554/dummy"
+    }
+  }
+}

next.config.js

@@ -17,7 +17,7 @@ module.exports = {
         ...config,
         entry() {
           return config.entry().then(async (entry) => {
-            const targets = ["src/workers", "src/scripts"]
+            const targets = ["src/server"]
 
             let workerEntries = {}
             for (const target of targets) {
@@ -26,12 +26,14 @@ module.exports = {
 
               workerEntries = {
                 ...workerEntries,
-                ...workers.reduce((memo, filename) => {
-                  if (!filename.includes(".ts")) return memo
-                  const name = filename.split(".").shift()
-                  memo[name] = path.resolve(targetDir, filename)
-                  return memo
-                }, {}),
+                ...Object.fromEntries(
+                  workers
+                    .filter((filename) => filename.includes(".ts"))
+                    .map((filename) => [
+                      filename.split(".").shift(),
+                      path.resolve(targetDir, filename),
+                    ])
+                ),
               }
             }
 

package.json

@@ -3,13 +3,12 @@
   "version": "1.0.0",
   "private": true,
   "scripts": {
-    "start": "node ./.next/server/start.js",
     "dev": "next dev",
-    "start:next": "next start",
+    "start": "next start",
+    "build": "next build",
     "start:sync": "node ./.next/server/sync.js",
     "start:cleanup": "node ./.next/server/cleanup.js",
     "start:worker": "node ./.next/server/worker.js",
-    "build": "next build",
     "fix": "run-p -lsc fix:*",
     "fix:eslint": "eslint --fix src",
     "fix:prettier": "prettier --write \"src/**/*.ts*\"",

src/components/HLSPlayer.tsx

@@ -73,7 +73,7 @@ export function HLSPlayer(props: { source: string }) {
 
   return (
     <>
-      <video ref={ref} autoPlay playsInline />
+      <video ref={ref} autoPlay playsInline muted />
       {paused && (
         <div
           css={css`

src/pages/_app.tsx

@@ -100,10 +100,3 @@ export default function App(props: AppProps) {
     </ConfigContext.Provider>
   )
 }
-
-App.getInitialProps = async (): Promise<AppInitialProps> => {
-  const { config } = await loadServerConfig()
-  return {
-    pageProps: { config },
-  }
-}

src/pages/camera/[cameraKey].tsx

@@ -9,6 +9,8 @@ import { StreamContext } from "utils/stream"
 import { NextSeo } from "next-seo"
 import { encodeQuery } from "utils/query"
 import Head from "next/head"
+import { GetServerSideProps } from "next"
+import { loadServerConfig } from "shared/config"
 
 function generateUrl(
   name: string,
@@ -89,3 +91,11 @@ export default function Page() {
     </Fragment>
   )
 }
+
+export const getServerSideProps: GetServerSideProps = async (ctx) => {
+  const { config } = await loadServerConfig()
+
+  return {
+    props: { config },
+  }
+}

src/pages/index.tsx

@@ -5,6 +5,8 @@ import { Fragment, useContext, useEffect } from "react"
 import { SleepContext } from "utils/sleep"
 import { useRouter } from "next/router"
 import Head from "next/head"
+import { GetServerSideProps } from "next"
+import { loadServerConfig } from "shared/config"
 
 export default function Page() {
   const router = useRouter()
@@ -179,3 +181,13 @@ export default function Page() {
     </Fragment>
   )
 }
+
+export const getServerSideProps: GetServerSideProps = async (ctx) => {
+  const { config } = await loadServerConfig()
+
+  return {
+    props: {
+      config,
+    },
+  }
+}