Develop

.dockerignore

@@ -0,0 +1,35 @@
+node_modules/
+dist/
+out/
+build/
+public/build/
+.vite/
+.vitepress/
+.cache/
+.tmp/
+coverage/
+reports/
+jest/
+cypress/
+cypress/screenshots/
+cypress/videos/
+*.env*
+!.env.production
+*.local
+*.log
+*.tsbuildinfo
+.vscode/
+.idea/
+*.swp
+.DS_Store
+Thumbs.db
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+.git/
+.gitignore
+Dockerfile
+.dockerignore
+docker-compose.yml
+docker-compose.override.yml

.env.example

@@ -0,0 +1,2 @@
+VITE_API_URL=http://localhost:3000
+VITE_MEDIA_URL=http://localhost:9001

.github/workflows/main.yml

@@ -0,0 +1,30 @@
+name: ci
+
+on:
+  push:
+    branches: [main]
+  pull_request:
+    branches: [main]
+    types: [opened, synchronize, reopened]
+
+jobs:
+  build-test-deploy:
+    name: Build & Deploy
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Login to Docker Registry
+        uses: docker/login-action@v3
+        with:
+          registry: registry.patchcord.org
+          username: ${{ secrets.REGISTRY_USERNAME }}
+          password: ${{ secrets.REGISTRY_PASSWORD }}
+
+      - name: Set up Docker Buildx
+        uses: docker/setup-buildx-action@v3
+
+      - name: Build and Push Production Image
+        uses: docker/build-push-action@v6
+        with:
+          push: true
+          tags: registry.patchcord.org/${{ secrets.REGISTRY_USERNAME }}/${{ github.event.repository.name }}:latest

.gitignore

@@ -137,3 +137,6 @@ dist
 # Vite logs files
 vite.config.js.timestamp-*
 vite.config.ts.timestamp-*
+
+*storybook.log
+storybook-static

.storybook/main.ts

@@ -0,0 +1,11 @@
+import type { StorybookConfig } from '@storybook/vue3-vite'
+
+const config: StorybookConfig = {
+  stories: ['../src/**/*.stories.@(js|jsx|mjs|ts|tsx)'],
+  addons: [],
+  framework: {
+    name: '@storybook/vue3-vite',
+    options: {},
+  },
+}
+export default config

.storybook/preview-head.html

@@ -0,0 +1,13 @@
+<!-- Google Fonts -->
+<link rel="preconnect" href="https://fonts.googleapis.com" />
+<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+<link
+  href="https://fonts.googleapis.com/css2?family=Google+Sans+Code:ital,wght@0,300..800;1,300..800&display=swap"
+  rel="stylesheet"
+/>
+<!-- !TODO придумать решение с переключением темы -->
+<script>
+  ;(function () {
+    document.documentElement.classList.add('theme-dark')
+  })()
+</script>

.storybook/preview.ts

@@ -0,0 +1,16 @@
+import type { Preview } from '@storybook/vue3-vite'
+
+import '@/app/styles/index.scss'
+
+const preview: Preview = {
+  parameters: {
+    controls: {
+      matchers: {
+        color: /(background|color)$/i,
+        date: /Date$/i,
+      },
+    },
+  },
+}
+
+export default preview

.stylelintrc

@@ -0,0 +1,249 @@
+{
+  "extends": ["stylelint-config-standard"],
+  "plugins": ["stylelint-order"],
+  "overrides": [
+    {
+      "files": ["*.scss", "**/*.scss"],
+      "extends": ["stylelint-config-standard-scss"]
+    },
+    {
+      "files": ["*.vue", "**/*.vue"],
+      "extends": ["stylelint-config-standard-scss", "stylelint-config-standard-vue/scss"]
+    }
+  ],
+  "rules": {
+    "order/properties-order": [
+      {
+        "groupName": "scss",
+        "properties": ["$variable", "@mixin", "@include"]
+      },
+      {
+        "groupName": "topLevel",
+        "properties": ["content", "position", "top", "right", "bottom", "left", "z-index"]
+      },
+      {
+        "groupName": "elementProperties",
+        "properties": [
+          "display",
+          "flex",
+          "flex-basis",
+          "flex-direction",
+          "flex-flow",
+          "flex-grow",
+          "flex-shrink",
+          "flex-wrap",
+          "grid",
+          "grid-area",
+          "grid-auto-rows",
+          "grid-auto-columns",
+          "grid-auto-flow",
+          "grid-gap",
+          "grid-row",
+          "grid-row-start",
+          "grid-row-end",
+          "grid-column",
+          "grid-column-start",
+          "grid-column-end",
+          "grid-template",
+          "grid-template-areas",
+          "grid-template-rows",
+          "grid-template-columns",
+          "gap",
+          "row-gap",
+          "column-gap",
+          "align-content",
+          "align-items",
+          "align-self",
+          "justify-content",
+          "justify-items",
+          "justify-self",
+          "order",
+          "float",
+          "clear",
+          "object-fit",
+          "object-position",
+          "overflow",
+          "overflow-x",
+          "overflow-y",
+          "overflow-scrolling",
+          "clip"
+        ]
+      },
+      {
+        "groupName": "box",
+        "properties": [
+          "width",
+          "min-width",
+          "max-width",
+          "height",
+          "min-height",
+          "max-height",
+          "margin",
+          "margin-top",
+          "margin-right",
+          "margin-bottom",
+          "margin-left",
+          "padding",
+          "padding-top",
+          "padding-right",
+          "padding-bottom",
+          "padding-left",
+          "box-sizing"
+        ]
+      },
+      {
+        "groupName": "typography",
+        "properties": [
+          "color",
+          "font",
+          "font-family",
+          "font-size",
+          "font-size-adjust",
+          "font-stretch",
+          "font-weight",
+          "font-smoothing",
+          "osx-font-smoothing",
+          "font-variant",
+          "font-style",
+          "src",
+          "line-height",
+          "letter-spacing",
+          "quotes",
+          "counter-increment",
+          "counter-reset",
+          "vertical-align",
+          "list-style",
+          "list-style-type",
+          "list-style-position",
+          "list-style-image",
+          "page-break-after",
+          "page-break-before",
+          "page-break-inside",
+          "text-align",
+          "text-align-last",
+          "text-decoration",
+          "text-emphasis",
+          "text-emphasis-color",
+          "text-emphasis-style",
+          "text-emphasis-position",
+          "text-indent",
+          "text-justify",
+          "text-outline",
+          "text-transform",
+          "text-wrap",
+          "text-overflow",
+          "text-overflow-ellipsis",
+          "text-overflow-mode",
+          "text-shadow",
+          "white-space",
+          "word-spacing",
+          "word-wrap",
+          "word-break",
+          "tab-size",
+          "hyphens",
+          "caption-side"
+        ]
+      },
+      {
+        "groupName": "border",
+        "properties": [
+          "border",
+          "border-top",
+          "border-right",
+          "border-bottom",
+          "border-left",
+          "border-width",
+          "border-top-width",
+          "border-right-width",
+          "border-bottom-width",
+          "border-left-width",
+          "border-style",
+          "border-top-style",
+          "border-right-style",
+          "border-bottom-style",
+          "border-left-style",
+          "border-color",
+          "border-top-color",
+          "border-right-color",
+          "border-bottom-color",
+          "border-left-color",
+          "border-radius",
+          "border-top-left-radius",
+          "border-top-right-radius",
+          "border-bottom-left-radius",
+          "border-bottom-right-radius",
+          "border-image",
+          "border-image-source",
+          "border-image-slice",
+          "border-image-width",
+          "border-image-outset",
+          "border-image-repeat",
+          "border-collapse",
+          "border-spacing"
+        ]
+      },
+      {
+        "groupName": "visuals",
+        "properties": [
+          "background",
+          "background-attachment",
+          "background-clip",
+          "background-color",
+          "background-image",
+          "background-origin",
+          "background-position",
+          "background-repeat",
+          "background-size",
+          "box-shadow",
+          "outline",
+          "outline-width",
+          "outline-style",
+          "outline-color",
+          "outline-offset",
+          "table-layout",
+          "empty-cells",
+          "opacity",
+          "visibility",
+          "size",
+          "zoom"
+        ]
+      },
+      {
+        "groupName": "style",
+        "properties": ["appearance", "cursor", "pointer-events"]
+      },
+      {
+        "groupName": "clip",
+        "properties": ["backdrop-filter", "clip", "clip-path", "mask"]
+      },
+      {
+        "groupName": "misc",
+        "properties": ["resize", "touch-action"]
+      },
+      {
+        "groupName": "animations",
+        "properties": [
+          "transform",
+          "transform-box",
+          "transform-origin",
+          "transform-style",
+          "transition",
+          "transition-delay",
+          "transition-duration",
+          "transition-property",
+          "transition-timing-function",
+          "animation",
+          "animation-name",
+          "animation-duration",
+          "animation-timing-function",
+          "animation-delay",
+          "animation-iteration-count",
+          "animation-direction",
+          "animation-fill-mode",
+          "animation-play-state",
+          "will-change"
+        ]
+      }
+    ]
+  }
+}

.vscode/settings.json

@@ -3,11 +3,21 @@
   "explorer.fileNesting.patterns": {
     "tsconfig.json": "tsconfig.*.json, env.d.ts",
     "vite.config.*": "jsconfig*, vitest.config.*, cypress.config.*, playwright.config.*",
-    "package.json": "package-lock.json, pnpm*, .yarnrc*, yarn*, .eslint*, eslint*, .oxlint*, oxlint*, .prettier*, prettier*, .editorconfig"
+    "package.json": "package-lock.json, pnpm*, .yarnrc*, yarn*, .eslint*, eslint*, .oxlint*, oxlint*, .prettier*, prettier*, .editorconfig, .stylelintrc"
   },
   "editor.codeActionsOnSave": {
     "source.fixAll": "explicit"
   },
   "editor.formatOnSave": true,
-  "editor.defaultFormatter": "esbenp.prettier-vscode"
-}
+  "editor.defaultFormatter": "esbenp.prettier-vscode",
+  "[css]": {
+    "editor.defaultFormatter": "vscode.css-language-features"
+  },
+  "cSpell.words": [
+    "patchcord",
+    "pinia",
+    "statuspage",
+    "Topbar",
+    "vnode"
+  ]
+}