Merge pull request #2 from bullet-ant/app

Adds Svelte App
bullet-ant · Sep 15, 2024 · 03d785d · 03d785d
2 parents e125b83 + 017b66c
commit 03d785d
Show file tree

Hide file tree

Showing 18 changed files with 1,425 additions and 0 deletions.
diff --git a/.github/workflows/docker.yaml b/.github/workflows/docker.yaml
@@ -0,0 +1,48 @@
+name: Build and Push Docker Image
+
+on:
+  push:
+    branches:
+      - app
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+
+    steps:
+      # Step 1: Checkout the latest code from the repo
+      - name: Checkout code
+        uses: actions/checkout@v4
+
+      # Step 2: Install jq to parse package.json
+      - name: Install jq
+        run: sudo apt-get install -y jq
+
+      # Step 3: Set up Docker in the workflow
+      - name: Set up Docker
+        uses: docker/setup-buildx-action@v3
+
+      # Step 4: Log in to Docker Hub using secrets
+      - name: Log in to Docker Hub
+        uses: docker/login-action@v3
+        with:
+          username: ${{ secrets.DOCKER_USER }}
+          password: ${{ secrets.DOCKER_PASS }}
+
+      # Step 5: Extract version from package.json
+      - name: Extract version from package.json
+        id: get_version
+        run: |
+          VERSION=$(cat app/package.json | jq -r .version)
+          echo "VERSION=$VERSION"
+          echo "::set-output name=version::$VERSION"
+
+      # Step 6: Build Docker image with version tag
+      - name: Build Docker image
+        run: |
+          docker build -t ${{ secrets.DOCKER_USER }}/gitops-app:${{ steps.get_version.outputs.version }} app/.
+
+      # Step 7: Push Docker image to Docker Hub
+      - name: Push Docker image
+        run: |
+          docker push ${{ secrets.DOCKER_USER }}/gitops-app:${{ steps.get_version.outputs.version }}
diff --git a/app/.dockerignore b/app/.dockerignore
@@ -0,0 +1,5 @@
+node_modules
+dist
+build
+Dockerfile
+.dockerfile
diff --git a/app/.gitignore b/app/.gitignore
@@ -0,0 +1,24 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
diff --git a/app/.vscode/extensions.json b/app/.vscode/extensions.json
@@ -0,0 +1,3 @@
+{
+  "recommendations": ["svelte.svelte-vscode"]
+}
diff --git a/app/Dockerfile b/app/Dockerfile
@@ -0,0 +1,24 @@
+# Stage 1
+
+FROM node:18-alpine AS build
+
+WORKDIR /app
+
+COPY package*.json /app/
+
+RUN npm install
+
+COPY . /app/
+
+RUN npm run build
+
+
+# Stage 2
+
+FROM nginx:alpine
+
+COPY --from=build /app/dist /usr/share/nginx/html
+
+EXPOSE 80
+
+CMD ["nginx", "-g", "daemon off;"]
diff --git a/app/README.md b/app/README.md
diff --git a/app/index.html b/app/index.html
@@ -0,0 +1,16 @@
+<!doctype html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8" />
+  <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title>v1</title>
+</head>
+
+<body>
+  <div id="app"></div>
+  <script type="module" src="/src/main.js"></script>
+</body>
+
+</html>
diff --git a/app/jsconfig.json b/app/jsconfig.json
@@ -0,0 +1,32 @@
+{
+  "compilerOptions": {
+    "moduleResolution": "bundler",
+    "target": "ESNext",
+    "module": "ESNext",
+    /**
+     * svelte-preprocess cannot figure out whether you have
+     * a value or a type, so tell TypeScript to enforce using
+     * `import type` instead of `import` for Types.
+     */
+    "verbatimModuleSyntax": true,
+    "isolatedModules": true,
+    "resolveJsonModule": true,
+    /**
+     * To have warnings / errors of the Svelte compiler at the
+     * correct position, enable source maps by default.
+     */
+    "sourceMap": true,
+    "esModuleInterop": true,
+    "skipLibCheck": true,
+    /**
+     * Typecheck JS in `.svelte` and `.js` files by default.
+     * Disable this if you'd like to use dynamic types.
+     */
+    "checkJs": true
+  },
+  /**
+   * Use global.d.ts instead of compilerOptions.types
+   * to avoid limiting type declarations.
+   */
+  "include": ["src/**/*.d.ts", "src/**/*.js", "src/**/*.svelte"]
+}