@dvukovic/style-guide 0.1.1 → 0.3.0

package/src/stylelint/plugins/stylelint.js

@@ -1,63 +1,68 @@
 /** @type {import("stylelint").Config} */
 const stylelint = {
     rules: {
-        "no-descending-specificity": true,
-        "declaration-block-no-duplicate-properties": true,
-        "font-family-no-duplicate-names": true,
-        "keyframe-block-no-duplicate-selectors": true,
-        "no-duplicate-at-import-rules": true,
-        "no-duplicate-selectors": true,
+        "alpha-value-notation": "percentage",
+        "annotation-no-unknown": true,
+        "at-rule-empty-line-before": [
+            "always",
+            { ignore: ["first-nested", "after-comment"] },
+        ],
+        "at-rule-no-unknown": true,
+        "at-rule-no-vendor-prefix": true,
         "block-no-empty": true,
-        "comment-no-empty": true,
-        "no-empty-source": true,
+        "color-function-notation": "modern",
+        "color-hex-alpha": "never",
+        "color-hex-length": "long",
+        "color-named": "never",
         "color-no-invalid-hex": true,
+        "comment-empty-line-before": ["always", { except: ["first-nested"] }],
+        "comment-no-empty": true,
+        "custom-property-empty-line-before": "never",
+        "custom-property-no-missing-var-function": true,
+        "declaration-block-no-duplicate-properties": true,
+        "declaration-block-no-redundant-longhand-properties": [
+            true,
+            { ignoreShorthands: "grid-template" },
+        ],
+        "declaration-block-no-shorthand-property-overrides": true,
+        "declaration-no-important": true,
+        "declaration-property-value-no-unknown": true,
+        "font-family-name-quotes": "always-where-required",
+        "font-family-no-duplicate-names": true,
+        "font-family-no-missing-generic-family-keyword": true,
+        "font-weight-notation": "numeric",
         "function-calc-no-unspaced-operator": true,
+        "function-linear-gradient-no-nonstandard-direction": true,
+        "function-name-case": "lower",
+        "function-no-unknown": true,
+        "function-url-no-scheme-relative": true,
+        "function-url-quotes": "always",
+        "hue-degree-notation": "angle",
+        "import-notation": "string",
+        "keyframe-block-no-duplicate-selectors": true,
         "keyframe-declaration-no-important": true,
+        "keyframe-selector-notation": "percentage",
+        "length-zero-no-unit": true,
+        "lightness-notation": "percentage",
+        "media-feature-name-no-unknown": true,
+        "media-feature-name-no-vendor-prefix": true,
+        "media-feature-name-value-no-unknown": true,
+        "media-feature-range-notation": "prefix",
         "media-query-no-invalid": true,
         "named-grid-areas-no-invalid": true,
+        "no-descending-specificity": true,
+        "no-duplicate-at-import-rules": true,
+        "no-duplicate-selectors": true,
+        "no-empty-source": true,
         "no-invalid-double-slash-comments": true,
         "no-invalid-position-at-import-rule": true,
-        "string-no-newline": true,
         "no-irregular-whitespace": true,
-        "custom-property-no-missing-var-function": true,
-        "font-family-no-missing-generic-family-keyword": true,
-        "function-linear-gradient-no-nonstandard-direction": true,
-        "declaration-block-no-shorthand-property-overrides": true,
-        "selector-anb-no-unmatchable": true,
-        "annotation-no-unknown": true,
-        "at-rule-no-unknown": true,
-        "declaration-property-value-no-unknown": true,
-        "function-no-unknown": true,
-        "media-feature-name-no-unknown": true,
-        "media-feature-name-value-no-unknown": true,
         "no-unknown-animations": true,
         "no-unknown-custom-media": true,
         "no-unknown-custom-properties": true,
+        "number-max-precision": 3,
         "property-no-unknown": true,
-        "selector-pseudo-class-no-unknown": true,
-        "selector-pseudo-element-no-unknown": true,
-        "selector-type-no-unknown": true,
-        "unit-no-unknown": true,
-        "at-rule-no-vendor-prefix": true,
-        "color-hex-alpha": "never",
-        "color-named": "never",
-        "declaration-no-important": true,
-        "function-url-no-scheme-relative": true,
-        "length-zero-no-unit": true,
-        "media-feature-name-no-vendor-prefix": true,
         "property-no-vendor-prefix": true,
-        "selector-no-vendor-prefix": true,
-        "unit-allowed-list": ["px", "rem", "%"],
-        "value-no-vendor-prefix": true,
-        "function-name-case": "lower",
-        "selector-type-case": "lower",
-        "value-keyword-case": "lower",
-        "at-rule-empty-line-before": [
-            "always",
-            { ignore: ["first-nested", "after-comment"] },
-        ],
-        "comment-empty-line-before": ["always", { except: ["first-nested"] }],
-        "custom-property-empty-line-before": "never",
         "rule-empty-line-before": [
             "always",
             {
@@ -65,26 +70,21 @@ const stylelint = {
                 ignore: ["first-nested", "after-comment"],
             },
         ],
-        "number-max-precision": 3,
-        "alpha-value-notation": "percentage",
-        "color-function-notation": "modern",
-        "color-hex-length": "long",
-        "font-weight-notation": "numeric",
-        "hue-degree-notation": "angle",
-        "import-notation": "string",
-        "keyframe-selector-notation": "percentage",
-        "lightness-notation": "percentage",
-        "media-feature-range-notation": "prefix",
+        "selector-anb-no-unmatchable": true,
+        "selector-attribute-quotes": "always",
+        "selector-no-vendor-prefix": true,
         "selector-not-notation": "complex",
+        "selector-pseudo-class-no-unknown": true,
         "selector-pseudo-element-colon-notation": "single",
-        "font-family-name-quotes": "always-where-required",
-        "function-url-quotes": "always",
-        "selector-attribute-quotes": "always",
+        "selector-pseudo-element-no-unknown": true,
+        "selector-type-case": "lower",
+        "selector-type-no-unknown": true,
         "shorthand-property-no-redundant-values": true,
-        "declaration-block-no-redundant-longhand-properties": [
-            true,
-            { ignoreShorthands: "grid-template" },
-        ],
+        "string-no-newline": true,
+        "unit-allowed-list": ["px", "rem", "%"],
+        "unit-no-unknown": true,
+        "value-keyword-case": "lower",
+        "value-no-vendor-prefix": true,
     },
 }
 

package/.eslintrc.js

@@ -1,26 +0,0 @@
-/** @type {import("@types/eslint").ESLint.ConfigData} */
-module.exports = {
-    root: true,
-    parser: "@typescript-eslint/parser",
-    ignorePatterns: ["node_modules"],
-    extends: [
-        "./src/eslint/configs/core.js",
-        "./src/eslint/configs/node.js",
-        "./src/eslint/configs/mobx.js",
-        "./src/eslint/configs/react.js",
-        "./src/eslint/configs/next.js",
-    ],
-    parserOptions: {
-        project: "./tsconfig.json",
-    },
-    overrides: [
-        {
-            files: ["*.ts", ".js"],
-            extends: ["./src/eslint/configs/react-typescript.js"],
-        },
-        {
-            files: ["*.test.ts", "*.test.js"],
-            extends: ["./src/eslint/configs/jest.js"],
-        },
-    ],
-}

package/.github/workflows/defalt.yml

@@ -1,49 +0,0 @@
-name: Default
-
-on:
-    push:
-        branches:
-            - master
-    pull_request:
-    workflow_dispatch:
-
-jobs:
-    lint:
-        name: Lint
-        runs-on: ubuntu-latest
-        steps:
-            - name: Enable Corepack
-              run: corepack enable
-            - uses: actions/checkout@v4
-            - uses: actions/setup-node@v4
-              with:
-                  registry-url: "https://registry.npmjs.org"
-                  node-version: 20.x
-                  cache: yarn
-            - run: yarn
-            - run: yarn lint
-
-    release:
-        name: Release
-        needs: [lint]
-        if: github.ref == 'refs/heads/master'
-        runs-on: ubuntu-latest
-        steps:
-            - name: Enable Corepack
-              run: corepack enable
-            - uses: actions/checkout@v4
-            - uses: actions/setup-node@v4
-              with:
-                  registry-url: "https://registry.npmjs.org"
-                  node-version: 20.x
-                  cache: yarn
-            - name: git config
-              run: |
-                  git config user.name "${GITHUB_ACTOR}"
-                  git config user.email "${GITHUB_ACTOR}@users.noreply.github.com"
-            - run: yarn
-            - run: yarn release --ci
-              env:
-                  NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
-                  NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}
-                  GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}

package/.prettierignore

@@ -1 +0,0 @@
-CHANGELOG.md

package/.prettierrc.js

@@ -1,4 +0,0 @@
-/** @type {import("prettier").Config} */
-module.exports = {
-    ...require("./src/prettier/configs/core"),
-}

package/.release-it.json

@@ -1,15 +0,0 @@
-{
-    "$schema": "https://unpkg.com/release-it/schema/release-it.json",
-    "github": {
-        "release": true
-    },
-    "plugins": {
-        "@release-it/conventional-changelog": {
-            "infile": "CHANGELOG.md",
-            "header": "# Changelog",
-            "preset": {
-                "name": "conventionalcommits"
-            }
-        }
-    }
-}

package/.stylelintrc.js

@@ -1,4 +0,0 @@
-/** @type {import("stylelint").Config} */
-module.exports = {
-    extends: ["./src/stylelint/configs/core.js"],
-}

package/.yarnrc.yml

@@ -1 +0,0 @@
-nodeLinker: node-modules

package/CHANGELOG.md

@@ -1,8 +0,0 @@
-# Changelog
-
-## 0.1.1 (2024-07-26)
-
-
-### Bug Fixes
-
-* version ([12122de](https://github.com/vuki656/style-guide/commit/12122de06b0496aafbe09132fe9e1074966941ae))

package/cspell.config.js

@@ -1,17 +0,0 @@
-/** @type {import("cspell").FileSettings} */
-module.exports = {
-    useGitignore: true,
-    cache: {
-        useCache: true,
-        cacheLocation: "./node_modules/.cache/cspell",
-    },
-    dictionaryDefinitions: [
-        {
-            name: "shared",
-            path: "./src/cspell/base.txt",
-        },
-    ],
-    caseSensitive: false,
-    ignorePaths: ["./src/cspell/base.txt"],
-    dictionaries: ["shared"],
-}

package/src/__tests__/Dockerfile

@@ -1,8 +0,0 @@
-# Base Stage
-FROM node:20.12.0-alpine AS base
-
-RUN yarn workspaces focus --production --all
-
-ENV WORKSPACE=${WORKSPACE}
-
-CMD yarn workspace $WORKSPACE start

package/src/__tests__/component.tsx

@@ -1,14 +0,0 @@
-import React from "react"
-
-export const Test = () => {
-    const foo = {
-        bar: 1,
-    }
-
-    return (
-        <>
-            <div>{foo.bar === 3 ? foo.bar : null}</div>
-            <div />
-        </>
-    )
-}

package/src/__tests__/db.sql

@@ -1,4 +0,0 @@
-SELECT
-    *
-FROM
-    "table"

package/src/__tests__/schema.prisma

@@ -1,14 +0,0 @@
-generator client {
-    provider = "prisma-client-js"
-}
-
-datasource db {
-    provider = "postgresql"
-    url      = ""
-}
-
-model Site {
-    id      String @id @default(dbgenerated("gen_random_uuid()")) @db.Uuid
-    name    String
-    address String
-}

package/src/__tests__/script.js

@@ -1,6 +0,0 @@
-const value = Date.now() - 30
-let some = Date.now()
-
-if (value === some) {
-    some = "test"
-}

package/src/__tests__/script.sh

@@ -1,3 +0,0 @@
-#!/bin/sh
-
-echo "Hello world"

package/src/__tests__/script.test.js

@@ -1,13 +0,0 @@
-describe("This", () => {
-    it("should test that", () => {
-        expect(1).toBe(3)
-    })
-
-    it("should test", () => {
-        expect(1).toBe(1)
-    })
-
-    it("should test another", () => {
-        expect(1).toBe(2)
-    })
-})

package/src/__tests__/structure.xml

@@ -1,7 +0,0 @@
-<note>
-<script />
-<to>Tove</to>
-<from>Jani</from>
-<heading>Reminder</heading>
-<body>Don't forget me this weekend!</body>
-</note>

package/src/__tests__/style.css

@@ -1,74 +0,0 @@
-:root {
-    --orange-1: #ffa500;
-    --yellow-1: #f9b916;
-    --black: #000000;
-    --gray-1: #c6c6c6;
-    --gray-2: #515151;
-    --gray-3: #e5e5e5;
-    --gray-4: #f2f4f4;
-    --gray-5: #767676;
-    --green-1: #2aa83f;
-    --blue-1: #307cff;
-    --pink-1: #f6eeff;
-    --purple-1: #be16f9;
-    --purple-2: #7e30f5;
-    --purple-3: #312665;
-    --purple-4: #f6eeff;
-    --red-1: #fc3e1c;
-    --white: #ffffff;
-    --shadow-1: 0 4px 4px 0 rgb(0 0 0 / 8%);
-}
-
-.container {
-    display: flex;
-    flex-direction: column;
-    padding: 25px;
-    row-gap: 23px;
-    width: 100%;
-}
-
-.title {
-    font-size: 1.25rem;
-    font-weight: 500;
-}
-
-.infoContainer {
-    font-weight: 400;
-}
-
-.infoLink {
-    color: var(--gray-2);
-    text-decoration: underline;
-}
-
-.header {
-    align-items: center;
-    display: flex;
-    justify-content: space-between;
-}
-
-.headerLeftSection {
-    align-items: center;
-    column-gap: 20px;
-    display: flex;
-    justify-content: flex-start;
-}
-
-.map {
-    height: 550px;
-    width: 100%;
-}
-
-.mapContainer {
-    background-color: var(--white);
-    padding: 13px;
-}
-
-.itemsContainer {
-    background-color: var(--white);
-    min-height: 200px;
-}
-
-a {
-    color: #ffffff;
-}

package/src/__tests__/typed.ts

@@ -1,5 +0,0 @@
-export const file = {
-    greet: (): string => {
-        return "hi"
-    },
-}

package/tsconfig.json

@@ -1,13 +0,0 @@
-{
-    "compilerOptions": {
-        "jsx": "react",
-        "target": "es2016",
-        "module": "commonjs",
-        "esModuleInterop": true,
-        "noUncheckedIndexedAccess": true,
-        "forceConsistentCasingInFileNames": true,
-        "strict": true,
-        "skipLibCheck": true
-    },
-    "include": ["src/**/*", "*.js", ".*.js"]
-}