Initial commit

.eslintrc.js

@@ -0,0 +1,21 @@
+module.exports = {
+  root: true,
+  env: {
+    browser: true,
+    es2020: true,
+  },
+  extends: [
+    "eslint:recommended",
+    "plugin:@typescript-eslint/recommended",
+    "prettier",
+  ],
+  parser: "@typescript-eslint/parser",
+  parserOptions: {
+    ecmaVersion: 11,
+    sourceType: "module",
+  },
+  plugins: ["@typescript-eslint"],
+  rules: {
+    "@typescript-eslint/explicit-module-boundary-types": "off",
+  },
+};

.gitignore

@@ -0,0 +1,17 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+node_modules/
+
+# misc
+.DS_Store
+.env*
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# build
+/out*/
+/build

.htmlhintrc

@@ -0,0 +1,20 @@
+{
+  "tagname-lowercase": true,
+  "attr-lowercase": true,
+  "attr-value-double-quotes": true,
+  "tag-pair": true,
+  "spec-char-escape": true,
+  "id-unique": true,
+  "src-not-empty": true,
+  "attr-no-duplication": true,
+  "title-require": true,
+  "attr-value-not-empty": true,
+  "tag-self-close": true,
+  "alt-require": true,
+  "attr-unsafe-chars": true,
+  "inline-style-disabled": true,
+  "style-disabled": true,
+  "doctype-html5": true,
+  "space-tab-mixed-disabled": "true",
+  "inline-script-disabled": true
+}

.prettierrc.json

@@ -0,0 +1 @@
+{}

.storybook/main.js

@@ -0,0 +1,11 @@
+module.exports = {
+  stories: ["../src/**/*.stories.[tj]s"],
+  addons: [
+    "@storybook/preset-scss",
+    "@storybook/addon-viewport/register",
+    "@storybook/addon-a11y",
+    "@storybook/addon-actions",
+    "@storybook/addon-design-assets/register",
+    "@storybook/addon-notes/register",
+  ],
+};

.storybook/preview-head.html

@@ -0,0 +1 @@
+<!-- https://storybook.js.org/docs/configurations/add-custom-head-tags/#docs-content -->

.storybook/preview.js

@@ -0,0 +1,11 @@
+import { addParameters } from "@storybook/html"; // <- or your storybook framework
+import "@storybook/addon-console";
+import "../src/global.css";
+
+addParameters({
+  a11y: {
+    config: {},
+    options: {},
+  },
+  layout: "fullscreen",
+});

.stylelintrc.json

@@ -0,0 +1,3 @@
+{
+  "extends": ["stylelint-config-standard", "stylelint-config-prettier"]
+}

LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2020 Leon Machens
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

README.md

@@ -0,0 +1,18 @@
+# Storybook HTML
+
+This repository demonstrates how to use [Storybook](https://storybook.js.org/) for HTML and CSS/SCSS. You can use this repository as template.
+
+## Getting Started
+
+- Install dependencies with `npm install`.
+- Run Storybook with `npm run storybook`.
+
+## Tests
+
+This repository validates your HTML, CSS/SCSS and JS code with [HTMLHint](https://htmlhint.com/), [stylelint](https://stylelint.io/) and [ESLint](https://eslint.org/). You can call `npm run test` and/or install editor extensions.
+
+### VSCode extensions
+
+- [HTMLHint extension](https://marketplace.visualstudio.com/items?itemName=ctf0.htmlhint)
+- [stylelint extension](https://marketplace.visualstudio.com/items?itemName=stylelint.vscode-stylelint)
+- [ESLint extension](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint)