Merge pull request #7 from tanhongit/main

Format config

Author: tanhongit

.editorconfig

@@ -19,3 +19,7 @@ ij_php_concat_spaces = true
 ij_php_phpdoc_param_spaces_between_name_and_description = 1
 ij_php_phpdoc_param_spaces_between_tag_and_type = 1
 ij_php_phpdoc_param_spaces_between_type_and_name = 1
+
+[*.scss]
+indent_style = space
+indent_size = 4

.stylelintrc

@@ -1,13 +1,10 @@
 {
-  "ignoreFiles": [
-    "src/style/scss/material-dashboard/_utilities.scss"
-  ],
   "rules": {
-    "indentation": 2,
+    "indentation": 4,
     "max-empty-lines": 2,
     "comment-empty-line-before": null,
     "rule-empty-line-before": null,
     "no-descending-specificity": null,
     "no-eol-whitespace": null
   }
-}
+}

composer.json

@@ -25,5 +25,7 @@
   ],
   "support": {
     "issues": "https://github.com/cslant/git-notifier-ui/issues"
-  }
+  },
+  "minimum-stability": "dev",
+  "prefer-stable": true
 }

package.json

@@ -1,5 +1,5 @@
 {
-  "name": "cslant/git-notifier-ui",
+  "name": "git-notifier-ui",
   "description": "UI for Git Notifier Packages",
   "homepage": "https://github.com/cslant/git-notifier-ui",
   "license": "MIT",

src/scss/_font.scss

@@ -1,56 +1,64 @@
 @font-face {
-  font-family: 'Inter';
-  font-style: normal;
-  font-weight: 100;
-  src: url('fonts/Inter-Thin.ttf') format('truetype');
+    font-family: 'Inter';
+    font-style: normal;
+    font-weight: 100;
+    src: url('fonts/Inter-Thin.ttf') format('truetype');
 }
+
 @font-face {
-  font-family: 'Inter';
-  font-style: normal;
-  font-weight: 200;
-  src: url('fonts/Inter-ExtraLight.ttf') format('truetype');
+    font-family: 'Inter';
+    font-style: normal;
+    font-weight: 200;
+    src: url('fonts/Inter-ExtraLight.ttf') format('truetype');
 }
+
 @font-face {
-  font-family: 'Inter';
-  font-style: normal;
-  font-weight: 300;
-  src: url('fonts/Inter-Light.ttf') format('truetype');
+    font-family: 'Inter';
+    font-style: normal;
+    font-weight: 300;
+    src: url('fonts/Inter-Light.ttf') format('truetype');
 }
+
 @font-face {
-  font-family: 'Inter';
-  font-style: normal;
-  font-weight: 400;
-  src: url('fonts/Inter-Regular.ttf') format('truetype');
+    font-family: 'Inter';
+    font-style: normal;
+    font-weight: 400;
+    src: url('fonts/Inter-Regular.ttf') format('truetype');
 }
 
 @font-face {
-  font-family: 'Inter';
-  font-style: normal;
-  font-weight: 500;
-  src: url('fonts/Inter-Medium.ttf') format('truetype');
+    font-family: 'Inter';
+    font-style: normal;
+    font-weight: 500;
+    src: url('fonts/Inter-Medium.ttf') format('truetype');
 }
+
 @font-face {
-  font-family: 'Inter';
-  font-style: normal;
-  font-weight: 600;
-  src: url('fonts/Inter-SemiBold.ttf') format('truetype');
+    font-family: 'Inter';
+    font-style: normal;
+    font-weight: 600;
+    src: url('fonts/Inter-SemiBold.ttf') format('truetype');
 }
+
 @font-face {
-  font-family: 'Inter';
-  font-style: normal;
-  font-weight: 700;
-  src: url('fonts/Inter-Bold.ttf') format('truetype');
+    font-family: 'Inter';
+    font-style: normal;
+    font-weight: 700;
+    src: url('fonts/Inter-Bold.ttf') format('truetype');
 }
+
 @font-face {
-  font-family: 'Inter';
-  font-style: normal;
-  font-weight: 800;
-  src: url('fonts/Inter-ExtraBold.ttf') format('truetype');
+    font-family: 'Inter';
+    font-style: normal;
+    font-weight: 800;
+    src: url('fonts/Inter-ExtraBold.ttf') format('truetype');
 }
+
 @font-face {
-  font-family: 'Inter';
-  font-style: normal;
-  font-weight: 900;
-  src: url('fonts/Inter-Black.ttf') format('truetype');
+    font-family: 'Inter';
+    font-style: normal;
+    font-weight: 900;
+    src: url('fonts/Inter-Black.ttf') format('truetype');
 }
+
 // Define font variables

src/scss/_module.scss

@@ -13,7 +13,6 @@ body {
     font-family: $font-primary;
 }
 
-
 .git-notifier {
 
     // sidebar
@@ -28,7 +27,6 @@ body {
             border-radius: 8px;
 
 
-
             &-head {
                 display: flex;
                 justify-content: center;
@@ -55,6 +53,7 @@ body {
                 margin: 25px 5px;
                 padding: 10px 35px;
                 cursor: pointer;
+
                 &:hover {
                     border-radius: 5px;
                     background-color: $primary_color;
@@ -138,13 +137,13 @@ body {
                 text-align: right;
             }
 
-            #toggleSystemMode:checked+#switch #circle {
+            #toggleSystemMode:checked + #switch #circle {
                 left: 38px;
             }
 
-            #toggleSystemMode:checked+#switch {
+            #toggleSystemMode:checked + #switch {
                 background: $light_mode;
             }
         }
     }
-}
+}

src/scss/_variables.scss

@@ -14,7 +14,6 @@ $font-primary: 'Inter', sans-serif;
 // shadow
 $box_shadow: -1px -1px 20px 0px rgba(0, 0, 0, 0.10);
 
-
 // system
 $dark_mode: #0D1117;
-$light_mode: #f1a10c;
+$light_mode: #f1a10c;

tsconfig.json

@@ -6,5 +6,7 @@
     "target": "es5",
     "allowJs": true
   },
-  "files": ["src/index.ts"]
+  "files": [
+    "src/index.ts"
+  ]
 }

webpack.config.js

@@ -4,19 +4,17 @@ const path = require('path');
 const HtmlWebpackPlugin = require('html-webpack-plugin');
 const MiniCssExtractPlugin = require('mini-css-extract-plugin');
 
-const isProduction = process.env.NODE_ENV == 'production';
-
+const isProduction = process.env.NODE_ENV === 'production';
 
 const stylesHandler = MiniCssExtractPlugin.loader;
 
-
 let htmlPageNames = ['example1'];
 let multipleHtmlPlugins = htmlPageNames.map(name => {
-  return new HtmlWebpackPlugin({
-    template: `html/${name}.html`, // relative path to the HTML files
-    filename: `${name}.html`, // output HTML files
-    chunks: [`${name}`] // respective JS files
-  })
+    return new HtmlWebpackPlugin({
+        template: `html/${name}.html`, // relative path to the HTML files
+        filename: `${name}.html`, // output HTML files
+        chunks: [`${name}`] // respective JS files
+    })
 });
 
 const config = {
@@ -56,7 +54,6 @@ const config = {
                 test: /\.(eot|svg|ttf|woff|woff2|png|jpg|gif)$/i,
                 type: 'asset',
             },
-            
 
             // Add your rules for custom modules here
             // Learn more about loaders from https://webpack.js.org/loaders/
@@ -70,8 +67,6 @@ const config = {
 module.exports = () => {
     if (isProduction) {
         config.mode = 'production';
-        
-        
     } else {
         config.mode = 'development';
     }