@vtx/player 0.0.3 → 0.0.6

package/.eslintignore

@@ -0,0 +1,11 @@
+dist
+node_modules
+.cache
+*.lock
+.gitignore
+.npmignore
+.prettierignore
+*.snap
+.gitlab-ci.yml
+storybook-static
+*.js

package/.eslintrc.js

@@ -0,0 +1,31 @@
+module.exports = {
+  parser: '@typescript-eslint/parser',
+  extends: [
+    'eslint:recommended',
+    'plugin:react/recommended',
+    'plugin:@typescript-eslint/recommended',
+    'prettier',
+    'plugin:storybook/recommended',
+  ],
+  parserOptions: {
+    ecmaVersion: 'latest',
+    sourceType: 'module',
+    ecmaFeatures: {
+      jsx: true,
+    },
+  },
+  plugins: ['react', 'react-hooks', '@typescript-eslint', 'prettier'],
+  rules: {
+    'react/react-in-jsx-scope': 'off',
+    'react/prop-types': 'off',
+  },
+  env: {
+    browser: true,
+    es2021: true,
+  },
+  settings: {
+    'import/resolver': {
+      typescript: {},
+    },
+  },
+};

package/.prettierignore

@@ -0,0 +1,10 @@
+dist
+node_modules
+.cache
+*.lock
+.gitignore
+.npmignore
+.prettierignore
+*.snap
+.gitlab-ci.yml
+storybook-static

package/.prettierrc.js

@@ -0,0 +1,22 @@
+module.exports = {
+  // 一行最多 100 字符
+  printWidth: 100,
+  // 使用4个空格缩进
+  tabWidth: 4,
+  // 使用单引号
+  singleQuote: true,
+  // 复写样式
+  overrides: [
+    {
+      files: ['vite.config.ts', '*.js', '*.json'],
+      options: {
+        tabWidth: 2,
+      },
+    },
+  ],
+  /** import顺序 */
+  importOrder: ['index.less', '^react(.*)$', '^(?!(@/|./))(.*)$', '^@/(.*)$', '^[./]'],
+  /** import后添加分号 */
+  importOrderSeparation: true,
+  importOrderSortSpecifiers: true,
+};

package/.storybook/main.js

@@ -0,0 +1,58 @@
+const { mergeConfig } = require('vite');
+const { createStyleImportPlugin, AntdResolve } = require('vite-plugin-style-import');
+// const { viteCommonjs, esbuildCommonjs } = require('@originjs/vite-plugin-commonjs');
+const proxy = require('./proxy');
+const path = require('path');
+
+module.exports = {
+  stories: [
+    '../src/stories/intro.stories.mdx', // 入口文件
+    '../src/**/*.stories.mdx',
+    '../src/**/*.stories.@(js|jsx|ts|tsx)',
+  ],
+  addons: [
+    '@storybook/addon-links',
+    '@storybook/addon-essentials',
+    '@storybook/addon-interactions',
+  ],
+  framework: '@storybook/react',
+  core: {
+    builder: '@storybook/builder-vite',
+  },
+  features: {
+    storyStoreV7: true,
+  },
+  staticDirs: ['../public'], // 静态资源路径
+  async viteFinal(config) {
+    return mergeConfig(config, {
+      server: {
+        // 配置代理
+        proxy,
+      },
+      // 当第三方库没有导出esm模式文件时，启用此插件
+      // optimizeDeps: {
+      //   esbuildOptions: {
+      //     plugins: [esbuildCommonjs(['package-name'])],
+      //   },
+      // },
+      css: {
+        preprocessorOptions: {
+          less: {
+            javascriptEnabled: true,
+          },
+        },
+      },
+      // antd组件库样式自动引入
+      plugins: [
+        // viteCommonjs(),
+        createStyleImportPlugin({
+          resolves: [AntdResolve()],
+        }),
+      ],
+      resolve: {
+        // 设置别名
+        alias: { '@': path.resolve(__dirname, '../src') },
+      },
+    });
+  },
+};

package/.storybook/manager.js

@@ -0,0 +1,7 @@
+import { addons } from '@storybook/addons';
+
+import theme from './theme';
+
+addons.setConfig({
+  theme,
+});

package/.storybook/preview-head.html

@@ -0,0 +1,5 @@
+<script>
+    window.global = window;
+</script>
+<script src="./h5player.min.js"></script>
+<link rel="stylesheet" href="../node_modules/antd/dist/antd.css" />

package/.storybook/preview.js

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

package/.storybook/proxy.js

@@ -0,0 +1,6 @@
+module.exports = {
+  '/cloud/': {
+    target: 'https://kanbandev.cloudhw.cn:8446/',
+    changeOrigin: true,
+  },
+};

package/.storybook/theme.js

@@ -0,0 +1,8 @@
+import { create } from '@storybook/theming';
+
+export default create({
+  base: 'light',
+  brandTitle: '@vtx/player', // 标题
+  brandUrl: 'https://git.cloudhw.cn:3443/comopnent/url', // 链接地址
+  brandTarget: '_self',
+});

package/.stylelintrc.json

@@ -0,0 +1,13 @@
+{
+    "extends": [
+        "stylelint-config-standard",
+        "stylelint-config-prettier",
+        "stylelint-config-recommended",
+        "stylelint-config-recess-order"
+    ],
+    "plugins": ["stylelint-order"],
+    "rules": {
+        "selector-class-pattern": null
+    },
+    "ignoreFiles": ["node_modules/**", "dist/**/*", "storybook-static/**"]
+}

package/.vscode/extensions.json

@@ -0,0 +1,10 @@
+{
+  "recommendations": [
+    // eslint插件
+    "dbaeumer.vscode-eslint",
+    // prettier插件
+    "esbenp.prettier-vscode",
+    // stylelint插件
+    "stylelint.vscode-stylelint"
+  ]
+}

package/.vscode/settings.json

@@ -0,0 +1,16 @@
+{
+  "css.validate": false,
+  "less.validate": false,
+  "scss.validate": false,
+  "editor.codeActionsOnSave": {
+    // 自动修复stylelint错误
+    "source.fixAll.stylelint": true
+  },
+  "cSpell.words": [
+    "ahooks",
+    "commitlint",
+    "esbuild",
+    "vite",
+    "YYYYMMDDTH"
+  ]
+}

package/README.md

@@ -1,3 +1,3 @@
-# vtx-vis
-
+# vtx-vis
+
 视频业务组件

package/commitlint.config.js

@@ -0,0 +1,10 @@
+module.exports = {
+    extends: ['@commitlint/config-conventional'],
+    rules: {
+        'type-enum': [
+            2,
+            'always',
+            ['build', 'ci', 'docs', 'feat', 'fix', 'perf', 'chore', 'refactor', 'style', 'test'],
+        ],
+    },
+};

package/package.json

@@ -1,100 +1,98 @@
-{
-  "name": "@vtx/player",
-  "version": "0.0.3",
-  "private": false,
-  "description": "视频业务组件",
-  "main": "./dist/index.umd.js",
-  "module": "./dist/index.es.js",
-  "types": "./dist/index.d.ts",
-  "files": [
-    "dist"
-  ],
-  "scripts": {
-    "start": "start-storybook -p 6006",
-    "build": "npm run clean && rollup --config",
-    "build-docs": "build-storybook",
-    "lint:script": "eslint src --ext .ts,.tsx",
-    "lint:style": "stylelint src/**/*.less --custom-syntax postcss-less --fix",
-    "clean": "rimraf dist"
-  },
-  "husky": {
-    "hooks": {
-      "pre-commit": "lint-staged",
-      "commit-msg": "commitlint -E HUSKY_GIT_PARAMS"
-    }
-  },
-  "lint-staged": {
-    "src/**/*.{ts,tsx,less,md,mdx,json}": "npm run lint:script",
-    "src/**/*.{less}": "npm run lint:style"
-  },
-  "peerDependencies": {
-    "react": ">=16.9.0",
-    "react-dom": ">=16.9.0"
-  },
-  "dependencies": {
-    "ahooks": "^3.4.0",
-    "antd": "^4.20.7",
-    "flv.js": "^1.6.2",
-    "hls.js": "^1.1.5",
-    "js-base64": "^3.7.2",
-    "react-collapsed": "^3.3.2"
-  },
-  "devDependencies": {
-    "@babel/core": "^7.18.2",
-    "@babel/preset-env": "^7.18.2",
-    "@commitlint/cli": "^17.0.2",
-    "@commitlint/config-conventional": "^17.0.2",
-    "@rollup/plugin-babel": "^5.3.1",
-    "@rollup/plugin-commonjs": "^22.0.0",
-    "@rollup/plugin-node-resolve": "^13.3.0",
-    "@rollup/plugin-typescript": "^8.3.2",
-    "@rollup/plugin-url": "^7.0.0",
-    "@storybook/addon-actions": "^6.5.7",
-    "@storybook/addon-essentials": "^6.5.7",
-    "@storybook/addon-interactions": "^6.5.7",
-    "@storybook/addon-links": "^6.5.7",
-    "@storybook/builder-vite": "^0.1.36",
-    "@storybook/react": "^6.5.7",
-    "@storybook/testing-library": "^0.0.11",
-    "@trivago/prettier-plugin-sort-imports": "^3.2.0",
-    "@types/react": "^18.0.0",
-    "@types/react-dom": "^18.0.0",
-    "@typescript-eslint/eslint-plugin": "^5.26.0",
-    "@typescript-eslint/parser": "^5.26.0",
-    "@vitejs/plugin-react": "^1.3.0",
-    "consola": "^2.15.3",
-    "eslint": "^8.16.0",
-    "eslint-config-prettier": "^8.5.0",
-    "eslint-import-resolver-typescript": "^2.7.1",
-    "eslint-plugin-import": "^2.26.0",
-    "eslint-plugin-prettier": "^4.0.0",
-    "eslint-plugin-react": "^7.30.0",
-    "eslint-plugin-react-hooks": "^4.5.0",
-    "eslint-plugin-storybook": "^0.5.12",
-    "husky": "^8.0.1",
-    "less": "^4.1.2",
-    "lint-staged": "^13.0.1",
-    "postcss": "^8.4.14",
-    "postcss-less": "^6.0.0",
-    "prettier": "^2.6.2",
-    "react": "^18.1.0",
-    "react-dom": "^18.1.0",
-    "rimraf": "^3.0.2",
-    "rollup-plugin-dts": "^4.2.2",
-    "rollup-plugin-peer-deps-external": "^2.2.4",
-    "rollup-plugin-postcss": "^4.0.2",
-    "rollup-plugin-terser": "^7.0.2",
-    "stylelint": "^14.8.5",
-    "stylelint-config-prettier": "^9.0.3",
-    "stylelint-config-recess-order": "^3.0.0",
-    "stylelint-config-recommended": "^7.0.0",
-    "stylelint-config-standard": "^25.0.0",
-    "stylelint-order": "^5.0.0",
-    "typescript": "^4.6.3",
-    "vite": "^2.9.9",
-    "vite-plugin-style-import": "^2.0.0"
-  },
-  "repository": "https://git.cloudhw.cn:3443/front-end/business/vtx-vis.git",
-  "author": "chenxinyu <chenxinyu@vortexInfo.cn>",
-  "license": "MIT"
-}
+{
+  "name": "@vtx/player",
+  "version": "0.0.6",
+  "private": false,
+  "description": "视频业务组件",
+  "main": "./dist/index.umd.js",
+  "module": "./dist/index.es.js",
+  "types": "./dist/index.d.ts",
+  "file": "dist",
+  "scripts": {
+    "start": "start-storybook -p 6006",
+    "build": "npm run clean && rollup --config",
+    "build-docs": "build-storybook",
+    "lint:script": "eslint src --ext .ts,.tsx",
+    "lint:style": "stylelint src/**/*.less --custom-syntax postcss-less --fix",
+    "clean": "rimraf dist"
+  },
+  "husky": {
+    "hooks": {
+      "pre-commit": "lint-staged",
+      "commit-msg": "commitlint -E HUSKY_GIT_PARAMS"
+    }
+  },
+  "lint-staged": {
+    "src/**/*.{ts,tsx,less,md,mdx,json}": "npm run lint:script",
+    "src/**/*.{less}": "npm run lint:style"
+  },
+  "peerDependencies": {
+    "react": ">=16.9.0",
+    "react-dom": ">=16.9.0"
+  },
+  "dependencies": {
+    "ahooks": "^3.4.0",
+    "antd": "^4.20.7",
+    "flv.js": "^1.6.2",
+    "hls.js": "^1.1.5",
+    "js-base64": "^3.7.2",
+    "react-collapsed": "^3.3.2"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.18.2",
+    "@babel/preset-env": "^7.18.2",
+    "@commitlint/cli": "^17.0.2",
+    "@commitlint/config-conventional": "^17.0.2",
+    "@rollup/plugin-babel": "^5.3.1",
+    "@rollup/plugin-commonjs": "^22.0.0",
+    "@rollup/plugin-node-resolve": "^13.3.0",
+    "@rollup/plugin-typescript": "^8.3.2",
+    "@rollup/plugin-url": "^7.0.0",
+    "@storybook/addon-actions": "^6.5.7",
+    "@storybook/addon-essentials": "^6.5.7",
+    "@storybook/addon-interactions": "^6.5.7",
+    "@storybook/addon-links": "^6.5.7",
+    "@storybook/builder-vite": "^0.1.36",
+    "@storybook/react": "^6.5.7",
+    "@storybook/testing-library": "^0.0.11",
+    "@trivago/prettier-plugin-sort-imports": "^3.2.0",
+    "@types/react": "^18.0.0",
+    "@types/react-dom": "^18.0.0",
+    "@typescript-eslint/eslint-plugin": "^5.26.0",
+    "@typescript-eslint/parser": "^5.26.0",
+    "@vitejs/plugin-react": "^1.3.0",
+    "consola": "^2.15.3",
+    "eslint": "^8.16.0",
+    "eslint-config-prettier": "^8.5.0",
+    "eslint-import-resolver-typescript": "^2.7.1",
+    "eslint-plugin-import": "^2.26.0",
+    "eslint-plugin-prettier": "^4.0.0",
+    "eslint-plugin-react": "^7.30.0",
+    "eslint-plugin-react-hooks": "^4.5.0",
+    "eslint-plugin-storybook": "^0.5.12",
+    "husky": "^8.0.1",
+    "less": "^4.1.2",
+    "lint-staged": "^13.0.1",
+    "postcss": "^8.4.14",
+    "postcss-less": "^6.0.0",
+    "prettier": "^2.6.2",
+    "react": "^18.1.0",
+    "react-dom": "^18.1.0",
+    "rimraf": "^3.0.2",
+    "rollup-plugin-dts": "^4.2.2",
+    "rollup-plugin-peer-deps-external": "^2.2.4",
+    "rollup-plugin-postcss": "^4.0.2",
+    "rollup-plugin-terser": "^7.0.2",
+    "stylelint": "^14.8.5",
+    "stylelint-config-prettier": "^9.0.3",
+    "stylelint-config-recess-order": "^3.0.0",
+    "stylelint-config-recommended": "^7.0.0",
+    "stylelint-config-standard": "^25.0.0",
+    "stylelint-order": "^5.0.0",
+    "typescript": "^4.6.3",
+    "vite": "^2.9.9",
+    "vite-plugin-style-import": "^2.0.0"
+  },
+  "repository": "https://git.cloudhw.cn:3443/front-end/business/vtx-vis.git",
+  "author": "chenxinyu <chenxinyu@vortexInfo.cn>",
+  "license": "MIT"
+}