v-nvtsk · v-nvtsk · Feb 12, 2025 · Feb 26, 2025 · Feb 26, 2025 · Feb 26, 2025
diff --git a/.github/workflows/deploy-gh-pages.yaml b/.github/workflows/deploy-gh-pages.yaml
@@ -0,0 +1,26 @@
+name: Deploy to GithubPages
+
+on: pull_request
+permissions:
+  contents: write
+jobs:
+  deploy-to-gh-pages:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/[email protected]
+
+      - name: Install Packages
+        run: |
+          npm ci
+
+      - name: Build prod
+
+        run: |
+          npm run build
+          cp dist/index.html dist/404.html
+
+      - name: Deploy 🚀
+        uses: JamesIves/github-pages-deploy-action@v4
+        with:
+          folder: dist # The folder the action should deploy.
diff --git a/.github/workflows/lint-test.yaml b/.github/workflows/lint-test.yaml
@@ -0,0 +1,22 @@
+name: Lint and Test
+
+on: pull_request
+permissions:
+  contents: write
+jobs:
+  lint-test:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/[email protected]
+
+      - name: Install Packages
+        run: |
+          npm ci
+
+      - name: Lint
+        run: npm run lint
+
+      - name: test
+        run: npm test
+
diff --git a/.gitignore b/.gitignore
@@ -40,3 +40,6 @@ testem.log
 # System files
 .DS_Store
 Thumbs.db
+
+src/app/environments
+ssl/
diff --git a/NOTES.md b/NOTES.md
@@ -0,0 +1,20 @@
+# Angular BleedCode-components
+
+## TO DO
+
+Создать компоненты:
+- [ ] Управление задачами
+  - [ ] Фильтр задач
+    - [ ] Убрать лишний элемент управления тегами
+  - [ ] Список задач
+  - [ ] Страница редактирования задачи
+- [ ] Управление тегами
+- [ ] Управление пользователями
+  - [ ] Показываем список пользователей
+  - [ ] Добавление нового пользователями
+    - [ ] Форма добавления нового пользователя
+  - [ ] Изменение статуса пользователя (зарегистрирован, удалён и т.д.)
+    - [ ] Удаление пользователя (он останется в списке, но будет помечен, как удалённый)
+  - [ ] Изменение роли: пользователь / Интервьюер
+  - [ ] Изменение пароля?
+  - [ ] 
diff --git a/angular.json b/angular.json
@@ -8,7 +8,7 @@
       "schematics": {},
       "root": "",
       "sourceRoot": "src",
-      "prefix": "bleedcode-cms",
+      "prefix": "app",
       "architect": {
         "build": {
           "builder": "@angular-devkit/build-angular:application",
@@ -21,12 +21,18 @@
             ],
             "tsConfig": "tsconfig.app.json",
             "assets": [
+              {
+                "glob": "**/*",
+                "input": "node_modules/monaco-editor",
+                "output": "/assets/monaco/"
+              },
               {
                 "glob": "**/*",
                 "input": "public"
               }
             ],
             "styles": [
+              "@angular/material/prebuilt-themes/azure-blue.css",
               "src/styles.css"
             ],
             "scripts": []
@@ -50,13 +56,24 @@
             "development": {
               "optimization": false,
               "extractLicenses": false,
-              "sourceMap": true
+              "sourceMap": true,
+              "fileReplacements": [
+                {
+                  "replace": "src/environments/environment.ts",
+                  "with": "src/environments/environment.development.ts"
+                }
+              ]
             }
           },
           "defaultConfiguration": "production"
         },
         "serve": {
           "builder": "@angular-devkit/build-angular:dev-server",
+          "options": {
+            "ssl": true,
+            "sslKey": "./ssl/cert.key",
+            "sslCert": "./ssl/cert.crt"
+          },
           "configurations": {
             "production": {
               "buildTarget": "bleedcode-cms:build:production"
@@ -82,15 +99,22 @@
               {
                 "glob": "**/*",
                 "input": "public"
+              },
+              {
+                "glob": "**/*",
+                "input": "node_modules/monaco-editor",
+                "output": "/assets/monaco/"
               }
             ],
             "styles": [
+              "@angular/material/prebuilt-themes/azure-blue.css",
               "src/styles.css"
             ],
-            "scripts": []
+            "scripts": [],
+            "karmaConfig": "karma.conf.js"
           }
         }
       }
     }
   }
-}
+}
diff --git a/eslint.config.js b/eslint.config.js
@@ -0,0 +1,170 @@
+// @ts-check
+const eslint = require("@eslint/js");
+const tseslint = require("typescript-eslint");
+const angular = require("angular-eslint");
+const stylistic = require("@stylistic/eslint-plugin");
+
+module.exports = tseslint.config(
+
+  {
+    files: ['src/**/*.{js,ts,mts,tsx}'],
+    ignores: ['node_modules/**', 'dist/**', '.angular/**'],
+    rules: {
+      "arrow-spacing": ["error", {
+        "before": true,
+        "after": true
+      }],
+      "curly": ["error"],
+      'computed-property-spacing': ["error", "never"],
+      "no-whitespace-before-property": "error",
+      "no-console": ["error", { "allow": ["warn", "error"] }],
+      "space-in-parens": ["error", "never"],
+      // "@stylistic/space-infix-ops": "error",
+    },
+  },
+  {
+    files: ["**/*.ts"],
+    extends: [
+      eslint.configs.recommended,
+      ...tseslint.configs.recommended,
+      ...tseslint.configs.stylistic,
+      ...angular.configs.tsRecommended,
+      stylistic.configs["recommended-flat"],
+
+    ],
+    processor: angular.processInlineTemplates,
+    rules: {
+      "arrow-spacing": ["error", {
+        "before": true,
+        "after": true
+      }],
+      "curly": ["error"],
+      'computed-property-spacing': ["error", "never"],
+      "no-whitespace-before-property": "error",
+      "no-console": ["error", { "allow": ["warn", "error"] }],
+      "space-in-parens": ["error", "never"],
+      "@stylistic/space-infix-ops": "error",
+      "@stylistic/arrow-spacing": "error",
+      "@stylistic/object-curly-newline": ["error", { "minProperties": 2 }],
+      "@stylistic/object-property-newline": "error",
+      "@stylistic/arrow-parens": ["error", "always"],
+      "@stylistic/object-curly-spacing": ["error", "never"],
+      "@stylistic/space-before-function-paren": ["error", {
+        "anonymous": "always",
+        "named": "never",
+        "asyncArrow": "always",
+      }],
+      "@stylistic/semi": ["error", "always"],
+      "@stylistic/no-extra-semi": "error",
+      "@stylistic/semi-spacing": ["error", {
+        "before": false,
+        "after": true
+      }],
+      "@stylistic/key-spacing": ["error", {
+        "beforeColon": false,
+        "afterColon": true,
+      }],
+      "@stylistic/no-trailing-spaces": ["error", {
+        "skipBlankLines": true,
+        "ignoreComments": true
+      }],
+      "@stylistic/block-spacing": ["error", "never"],
+      "@stylistic/no-multi-spaces": ["error", { ignoreEOLComments: true }],
+      "@stylistic/newline-per-chained-call": ["error", { "ignoreChainWithDepth": 2 }],
+      "@stylistic/lines-between-class-members": ["error", "always"],
+      "@stylistic/no-multiple-empty-lines": ["error", {
+        "max": 1,
+        "maxBOF": 0,
+        "maxEOF": 0
+      }],
+      "@stylistic/comma-spacing": ["error", {
+        "before": false,
+        "after": true
+      }],
+      "@stylistic/padding-line-between-statements": [
+        "error",
+        {
+          blankLine: "never",
+          prev: "*",
+          next: "*"
+        },
+        //
+        {
+          blankLine: "always",
+          prev: "*",
+          next: "function"
+        },
+        //
+        {
+          blankLine: "always",
+          prev: "*",
+          next: "return"
+        },
+
+        //
+        {
+          blankLine: "always",
+          prev: "*",
+          next: ["const", "let", "var"]
+        },
+        {
+          blankLine: "always",
+          prev: ["const", "let", "var"],
+          next: "*"
+        },
+        {
+          blankLine: "never",
+          prev: ["const", "let", "var"],
+          next: ["const", "let", "var"]
+        },
+        //
+        {
+          blankLine: "always",
+          prev: "import",
+          next: "*"
+        },
+        {
+          blankLine: "never",
+          prev: "import",
+          next: "import"
+        },
+        //
+        {
+          blankLine: "always",
+          prev: "*",
+          next: "export"
+        },
+        {
+          blankLine: "never",
+          prev: "export",
+          next: "export"
+        },
+
+      ],
+      // "@angular-eslint/directive-selector": [
+      //   "error",
+      //   {
+      //     type: "attribute",
+      //     prefix: "app",
+      //     style: "camelCase",
+      //   },
+      // ],
+      // "@angular-eslint/component-selector": [
+      //   "error",
+      //   {
+      //     type: "element",
+      //     prefix: "app",
+      //     style: "kebab-case",
+      //   },
+      // ],
+    },
+  },
+  {
+    files: ["**/*.html"],
+    extends: [
+      ...angular.configs.templateRecommended,
+      ...angular.configs.templateAccessibility
+    ],
+    rules: {},
+  }
+);
diff --git a/karma.conf.js b/karma.conf.js
@@ -0,0 +1,50 @@
+// Karma configuration file, see link for more information
+// https://karma-runner.github.io/1.0/config/configuration-file.html
+
+module.exports = function (config) {
+  config.set({
+    basePath: '',
+    frameworks: ['jasmine', '@angular-devkit/build-angular'],
+    plugins: [
+      require('karma-jasmine'),
+      require('karma-chrome-launcher'),
+      require('karma-jasmine-html-reporter'),
+      require('karma-coverage'),
+      require('karma-coverage-istanbul-reporter'),
+      require('@angular-devkit/build-angular/plugins/karma')
+    ],
+    client: {
+      jasmine: {
+        // you can add configuration options for Jasmine here
+        // the possible options are listed at https://jasmine.github.io/api/edge/Configuration.html
+        random: false
+      },
+    },
+    jasmineHtmlReporter: {
+      suppressAll: true // removes the duplicated traces
+    },
+    coverageReporter: {
+      dir: require('path').join(__dirname, './coverage/bleedcode-cms'),
+      subdir: '.',
+      reporters: [
+        { type: 'html' },
+        { type: 'text-summary' }
+      ]
+    },
+    coverageIstanbulReporter: {
+      dir: require('path').join(__dirname, './coverage/angu-unit-test'),
+      reports: ['html', 'lcovonly', 'text-summary'],
+      fixWebpackSourcePaths: true
+    },
+
+    reporters: ['progress', 'kjhtml'],
+    browsers: ['Chrome'],
+    restartOnFileChange: true,
+    colors: true,
+    logLevel: config.LOG_INFO,
+    autoWatch: true,
+    browsers: ['Chrome'],
+    singleRun: false,
+    restartOnFileChange: true
+  });
+};