Import from EE

Author: Elschnagoo

.babelrc.json

@@ -0,0 +1,16 @@
+{
+  "sourceType": "unambiguous",
+  "presets": [
+    [
+      "@babel/preset-env",
+      {
+        "targets": {
+          "chrome": 100
+        }
+      }
+    ],
+    "@babel/preset-typescript",
+    "@babel/preset-react"
+  ],
+  "plugins": []
+}

.eslintignore

@@ -0,0 +1 @@
+src/icons/io/IO*.tsx

.eslintrc

@@ -0,0 +1,65 @@
+{
+  "extends": [
+    "airbnb",
+    "airbnb-typescript",
+    "airbnb/hooks",
+    "plugin:@typescript-eslint/recommended",
+    "prettier",
+    "plugin:prettier/recommended"
+  ],
+  "plugins": [
+    "react",
+    "@typescript-eslint"
+  ],
+  "env": {
+    "browser": true,
+    "es6": true,
+    "jest": true
+  },
+  "globals": {
+    "Atomics": "readonly",
+    "SharedArrayBuffer": "readonly"
+  },
+  "parser": "@typescript-eslint/parser",
+  "parserOptions": {
+    "ecmaFeatures": {
+      "jsx": true
+    },
+    "ecmaVersion": 2018,
+    "sourceType": "module",
+    "project": "./tsconfig.json"
+  },
+  "rules": {
+    "no-plusplus": "warn",
+    "no-param-reassign": "warn",
+    "no-restricted-syntax": "warn",
+    "class-methods-use-this": "warn",
+    "@typescript-eslint/naming-convention": "warn",
+    "no-underscore-dangle": "warn",
+    "no-await-in-loop": "warn",
+    "jsx-a11y/no-autofocus": "warn",
+    "react/no-unused-prop-types": "warn",
+    "linebreak-style": "off",
+    "react/function-component-definition": "off",
+    "no-restricted-properties": "warn",
+    "import/extensions": [
+      "off","ignorePackages",
+      {
+        "js": "never",
+        "jsx": "never",
+        "ts": "never",
+        "tsx": "never",
+        "d.ts": "never"
+      }
+    ],
+    "react/no-unused-state": "warn",
+    "prettier/prettier": [
+      "error",
+      {
+        "endOfLine": "auto",
+        "singleQuote": true
+      }
+    ]
+
+  }
+}

.gitignore

@@ -0,0 +1,13 @@
+node_modules
+dist
+.env
+package-lock.json
+*.tgz
+/style/
+/.idea/
+/docs/
+/icon/icons/
+/icon/icons/out
+/docker-compose.yml
+/css/style.css
+/storybook-static/

.gitlab-ci.yml

@@ -0,0 +1,33 @@
+include:
+  - project: 'grandlinex/templates'
+    file: '/stages.yml'
+  - project: 'grandlinex/templates'
+    file: '/prod/electron-bundle.yml'
+  - project: 'grandlinex/templates'
+    file: '/build/electron-bundle.yml'
+  - project: 'grandlinex/templates'
+    file: '/deploy/npm-gitlab-deploy.yml'
+
+make:build:prod:
+  image: ${DOCKER_IMG_PRE}worker:latest
+  tags:
+    - docker
+  stage: build
+  only:
+    - tags
+    - /^v(\d+\.)?(\d+\.)?(\*|\d+)$/
+  except:
+    - branches
+    - pipeline
+  script:
+    - npm install
+    - npm run buildprep
+  needs:
+    - lint:scan:prod
+    - sec:scan:prod
+  artifacts:
+    paths:
+      - dist
+      - style
+    expire_in: 7 days
+

.ncurc.json

@@ -0,0 +1,4 @@
+{
+  "upgrade": true,
+  "reject": []
+}

.npmignore

@@ -0,0 +1,45 @@
+.gitlab-ci.yml
+.eslintrc
+node_modules
+docs
+.idea
+.env
+docker-compose.yml
+jest.config.js
+package-lock.json
+data
+src
+tests
+scripts
+glconf.json
+site
+.eslintignore
+.env.example
+tsconfig.json
+.scannerwork
+sonar-project.properties
+coverage
+*.tgz
+*.iml
+.ncurc.json
+.npmrc
+junit.xml
+.github
+openapi.json
+openapi.yml
+gen
+public
+themes/dev.scss
+gulpfile.js
+webpack.config.js
+webpack.react.js
+dist/presenter
+dist/stories
+dist/renderer.d.ts
+dist/renderer.js
+dist/renderer.js.map
+dist/index.html
+Dockerfile
+nodemon.json
+.storybook
+.babelrc.json

.storybook/main.ts

@@ -0,0 +1,32 @@
+import type { StorybookConfig } from "@storybook/react-webpack5";
+import * as path from 'path';
+const config: StorybookConfig = {
+  stories: ["../src/**/*.mdx", "../src/**/*.stories.@(js|jsx|ts|tsx)"],
+  addons: [
+    "@storybook/addon-links",
+    "@storybook/addon-essentials",
+    "@storybook/addon-interactions",
+    "storybook-addon-themes",
+    "@storybook/addon-viewport",
+    {
+      name: '@storybook/addon-storysource',
+      options: {
+        rule: {
+          test: [/\.stories\.tsx?$/],
+          include: [path.resolve(__dirname, '../src')],
+        },
+        loaderOptions: {
+          prettierConfig: { printWidth: 80, singleQuote: false },
+        },
+      },
+    },
+  ],
+  framework: {
+    name: "@storybook/react-webpack5",
+    options: {},
+  },
+  docs: {
+    autodocs: "tag",
+  },
+};
+export default config;

.storybook/preview.ts

@@ -0,0 +1,41 @@
+import type { Preview } from "@storybook/react";
+import { INITIAL_VIEWPORTS } from '@storybook/addon-viewport';
+import "../css/style.css";
+import "../css/dev.css";
+
+const preview: Preview = {
+  parameters: {
+    actions: { argTypesRegex: "^on[A-Z].*" },
+    controls: {
+      matchers: {
+        color: /(background|color)$/i,
+        date: /Date$/,
+      },
+    },
+    backgrounds: {
+      default: 'Dark',
+      values: [
+        {
+          name: 'Dark',
+          value: '#111',
+        },
+        {
+          name: 'Light',
+          value: '#FFF',
+        },
+      ],
+    },
+    themes: {
+      default: 'Dark',
+      list: [
+        { name: 'Dark', color: '#111' },
+        { name: 'Light', class: 'glx-theme-light', color: '#FFF' },
+      ],
+    },
+    viewport: {
+      viewports: INITIAL_VIEWPORTS,
+    },
+  },
+};
+
+export default preview;

Dockerfile

@@ -0,0 +1,13 @@
+# Just run 'npm install' && 'npm run build-web' before docker build
+FROM nginx:latest
+
+RUN mkdir /etc/nginx/sites-available/ && \
+    echo "server {\n    server_name  _;\n    listen 80 default_server;\n    location / {\n        root   /usr/share/nginx/html;\n        try_files $uri /index.html;\n    }\n    error_page   500 502 503 504  /50x.html;\n    location = /50x.html {\n        root   /usr/share/nginx/html;\n    }\n}" > /etc/nginx/sites-available/default
+
+WORKDIR /usr/share/nginx/html
+
+CMD nginx -c /etc/nginx/nginx.conf -g 'daemon off;'
+
+EXPOSE 80
+
+COPY ./storybook-static/ /usr/share/nginx/html