Merge pull request #9 from the-unknown-code/develop

Develop

Author: the-unknown-code

.eslintrc

@@ -19,18 +19,22 @@
     "prettier/prettier": ["error", {
       "endOfLine": "auto"
     }],
+    "import/extensions": "off",
     "import/no-unresolved": 0,
     "import/no-extraneous-dependencies": 0,
     "vue/no-v-html": "off",
     "vue/max-attributes-per-line": "off",
     "vue/singleline-html-element-content-newline": "off",
     "vue/html-closing-bracket-newline": "off",
-    "vue/html-self-closing": ["error", {
-      "html": {
-        "void": "always",
-        "normal": "never",
-        "component": "any"
+    "vue/html-self-closing": [
+      "error",
+      {
+        "html": {
+          "void": "always",
+          "normal": "never",
+          "component": "any"
+        }
       }
-    }]
+    ]
   }
 }

.husky/.gitignore

@@ -0,0 +1,30 @@
+#!/bin/sh
+if [ -z "$husky_skip_init" ]; then
+  debug () {
+    [ "$HUSKY_DEBUG" = "1" ] && echo "husky (debug) - $1"
+  }
+
+  readonly hook_name="$(basename "$0")"
+  debug "starting $hook_name..."
+
+  if [ "$HUSKY" = "0" ]; then
+    debug "HUSKY env variable is set to 0, skipping hook"
+    exit 0
+  fi
+
+  if [ -f ~/.huskyrc ]; then
+    debug "sourcing ~/.huskyrc"
+    . ~/.huskyrc
+  fi
+
+  export readonly husky_skip_init=1
+  sh -e "$0" "$@"
+  exitCode="$?"
+
+  if [ $exitCode != 0 ]; then
+    echo "husky - $hook_name hook exited with code $exitCode (error)"
+    exit $exitCode
+  fi
+
+  exit 0
+fi

.husky/_/husky.sh

@@ -0,0 +1,55 @@
+const path = require('path')
+
+module.exports = {
+  core: {
+    builder: 'webpack5'
+  },
+  stories: ['../src/**/*.stories.mdx', '../src/**/*.stories.@(js|jsx|ts|tsx)'],
+  addons: [
+    '@storybook/preset-scss',
+    '@storybook/addon-links',
+    '@storybook/addon-essentials',
+    {
+      name: '@storybook/addon-docs',
+      options: {
+        vueDocgenOptions: {
+          alias: {
+            '@': path.resolve(__dirname, '../')
+          }
+        }
+      }
+    },
+    {
+      name: '@storybook/addon-postcss',
+      options: {
+        cssLoaderOptions: {
+          // When you have splitted your css over multiple files
+          // and use @import('./other-styles.css')
+          importLoaders: 1
+        },
+        postcssLoaderOptions: {
+          implementation: require('postcss')
+        }
+      }
+    }
+  ],
+  webpackFinal: async (config) => {
+    config.resolve.alias['@'] = path.resolve(__dirname, '../src')
+    config.module.rules.push({
+      test: /\.(s[ac]ss|css)$/,
+      use: [
+        'postcss-loader',
+        {
+          loader: 'sass-loader',
+          options: {
+            sassOptions: {
+              indentWidth: 4,
+              includePaths: []
+            }
+          }
+        }
+      ]
+    })
+    return config
+  }
+}

.husky/pre-commit

@@ -0,0 +1 @@
+<link rel="icon" href="favicon.png" />

.storybook/images/favicon.png

@@ -0,0 +1,6 @@
+import { addons } from '@storybook/addons'
+import UnknownTheme from './unknown-theme'
+
+addons.setConfig({
+  theme: UnknownTheme
+})

.storybook/main.js

@@ -0,0 +1,17 @@
+import '../style/tailwind.scss'
+import '../style/main.scss'
+
+import { themes } from '@storybook/theming'
+
+export const parameters = {
+  actions: { argTypesRegex: '^on[A-Z].*' },
+  controls: {
+    matchers: {
+      color: /(background|color)$/i,
+      date: /Date$/
+    }
+  },
+  docs: {
+    theme: themes.dark
+  }
+}

.storybook/manager-head.html

@@ -0,0 +1,10 @@
+import { create } from '@storybook/theming'
+
+export default create({
+  base: 'dark',
+  brandTitle: 'IUnknown Storybook',
+  brandUrl: 'https://theunknown.ch',
+  fontBase: '"Roboto", sans-serif',
+  fontCode: 'monospace',
+  brandImage: 'https://theunknown.ch/version/1620234786727/static/images/unk-logo.png'
+})