npm - @maxelms/create-plugin-cli - Versions diffs - 1.1.7 → 1.1.10 - Mend

@maxelms/create-plugin-cli 1.1.7 → 1.1.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (69) hide show

package/templates/vue3-micro-app/vue.config.js.tpl ADDED Viewed

@@ -0,0 +1,43 @@
+const path = require('path');
+const { name } = require('./package');
+function resolve(dir) {
+  return path.join(__dirname, dir);
+}
+const port = 7105;
+module.exports = {
+  outputDir: 'dist',
+  assetsDir: 'static',
+  filenameHashing: true,
+  devServer: {
+    hot: true,
+    disableHostCheck: true,
+    port,
+    overlay: {
+      warnings: false,
+      errors: true,
+    },
+    headers: {
+      'Access-Control-Allow-Origin': '*',
+    },
+  },
+  // 自定义webpack配置
+  configureWebpack: {
+    resolve: {
+      alias: {
+        '@': resolve('src'),
+      },
+    },
+    output: {
+      // 把子应用打包成 umd 库格式
+      // library: `${name}-[name]`,
+      // libraryTarget: 'umd',
+      // jsonpFunction: `webpackJsonp_${name}`,
+      library: "<%= pluginName %>-<%= uniqueIdentifier %>",
+      libraryTarget: 'umd',
+    },
+  },
+};

package/templates/vue3-micro-plugin/README.md ADDED Viewed

@@ -0,0 +1,24 @@
+# vue-p2
+## Project setup
+```
+pnpm install
+```
+### Compiles and hot-reloads for development
+```
+pnpm run serve
+```
+### Compiles and minifies for production
+```
+pnpm run build
+```
+### Lints and fixes files
+```
+pnpm run lint
+```
+### Customize configuration
+See [Configuration Reference](https://cli.vuejs.org/config/).

package/templates/vue3-micro-plugin/babel.config.js ADDED Viewed

@@ -0,0 +1,8 @@
+module.exports = {
+  presets: [
+    '@vue/cli-plugin-babel/preset'
+  ],
+  plugins: [
+    '@babel/plugin-proposal-optional-chaining'
+  ]
+}

package/templates/vue3-micro-plugin/manifest.json.tpl ADDED Viewed

@@ -0,0 +1,3 @@
+{
+  "configurationType": "<%= configurationType %>"
+}

package/templates/vue3-micro-plugin/package.json.tpl ADDED Viewed

@@ -0,0 +1,57 @@
+{
+  "name": "<%= pluginName %>",
+  "version": "0.1.0",
+  "private": true,
+  "scripts": {
+    "serve": "vue-cli-service serve",
+    "start": "vue-cli-service serve",
+    "build": "vue-cli-service build && maxelms-plugin-cli -c",
+    "lint": "vue-cli-service lint"
+  },
+  "dependencies": {
+    "@maxelms/create-pulgin-api": "1.0.0",
+    "core-js": "3.6.5",
+    "element-ui": "2.15.6",
+    "vue": "3.0.0",
+    "vue-router": "4.0.0-beta.11",
+    "vuex": "4.0.0-beta.4"
+  },
+  "devDependencies": {
+    "@babel/plugin-proposal-optional-chaining": "7.21.0",
+    "@maxelms/create-plugin-cli": "<%= cliVersion %>",
+    "@vue/cli-plugin-babel": "4.5.0",
+    "@vue/cli-plugin-eslint": "4.5.0",
+    "@vue/cli-service": "4.5.0",
+    "archiver": "5.3.1",
+    "@vue/compiler-sfc": "3.0.0",
+    "babel-eslint": "10.1.0",
+    "copy-webpack-plugin": "5.1.1",
+    "eslint": "6.7.2",
+    "eslint-plugin-vue": "6.2.2",
+    "less": "^4.1.3",
+    "less-loader": "5.0.0",
+    "sass": "1.47.0",
+    "sass-loader": "8.0.2",
+    "url-loader": "2.2.0",
+    "vue-template-compiler": "2.6.11"
+  },
+  "eslintConfig": {
+    "root": true,
+    "env": {
+      "node": true
+    },
+    "extends": [
+      "plugin:vue/essential",
+      "eslint:recommended"
+    ],
+    "parserOptions": {
+      "parser": "babel-eslint"
+    },
+    "rules": {}
+  },
+  "browserslist": [
+    "> 1%",
+    "last 2 versions",
+    "not dead"
+  ]
+}

package/templates/vue3-micro-plugin/public/configuration.json ADDED Viewed

@@ -0,0 +1,30 @@
+{
+  "propName1": {
+    "label": "配置项一",
+    "type": "string",
+    "defaultValue": "配置项内容"
+  },
+  "propName2": {
+    "label": "配置项二",
+    "type": "number",
+    "defaultValue": 350
+  },
+  "propName3": {
+    "label": "配置项三",
+    "type": "select",
+    "options": [
+      {
+        "label": "选项1",
+        "value": "option1"
+      },
+      {
+        "label": "选项2",
+        "value": "option2"
+      },
+      {
+        "label": "选项3",
+        "value": "option3"
+      }
+    ]
+  }
+}

package/templates/vue3-micro-plugin/public/index.html ADDED Viewed

@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8" />
+    <title>Maxelms 页面组件</title>
+  </head>
+  <body>
+    <div id="root"></div>
+  </body>
+</html>

package/templates/vue3-micro-plugin/scripts/compress.js ADDED Viewed

@@ -0,0 +1,32 @@
+const fs = require('fs');
+const archiver = require('archiver');
+const distDir = 'dist'
+if (fs.existsSync(distDir)) {
+  if (fs.existsSync('dist.maxplugin')) {
+    fs.unlinkSync('dist.maxplugin')
+  }
+  const output = fs.createWriteStream('dist.maxplugin');
+  const archive = archiver('zip', {
+    zlib: { level: 9 }
+  });
+  output.on('close', function() {
+    console.log('Compress completed!');
+  });
+  archive.on('error', function(err) {
+    console.log('Compress failed!');
+    throw err;
+  });
+  archive.pipe(output);
+  archive.directory('dist/', 'dist');
+  archive.finalize();
+} else {
+  console.log('No dist directory found!');
+}

package/templates/vue3-micro-plugin/src/App.vue.tpl ADDED Viewed

@@ -0,0 +1,42 @@
+<template>
+  <div>
+    <div class="maxelms-customize-component-<%= timestamp %>">
+      <input
+        :style="{width: `${width}px`}"
+        :disabled="disabled"
+        :placeholder="placeholder"
+        value="欢迎使用 Maxelms 页面组件"
+      />
+    </div>
+  </div>
+</template>
+<script>
+export default {
+  name: 'App',
+  components: {
+  },
+  methods: {
+  },
+  computed: {
+    /** 是否禁用 */
+    disabled () {
+      return this.$root?.masterProps?.configurations?.propName3
+    },
+    /** 控件宽度 */
+    width () {
+      return this.$root?.masterProps?.configurations?.propName2 || 350
+    },
+    /** 提示文本 */
+    placeholder () {
+      return this.$root?.masterProps?.configurations?.propName1
+    },
+  },
+}
+</script>
+<style lang="less">
+@import "./style.less";
+</style>

package/templates/vue3-micro-plugin/src/main.js ADDED Viewed

@@ -0,0 +1,41 @@
+import { createApp } from 'vue';
+import { registerPlugin, poweredByMaxelms } from '@maxelms/create-pulgin-api'
+import App from './App.vue'
+// Vue.config.productionTip = false
+window.__SINGLETON_MODE__ = true
+// configureCompat({
+//   MODE: true, // 开启 Vue 2 兼容模式
+// });
+const vms = {}
+const render = (props) => {
+  const { containerId } = props || {}
+  createApp(App, {
+    data: {
+      masterProps: props || {}
+    },
+  }).mount(containerId ? `#${containerId} #root` : '#root');
+}
+if (poweredByMaxelms) {
+  registerPlugin({
+    mount(props) {
+      render(props)
+    },
+    update(props) {
+      if (vms[props.containerId]) {
+        vms[props.containerId].masterProps = props
+      }
+    },
+    unmount(props) {
+      vms[props.containerId]?.$destroy?.()
+      vms[props.containerId] = null
+    }
+  });
+} else {
+  render()
+}

package/templates/vue3-micro-plugin/src/style.less.tpl ADDED Viewed

@@ -0,0 +1,16 @@
+@prefixCls: maxelms-customize-component-<%= timestamp %>;
+.@{prefixCls} {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-direction: column;
+    input {
+      width: 300px;
+      text-align: center;
+    }
+    img {
+      width: 350px;
+    }
+}

package/templates/vue3-micro-plugin/vue.config.js ADDED Viewed

@@ -0,0 +1,46 @@
+const path = require('path');
+const CopyWebpackPlugin = require('copy-webpack-plugin');
+module.exports = {
+  pages: {
+    index: {
+      entry: "src/main.js",
+      template: "public/index.html",
+      filename: "index.html",
+      title: "Maxelms Plugin",
+    },
+  },
+  publicPath: './',
+  css: {
+    extract: true,
+  },
+  productionSourceMap: false,
+  devServer: {
+    headers: {
+      "Access-Control-Allow-Origin": "*",
+    },
+    port: 8080,
+    open: ['/', '/playground.html'],
+    contentBase: path.join(__dirname, 'examples/'),
+  },
+  chainWebpack: (config) => {
+    config.module
+      .rule('fonts')
+      .test(/.(ttf|otf|eot|woff|woff2)$/)
+      .use('url-loader')
+      .loader('url-loader')
+      .tap(() => ({
+        name: '/fonts/[name].[hash:8].[ext]'
+      }))
+      .end()
+  },
+  configureWebpack: {
+    plugins: [
+      new CopyWebpackPlugin([
+        { from: 'README.md' },
+        { from: 'manifest.json' },
+      ]),
+    ]
+  },
+};

package/templates/vue3vite-micro-app/.gitignore.tpl ADDED Viewed

@@ -0,0 +1,23 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+# dependencies
+/node_modules
+/npm-debug.log*
+/yarn-error.log
+/yarn.lock
+/package-lock.json
+# production
+/dist
+# misc
+.DS_Store
+# umi
+/src/.umi
+/src/.umi-production
+/src/.umi-test
+/.env.local
+/dist.maxplugin
+/dist.zip
+/.vscode

package/templates/vue3vite-micro-app/README.md ADDED Viewed

@@ -0,0 +1,48 @@
+### 本地使用代理到主应用环境
+npm run proxy（可以控制 DIST_PROT 修改静态资源端口号）
+# vue-project
+This template should help get you started developing with Vue 3 in Vite.
+## Recommended IDE Setup
+[VSCode](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur).
+## Type Support for `.vue` Imports in TS
+TypeScript cannot handle type information for `.vue` imports by default, so we replace the `tsc` CLI with `vue-tsc` for type checking. In editors, we need [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) to make the TypeScript language service aware of `.vue` types.
+## Customize configuration
+See [Vite Configuration Reference](https://vite.dev/config/).
+## Project Setup
+```sh
+pnpm install
+```
+### Compile and Hot-Reload for Development
+```sh
+pnpm dev
+```
+### Type-Check, Compile and Minify for Production
+```sh
+pnpm build
+```
+### Run Unit Tests with [Vitest](https://vitest.dev/)
+```sh
+pnpm test:unit
+```
+### Lint with [ESLint](https://eslint.org/)
+```sh
+pnpm lint
+```

package/templates/{vue3-micro-app → vue3vite-micro-app}/eslint.config.js RENAMED Viewed

@@ -16,10 +16,14 @@ export default [
   ...pluginVue.configs['flat/essential'],
   ...vueTsEslintConfig(),
   {
     ...pluginVitest.configs.recommended,
     files: ['src/**/__tests__/*'],
   },
   skipFormatting,
+  {
+    rules: {
+      '@typescript-eslint/no-explicit-any': 'off',
+    }
+  },
 ]

package/templates/vue3vite-micro-app/package.json.tpl ADDED Viewed

@@ -0,0 +1,53 @@
+{
+  "name": "<%= pluginName %>",
+  "version": "0.0.1",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "start": "vite",
+    "proxy": "npm run build && cross-env DIST_PROT=9966 node scripts/devDistServe.cjs",
+    "build": "run-p type-check \"build-only {@}\" -- && maxelms-plugin-cli -c",
+    "preview": "vite preview",
+    "test:unit": "vitest",
+    "build-only": "vite build",
+    "type-check": "vue-tsc --build",
+    "lint": "eslint . --fix",
+    "format": "prettier --write src/"
+  },
+  "dependencies": {
+    "@esbuild/darwin-arm64": "0.24.0",
+    "@rollup/rollup-darwin-arm64": "4.28.1",
+    "pinia": "2.2.6",
+    "vue": "3.5.13",
+    "vue-router": "4.4.5"
+  },
+  "devDependencies": {
+    "@maxelms/create-plugin-cli": "<%= cliVersion %>",
+    "@tsconfig/node22": "22.0.0",
+    "@types/jsdom": "21.1.7",
+    "@types/node": "22.9.3",
+    "@vitejs/plugin-vue": "5.2.1",
+    "@vitejs/plugin-vue-jsx": "4.1.1",
+    "@vitest/eslint-plugin": "1.1.10",
+    "@vue/eslint-config-prettier": "10.1.0",
+    "@vue/eslint-config-typescript": "14.1.3",
+    "@vue/test-utils": "2.4.6",
+    "@vue/tsconfig": "0.7.0",
+    "cors": "2.8.5",
+    "cross-env": "7.0.3",
+    "eslint": "9.14.0",
+    "eslint-plugin-vue": "9.30.0",
+    "express": "4.21.2",
+    "jsdom": "25.0.1",
+    "npm-run-all2": "7.0.1",
+    "prettier": "3.3.3",
+    "typescript": "5.6.3",
+    "vite": "6.0.1",
+    "vite-plugin-vue-devtools": "7.6.5",
+    "vitest": "2.1.5",
+    "vue-tsc": "2.1.10"
+  },
+  "resolutions": {
+    "magic-string": "0.30.15"
+  }
+}

package/templates/vue3vite-micro-app/public/configuration.json ADDED Viewed

@@ -0,0 +1,30 @@
+{
+  "propName1": {
+    "label": "配置项一",
+    "type": "string",
+    "defaultValue": "配置项内容"
+  },
+  "propName2": {
+    "label": "配置项二",
+    "type": "number",
+    "defaultValue": 350
+  },
+  "propName3": {
+    "label": "配置项三",
+    "type": "select",
+    "options": [
+      {
+        "label": "选项1",
+        "value": "option1"
+      },
+      {
+        "label": "选项2",
+        "value": "option2"
+      },
+      {
+        "label": "选项3",
+        "value": "option3"
+      }
+    ]
+  }
+}

package/templates/vue3vite-micro-app/public/favicon.ico ADDED Viewed

Binary file

package/templates/vue3vite-micro-app/scripts/devDistServe.cjs ADDED Viewed

@@ -0,0 +1,16 @@
+const express = require('express');
+const cors = require('cors');
+const path = require('path');
+const { DIST_PROT = '3000' } = process.env
+const app = express();
+// 启用 CORS 中间件
+app.use(cors());
+// 设置静态文件目录
+app.use(express.static(path.join(__dirname, '../dist')));
+app.listen(DIST_PROT, () => {
+    console.log(`Server running at http://localhost:${DIST_PROT}/`);
+});

package/templates/vue3vite-micro-app/src/App.vue ADDED Viewed

@@ -0,0 +1,91 @@
+<script setup lang="ts">
+defineProps<{
+  configurations: any
+}>()
+import { RouterLink, RouterView } from 'vue-router'
+import HelloWorld from './components/HelloWorld.vue'
+</script>
+<template>
+  <header>
+    <img alt="Vue logo" class="logo" src="@/assets/logo.svg" width="125" height="125" />
+    <div class="wrapper">
+      <HelloWorld msg="You did it!" />
+      {{ configurations.propName1 }}
+      <nav>
+        <a>Home</a>
+        <br />
+        <a>about</a>
+        <!-- <RouterLink to="/">Home</RouterLink> -->
+        <!-- <RouterLink to="/about">About</RouterLink> -->
+      </nav>
+    </div>
+  </header>
+  <RouterView />
+</template>
+<style scoped>
+header {
+  line-height: 1.5;
+  max-height: 100vh;
+}
+.logo {
+  display: block;
+  margin: 0 auto 2rem;
+}
+nav {
+  width: 100%;
+  font-size: 12px;
+  text-align: center;
+  margin-top: 2rem;
+}
+nav a.router-link-exact-active {
+  color: var(--color-text);
+}
+nav a.router-link-exact-active:hover {
+  background-color: transparent;
+}
+nav a {
+  display: inline-block;
+  padding: 0 1rem;
+  border-left: 1px solid var(--color-border);
+}
+nav a:first-of-type {
+  border: 0;
+}
+@media (min-width: 1024px) {
+  header {
+    display: flex;
+    place-items: center;
+    padding-right: calc(var(--section-gap) / 2);
+  }
+  .logo {
+    margin: 0 2rem 0 0;
+  }
+  header .wrapper {
+    display: flex;
+    place-items: flex-start;
+    flex-wrap: wrap;
+  }
+  nav {
+    text-align: left;
+    margin-left: -1rem;
+    font-size: 1rem;
+    padding: 1rem 0;
+    margin-top: 1rem;
+  }
+}
+</style>

package/templates/vue3vite-micro-app/src/components/HelloWorld.vue ADDED Viewed

@@ -0,0 +1,42 @@
+<script setup lang="ts">
+defineProps<{
+  msg: string
+}>()
+console.log('1234214321', '12341232323412')
+</script>
+<template>
+  <div class="greetings">
+    <h1 class="green">{{ msg }}</h1>
+    <h3>
+      You’ve successfully created a project with
+      <a href="https://vite.dev/" target="_blank" rel="noopener">Vite</a> +
+      <a href="https://vuejs.org/" target="_blank" rel="noopener">Vue 3</a>. What's next?
+    </h3>
+  </div>
+</template>
+<style scoped>
+h1 {
+  font-weight: 500;
+  font-size: 2.6rem;
+  position: relative;
+  top: -10px;
+}
+h3 {
+  font-size: 1.2rem;
+}
+.greetings h1,
+.greetings h3 {
+  text-align: center;
+}
+@media (min-width: 1024px) {
+  .greetings h1,
+  .greetings h3 {
+    text-align: left;
+  }
+}
+</style>