Merge pull request #46 from htdguide/testing

Shift to 0.2.4

Author: htdguide

.DS_Store

@@ -0,0 +1,2 @@
+# .env
+VITE_APP_WEBOS_VERSION="0.2.4"

.env

@@ -0,0 +1,50 @@
+# File: .github/workflows/testing.yml
+
+name: Build and Push Docker Image to Docker Hub (Testing)
+
+on:
+  push:
+    branches:
+      - testing
+
+jobs:
+  build-and-push:
+    runs-on: ubuntu-latest
+    steps:
+      # 1) Check out the repo
+      - name: Check out repository
+        uses: actions/checkout@v2
+
+      # 2) Set up Node.js
+      - name: Set up Node.js
+        uses: actions/setup-node@v3
+        with:
+          node-version: 18
+
+      # 3) Install dependencies
+      - name: Install Dependencies
+        run: npm install --legacy-peer-deps
+
+      # 4) Run tests (optional)
+      - name: Run Tests
+        run: npm run test
+
+      # 5) Build production artifacts
+      - name: Build
+        run: npm run build
+
+      # 6) Log in to Docker Hub
+      - name: Login to Docker Hub
+        run: docker login -u ${{ secrets.DOCKER_USERNAME }} -p ${{ secrets.DOCKER_PASSWORD }}
+
+      # 7) Build Docker image
+      - name: Build Docker Image
+        run: |
+          docker build --no-cache \
+            -t ${{ secrets.DOCKER_USERNAME }}/webportfoliotesting:latest \
+            -f Dockerfile \
+            .
+
+      # 8) Push Docker image
+      - name: Push Docker Image
+        run: docker push ${{ secrets.DOCKER_USERNAME }}/webportfoliotesting:latest

.github/workflows/testing.yml

@@ -1,16 +1,24 @@
+# Use the official Nginx image
 FROM nginx:stable-alpine
 
-# Remove the default Nginx HTML
+# Remove default HTML
 RUN rm -rf /usr/share/nginx/html/*
 
-# Copy the production build – contents of 'dist' only
+# Copy your production build
 COPY dist/ /usr/share/nginx/html/
 
-# Copy your custom HTTPS-only (or redirection) nginx.conf
-COPY nginx.conf /etc/nginx/conf.d/default.conf
+# Copy both HTTP- and HTTPS-ready nginx configs
+COPY nginx.http.conf /etc/nginx/conf.d/default-http.conf
+COPY nginx.ssl.conf  /etc/nginx/conf.d/default-ssl.conf
 
-# Expose port 443 (and 80 if you want HTTP open/redirect)
+# Copy the entrypoint script that picks the right config
+COPY entrypoint.sh /entrypoint.sh
+RUN chmod +x /entrypoint.sh
+
+# Expose both ports (so Docker can map whichever one runs)
 EXPOSE 80
 EXPOSE 443
 
+# Entrypoint will choose config, then run nginx
+ENTRYPOINT ["/entrypoint.sh"]
 CMD ["nginx", "-g", "daemon off;"]

Dockerfile

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 Nikita Mogilevskii
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the “Software”), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 
+copies of the Software, and to permit persons to whom the Software is 
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all 
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED “AS IS”, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 
+SOFTWARE.

LICENCE

@@ -0,0 +1,18 @@
+#!/bin/sh
+set -e
+
+# Detect whether both cert and key actually exist
+if [ -f /etc/ssl/certs/ssl.crt ] && [ -f /etc/ssl/private/ssl.key ]; then
+  echo "✅ SSL certs found, enabling HTTPS"
+  cp /etc/nginx/conf.d/default-ssl.conf /etc/nginx/conf.d/default.conf
+else
+  echo "⚠️ No SSL certs found, falling back to HTTP only"
+  cp /etc/nginx/conf.d/default-http.conf /etc/nginx/conf.d/default.conf
+fi
+
+# Remove everything else in conf.d so nginx only sees default.conf
+rm -f /etc/nginx/conf.d/default-http.conf \
+      /etc/nginx/conf.d/default-ssl.conf
+
+# Launch nginx
+exec "$@"

entrypoint.sh

@@ -6,14 +6,14 @@
 
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
     <meta name="theme-color" content="#000000" />
-    <meta name="description" content="htdguide's portfolio website" />
+    <meta name="description" content="htdguide's webOS" />
     <link rel="icon" href="favicon.png" />
     <link rel="apple-touch-icon" href="/logo192.png" />
     <title>webOS</title>
   </head>
   <body>
     <div id="root"></div>
-    <script type="module" src="/src/main.jsx"></script>
-    <noscript>You need to enable JavaScript to run this app.</noscript>
+    <script type="module" src="/main/main.jsx"></script>
+    <noscript>You need to enable JavaScript to run webOS.</noscript>
   </body>
 </html>

index.html

@@ -0,0 +1,38 @@
+/* index.css */
+
+/* Global styles */
+html, body, #root {
+  margin: 0;
+  padding: 0;
+  width: 100%;
+  height: 100%;
+  background-color: black;                /* Outside the monitor: black */
+  overflow: hidden !important;            /* Disable scrolling */
+  overscroll-behavior: none !important;   /* Prevent scroll chaining */
+  -webkit-user-select: none !important;   /* Disable text selection in WebKit */
+  -moz-user-select: none !important;      /* Disable text selection in Firefox */
+  -ms-user-select: none !important;       /* Disable text selection in IE10+ */
+  user-select: none !important;           /* Standard property */
+  -webkit-tap-highlight-color: transparent !important; /* Remove tap highlight flash */
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif;
+}
+
+
+/* Hide React error overlay */
+#react-error-overlay {
+  display: none !important;
+}
+
+/* Hide any iframes that might be embedded inadvertently */
+body > iframe {
+  display: none;
+}
+
+/* Apply to all elements, to be sure no child can be selected */
+* {
+  -webkit-user-select: none !important;
+  -moz-user-select: none !important;
+  -ms-user-select: none !important;
+  user-select: none !important;
+  overscroll-behavior: none !important;
+}

main/index.css

@@ -0,0 +1,35 @@
+// main.jsx
+
+import React, { StrictMode, useEffect } from 'react';
+import { createRoot } from 'react-dom/client';
+import './index.css';
+import BIOS from '../src/BIOS/BIOS';
+
+const Main = () => {
+  useEffect(() => {
+    // Prevent all scrolling
+    const preventDefault = (e) => {
+      e.preventDefault();
+    };
+
+    // Block wheel, touchmove, text selection start, and context menu (long-press)
+    document.addEventListener('wheel', preventDefault, { passive: false });
+    document.addEventListener('selectstart', preventDefault);
+    document.addEventListener('contextmenu', preventDefault);
+
+    return () => {
+      document.removeEventListener('wheel', preventDefault);
+      document.removeEventListener('touchmove', preventDefault);
+      document.removeEventListener('selectstart', preventDefault);
+      document.removeEventListener('contextmenu', preventDefault);
+    };
+  }, []);
+
+  return (
+    <StrictMode>
+      <BIOS />
+    </StrictMode>
+  );
+};
+
+createRoot(document.getElementById('root')).render(<Main />);

main/main.jsx

@@ -0,0 +1,13 @@
+# HTTP-only server
+server {
+    listen 80;
+    server_name _;
+
+    root /usr/share/nginx/html;
+    index index.html;
+
+    # SPA fallback
+    location / {
+        try_files $uri $uri/ /index.html;
+    }
+}