vite-uni-dev-tool 0.0.12 → 0.0.13

package/dev/components/WebSocket/index.vue

@@ -1,124 +0,0 @@
-<template>
-  <view class="websocket-content">
-    <view class="websocket-control">
-      <FilterInput
-        :modelValue="modelValue"
-        placeholder="查询url"
-        @search="emit('search', $event)"
-        @update:modelValue="emit('update:modelValue', $event)"
-      />
-      <Tag
-        v-for="item in webSocketFilter"
-        :mode="item.mode"
-        :key="item.value"
-        :active="item.value === currentWebSocketType"
-        @click="onChoose(item.value)"
-      >
-        {{ item.label }}
-      </Tag>
-    </view>
-
-    <VirtualListPro
-      :data="wsList"
-      :pageSize="10"
-      :height="height"
-      className="websocket-list"
-    >
-      <template v-slot="{ list, start }">
-        <AutoSize
-          v-for="(item, index) in list"
-          :index="start + index"
-          :key="start + index"
-        >
-          <WebSocketItem :ws="item" :zIndex="zIndex" />
-        </AutoSize>
-        <Empty v-if="!wsList || wsList.length === 0" />
-      </template>
-    </VirtualListPro>
-  </view>
-</template>
-<script lang="ts" setup>
-import WebSocketItem from './WebSocketItem.vue';
-import Tag from '../Tag/index.vue';
-import Empty from '../Empty/index.vue';
-import FilterInput from '../FilterInput/index.vue';
-import type { DevTool } from '../../type';
-import VirtualListPro from '../VirtualListPro/index.vue';
-import AutoSize from '../VirtualListPro/AutoSize.vue';
-import { onMounted, ref } from 'vue';
-
-defineProps<{
-  wsList: DevTool.WS[];
-  currentWebSocketType: string;
-  modelValue: string;
-  zIndex?: number;
-}>();
-const emit = defineEmits<{
-  (e: 'choose', type: string): void;
-  (e: 'update:modelValue', value: string): void;
-  (e: 'search', value: string): void;
-}>();
-const webSocketFilter = [
-  {
-    label: '全部',
-    value: 'all',
-    mode: 'all',
-  },
-  {
-    label: 'con',
-    value: 'connection',
-    mode: 'info',
-  },
-  {
-    label: 'open',
-    value: 'open',
-    mode: 'success',
-  },
-  {
-    label: 'close',
-    value: 'close',
-    mode: 'warn',
-  },
-  {
-    label: 'error',
-    value: 'error',
-    mode: 'error',
-  },
-  {
-    label: '清除',
-    value: 'clear',
-    mode: 'clear',
-  },
-];
-
-function onChoose(type: string) {
-  emit('choose', type);
-}
-
-const height = ref(0);
-onMounted(() => {
-  const { windowHeight } = uni.getWindowInfo();
-  height.value = windowHeight - 32 - 32;
-});
-</script>
-<style scoped>
-.websocket-content {
-  height: 100%;
-  font-size: var(--dev-tool-base-font-size);
-}
-
-.websocket-control {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 8px;
-  padding: 0 16px;
-  height: 32px;
-  border-bottom: 1px solid var(--dev-tool-border-color);
-  box-sizing: border-box;
-}
-.websocket-list {
-  height: calc(100% - 32px);
-  overflow: auto;
-}
-</style>

package/dev/components/WindowInfo/index.vue

@@ -1,33 +0,0 @@
-<template>
-  <view class="window-info-content">
-    <JsonPretty v-if="showJson" :data="windowInfo" />
-    <Empty v-else />
-  </view>
-</template>
-<script lang="ts" setup>
-import { computed } from 'vue';
-import JsonPretty from '../JsonPretty/index.vue';
-
-import Empty from '../Empty/index.vue';
-const props = defineProps<{
-  windowInfo: Record<string, any>;
-}>();
-
-const showJson = computed(() => {
-  try {
-    const str = JSON.stringify(props.windowInfo);
-    if (typeof props.windowInfo === 'object' && (str === '' || str === '{}')) {
-      return false;
-    }
-    return true;
-  } catch (error) {
-    return false;
-  }
-});
-</script>
-<style scoped>
-.window-info-content {
-  padding: 16px;
-  font-size: var(--dev-tool-base-font-size);
-}
-</style>

package/dev/const.ts

@@ -1,164 +0,0 @@
-/**
- * 调试按钮事件
- */
-export const DEV_BUTTON_VISIBLE = 'dev-button-visible';
-
-/**
- * 调试弹窗事件
- */
-export const DEV_WINDOW_VISIBLE = 'dev-window-visible';
-
-/**
- * app 发出的信息
- */
-export const DEV_APP_MESSAGE = 'dev-app-message';
-
-/**
- * 调试弹窗发出的消息
- */
-export const DEV_WINDOW_MESSAGE = 'dev-window-message';
-
-/**
- * 调试器销毁
- */
-export const DEV_IS_DESTROY = 'dev-is-destroy';
-
-/**
- * 清空console
- */
-export const DEV_CONSOLE_CLEAR = 'dev-console-clear';
-
-/**
- * 清空network
- */
-export const DEV_NETWORK_CLEAR = 'dev-network-clear';
-
-/**
- * 清空websocket
- */
-export const DEV_WEBSOCKET_CLEAR = 'dev-websocket-clear';
-
-/**
- * 清空upload
- */
-export const DEV_UPLOAD_CLEAR = 'dev-upload-clear';
-
-/**
- * 清空storage
- */
-export const DEV_STORAGE_CLEAR = 'dev-storage-clear';
-
-/**
- * 刷新storage
- */
-export const DEV_STORAGE_REFRESH = 'dev-storage-refresh';
-
-/**
- * 移除storage
- */
-export const DEV_STORAGE_REMOVE = 'dev-storage-remove';
-
-/**
- * 新增storage
- */
-export const DEV_STORAGE_ADD = 'dev-storage-add';
-
-/**
- * 更新storage
- */
-export const DEV_STORAGE_UPDATE = 'dev-storage-update';
-
-/**
- * 页面跳转
- */
-export const DEV_PAGE_JUMP = 'dev-page-jump';
-
-/**
- * 隐藏调试按钮
- */
-export const DEV_BUTTON_SHOW_OR_HIDE = 'dev-button-show-or-hide';
-
-/**
- * 重启调试器
- */
-export const DEV_RESTART_DEBUGGER = 'dev-restart-debugger';
-
-/**
- * 重启app
- */
-export const DEV_RESTART_APP = 'dev-restart-app';
-
-/**
- * 导出日志
- */
-export const DEV_EXPORT_LOG = 'dev-export-log';
-
-/**
- * 改变vuex数据
- */
-export const DEV_VUEX_CHANGE = 'dev-vuex-change';
-
-/**
- * 改变pinia
- */
-export const DEV_PINIA_CHANGE = 'dev-pinia-change';
-
-/**
- * 清除日志缓存
- */
-export const DEV_LOG_CACHE_CLEAR = 'dev-log-cache-clear';
-
-/**
- * 销毁调试工具
- */
-export const DEV_DESTROY = 'dev-destroy';
-
-/**
- * 显示调试弹窗
- */
-export const DEV_WINDOW_OPEN = 'dev-window-open';
-
-/**
- * 显示调试弹窗
- */
-export const DEV_WINDOW_CLOSE = 'dev-window-close';
-
-/**
- * 刷新路由列表
- */
-export const DEV_ROUTE_REFRESH = 'dev-route-refresh';
-
-/**
- * 获取 dev option
- */
-export const DEV_OPTION = 'dev-option';
-
-/**
- * 获取options
- */
-export const DEV_OPTION_GET = 'dev-option-get';
-
-/**
- * 发送 options
- */
-export const DEV_OPTION_SEND = 'dev-option-send';
-
-/**
- * 清空事件
- */
-export const DEV_UNI_EVENT_CLEAR = 'dev-uni-event-clear';
-
-/**
- * 运行js
- */
-export const DEV_RUN_JS = 'dev-uni-run-js';
-
-/**
- * 清空截屏列表
- */
-export const DEV_CAPTURE_SCREEN_CLEAR = 'dev-capture-screen-clear';
-
-/**
- * 存储的dev-tool 信息
- */
-export const DEV_TOOL_INFO = 'dev-tool-info';

package/dev/core.ts

@@ -1,118 +0,0 @@
-import { DevStore } from './devStore';
-import { DevEvent } from './devEvent';
-import { DevIntercept } from './devIntercept';
-import { DevConsole } from './devConsole';
-
-import type { DevTool } from './type';
-
-import { EventBus } from './devEventBus';
-/**
- * 备份原生方法
- *
- * @private
- * @memberof DevStore
- */
-const backup = {
-  // log: console.log,
-  // info: console.info,
-  // warn: console.warn,
-  // error: console.error,
-  setStorage: uni?.setStorage,
-  setStorageSync: uni?.setStorageSync,
-  clearStorage: uni?.clearStorage,
-  clearStorageSync: uni?.clearStorageSync,
-  removeStorage: uni?.removeStorage,
-  removeStorageSync: uni?.removeStorageSync,
-  reject: Promise.reject,
-  connectSocket: uni?.connectSocket,
-  uploadFile: uni?.uploadFile,
-  $on: uni.$on,
-  $once: uni.$once,
-  $emit: uni.$emit,
-  $off: uni.$off,
-  __log__: (uni as any).__log__,
-};
-
-const eventBus = new EventBus();
-
-const store = new DevStore();
-
-const event = new DevEvent({
-  store,
-  eventBus,
-});
-
-const console = new DevConsole(event);
-
-const intercept = new DevIntercept({
-  event,
-  enableInterceptPromiseReject: store?.enableInterceptPromiseReject,
-});
-
-function getDevToolOptions() {
-  return store.getDevToolOptions();
-}
-
-function initDevTool(options?: DevTool.DevToolOptions) {
-  if (!options?.mode) {
-    console.error('[DevTool] 请传入 mode: import.meta.env.MODE');
-  }
-
-  store.setDevToolOptions(options || { mode: '' });
-
-  intercept.interceptVue3(options?.vue3instance);
-}
-
-function showDevToolButton() {
-  event.showDevToolButton();
-}
-
-function hideDevToolButton() {
-  event.hideDevToolButton();
-}
-
-function openDevToolWindow() {
-  event.openDevToolWindow();
-}
-
-function closeDevToolWindow() {
-  event.closeDevToolWindow();
-}
-
-function createDevTool() {
-  event.createDevTool();
-  intercept.init({
-    event,
-    enableInterceptPromiseReject: store?.enableInterceptPromiseReject,
-  });
-}
-
-function destroyDevTool() {
-  event.destroyDevTool();
-}
-
-function interceptVuexStorage(store: any) {
-  return intercept.interceptVuexStorage(store);
-}
-
-function interceptPiniaStore(context: any) {
-  return intercept.interceptPiniaStore(context);
-}
-
-uni.__dev__console = console;
-
-export {
-  backup,
-  console,
-  initDevTool,
-  createDevTool,
-  destroyDevTool,
-  showDevToolButton,
-  hideDevToolButton,
-  openDevToolWindow,
-  closeDevToolWindow,
-  getDevToolOptions,
-  interceptVuexStorage,
-  interceptPiniaStore,
-  eventBus,
-};