@ldmjs/ui 1.0.0-dev-3 → 1.0.0-dev-4

package/.eslintrc.json

@@ -1,299 +0,0 @@
-{
-  // Настройки проекта
-  "env": {
-    // Проект для браузера
-    "browser": true,
-    // Включаем возможности ES6
-    "es6": true,
-    // Добавляем возможности ES2017
-    "es2017": true
-  },
-  // Наборы правил
-  "extends": [
-    // Базовый набор правил eslint
-    "eslint:recommended",
-    "plugin:promise/recommended",
-    // Отключаем правила из базового набора
-    // "plugin:@typescript-eslint/eslint-recommended",
-    // Базовые правила для TypeScript
-    "plugin:@typescript-eslint/recommended",
-    // Правила TS, требующие инфо о типах
-    "plugin:@typescript-eslint/recommended-requiring-type-checking",
-    "plugin:prettier/recommended", // Enables eslint-plugin-prettier and eslint-config-prettier. This will display prettier errors as ESLint errors. Make sure this is always the last configuration in the extends array.
-    "plugin:vue/base"
-  ],
-  // Движок парсинга
-  "parser": "vue-eslint-parser",
-  "parserOptions": {
-    "parser": "@typescript-eslint/parser",
-    // Движку нужен проект TS для правил с типами
-    "project": "tsconfig.json",
-    "tsconfigRootDir": ".",
-    "extraFileExtensions": [".vue", ".html"]
-  },
-  // Плагин с наборами правил для TypeScript
-  "plugins": ["prettier", "@typescript-eslint", "promise", "vue"],
-  "rules": {
-    "prettier/prettier": [
-      "error",
-      {
-        "usePrettierrc": true,
-        "printWidth": 120
-      }
-    ],
-    "no-shadow": [
-      "off",
-      {
-        "builtinGlobals": false
-      }
-    ],
-    "no-duplicate-imports": [
-      "error",
-      {
-        "includeExports": true
-      }
-    ],
-    "no-template-curly-in-string": "error",
-    "block-scoped-var": "error",
-    "curly": ["error", "all"],
-    "eqeqeq": "error",
-    "max-classes-per-file": ["error", 1],
-    "no-alert": "error",
-    "no-console": ["error", { "allow": ["time", "timeEnd"] }],
-    "no-else-return": [
-      "error",
-      {
-        "allowElseIf": false
-      }
-    ],
-    "no-implicit-coercion": "error",
-    "no-labels": "error",
-    "no-lone-blocks": "error",
-    "no-multi-spaces": "error",
-    "no-new": "error",
-    "no-new-func": "error",
-    "no-new-wrappers": "error",
-    "no-return-await": "error",
-    "no-self-compare": "error",
-    "no-sequences": "error",
-    "no-throw-literal": "error",
-    "no-unused-expressions": "error",
-    "no-useless-call": "error",
-    "no-useless-concat": "error",
-    "no-useless-return": "error",
-    "prefer-promise-reject-errors": "error",
-    "radix": "error",
-    "no-undefined": "error",
-    "array-bracket-newline": [
-      "off",
-      {
-        "multiline": true
-      }
-    ],
-    "comma-dangle": "off",
-    "comma-style": "error",
-    "eol-last": "error",
-    "key-spacing": "error",
-    "keyword-spacing": "error",
-    "new-parens": "error",
-    "no-bitwise": "warn",
-    "no-lonely-if": "warn",
-    "no-multiple-empty-lines": "error",
-    "no-nested-ternary": "error",
-    "no-new-object": "error",
-    "no-tabs": [
-      "error",
-      {
-        "allowIndentationTabs": true
-      }
-    ],
-    "no-trailing-spaces": "error",
-    "no-unneeded-ternary": "error",
-    "no-whitespace-before-property": "error",
-    "object-curly-newline": "error",
-    "object-curly-spacing": ["error", "always"],
-    "semi-spacing": "error",
-    "space-before-blocks": "error",
-    "space-before-function-paren": [
-      "error",
-      {
-        "anonymous": "always",
-        "named": "never",
-        "asyncArrow": "always"
-      }
-    ],
-    "space-in-parens": "error",
-    "space-infix-ops": "error",
-    "space-unary-ops": "error",
-    "spaced-comment": ["error", "always"],
-    "switch-colon-spacing": "error",
-    "arrow-body-style": ["error", "as-needed"],
-    "arrow-parens": ["error", "as-needed"],
-    "arrow-spacing": "error",
-    "no-useless-computed-key": "error",
-    "no-useless-rename": "error",
-    "object-shorthand": ["error", "always"],
-    "prefer-arrow-callback": "warn",
-    "prefer-destructuring": "off",
-    "rest-spread-spacing": ["error", "never"],
-    "sort-imports": "off",
-    "template-curly-spacing": "error",
-    "optimize-regex/optimize-regex": "warn",
-    "@typescript-eslint/no-extra-parens": ["off"],
-    "@typescript-eslint/semi": ["error", "always"],
-    "@typescript-eslint/member-delimiter-style": [
-      "error",
-      {
-        "multiline": {
-          "delimiter": "semi"
-        }
-      }
-    ],
-    "@typescript-eslint/member-ordering": "off",
-    "@typescript-eslint/no-magic-numbers": [
-      "off",
-      {
-        "ignoreNumericLiteralTypes": true,
-        "ignoreEnums": true,
-        "enforceConst": true,
-        "ignoreReadonlyClassProperties": true,
-        "ignore": [0, 1, 24, 60, 1000]
-      }
-    ],
-    "@typescript-eslint/indent": ["off", 2],
-    "@typescript-eslint/quotes": [
-      "error",
-      "single",
-      {
-        "avoidEscape": true
-      }
-    ],
-    "@typescript-eslint/func-call-spacing": ["error", "never"],
-    "@typescript-eslint/no-useless-constructor": "error",
-    "@typescript-eslint/prefer-for-of": "warn",
-    "@typescript-eslint/no-parameter-properties": "off",
-    "@typescript-eslint/no-unsafe-argument": "off",
-    "@typescript-eslint/no-unnecessary-type-arguments": "warn",
-    "@typescript-eslint/prefer-function-type": "warn",
-    "@typescript-eslint/prefer-readonly": "warn",
-    "@typescript-eslint/no-explicit-any": "error",
-    "@typescript-eslint/explicit-function-return-type": [
-      "off",
-      {
-        "allowExpressions": true
-      }
-    ],
-    "@typescript-eslint/prefer-nullish-coalescing": "off",
-    "@typescript-eslint/interface-name-prefix": "off",
-    "@typescript-eslint/no-unused-vars": [
-      "error",
-      {
-        "argsIgnorePattern": "^",
-        "varsIgnorePattern": "^$"
-      }
-    ],
-    "@typescript-eslint/no-use-before-define": "off",
-    "simple-import-sort/imports": [
-      "error",
-      {
-        // The default grouping, but with no blank lines.
-        "groups": [["^\\u0000", "^@?\\w", "^[^.]", "^\\."]]
-      }
-    ],
-    "no-case-declarations": "off",
-    "@typescript-eslint/no-misused-promises": [
-      "error",
-      {
-        "checksVoidReturn": false
-      }
-    ],
-    "promise/catch-or-return": [
-      "error",
-      {
-        "allowFinally": true
-      }
-    ],
-    "vue/html-self-closing": "off",
-    "@typescript-eslint/explicit-module-boundary-types": ["off"],
-    "@typescript-eslint/typedef": [
-      "error",
-      {
-        "arrayDestructuring": false,
-        "arrowParameter": false,
-        "memberVariableDeclaration": false,
-        "objectDestructuring": false,
-        "parameter": true,
-        "propertyDeclaration": true,
-        "variableDeclaration": false,
-        "variableDeclarationIgnoreFunction": true
-      }
-    ],
-    "@typescript-eslint/no-inferrable-types": [
-      "error",
-      {
-        "ignoreParameters": true
-      }
-    ],
-    "vuetify/no-deprecated-classes": "error",
-    "vuetify/grid-unknown-attributes": "error",
-    "vuetify/no-deprecated-colors": "off",
-    "camelcase": "off",
-    "@typescript-eslint/naming-convention": [
-      "error",
-      {
-        "selector": "default",
-        "format": ["camelCase", "PascalCase", "UPPER_CASE"],
-        "leadingUnderscore": "allow",
-        "filter": {
-          "regex": "(\\w*-\\w*)|(:\\w*)|(@\\w*)|(\\d)",
-          "match": false
-        }
-      },
-      {
-        "selector": "variable",
-        "format": ["camelCase", "UPPER_CASE", "PascalCase"],
-        "leadingUnderscore": "allow"
-      },
-      {
-        "selector": "parameter",
-        "format": ["camelCase", "PascalCase"],
-        "leadingUnderscore": "allow"
-      },
-      {
-        "selector": "memberLike",
-        "modifiers": ["public", "private", "static"],
-        "format": ["camelCase", "UPPER_CASE"],
-        "leadingUnderscore": "allow"
-      },
-      // {
-      //   "selector": "memberLike",
-      //   "modifiers": ["private static"],
-      //   "format": ["camelCase", "UPPER_CASE"],
-      //   "leadingUnderscore": "allow"
-      // },
-      {
-        "selector": "typeLike",
-        "format": ["PascalCase", "UPPER_CASE"]
-      }
-    ],
-    "@typescript-eslint/no-floating-promises": [
-      "off",
-      {
-        "ignoreVoid": false,
-        "ignoreIIFE": false
-      }
-    ],
-    "require-await": "off",
-    "@typescript-eslint/require-await": "error",
-    "@typescript-eslint/no-shadow": ["error"],
-    "sonarjs/cognitive-complexity": "off",
-    "sonarjs/prefer-immediate-return": "error",
-    "sonarjs/no-duplicate-string": "error",
-    "@typescript-eslint/restrict-template-expressions": "off",
-    "@typescript-eslint/restrict-plus-operands": "off",
-    "@typescript-eslint/no-unsafe-member-access": "off",
-    "@typescript-eslint/no-unsafe-assignment": "off",
-    "@typescript-eslint/no-unsafe-call": "off",
-    "@typescript-eslint/no-unsafe-return": "off"
-  }
-}

package/.yarnrc.yml

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

package/config/rules.js

@@ -1,51 +0,0 @@
-module.exports = {
-  rules: [
-    {
-      test: /\.vue$/,
-      use: [
-        {
-          loader: 'vue-loader',
-          options: {
-            compilerOptions: {
-              whitespace: 'preserve',
-            },
-            hotReload: true
-          }
-        }
-      ]
-    },
-    {
-      test: /\.ts$/,
-      exclude: /node_modules|\.(spec|e2e|d)\.ts$|vue\/src/,
-      use: [
-        {
-          loader: 'ts-loader',
-          options: {
-            appendTsSuffixTo: [/\.vue$/],
-            transpileOnly: true,
-            happyPackMode: false,
-          }
-        }
-      ]
-    },
-    {
-      test: /\.(css|scss)$/,
-      use: [
-        'style-loader',
-        {
-          loader: 'css-loader',
-          options: {
-            importLoaders: 1,
-          }
-        },
-        'postcss-loader',
-        {
-          loader: 'sass-loader',
-          options: {
-            implementation: require('node-sass'),
-          }
-        }
-      ],
-    },
-  ],
-}

package/config/webpack.config.build.js

@@ -1,122 +0,0 @@
-const TerserPlugin = require('terser-webpack-plugin');
-const { VueLoaderPlugin } = require('vue-loader');
-const CopyWebpackPlugin = require('copy-webpack-plugin');
-const DefinePlugin = require('webpack/lib/DefinePlugin');
-const path = require('path');
-const { rules } = require('./rules');
-
-module.exports = {
-  mode: 'production',
-  entry: {
-    'main': path.join(__dirname, '../src/index.ts'),
-  },
-  output: {
-    umdNamedDefine: true,
-    libraryTarget: 'umd',
-    library: 'ldm-ui',
-    filename: 'index.js',
-    path: path.resolve(__dirname, '../dist'),
-  },
-  externals: {
-    'vue': 'vue',
-    'vue-class-component': 'vue-class-component',
-    'vue-property-decorator': 'vue-property-decorator'
-  },
-  resolve: {
-    symlinks: true,
-    modules: [path.join(__dirname, '../'), 'node_modules'],
-    extensions: ['*', '.ts', '.js', '.vue', '.html', '.json', '.scss'],
-    alias: {
-      'vue$': 'vue/dist/vue.esm-bundler.js',
-      '@': 'src',
-    },
-  },
-  module: {
-    rules
-  },
-  optimization: {
-    minimize: false,
-    minimizer: [
-      new TerserPlugin({
-        exclude: /\/assets\//,
-        parallel: true,
-        terserOptions: {
-          // ecma: 8,
-          warnings: false,
-          mangle: true,
-          output: {
-            comments: false,
-            beautify: false,
-          },
-          toplevel: true,
-          nameCache: null,
-          ie8: false,
-          keep_classnames: true,
-          keep_fnames: true,
-          safari10: false,
-          // unsafe: true, // new options
-          // inline: true, // new options
-          // passes: 2, // new options
-          // keep_fargs: false, // new options
-          compress: {
-            // turn off flags with small gains to speed up minification
-            arrows: false,
-            collapse_vars: false, // 0.3kb
-            comparisons: false,
-            computed_props: false,
-            hoist_funs: false,
-            hoist_props: false,
-            hoist_vars: false,
-            inline: false,
-            loops: false,
-            negate_iife: false,
-            properties: false,
-            reduce_funcs: false,
-            reduce_vars: false,
-            switches: false,
-            toplevel: false,
-            typeofs: false,
-
-            // a few flags with noticable gains/speed ratio
-            // numbers based on out of the box vendor bundle
-            booleans: true, // 0.7kb
-            if_return: true, // 0.4kb
-            sequences: true, // 0.7kb
-            unused: true, // 2.3kb
-
-            // required features to drop conditional branches
-            conditionals: true,
-            dead_code: true,
-            evaluate: true
-          },
-        },
-      }),
-    ]
-  },
-  plugins: [
-    new VueLoaderPlugin(),
-    new DefinePlugin({
-      '$DEV': false,
-    }),
-    new CopyWebpackPlugin({
-      patterns: [
-        {
-          from: 'src/index.d.ts',
-          to: './index.d.ts'
-        },
-        {
-          from: 'src/utils.d.ts',
-          to: './utils.d.ts'
-        },
-        {
-          from: 'src/css/index.css',
-          to: './css/index.css'
-        },
-        {
-          from: 'src/scss',
-          to: './scss'
-        }
-      ]
-    })
-  ]
-}

package/config/webpack.config.dev.js

@@ -1,57 +0,0 @@
-const { VueLoaderPlugin } = require('vue-loader');
-const HtmlWebpackPlugin = require('html-webpack-plugin');
-const DefinePlugin = require('webpack/lib/DefinePlugin');
-const CopyWebpackPlugin = require('copy-webpack-plugin');
-const path = require('path');
-const { rules } = require('./rules');
-
-module.exports = {
-  mode: 'development',
-  entry: {
-    'main': './main.ts',
-  },
-  module: {
-    rules,
-  },
-  resolve: {
-    symlinks: true,
-    modules: [path.join(__dirname, '../'), 'node_modules'],
-    extensions: ['*', '.ts', '.js', '.vue', '.html', '.json', '.scss', '.css'],
-    alias: {
-      'vue$': 'vue/dist/vue.esm-bundler.js',
-      '@': 'src',
-    },
-  },
-  plugins: [
-    new VueLoaderPlugin(),
-    new HtmlWebpackPlugin({
-      inject: true,
-      template: './index.html'
-    }),
-    new DefinePlugin({
-      '$DEV': true,
-      '__VUE_OPTIONS_API__': true,
-      '__VUE_PROD_DEVTOOLS__': false,
-      '__VUE_PROD_HYDRATION_MISMATCH_DETAILS__': false,
-    }),
-    new CopyWebpackPlugin({
-      patterns: [
-        {
-          from: 'src/ld-icon/icons',
-          to: './icons'
-        },
-        {
-          from: 'src/ld-icon/icons.json',
-          to: './icons.json'
-        }
-      ]
-    }),
-  ],
-  devServer: {
-    https: false,
-    port: 4000,
-    host: '0.0.0.0',
-    historyApiFallback: true,
-    hot: true,
-  }
-}

package/index.html

@@ -1,18 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-  <meta charset="utf-8">
-  <meta http-equiv="x-ua-compatible" content="ie=edge">
-  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, minimal-ui">
-  <meta http-equiv="Cache-control" content="no-cache, no-store, must-revalidate">
-  <meta http-equiv="Pragma" content="no-cache">
-  <title>LDM-UI</title>
-</head>
-<body>
-  <noscript>
-    <!-- <strong>We're sorry but example doesn't work properly without JavaScript enabled. Please enable it to continue.</strong> -->
-    <strong>Извините, приложение не может работать без включенного JavaScript. Пожалуйста, включите эту возможность!</strong>
-  </noscript>
-  <div id="app"></div>
-</body>
-</html>

package/main.ts

@@ -1,32 +0,0 @@
-import '@/css';
-import '@/scss';
-
-import { createApp } from 'vue';
-import App from './src/app.vue';
-import ldmui from './src/index';
-
-async function start() {
-  const appComponent = createApp(App);
-  const promise = new Promise(resolve => {
-    fetch('/icons.json')
-      .then(res => res.json())
-      .then(data => {
-        appComponent.use(ldmui, {
-          LdIcon: {
-            path: 'icons',
-            map: data
-          }
-        });
-        return resolve(true)
-      })
-      .catch(e => {
-        //
-      })
-  })
-
-  await promise;
-
-  appComponent.mount('#app');
-}
-
-start()

package/src/app.vue

@@ -1,15 +0,0 @@
-<template>
-  <div>
-    <ld-icon color="primary">user</ld-icon>
-    <div style="position: relative; width: 100%; height: 65px;">
-      <loader :options="{ transparent: true, global: false }" :visible="true" />
-    </div>
-  </div>
-</template>
-<script>
-  export default {
-    data() {
-      return {}
-    }
-  }
-</script>

package/src/css/index.css

@@ -1,86 +0,0 @@
-:root {
-  --primary-d-1: hsla(210, 100%, 18%, 100%);
-  --primary: hsla(210, 100%, 26%, 100%);
-  --primary-l-1: hsla(210, 100%, 34%, 100%);
-  --primary-l-2: hsla(210, 100%, 42%, 100%);
-  --primary-l-3: hsla(210, 100%, 50%, 100%);
-  --primary-l-4: hsla(210, 100%, 58%, 100%);
-  --primary-l-5: hsla(210, 100%, 66%, 100%);
-  --primary-l-6: hsla(210, 100%, 74%, 100%);
-  --primary-l-7: hsla(210, 100%, 82%, 100%);
-  --primary-l-8: hsla(210, 100%, 90%, 100%);
-
-  --dark: hsla(219, 83%, 14%, 100%);
-  --dark-l-1-09: hsla(219, 83%, 14%, 90%);
-  --dark-l-2-08: hsla(219, 83%, 14%, 80%);
-  --dark-l-3-07: hsla(219, 83%, 14%, 70%);
-  --dark-l-4-06: hsla(219, 83%, 14%, 60%);
-  --dark-l-5-05: hsla(219, 83%, 14%, 50%);
-  --dark-l-6-04: hsla(219, 83%, 14%, 40%);
-  --dark-l-7-03: hsla(219, 83%, 14%, 30%);
-  --dark-l-8-02: hsla(219, 83%, 14%, 20%);
-  --dark-l-9-01: hsla(219, 83%, 14%, 10%);
-
-  --secondary-d-4: hsla(204, 100%, 18%, 100%);
-  --secondary-d-3: hsla(204, 100%, 26%, 100%);
-  --secondary-d-2: hsla(204, 100%, 34%, 100%);
-  --secondary-d-1: hsla(204, 100%, 42%, 100%);
-  --secondary: hsla(204, 100%, 50%, 100%);
-  --secondary-l-1: hsla(204, 100%, 58%, 100%);
-  --secondary-l-2: hsla(204, 100%, 66%, 100%);
-  --secondary-l-3: hsla(204, 100%, 74%, 100%);
-  --secondary-l-4: hsla(204, 100%, 82%, 100%);
-  --secondary-l-5: hsla(204, 100%, 90%, 100%);
-
-  --success-d-3: hsla(135, 59%, 17%, 100%);
-  --success-d-2: hsla(135, 59%, 25%, 100%);
-  --success-d-1: hsla(135, 59%, 33%, 100%);
-  --success: hsla(135, 59%, 41%, 100%);
-  --success-l-1: hsla(135, 59%, 49%, 100%);
-  --success-l-2: hsla(135, 59%, 57%, 100%);
-  --success-l-3: hsla(135, 59%, 65%, 100%);
-  --success-l-4: hsla(135, 59%, 73%, 100%);
-  --success-l-5: hsla(135, 59%, 81%, 100%);
-  --success-l-6: hsla(135, 59%, 89%, 100%);
-
-  --error-d-3: hsla(7, 82%, 18%, 100%);
-  --error-d-2: hsla(7, 82%, 26%, 100%);
-  --error-d-1: hsla(7, 82%, 34%, 100%);
-  --error: hsla(7, 82%, 42%, 100%);
-  --error-l-1: hsla(7, 82%, 50%, 100%);
-  --error-l-2: hsla(7, 82%, 58%, 100%);
-  --error-l-3: hsla(7, 82%, 66%, 100%);
-  --error-l-4: hsla(7, 82%, 74%, 100%);
-  --error-l-5: hsla(7, 82%, 82%, 100%);
-  --error-l-6: hsla(7, 82%, 90%, 100%);
-
-  --warning-d-4: hsla(24, 100%, 18%, 100%);
-  --warning-d-3: hsla(24, 100%, 26%, 100%);
-  --warning-d-2: hsla(24, 100%, 34%, 100%);
-  --warning-d-1: hsla(24, 100%, 42%, 100%);
-  --warning: hsla(24, 100%, 50%, 100%);
-  --warning-l-1: hsla(24, 100%, 58%, 100%);
-  --warning-l-2: hsla(24, 100%, 66%, 100%);
-  --warning-l-3: hsla(24, 100%, 74%, 100%);
-  --warning-l-4: hsla(24, 100%, 82%, 100%);
-  --warning-l-5: hsla(24, 100%, 90%, 100%);
-
-  --grey-d-3: hsla(0, 0%, 14%, 100%);
-  --grey-d-2: hsla(0, 0%, 23%, 100%);
-  --grey-d-1: hsla(0, 0%, 32%, 100%);
-  --grey: hsla(0, 0%, 41%, 100%);
-  --grey-l-1: hsla(0, 0%, 50%, 100%);
-  --grey-l-2: hsla(0, 0%, 59%, 100%);
-  --grey-l-3: hsla(0, 0%, 68%, 100%);
-  --grey-l-4: hsla(0, 0%, 77%, 100%);
-  --grey-l-5: hsla(0, 0%, 86%, 100%);
-  --grey-l-6: hsla(0, 0%, 95%, 100%);
-
-  --black: hsla(0, 0%, 0%, 100%);
-
-  --white: hsla(0, 0%, 100%, 100%);
-
-  --text: hsla(0, 0%, 13%, 100%);
-
-  --label: hsla(0, 0%, 47%, 100%);
-}

package/src/index.d.ts

@@ -1 +0,0 @@
-declare module '@ldmjs/ui'