feat: add initial angular project

CodeGov-org · Jan 5, 2024 · c2d9c20 · c2d9c20
1 parent 04717bf
commit c2d9c20
Show file tree

Hide file tree

Showing 38 changed files with 4,681 additions and 904 deletions.
diff --git a/.eslintrc.js b/.eslintrc.js
@@ -37,6 +37,9 @@ module.exports = {
         '@typescript-eslint/comma-dangle': ['error', 'always-multiline'],
         '@typescript-eslint/triple-slash-reference': 'off',
         '@typescript-eslint/space-before-function-paren': 'off',
+        '@typescript-eslint/quotes': 'off',
+        '@typescript-eslint/member-delimiter-style': 'off',
+        'import/first': 'off',
       },
     },
   ],

diff --git a/.github/workflows/build-and-test.yml b/.github/workflows/build-and-test.yml
@@ -30,3 +30,6 @@ jobs:
 
       - name: Build
         run: dfx build
+
+      - name: Run frontend tests
+        run: pnpm -F frontend test:ci
diff --git a/.npmrc b/.npmrc
@@ -1 +1,2 @@
 engine-strict=true
+shamefully-hoist=true
diff --git a/README.md b/README.md
@@ -4,14 +4,21 @@
 
 ### Marketing
 
-| Command                          | Description                    |
-| -------------------------------- | ------------------------------ |
-| `dfx deploy marketing`           | Deploy to a local DFX replica  |
-| `pnpm run -F marketing... start` | Run a local development server |
+| Command                      | Description                    |
+| ---------------------------- | ------------------------------ |
+| `dfx deploy marketing`       | Deploy to a local DFX replica  |
+| `pnpm -F marketing... start` | Run a local development server |
 
-### Docs
+### Frontend
 
 | Command                     | Description                    |
 | --------------------------- | ------------------------------ |
-| `dfx deploy docs`           | Deploy to a local DFX replica  |
-| `pnpm run -F docs... start` | Run a local development server |
+| `dfx deploy frontend`       | Deploy to a local DFX replica  |
+| `pnpm -F frontend... start` | Run a local development server |
+
+### Docs
+
+| Command                 | Description                    |
+| ----------------------- | ------------------------------ |
+| `dfx deploy docs`       | Deploy to a local DFX replica  |
+| `pnpm -F docs... start` | Run a local development server |
diff --git a/angular.json b/angular.json
@@ -0,0 +1,110 @@
+{
+  "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
+  "version": 1,
+  "newProjectRoot": "src",
+  "schematics": {
+    "@schematics/angular:component": {
+      "inlineTemplate": true,
+      "inlineStyle": true,
+      "style": "scss",
+      "changeDetection": "OnPush",
+      "standalone": true
+    }
+  },
+  "cli": {
+    "analytics": false,
+    "cache": {
+      "enabled": false
+    },
+    "packageManager": "pnpm"
+  },
+  "projects": {
+    "frontend": {
+      "projectType": "application",
+      "root": "src/frontend",
+      "sourceRoot": "src/frontend/src",
+      "prefix": "app",
+      "architect": {
+        "build": {
+          "builder": "@hadronous/ic-build-angular:application",
+          "options": {
+            "outputPath": "src/frontend/dist",
+            "index": "src/frontend/src/index.html",
+            "browser": "src/frontend/src/main.ts",
+            "tsConfig": "src/frontend/tsconfig.app.json",
+            "inlineStyleLanguage": "scss",
+            "assets": [
+              "src/frontend/src/favicon.ico",
+              "src/frontend/src/.ic-assets.json",
+              "src/frontend/src/assets"
+            ],
+            "styles": ["src/frontend/src/app.scss"],
+            "polyfills": ["zone.js"],
+            "scripts": []
+          },
+          "configurations": {
+            "production": {
+              "budgets": [
+                {
+                  "type": "initial",
+                  "maximumWarning": "500kb",
+                  "maximumError": "1mb"
+                },
+                {
+                  "type": "anyComponentStyle",
+                  "maximumWarning": "2kb",
+                  "maximumError": "4kb"
+                }
+              ],
+              "outputHashing": "all"
+            },
+            "development": {
+              "optimization": false,
+              "extractLicenses": false,
+              "sourceMap": true,
+              "fileReplacements": [
+                {
+                  "replace": "src/frontend/src/environments/environment.ts",
+                  "with": "src/frontend/src/environments/environment.development.ts"
+                }
+              ]
+            }
+          },
+          "defaultConfiguration": "production"
+        },
+        "serve": {
+          "builder": "@hadronous/ic-build-angular:dev-server",
+          "configurations": {
+            "production": {
+              "buildTarget": "frontend:build:production"
+            },
+            "development": {
+              "buildTarget": "frontend:build:development"
+            }
+          },
+          "defaultConfiguration": "development"
+        },
+        "extract-i18n": {
+          "builder": "@angular-devkit/build-angular:extract-i18n",
+          "options": {
+            "buildTarget": "frontend:build"
+          }
+        },
+        "test": {
+          "builder": "@angular-devkit/build-angular:karma",
+          "options": {
+            "tsConfig": "src/frontend/tsconfig.spec.json",
+            "inlineStyleLanguage": "scss",
+            "assets": [
+              "src/frontend/src/favicon.ico",
+              "src/frontend/src/assets"
+            ],
+            "styles": ["src/frontend/src/app.scss"],
+            "polyfills": ["zone.js", "zone.js/testing"],
+            "scripts": []
+          }
+        }
+      }
+    }
+  }
+}
diff --git a/dfx.json b/dfx.json
@@ -12,9 +12,9 @@
     "frontend": {
       "dependencies": ["backend"],
       "frontend": {
-        "entrypoint": "src/frontend/src/index.html"
+        "entrypoint": "src/frontend/dist/browser/index.html"
       },
-      "source": ["src/frontend/dist"],
+      "source": ["src/frontend/dist/browser"],
       "type": "assets",
       "build": ["pnpm -F frontend... build"]
     },

diff --git a/package.json b/package.json
@@ -15,9 +15,15 @@
   },
   "dependencies": {
     "react": "^18.0.0",
-    "react-dom": "^18.0.0"
+    "react-dom": "^18.0.0",
+    "@dfinity/agent": "^0.20.2",
+    "@dfinity/auth-client": "^0.20.2",
+    "@dfinity/candid": "^0.20.2",
+    "@dfinity/principal": "^0.20.2",
+    "zone.js": "~0.14.2"
   },
   "devDependencies": {
+    "@angular/cli": "^17.0.8",
     "@types/react": "^18.2.0",
     "@types/react-dom": "^18.2.0",
     "@types/node": "^20.0.0",
@@ -29,6 +35,8 @@
     "eslint-plugin-promise": "^6.0.0",
     "eslint-plugin-react": "^7.33.2",
     "typescript": "~5.2.2",
-    "prettier": "^3.1.1"
+    "tslib": "^2.6.2",
+    "prettier": "^3.1.1",
+    "dotenv": "^16.3.1"
   }
 }