Initial commit

.github/workflows/main.yml

@@ -0,0 +1,41 @@
+name: Deploy storybook to GitHub Pages
+on:
+  push:
+    branches:
+      - master
+jobs:
+  build:
+    name: Test
+    runs-on: ubuntu-latest
+    permissions: write-all
+    environment: production
+
+    steps:
+      - name: Checkout repository and submodules
+        uses: actions/checkout@v3
+
+      - name: 'Extend memory'
+        run: |
+          export NODE_OPTIONS="--max_old_space_size=16384"
+
+      - name: Set Node.js 16.x
+        uses: actions/setup-node@v3
+        with:
+          node-version: 16.x
+
+      - name: Run package install
+        uses: borales/actions-yarn@v4
+        with:
+          cmd: install
+
+      - name: Run build
+        uses: borales/actions-yarn@v4
+        with:
+          cmd: build-storybook
+
+      - name: Deploy landing to Github Pages
+        uses: peaceiris/actions-gh-pages@v3
+        with:
+            personal_token: ${{ secrets.GITHUB_TOKEN }}
+            publish_branch: gh-pages
+            publish_dir: storybook-static

.gitignore

@@ -0,0 +1,31 @@
+
+.parcel-cache/
+coverage/
+dist/*
+build/*
+node_modules/
+storybook-static/
+*.log
+
+# OS generated files
+.DS_Store
+.DS_Store?
+._*
+.Trashes
+ehthumbs.db
+Thumbs.db
+
+# production
+/build
+
+# misc
+.env
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+.idea

.parcelrc

@@ -0,0 +1,7 @@
+{
+  "extends": "@parcel/config-default",
+  "optimizers": { "*.svg": [], "*.css": ["@parcel/optimizer-cssnano"] },
+  "validators": {
+    "*.{ts,tsx}": []
+  }
+}

.postcssrc

@@ -0,0 +1,7 @@
+{
+  "plugins": {
+    "postcss-import": true,
+    "tailwindcss": true,
+    "postcss-nested": true
+  }
+}

.prettierrc

@@ -0,0 +1,9 @@
+{
+  "semi": false,
+  "tabWidth": 2,
+  "printWidth": 100,
+  "singleQuote": true,
+  "trailingComma": "all",
+  "jsxSingleQuote": true,
+  "bracketSpacing": true
+}

.storybook/main.js

@@ -0,0 +1,44 @@
+const path = require('path')
+
+module.exports = {
+  stories: ['../src/**/*.stories.mdx', '../src/**/*.stories.@(js|jsx|ts|tsx)'],
+  addons: [
+    '@storybook/addon-links',
+    '@storybook/addon-essentials',
+    '@storybook/addon-interactions',
+    '@storybook/addon-a11y',
+    {
+      name: '@storybook/preset-scss',
+      options: {
+        cssLoaderOptions: {
+          modules: false,
+        },
+      },
+    },
+    {
+      name: '@storybook/addon-postcss',
+      options: {
+        postcssLoaderOptions: {
+          implementation: require('postcss'),
+        },
+      },
+    },
+  ],
+  webpackFinal: async (config) => {
+    config.module.rules.push({
+      test: /\.scss$/,
+      use: [
+        {
+          loader: 'postcss-loader',
+          options: {
+            ident: 'postcss',
+            plugins: [require('tailwindcss'), require('autoprefixer')],
+          },
+        },
+      ],
+      include: path.resolve(__dirname, '../'),
+    })
+    return config
+  },
+  framework: '@storybook/react',
+}

.storybook/preview.js

@@ -0,0 +1,11 @@
+export const parameters = {
+  actions: { argTypesRegex: '^on[A-Z].*' },
+  controls: {
+    matchers: {
+      color: /(background|color)$/i,
+      date: /Date$/,
+    },
+  },
+}
+
+import '../src/index.scss'

README.md

@@ -0,0 +1,14 @@
+## Building and running on localhost
+
+First install dependencies:
+
+```sh
+yarn install
+```
+
+To run storybook:
+
+```sh
+yarn storybook
+```
+

package.json

@@ -0,0 +1,94 @@
+{
+  "name": "swisstronik-js-components",
+  "version": "1.0.0",
+  "browserslist": {
+    "production": [
+      ">0.5%",
+      "not dead",
+      "not op_mini all"
+    ],
+    "development": [
+      "last 1 chrome version",
+      "last 1 firefox version",
+      "last 1 safari version"
+    ]
+  },
+  "keywords": [],
+  "author": "",
+  "scripts": {
+    "clean": "rimraf ./dist",
+    "prebuild": "run-s clean",
+    "storybook": "start-storybook -p 6006",
+    "build-storybook": "build-storybook"
+  },
+  "dependencies": {
+    "@headlessui/react": "^1.4.2",
+    "@parcel/optimizer-cssnano": "^2.4.1",
+    "@storybook/addon-docs": "^6.4.22",
+    "axios": "^0.24.0",
+    "date-fns": "^2.28.0",
+    "dayjs": "^1.10.7",
+    "framer-motion": "^5.5.5",
+    "lottie-web": "^5.8.1",
+    "postcss-loader": "~3.0.0",
+    "rc-slider": "^10.0.0",
+    "react": "^17.0.2",
+    "react-date-range": "^1.4.0",
+    "react-dom": "^17.0.2",
+    "react-loading-skeleton": "^3.3.1",
+    "react-markdown": "^8.0.0",
+    "react-popper-tooltip": "^4.3.1",
+    "react-redux": "^7.2.6",
+    "react-router": "^5.3.1",
+    "react-router-dom": "5",
+    "react-router-hash-link": "^2.4.3",
+    "react-swipeable": "^6.2.0",
+    "react-table": "^7.8.0",
+    "redux": "^4.1.2",
+    "redux-saga": "^1.1.3",
+    "tailwindcss-interaction-variants": "^5.0.0"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.17.9",
+    "@parcel/compressor-brotli": "^2.0.1",
+    "@parcel/compressor-gzip": "^2.0.1",
+    "@parcel/config-default": "^2.0.1",
+    "@parcel/transformer-image": "^2.0.1",
+    "@parcel/transformer-sass": "^2.0.1",
+    "@parcel/validator-typescript": "^2.0.1",
+    "@storybook/addon-a11y": "^6.4.22",
+    "@storybook/addon-actions": "^6.4.22",
+    "@storybook/addon-essentials": "^6.4.22",
+    "@storybook/addon-interactions": "^6.4.22",
+    "@storybook/addon-links": "^6.4.22",
+    "@storybook/addon-postcss": "^2.0.0",
+    "@storybook/preset-scss": "^1.0.3",
+    "@storybook/react": "^6.4.22",
+    "@storybook/testing-library": "^0.0.11",
+    "@tailwindcss/aspect-ratio": "^0.3.0",
+    "@tailwindcss/typography": "^0.4.1",
+    "@types/node": "^16.11.9",
+    "@types/react": "^17.0.35",
+    "@types/react-dom": "^17.0.11",
+    "@types/react-redux": "^7.1.20",
+    "@types/react-router-dom": "^5.3.2",
+    "@types/react-router-hash-link": "^2.4.5",
+    "@typescript-eslint/eslint-plugin": "^5.4.0",
+    "babel-loader": "^8.2.5",
+    "chromatic": "^6.5.4",
+    "css-loader": "5.2.7",
+    "cssnano": "^5.1.7",
+    "npm-run-all": "^4.1.5",
+    "parcel": "^2.0.1",
+    "postcss": "^8",
+    "postcss-import": "^14.0.2",
+    "postcss-nested": "^5.0.6",
+    "rimraf": "^3.0.2",
+    "sass": "^1.50.1",
+    "sass-loader": "10.1.1",
+    "storybook-addon-sass-postcss": "^0.1.1",
+    "style-loader": "2.0.0",
+    "tailwindcss": "npm:@tailwindcss/postcss7-compat",
+    "typescript": "^4.5.2"
+  }
+}