Merge pull request #136 from OpenIPC/dev

Dev

Author: yarobash

.editorconfig

@@ -0,0 +1,9 @@
+root = true
+
+[*]
+charset = utf-8
+end_of_line = lf
+indent_size = 2
+indent_style = space
+insert_final_newline = true
+trim_trailing_whitespace = true

.gitignore

@@ -11,6 +11,7 @@ node_modules
 dist
 dist-ssr
 *.local
+.yarn
 
 # Editor directories and files
 .vscode/*

.yarn/install-state.gz

@@ -15,20 +15,22 @@
 
 Clone the repo and go into it:
 ```
-git clone https://github.com/openipc/fancyweb-ng 
+git clone https://github.com/openipc/fancyweb-ng
 cd fancyweb-ng
 ```
 
-Install Node.js.  
-Enable Corepack.  
+Install Node.js.
+Enable Corepack.
 
-Install dependencies: `yarn install`  
-Run main site development: `yarn run dev-main`  
-Run cameras' site development: `yarn run dev-camera`  
-Run Storybook: `yarn run storybook`  
+Install dependencies: `yarn install`
+Run main site development: `yarn run dev-main`
+Run cameras' site development: `yarn run dev-camera`
+Run Storybook: `yarn run storybook`
 
 Builds are being preparing and be ready soon. Wait a bit.
 
+## Alternative development way with docker
+Run compose: `docker compose up`
 
 ### Technical support and donations
 

README.md

@@ -0,0 +1,13 @@
+services:
+  app:
+    tty: true
+    stdin_open: true
+    build:
+      context: ./docker
+      dockerfile: Dockerfile
+    restart: unless-stopped
+    command: dev-main
+    ports:
+      - 5173:5173
+    volumes:
+      - ./:/opt/app

docker-compose.yaml

@@ -0,0 +1,10 @@
+FROM node:lts-alpine
+
+EXPOSE 5173
+ENV COREPACK_ENABLE_DOWNLOAD_PROMPT=0
+RUN mkdir -p /opt/app && corepack enable && corepack install --global pnpm
+
+WORKDIR /opt/app
+USER node
+
+ENTRYPOINT ["docker/start_dev.sh"]

docker/Dockerfile

@@ -0,0 +1,4 @@
+#!/bin/sh
+
+yarn install
+yarn run $1

docker/start_dev.sh

@@ -0,0 +1,27 @@
+import globals from "globals";
+import pluginJs from "@eslint/js";
+import tseslint from "typescript-eslint";
+
+
+/** @type {import('eslint').Linter.Config[]} */
+export default [
+  {
+    files: ["src/**/*.{js,mjs,cjs,ts,jsx,tsx}"],
+  },
+  {
+    languageOptions: {
+      globals: globals.browser
+    }
+  },
+  pluginJs.configs.recommended,
+  ...tseslint.configs.recommended,
+  {
+    rules: {
+      "no-unused-vars": [ "error", {
+        vars: "all",
+        args: "all",
+        argsIgnorePattern: "^_+",
+      }],
+    },
+  },
+];

eslint.config.js

@@ -17,13 +17,15 @@
   },
   "dependencies": {
     "@preact/signals": "^1.2.3",
+    "hls.js": "^1.5.18",
     "preact": "^10.19.6",
     "preact-iso": "^2.6.3",
     "preact-render-to-string": "^6.5.5"
   },
   "devDependencies": {
     "@babel/core": "^7.24.5",
     "@chromatic-com/storybook": "^1.3.3",
+    "@eslint/js": "^9.16.0",
     "@preact/preset-vite": "^2.8.2",
     "@storybook/addon-essentials": "^8.2.9",
     "@storybook/addon-interactions": "^8.2.9",
@@ -33,13 +35,14 @@
     "@storybook/preact-vite": "^8.2.9",
     "@storybook/test": "^8.2.9",
     "@types/babel__core": "^7",
-    "@types/express": "^4",
     "autoprefixer": "^10.4.19",
-    "express": "^4.19.2",
+    "eslint": "^9.16.0",
+    "globals": "^15.13.0",
     "postcss": "^8.4.38",
     "storybook": "^8.2.9",
     "tailwindcss": "^3.4.3",
     "typescript": "^5.2.2",
+    "typescript-eslint": "^8.17.0",
     "vite": "^5.2.0",
     "vite-plugin-svgr": "^4.2.0",
     "vitest": "^2.0.4"

package.json

@@ -1,11 +1,6 @@
-import path from 'path';
-import { fileURLToPath } from 'url';
 import tailwindcss from 'tailwindcss';
 import autoprefixer from 'autoprefixer';
 
-const __filename = fileURLToPath(import.meta.url);
-const __dirname = path.dirname(__filename);
-
 export default {
   plugins: [
     tailwindcss(),