npm - create-widget - Versions diffs - 0.0.2 → 0.0.4 - Mend

create-widget 0.0.2 → 0.0.4

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 (44) hide show

package/lib/index.js +53 -35
package/package.json +7 -4
package/.editorconfig +0 -13
package/.idea/create-widget.iml +0 -9
package/.idea/inspectionProfiles/Project_Default.xml +0 -6
package/.idea/jpa-buddy.xml +0 -6
package/.idea/misc.xml +0 -8
package/.idea/modules.xml +0 -8
package/.idea/prettier.xml +0 -6
package/.idea/vcs.xml +0 -6
package/src/index.ts +0 -144
package/src/utils/FileUtils.ts +0 -33
package/src/utils/deepMerge.ts +0 -26
package/src/utils/directoryTraverse.ts +0 -35
package/src/utils/getCommand.ts +0 -13
package/src/utils/renderTemplate.ts +0 -88
package/src/utils/sortDependencies.ts +0 -22
package/test/index.test.ts +0 -24
package/tsconfig.json +0 -12
package/tsup.config.ts +0 -6
package/widget-test/.vscode/extensions.json +0 -3
package/widget-test/README.md +0 -40
package/widget-test/env.d.ts +0 -1
package/widget-test/index.html +0 -13
package/widget-test/package.json +0 -30
package/widget-test/public/favicon.ico +0 -0
package/widget-test/public/preview_clock.png +0 -0
package/widget-test/public/widget.json +0 -50
package/widget-test/src/App.vue +0 -9
package/widget-test/src/assets/main.css +0 -3
package/widget-test/src/main.ts +0 -12
package/widget-test/src/router/index.ts +0 -11
package/widget-test/src/widgets/clock/Clock.widget.ts +0 -32
package/widget-test/src/widgets/clock/ClockConfigView.vue +0 -38
package/widget-test/src/widgets/clock/ClockWidgetRoutes.ts +0 -28
package/widget-test/src/widgets/clock/ClockWidgetView.vue +0 -34
package/widget-test/src/widgets/clock/model/ClockModel.ts +0 -5
package/widget-test/src/widgets/widget-router.ts +0 -8
package/widget-test/tsconfig.app.json +0 -13
package/widget-test/tsconfig.json +0 -11
package/widget-test/tsconfig.node.json +0 -17
package/widget-test/vite.config.ts +0 -14
package/widget-test/widget.package.ts +0 -20
package/widget-test/yarn.lock +0 -1399

package/test/index.test.ts DELETED Viewed

@@ -1,24 +0,0 @@
-import {expect, test} from "vitest";
-import {minimatch} from "minimatch";
-import path from "path";
-import gradient  from "gradient-string"
-test('minimatch',()=>{
-  let fileName = path.basename('C:\\Users\\rtuge\\Desktop\\github\\widgetjs\\packages\\@widget-js\\cli\\template\\Widget.ejs');
-  expect(minimatch(fileName,'*.ejs')).toBeTruthy()
-  expect(minimatch(fileName,'*.ts')).toBeFalsy()
-})
-test('gradient brand',()=>{
-  console.log(gradient([
-    { color: '#42d392', pos: 0 },
-    { color: '#42d392', pos: 0.1 },
-    { color: '#647eff', pos: 1 }
-  ])('Widget.js - The Desktop Widget Framework'))
-  console.log(gradient([
-    {color: '#42d392', pos: 0},
-    {color: '#42d392', pos: 0.1},
-    {color: '#647eff', pos: 1}
-  ])('Widget.js - The Desktop Widget Framework'));
-})

package/tsconfig.json DELETED Viewed

@@ -1,12 +0,0 @@
-{
-  "extends": "@tsconfig/node18/tsconfig.json",
-  "include": [
-    "index.ts",
-    "utils/**/*"
-  ],
-  "compilerOptions": {
-    "strict": false,
-    "resolveJsonModule": true,
-    "moduleResolution": "Node16"
-  }
-}

package/tsup.config.ts DELETED Viewed

@@ -1,6 +0,0 @@
-import { defineConfig } from 'tsup';
-export default defineConfig({
-    outDir: 'lib',
-    format: 'js'
-});

package/widget-test/.vscode/extensions.json DELETED Viewed

@@ -1,3 +0,0 @@
-{
-  "recommendations": ["Vue.volar", "Vue.vscode-typescript-vue-plugin"]
-}

package/widget-test/README.md DELETED Viewed

@@ -1,40 +0,0 @@
-# hello widget
-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) + [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin).
-## 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 [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin) to make the TypeScript language service aware of `.vue` types.
-If the standalone TypeScript plugin doesn't feel fast enough to you, Volar has also implemented a [Take Over Mode](https://github.com/johnsoncodehk/volar/discussions/471#discussioncomment-1361669) that is more performant. You can enable it by the following steps:
-1. Disable the built-in TypeScript Extension
-    1) Run `Extensions: Show Built-in Extensions` from VSCode's command palette
-    2) Find `TypeScript and JavaScript Language Features`, right click and select `Disable (Workspace)`
-2. Reload the VSCode window by running `Developer: Reload Window` from the command palette.
-## Customize configuration
-See [Vite Configuration Reference](https://vitejs.dev/config/).
-## Project Setup
-```sh
-npm install
-```
-### Compile and Hot-Reload for Development
-```sh
-npm run dev
-```
-### Type-Check, Compile and Minify for Production
-```sh
-npm run build
-```

package/widget-test/env.d.ts DELETED Viewed

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

package/widget-test/index.html DELETED Viewed

@@ -1,13 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8">
-    <link rel="icon" href="/favicon.ico">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Vite App</title>
-  </head>
-  <body>
-    <div id="app"></div>
-    <script type="module" src="/src/main.ts"></script>
-  </body>
-</html>

package/widget-test/package.json DELETED Viewed

@@ -1,30 +0,0 @@
-{
-  "name": "hello-widget",
-  "version": "0.0.0",
-  "private": true,
-  "type": "module",
-  "scripts": {
-    "dev": "vite",
-    "build": "run-p type-check \"build-only {@}\" --",
-    "preview": "vite preview",
-    "build-only": "vite build",
-    "type-check": "vue-tsc --build --force"
-  },
-  "dependencies": {
-    "vue": "^3.3.11",
-    "vue-router": "^4.2.5",
-    "@widget-js/core": "0.11.20",
-    "@widget-js/vue3": "0.11.21-rc.2"
-  },
-  "devDependencies": {
-    "@tsconfig/node18": "^18.2.2",
-    "@types/node": "^18.19.3",
-    "@vitejs/plugin-vue": "^4.5.2",
-    "@vue/tsconfig": "^0.5.0",
-    "npm-run-all2": "^6.1.1",
-    "typescript": "~5.3.0",
-    "vite": "^5.0.10",
-    "vue-tsc": "^1.8.25",
-    "@widget-js/vite-plugin-widget": "^1.2.8"
-  }
-}

package/widget-test/public/favicon.ico DELETED Viewed

Binary file

package/widget-test/public/preview_clock.png DELETED Viewed

Binary file

package/widget-test/public/widget.json DELETED Viewed

@@ -1,50 +0,0 @@
-{
-  "name": "cn.example.widget",
-  "version": "1.0.0",
-  "author": "修改成你的信息",
-  "homepage": "",
-  "title": {
-    "zh-CN": "修改成你的组件标题"
-  },
-  "description": {
-    "zh-CN": "修改成你的组件描述"
-  },
-  "entry": "/",
-  "hash": true,
-  "url": "",
-  "widgets": [
-    {
-      "name": "cn.test.widget.clock",
-      "title": {
-        "zh-CN": "时钟"
-      },
-      "description": {
-        "zh-CN": "Hello world!"
-      },
-      "keywords": [
-        "recommend"
-      ],
-      "security": false,
-      "permissions": [],
-      "lang": "zh-CN",
-      "width": 2,
-      "height": 2,
-      "maxWidth": 6,
-      "webviewTag": false,
-      "maxHeight": 6,
-      "minWidth": 2,
-      "minHeight": 2,
-      "movable": true,
-      "singleton": false,
-      "resizable": true,
-      "path": "/widget/clock",
-      "meta": {},
-      "backgroundThrottling": true,
-      "previewImage": "/preview_clock.png",
-      "supportDeployMode": 17,
-      "configPagePath": "/widget/config/clock",
-      "routes": []
-    }
-  ],
-  "pages": []
-}

package/widget-test/src/App.vue DELETED Viewed

@@ -1,9 +0,0 @@
-<script setup lang="ts">
-import {RouterView } from 'vue-router'
-</script>
-<template>
-  <RouterView />
-</template>
-<style scoped></style>

package/widget-test/src/assets/main.css DELETED Viewed

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

package/widget-test/src/main.ts DELETED Viewed

@@ -1,12 +0,0 @@
-import { WidgetJsPlugin } from '@widget-js/vue3'
-import '@widget-js/vue3/dist/style.css'
-import '@/assets/main.css'
-import { createApp } from 'vue'
-import App from './App.vue'
-import router from './router'
-const app = createApp(App)
-app.use(router)
-app.use(WidgetJsPlugin)
-app.mount('#app')

package/widget-test/src/router/index.ts DELETED Viewed

@@ -1,11 +0,0 @@
-import WidgetRouter from '../widgets/widget-router';
-import {createRouter, createWebHashHistory} from 'vue-router';
-const router = createRouter({
-  history: createWebHashHistory(import.meta.env.BASE_URL),
-  routes: [
-    ...WidgetRouter,
-  ],
-});
-export default router;

package/widget-test/src/widgets/clock/Clock.widget.ts DELETED Viewed

@@ -1,32 +0,0 @@
-import { Widget, WidgetKeyword } from '@widget-js/core';
-//TODO 修改组件信息，标题，描述，关键词
-const name = 'cn.test.widget.clock';
-//组件标题
-const title = { 'zh-CN': '时钟' };
-//组件描述
-const description = { 'zh-CN': 'Hello world!' };
-//组件关键词
-const keywords = [WidgetKeyword.RECOMMEND];
-//组件路由地址
-const path = '/widget/clock';
-//配置页路由地址
-const configPagePath = '/widget/config/clock';
-//组件关键词
-const ClockWidget = new Widget({
-  name: name,
-  title: title,
-  description: description,
-  keywords: keywords,
-  lang: 'zh-CN',
-  width: 2,
-  height: 2,
-  minWidth: 2,
-  maxWidth: 6,
-  minHeight: 2,
-  maxHeight: 6,
-  previewImage: '/preview_clock.png',
-  path,
-  configPagePath,
-});
-export default ClockWidget;

package/widget-test/src/widgets/clock/ClockConfigView.vue DELETED Viewed

@@ -1,38 +0,0 @@
-<template>
-  <widget-edit-dialog
-      :widget-params="widgetParams"
-      :option="widgetConfigOption"
-      v-model="widgetData"
-      @apply="save()"
-      @confirm="save({ closeWindow: true })"
-  >
-    <template #custom>
-      标题 <input v-model="widgetData.title"/>
-    </template>
-  </widget-edit-dialog>
-</template>
-<script lang="ts" setup>
-import {
-  useWidget,
-  WidgetConfigOption,
-  WidgetEditDialog,
-} from '@widget-js/vue3';
-import {BrowserWindowApi} from '@widget-js/core';
-import {ClockModel} from "@/widgets/clock/model/ClockModel";
-const {widgetData, widgetParams, save} = useWidget(ClockModel);
-BrowserWindowApi.setup({width: 600, height: 400});
-//修改成需要设置组件参数配置
-const widgetConfigOption = new WidgetConfigOption({
-  title:'时钟设置',
-  theme: {
-    backgroundColor: true,
-    borderRadius: true,
-  }
-});
-</script>
-<style scoped>
-</style>

package/widget-test/src/widgets/clock/ClockWidgetRoutes.ts DELETED Viewed

@@ -1,28 +0,0 @@
-import type { RouteRecordRaw } from 'vue-router';
-import ClockWidget from './Clock.widget';
-const path = ClockWidget.path;
-const name = ClockWidget.name;
-const configPagePath = ClockWidget.configPagePath!;
-const ClockWidgetRoutes: RouteRecordRaw[] = [
-  {
-    path: path,
-    name: `${name}`,
-    component: () =>
-      import(
-        /* webpackChunkName: "cn.test.widget.clock" */ './ClockWidgetView.vue'
-      ),
-  },
-  {
-    path: configPagePath,
-    name: `${name}.config`,
-    component: () =>
-      import(
-        /* webpackChunkName: "cn.test.widget.clock.config" */ './ClockConfigView.vue'
-      ),
-  },
-];
-export default ClockWidgetRoutes;

package/widget-test/src/widgets/clock/ClockWidgetView.vue DELETED Viewed

@@ -1,34 +0,0 @@
-<template>
-  <widget-wrapper>
-    <div class="clock">
-      <span>{{ widgetData.title }}</span>
-      <span>{{ time }}</span>
-    </div>
-  </widget-wrapper>
-</template>
-<script lang="ts" setup>
-import {useWidget} from '@widget-js/vue3';
-import {ref} from "vue";
-import {ClockModel} from "@/widgets/clock/model/ClockModel";
-const {widgetData} = useWidget(ClockModel);
-const time = ref(new Date().toLocaleTimeString())
-setInterval(() => {
-  time.value = new Date().toLocaleTimeString()
-}, 1000)
-</script>
-<style scoped>
-.clock {
-  font-size: 16px;
-  font-weight: bold;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  background-color: var(--widget-background-color);
-  border-radius: var(--widget-border-radius);
-  color: var(--widget-color);
-  justify-content: center;
-}
-</style>

package/widget-test/src/widgets/clock/model/ClockModel.ts DELETED Viewed

@@ -1,5 +0,0 @@
-import {WidgetData} from "@widget-js/core";
-export class ClockModel extends WidgetData {
-    title: string = 'Hello world!';
-}

package/widget-test/src/widgets/widget-router.ts DELETED Viewed

@@ -1,8 +0,0 @@
-import type { RouteRecordRaw } from 'vue-router'
-import ClockWidgetRoutes from "./clock/ClockWidgetRoutes";
-//FBI WANING! IMPORT PLACE, DONT DELETE THIS LINE
-const WidgetRouter: RouteRecordRaw[] = [
-    ...ClockWidgetRoutes,
-    //FBI WANING! ROUTE PLACE, DONT DELETE THIS LINE
-];
-export default WidgetRouter

package/widget-test/tsconfig.app.json DELETED Viewed

@@ -1,13 +0,0 @@
-{
-  "extends": "@vue/tsconfig/tsconfig.dom.json",
-  "include": ["env.d.ts", "src/**/*", "src/**/*.vue"],
-  "exclude": ["src/**/__tests__/*"],
-  "compilerOptions": {
-    "composite": true,
-    "noEmit": true,
-    "baseUrl": ".",
-    "paths": {
-      "@/*": ["./src/*"]
-    }
-  }
-}

package/widget-test/tsconfig.json DELETED Viewed

@@ -1,11 +0,0 @@
-{
-  "files": [],
-  "references": [
-    {
-      "path": "./tsconfig.node.json"
-    },
-    {
-      "path": "./tsconfig.app.json"
-    }
-  ]
-}

package/widget-test/tsconfig.node.json DELETED Viewed

@@ -1,17 +0,0 @@
-{
-  "extends": "@tsconfig/node18/tsconfig.json",
-  "include": [
-    "vite.config.*",
-    "vitest.config.*",
-    "cypress.config.*",
-    "nightwatch.conf.*",
-    "playwright.config.*"
-  ],
-  "compilerOptions": {
-    "composite": true,
-    "noEmit": true,
-    "module": "ESNext",
-    "moduleResolution": "Bundler",
-    "types": ["node"]
-  }
-}

package/widget-test/vite.config.ts DELETED Viewed

@@ -1,14 +0,0 @@
-import widget from '@widget-js/vite-plugin-widget';
-import { fileURLToPath, URL } from 'node:url';
-import { defineConfig } from 'vite';
-import vue from '@vitejs/plugin-vue';
-// https://vitejs.dev/config/
-export default defineConfig({
-  plugins: [vue(), widget()],
-  resolve: {
-    alias: {
-      '@': fileURLToPath(new URL('./src', import.meta.url)),
-    },
-  },
-});

package/widget-test/widget.package.ts DELETED Viewed

@@ -1,20 +0,0 @@
-import { WidgetPackage } from '@widget-js/core';
-//TODO 完善组件包信息
-export default new WidgetPackage({
-  author: '修改成你的信息',
-  description: {
-    'zh-CN': '修改成你的组件描述',
-  },
-  entry: '/',
-  hash: true,
-  homepage: '',
-  name: 'cn.example.widget',
-  title: {
-    'zh-CN': '修改成你的组件标题',
-  },
-  version: '1.0.0',
-  devOptions: {
-    folder: './src/widgets/',
-  },
-});