create-bc-app 1.0.9 → 1.1.2

package/template-protocut-2d/package.json

@@ -0,0 +1,41 @@
+{
+  "name": "example_project",
+  "private": true,
+  "version": "0.0.0",
+  "type": "module",
+  "scripts": {
+    "dev": "vite --host",
+    "build": "vue-tsc -b && vite build",
+    "preview": "vite preview",
+    "lint": "eslint . --ext .vue,.js,.ts,.jsx,.cjs,.mjs --ignore-path .gitignore",
+    "test": "vitest --ui"
+  },
+  "dependencies": {
+    "@fscut/bochui": "^0.1.4",
+    "@fsdev/cadui-2d": "^0.0.2",
+    "@fsdev/cutui-2d": "^0.0.2",
+    "@fsdev/fs-utils": "1.1.2",
+    "@fsdev/element-plus": "^2.7.3",
+    "@fsdev/webcad-js": "1.1.0",
+    "less": "^4.2.0",
+    "less-loader": "^12.2.0",
+    "vue": "^3.4.29"
+  },
+  "devDependencies": {
+    "@babel/preset-typescript": "^7.24.7",
+    "@rushstack/eslint-patch": "^1.5.1",
+    "@typescript-eslint/eslint-plugin": "^7.15.0",
+    "@typescript-eslint/parser": "^7.15.0",
+    "@vitejs/plugin-vue": "^5.0.5",
+    "@vitest/ui": "^1.6.0",
+    "@vue/test-utils": "^2.4.6",
+    "eslint": "^8.57.0",
+    "eslint-plugin-vue": "^9.26.0",
+    "happy-dom": "^14.12.3",
+    "typescript": "^5.2.2",
+    "vite": "^5.3.1",
+    "vite-plugin-static-copy": "^1.0.1",
+    "vitest": "^1.6.0",
+    "vue-tsc": "^2.0.21"
+  }
+}

package/template-protocut-2d/public/vite.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>

package/template-protocut-2d/src/App.vue

@@ -0,0 +1,12 @@
+<script setup lang="ts">
+import Home from './views/Home.vue'
+</script>
+
+<template>
+  <div>
+    <Home />
+  </div>
+</template>
+
+<style scoped lang="less">
+</style>

package/template-protocut-2d/src/assets/vue.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="37.07" height="36" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 198"><path fill="#41B883" d="M204.8 0H256L128 220.8L0 0h97.92L128 51.2L157.44 0h47.36Z"></path><path fill="#41B883" d="m0 0l128 220.8L256 0h-51.2L128 132.48L50.56 0H0Z"></path><path fill="#35495E" d="M50.56 0L128 133.12L204.8 0h-47.36L128 51.2L97.92 0H50.56Z"></path></svg>

package/template-protocut-2d/src/components/Example.vue

@@ -0,0 +1,36 @@
+<script setup lang="ts">
+import { ref } from 'vue'
+
+defineOptions({
+  name: 'Example'
+})
+
+defineProps<{ msg: string }>()
+const count = ref(0)
+function changeCount () {
+  count.value = 1
+}
+</script>
+
+<template>
+  <fs-button
+    v-bind="{
+      disabled:false,
+      type:'primary',
+      title:'Vite + Vue + TS example project',
+      iconName:'placeholder',
+      icon:'iconBefore',
+      textAdapt:'omit',
+      maxWidth: 300
+    }"
+    @click="changeCount"
+  />
+  <div>Count: {{ count }}</div>
+  <h1>{{ msg }}</h1>
+</template>
+
+<style scoped lang="less">
+h1{
+ color: #000;
+}
+</style>

package/template-protocut-2d/src/main.ts

@@ -0,0 +1,43 @@
+import { createApp } from 'vue'
+import axios from 'axios'
+import './style.css'
+import App from './App.vue'
+import ElementPlus from '@fsdev/element-plus'
+import '@fsdev/element-plus/dist/index.css'
+import BochUI from '@fscut/bochui'
+import Cutui2D from '@fsdev/cutui-2d'
+import CADui2D from '@fsdev/cadui-2d'
+import '@fsdev/bochui/lib/style.css'
+import '@fsdev/cutui-2d/lib/style.css'
+import '@fsdev/cadui-2d/lib/style.css'
+
+import WebCAD from '@fsdev/webcad-js'
+(window as any).axios = axios
+
+import { registerEventManager } from '@fsdev/fs-utils'
+registerEventManager()
+
+axios.defaults.baseURL = 'https://webapp/'
+Cutui2D.http._defaults.baseURL = 'https://webapp/'
+CADui2D.http._defaults.baseURL = 'https://webapp/'
+
+window.WebCAD = WebCAD
+// 合并语言包
+try {
+  if (Cutui2D.i18n) {
+    Cutui2D.i18n.global.mergeLocaleMessage('zh', CADui2D.lang.zh)
+    Cutui2D.i18n.global.mergeLocaleMessage('en', CADui2D.lang.en)
+    Cutui2D.i18n.global.mergeLocaleMessage('ru', CADui2D.lang.ru)
+  }
+} catch (e) {
+  console.error(e)
+}
+window.i18n = Cutui2D.i18n
+
+createApp(App)
+  .use(ElementPlus)
+  .use(BochUI)
+  .use(Cutui2D)
+// 生产模式去掉警告
+  .use(CADui2D)
+  .mount('#app')

package/template-protocut-2d/src/style.css

@@ -0,0 +1,5 @@
+
+body {
+  margin: 0;
+}
+

package/template-protocut-2d/src/utils/plugins/watchNodeModules.js

@@ -0,0 +1,24 @@
+export function pluginWatchNodeModules (modules) {
+  return {
+    name: 'watch-node-modules',
+    configureServer: (server) => {
+      const regexp = `/node_modules\\/(?!${modules.join('|')}).*/`
+      server.watcher.options = {
+        ...server.watcher.options,
+        ignored: [
+          '**/.git/**',
+          '**/test-results/**',
+          new RegExp(regexp)
+        ]
+      }
+      server.watcher._userIgnored = undefined
+    },
+    config () {
+      return {
+        optimizeDeps: {
+          exclude: modules
+        }
+      }
+    }
+  }
+}

package/template-protocut-2d/src/views/Home.vue

@@ -0,0 +1,143 @@
+<template>
+  <div class="fs-protocut-home">
+    <!-- CADView区域注册 -->
+    <div id="cadview" class="cadview-container" style="position:relative; height: 100%">
+      <!-- 动态输入DOM -->
+      <!-- <fs-dynamic-input /> -->
+    </div>
+
+    <div class="job-center">
+      <div class="template">
+        全局顶部栏
+      </div>
+    </div>
+    <div class="global-header">
+      <div class="template">
+        任务中心
+      </div>
+    </div>
+    <div class="cad-toolbar">
+      <div class="template">
+        图形工具栏
+      </div>
+    </div>
+    <div class="control-center">
+      <div class="template">
+        控制中心
+      </div>
+    </div>
+    <div class="main-toolbar">
+      <div class="template">
+        主界面工具栏
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import '../../window.d.ts'
+import { onMounted, ref, computed } from 'vue'
+import { addFsEventListener } from '@fsdev/fs-utils'
+import Cadui2D from '@fsdev/cadui-2d'
+import Cutui2D from '@fsdev/cutui-2d'
+const id: number = 1
+
+// 拿到cadui的弹窗
+onMounted(() => {
+  initWebCad()
+})
+
+const { initCadView, onInitCadViewSuccess } = Cutui2D.hooks.useInitCadView()
+const initWebCad = async () => {
+  initCadView(id, 'cadview', {})
+}
+const theme = ref('light')
+
+addFsEventListener('init-cadview-success', () => {
+  onInitCadViewSuccess()
+  Cutui2D.setTheme('light')
+  addFsEventListener('setTheme', (param: string) => {
+    theme.value = param
+  })
+})
+</script>
+
+<style lang="less" scoped>
+.fs-protocut-home {
+  position: relative;
+  overflow: hidden;
+  height: 100vh;
+  .template {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background-color: rgba(242, 242, 242);
+
+  }
+  .dock {
+    position: absolute;
+    z-index: 999;
+    left: 50%;
+    transform: translateX(-50%);
+    bottom: 1.5rem;
+  }
+  .global-header{
+    position: absolute;
+    top: 0;
+    z-index: 1002;
+    .template {
+      height: 5rem;
+      width: 100vw;
+    }
+  }
+  .control-center {
+    transition: all .3s;
+    position: absolute;
+    height: calc(100% - 13.25rem);
+    right: 0;
+    bottom: 7rem;
+    z-index: 999;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    .template {
+      width: 4.5rem;
+      height: 28rem;
+    }
+  }
+  .cad-toolbar {
+    top: 5.5rem;
+    display: flex;
+    position: absolute;
+    z-index: 999;
+    left: 50%;
+    transform: translateX(-50%);
+    .template {
+      height: 4.75rem;
+      width: 10rem;
+    }
+  }
+  .job-center {
+    position: absolute;
+    z-index: 1001;
+    left: 1rem;
+    top: 5.5rem;
+    .template {
+      width: 29rem;
+      min-height: 45rem;
+    }
+  }
+  .main-toolbar {
+    position: absolute;
+    z-index: 999;
+    left: 50%;
+    transform: translateX(-50%);
+    bottom: 1.5rem;
+    div {
+      width: 40rem;
+      height: 5.5rem;
+    }
+
+  }
+}
+</style>

package/template-protocut-2d/src/vite-env.d.ts

@@ -0,0 +1 @@
+// / <reference types="vite/client" />

package/template-protocut-2d/test/App.test.ts

@@ -0,0 +1,16 @@
+import { mount } from '@vue/test-utils'
+import { describe, it, expect } from 'vitest'
+import Example from '../src/components/Example.vue'
+import App from '../src/App.vue'
+
+describe('App.vue', () => {
+  it('text app.vue', () => {
+    const wrapper = mount(App)
+    // 渲染app.vue组件
+    const example = wrapper.findComponent(Example)
+    // 检查 example 组件是否存在
+    expect(example.exists()).toBe(true)
+    // 检查props 对不对
+    expect(example.props('msg')).toBe('Vite + Vue + TS example project')
+  })
+})

package/template-protocut-2d/test/Example.test.ts

@@ -0,0 +1,21 @@
+import { mount } from '@vue/test-utils'
+import { describe, it, expect } from 'vitest'
+import Example from '../src/components/Example.vue'
+
+describe('Example.vue', () => {
+  it('render this correct text', () => {
+    const wrapper = mount(Example, {
+      props: {
+        msg: 'Vite + Vue + TS example project'
+      }
+    })
+    expect(wrapper.find('h1').text()).toBe('Vite + Vue + TS example project')
+  })
+
+  it('increments the count whine button is clicked', async() => {
+    const wrapper = mount(Example)
+    await wrapper.find('fs-button').trigger('click')
+    expect(wrapper.find('div').text()).toBe('Count: 1')
+  })
+})
+

package/template-protocut-2d/tsconfig.app.json

@@ -0,0 +1,27 @@
+{
+  "compilerOptions": {
+    "composite": true,
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
+    "target": "ES2020",
+    "useDefineForClassFields": true,
+    "module": "ESNext",
+    "lib": ["ES2020", "DOM", "DOM.Iterable"],
+    "skipLibCheck": true,
+
+    /* Bundler mode */
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "moduleDetection": "force",
+    "noEmit": true,
+    "jsx": "preserve",
+
+    /* Linting */
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noFallthroughCasesInSwitch": true
+  },
+  "include": ["src/**/*.ts", "src/**/*.tsx", "src/**/*.vue"]
+}

package/template-protocut-2d/tsconfig.json

@@ -0,0 +1,33 @@
+{
+  "compilerOptions": {
+    "baseUrl": "./",
+    "paths": {
+      "@/*":["src/*"]
+    },
+    "target": "ES2020",
+    "useDefineForClassFields": true,
+    "module": "ESNext",
+    "lib": ["ES2020", "DOM", "DOM.Iterable"],
+    "skipLibCheck": true,
+
+    /* Bundler mode */
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "noEmit": true,
+    "jsx": "preserve",
+    "checkJs": false,
+
+    /* Linting */
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noFallthroughCasesInSwitch": true,
+    "experimentalDecorators": true,
+  },
+  
+  "include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue", "src/main.ts"],
+  "references": [{ "path": "./tsconfig.node.json" }] , 
+  "exclude": ["node_modules"]
+}

package/template-protocut-2d/tsconfig.node.json

@@ -0,0 +1,11 @@
+{
+  "compilerOptions": {
+    "composite": true,
+    "skipLibCheck": true,
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "allowSyntheticDefaultImports": true,
+    "strict": true
+  },
+  "include": ["vite.config.ts"]
+}

package/template-protocut-2d/vite-env.d.ts

@@ -0,0 +1,15 @@
+// / <reference types="vite/client" />
+declare module '@fsdev/webcad'
+declare module '*.vue' {
+    import type { DefineComponent } from 'vue'
+    const component: DefineComponent<{}, {}, any>
+    export default component
+}
+
+declare module 'vuex' {
+    export * from 'vuex/types/index.d.ts'
+    export * from 'vuex/types/helpers.d.ts'
+    export * from 'vuex/types/logger.d.ts'
+    export * from 'vuex/types/vue.d.ts'
+
+}

package/template-protocut-2d/vite.config.ts

@@ -0,0 +1,55 @@
+import { defineConfig, loadEnv } from 'vite'
+import vue from '@vitejs/plugin-vue'
+import { resolve } from 'path'
+import { viteStaticCopy } from 'vite-plugin-static-copy'
+import { pluginWatchNodeModules } from './src/utils/plugins/watchNodeModules'
+const __dirname = resolve()
+import process from 'process'
+
+// https://vitejs.dev/config/
+export default ({ mode }) => {
+  const env = loadEnv(mode, process.cwd())
+  return defineConfig({
+    plugins: [vue(),
+      viteStaticCopy({
+        targets: [
+          {
+            src: './node_modules/@fsdev/webcad-js/dist-lib/webcad.umd.min.worker.js',
+            dest: './'
+          },
+          {
+            src: './node_modules/@fsdev/webcad-js/dist-lib/assets/**',
+            dest: './assets/'
+          }
+        ]
+      }),
+      pluginWatchNodeModules(['@fsdev/cutui-2d'])
+    ],
+    optimizeDeps: {
+      force: true // 强制进行依赖预构建
+    },
+    base: './',
+    build: {
+      minify: 'terser',
+      terserOptions: {
+        compress: {
+          'drop_console': env.VITE_ENV === 'production',
+          'drop_debugger': env.VITE_ENV === 'production'
+        }
+      },
+      rollupOptions: {
+        output: {
+          chunkFileNames: 'cdn/[name].js',
+          entryFileNames: 'cdn/[name].js',
+          sourcemap: env.VITE_ENV !== 'production' ? 'inline' : false
+        }
+      },
+      sourcemap: env.VITE_ENV !== 'production'
+    },
+    resolve: {
+      alias: {
+        '@': resolve(__dirname, './src')
+      }
+    }
+  })
+}

package/template-protocut-2d/window.d.ts

@@ -0,0 +1,6 @@
+interface Window {
+    WebCAD: any
+    $cadview: any
+    i18n: any
+    Vue: any
+}