feat(serverless): add start of az function backend

.vscode/extensions.json

@@ -0,0 +1,3 @@
+{
+  "recommendations": ["ms-azuretools.vscode-azurefunctions"]
+}

.vscode/launch.json

@@ -0,0 +1,12 @@
+{
+  "version": "0.2.0",
+  "configurations": [
+    {
+      "name": "Attach to Node Functions",
+      "type": "node",
+      "request": "attach",
+      "port": 9229,
+      "preLaunchTask": "func: host start"
+    }
+  ]
+}

.vscode/settings.json

@@ -1,5 +1,12 @@
 {
   "editor.codeActionsOnSave": {
     "source.fixAll": true
-  }
+  },
+  "azureFunctions.deploySubpath": "src/serverlessBackend",
+  "azureFunctions.postDeployTask": "npm install (functions)",
+  "azureFunctions.projectLanguage": "TypeScript",
+  "azureFunctions.projectRuntime": "~4",
+  "debug.internalConsoleOptions": "neverOpen",
+  "azureFunctions.projectSubpath": "src/serverlessBackend",
+  "azureFunctions.preDeployTask": "npm prune (functions)"
 }

.vscode/tasks.json

@@ -0,0 +1,43 @@
+{
+  "version": "2.0.0",
+  "tasks": [
+    {
+      "type": "func",
+      "command": "host start",
+      "problemMatcher": "$func-node-watch",
+      "isBackground": true,
+      "dependsOn": "npm build (functions)",
+      "options": {
+        "cwd": "${workspaceFolder}/src/serverlessBackend"
+      }
+    },
+    {
+      "type": "shell",
+      "label": "npm build (functions)",
+      "command": "npm run build",
+      "dependsOn": "npm install (functions)",
+      "problemMatcher": "$tsc",
+      "options": {
+        "cwd": "${workspaceFolder}/src/serverlessBackend"
+      }
+    },
+    {
+      "type": "shell",
+      "label": "npm install (functions)",
+      "command": "npm install",
+      "options": {
+        "cwd": "${workspaceFolder}/src/serverlessBackend"
+      }
+    },
+    {
+      "type": "shell",
+      "label": "npm prune (functions)",
+      "command": "npm prune --production",
+      "dependsOn": "npm build (functions)",
+      "problemMatcher": [],
+      "options": {
+        "cwd": "${workspaceFolder}/src/serverlessBackend"
+      }
+    }
+  ]
+}

DEVELOPER.md

@@ -174,7 +174,7 @@ docker-compose -f docker-compose.yml -f local-docker-compose.yml up -d backend
 docker-compose -f docker-compose.yml -f local-docker-compose.yml -p sfm exec backend alembic upgrade head
 ```
 
-You can visit the backend by opening a browser to the address <http://localhost:8181>. You can open a gui to see data in your running postgres database by visiting <http://localhost:8182>. Login with the username `[email protected]` and the password `root`.
+You can visit the backend by opening a browser to the address <http://localhost:8181/docs>. You can open a gui to see data in your running postgres database by visiting <http://localhost:8182>. Login with the username `[email protected]` and the password `root`.
 
 <!--
 ```

src/backend/sfm/routes/projects/routes.py

@@ -62,6 +62,7 @@ def get_projects(params: CustomGetParams = Depends(), db: Session = Depends(get_
 
     """
     projects = crud.get_all(db, skip=params.skip, limit=params.limit)
+    print("Projects: {}".format(projects))
     return projects
 
 
@@ -110,6 +111,8 @@ def create_project(
     - **location**: Location of the owner's group. (E.g. Indianapolis, UK, Germany, etc.)
     - **repo_url**: Github or Gitlab url to the corresponding project
     - **on_prem**: Boolean describing if the repo is located on a "on-premises" server
+    - **location**: ??
+    - **github_id**: ??
     """
     # Creates the database row and stores it in the table
 

src/frontend/package.json

@@ -29,6 +29,7 @@
     "pinia": "^2.0.0-rc.8",
     "primeicons": "^4.1.0",
     "primevue": "^3.6.4",
+    "tailwindcss-truncate-multiline": "^1.0.3",
     "vee-validate": "^4.4.9",
     "vue": "^3.2.16",
     "vue-apexcharts": "^1.6.0",

src/frontend/src/components/charts/ChangeFailureRateChart.vue

@@ -100,7 +100,6 @@ const props = defineProps({
                   VARIABLES
 ---------------------------------------------- */
 let base = import.meta.env.VITE_API_URL;
-console.log("Base Url: ", base);
 const changeFailureRate = ref<changeFailureRateItem>(); // holds currently fetched deployment data
 
 const perfStatus = ref("0-15%");

src/frontend/src/views/Home.vue

@@ -355,7 +355,7 @@ const projectDropdownChoices = computed(() => {
 // let bearer = import.meta.env.VITE_API_AUTH_TOKEN;
 const fetchProjects = () => {
   axios
-    .get("/projects", {
+    .get("/projects/", {
       params: { skip: 0, limit: 100 },
       headers: {
         "Content-Type": "application/json",
@@ -366,6 +366,7 @@ const fetchProjects = () => {
     .then((response) => {
       projects.value = response.data;
       loaded.value = true;
+      console.log("Token: ", import.meta.env.VITE_API_AUTH_TOKEN);
     })
     .catch((error) => {
       console.error("GET Projects Error: ", error);

src/frontend/tailwind.config.js

@@ -11,7 +11,12 @@ module.exports = {
   // mode: "jit",
   important: false,
   separator: ":",
-  plugins: [require("@tailwindcss/forms")],
+  plugins: [
+    require("@tailwindcss/forms"),
+    require("@tailwindcss/forms"),
+    require("@tailwindcss/line-clamp"),
+    require("tailwindcss-truncate-multiline"),
+  ],
   theme: {
     screens: {
       sm: "640px",

src/frontend/yarn.lock

@@ -6997,6 +6997,11 @@ table@^6.0.9:
     string-width "^4.2.3"
     strip-ansi "^6.0.1"
 
+tailwindcss-truncate-multiline@^1.0.3:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/tailwindcss-truncate-multiline/-/tailwindcss-truncate-multiline-1.0.3.tgz#de3ccb99a5a44ab042dd447be640776e4753ed23"
+  integrity sha512-YsF5Nn2lQUCJECbU99dMDJ/XhrG8RKbSYXPmvoHnldB+HG/H8vJUqB+b5HKapvT26aQotdZLjJpC8YBGrWU12A==
+
 tailwindcss@^2.2.7:
   version "2.2.16"
   resolved "https://registry.yarnpkg.com/tailwindcss/-/tailwindcss-2.2.16.tgz#32f81bdf1758b639cb83b9d30bf7cbecdda49e5e"

src/local-docker-compose.yml

@@ -30,6 +30,8 @@ services:
       - 8181:8181
     volumes:
       - ./backend/:/app
+    env_file:
+      - ./backend/.env
 
   frontend:
     depends_on:

src/serverlessBackend/.funcignore

@@ -0,0 +1,7 @@
+*.js.map
+*.ts
+.git*
+.vscode
+local.settings.json
+test
+tsconfig.json

src/serverlessBackend/.gitignore

@@ -0,0 +1,99 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+lerna-debug.log*
+
+# Diagnostic reports (https://nodejs.org/api/report.html)
+report.[0-9]*.[0-9]*.[0-9]*.[0-9]*.json
+
+# Runtime data
+pids
+*.pid
+*.seed
+*.pid.lock
+
+# Directory for instrumented libs generated by jscoverage/JSCover
+lib-cov
+
+# Coverage directory used by tools like istanbul
+coverage
+
+# nyc test coverage
+.nyc_output
+
+# Grunt intermediate storage (https://gruntjs.com/creating-plugins#storing-task-files)
+.grunt
+
+# Bower dependency directory (https://bower.io/)
+bower_components
+
+# node-waf configuration
+.lock-wscript
+
+# Compiled binary addons (https://nodejs.org/api/addons.html)
+build/Release
+
+# Dependency directories
+node_modules/
+jspm_packages/
+
+# TypeScript v1 declaration files
+typings/
+
+# Optional npm cache directory
+.npm
+
+# Optional eslint cache
+.eslintcache
+
+# Optional REPL history
+.node_repl_history
+
+# Output of 'npm pack'
+*.tgz
+
+# Yarn Integrity file
+.yarn-integrity
+
+# dotenv environment variables file
+.env
+.env.test
+
+# parcel-bundler cache (https://parceljs.org/)
+.cache
+
+# next.js build output
+.next
+
+# nuxt.js build output
+.nuxt
+
+# vuepress build output
+.vuepress/dist
+
+# Serverless directories
+.serverless/
+
+# FuseBox cache
+.fusebox/
+
+# DynamoDB Local files
+.dynamodb/
+
+# TypeScript output
+dist
+out
+
+# Azure Functions artifacts
+bin
+obj
+appsettings.json
+local.settings.json
+
+# Azurite artifacts
+__blobstorage__
+__queuestorage__
+__azurite_db*__.json

src/serverlessBackend/deployments/function.json

@@ -0,0 +1,17 @@
+{
+  "bindings": [
+    {
+      "authLevel": "function",
+      "type": "httpTrigger",
+      "direction": "in",
+      "name": "req",
+      "methods": ["get"]
+    },
+    {
+      "type": "http",
+      "direction": "out",
+      "name": "res"
+    }
+  ],
+  "scriptFile": "../dist/deployments/index.js"
+}

src/serverlessBackend/deployments/index.ts

@@ -0,0 +1,19 @@
+import { AzureFunction, Context, HttpRequest } from "@azure/functions";
+
+const httpTrigger: AzureFunction = async function (
+  context: Context,
+  req: HttpRequest
+): Promise<void> {
+  context.log("HTTP trigger function processed a request.");
+  const name = req.query.name || (req.body && req.body.name);
+  const responseMessage = name
+    ? "Hello, " + name + ". This HTTP triggered function executed successfully."
+    : "This HTTP triggered function executed successfully. Pass a name in the query string or in the request body for a personalized response.";
+
+  context.res = {
+    // status: 200, /* Defaults to 200 */
+    body: responseMessage,
+  };
+};
+
+export default httpTrigger;

src/serverlessBackend/deployments/sample.dat

@@ -0,0 +1,3 @@
+{
+    "name": "Azure"
+}

src/serverlessBackend/host.json

@@ -0,0 +1,15 @@
+{
+  "version": "2.0",
+  "logging": {
+    "applicationInsights": {
+      "samplingSettings": {
+        "isEnabled": true,
+        "excludedTypes": "Request"
+      }
+    }
+  },
+  "extensionBundle": {
+    "id": "Microsoft.Azure.Functions.ExtensionBundle",
+    "version": "[2.*, 3.0.0)"
+  }
+}