vite-uni-dev-tool 0.0.12 → 0.0.14

package/dev/components/Code/index.vue

@@ -1,230 +0,0 @@
-<template>
-  <view class="dev-tool-code">
-    <view class="dev-tool-code-control">
-      <FilterInput
-        v-model="modelValue"
-        style="width: 100%"
-        @search="onSearch"
-      />
-      <CloseButton style="margin-left: auto" @click="onClose" />
-    </view>
-    <view class="dev-tool-code-title">{{ fileName }}</view>
-    <scroll-view
-      scroll-y="true"
-      scroll-x="true"
-      class="dev-tool-code-list"
-      scroll-with-animation="true"
-      :scroll-top="scrollTop"
-      :scroll-into-view="scrollIntoView"
-    >
-      <view
-        v-for="(code, index) in codes"
-        :id="`dev-tool-code-item-${index}`"
-        :key="index"
-        :class="`dev-tool-code-item ${index === activeRowCol.activeRow ? 'dev-tool-code-item-active' : ''}`"
-      >
-        <view class="dev-tool-code-item-index">
-          {{ start + index + 1 }}
-        </view>
-
-        <view class="dev-tool-code-item-content" v-html="code"></view>
-      </view>
-      <Empty v-if="!codes || codes.length === 0" />
-    </scroll-view>
-  </view>
-</template>
-<script lang="ts" setup>
-import { computed, ref, nextTick, onMounted } from 'vue';
-import FilterInput from '../FilterInput/index.vue';
-import CloseButton from '../CloseButton/index.vue';
-import Empty from '../Empty/index.vue';
-import { escapeHTML, hightLight, isAndroid, parseStock } from '../../utils';
-
-const props = defineProps<{
-  url: string;
-  sourceFileServers?: string[];
-  mode?: string;
-}>();
-
-const emit = defineEmits<{ (e: 'close'): void }>();
-
-const modelValue = ref('');
-const scrollTop = ref(0);
-const fileName = computed(() => {
-  const name =
-    props?.url?.split('/')?.pop()?.replace(/\)|\(/, '') ?? '文件名称未知';
-  return name;
-});
-
-const activeRowCol = ref({ row: -1, col: -1, activeRow: -1 });
-
-let backupCodes: string[] = [];
-
-const codes = ref<string[]>([]);
-
-const scrollIntoView = ref('');
-
-const start = computed(() => {
-  return activeRowCol.value.row - 20 > 0 ? activeRowCol.value.row - 20 : 0;
-});
-
-function onClose() {
-  emit('close');
-}
-
-function onSearch(value: string) {
-  codes.value = backupCodes.map((code) => {
-    return hightLight(code, value);
-  });
-}
-
-let index = 0;
-function getCode(url: string, i: number = 0) {
-  let allUrl = url;
-  // 平台判断
-  if (isAndroid()) {
-    if (!props.sourceFileServers?.[i]) {
-      index = 0;
-      return;
-    }
-
-    allUrl = props.sourceFileServers?.[i] + '/src/' + url;
-  }
-
-  uni.showLoading({ mask: true });
-  uni.request({
-    url: allUrl,
-    success: (res) => {
-      if (typeof res.data === 'string') {
-        // 为什么要注释掉？
-        // 在 Android 识别到标签后会进行重启，导致代码无法显示
-        // TODO: 还有其它原因导致重启
-        const str = res.data
-          ?.replace(/<jscript/, '// [DevTool] 注释 <javascript')
-          ?.replace(/<\/script>/, '// [DevTool] 注释 </javascript>')
-          ?.replace(/<style/, '// [DevTool] 注释 <style')
-          ?.replace(/<\/style>/, '// [DevTool] 注释 </style>');
-        backupCodes = escapeHTML(str ?? '')
-          .toString()
-          .split('\n');
-
-        const start =
-          activeRowCol.value.row - 20 > 0 ? activeRowCol.value.row - 20 : 0;
-
-        const end =
-          activeRowCol.value.row + 20 > backupCodes.length
-            ? backupCodes.length
-            : activeRowCol.value.row + 20;
-
-        // backupCodes.slice(start, end);
-
-        codes.value = backupCodes.slice(start, end);
-
-        activeRowCol.value.activeRow = activeRowCol.value.row - start;
-
-        nextTick(() => {
-          scrollIntoView.value = `dev-tool-code-item-${activeRowCol.value.activeRow}`;
-        });
-      }
-    },
-    fail: (err) => {
-      index++;
-      getCode(url, index);
-      uni.showToast({ icon: 'none', title: '正在重新尝试中...' });
-    },
-    complete: () => {
-      uni.hideLoading();
-    },
-  });
-}
-
-/** 开发环境获取源代码 */
-function getSourceCodeDev(url: string) {
-  if (!url) {
-    uni.showToast({ icon: 'none', title: '[DevTool] url 处理异常' });
-    uni?.__dev__console?.log('[DevTool] url 处理异常');
-    return;
-  }
-
-  getCode(url, index);
-}
-
-onMounted(() => {
-  let url = props?.url;
-
-  const { path, col, row } = parseStock(props?.url ?? '');
-
-  if (path) {
-    url = path;
-  }
-
-  activeRowCol.value.col = col;
-  activeRowCol.value.row = row;
-
-  if (props.mode === 'development') {
-    // 开发环境查看源码
-    getSourceCodeDev(url);
-  } else if (props.mode === 'production') {
-    // TODO 生产环境查看源码
-  }
-});
-</script>
-<style scoped>
-.dev-tool-code {
-  position: fixed;
-  width: 100vw;
-  height: 100vh;
-  z-index: 1000;
-  top: 0;
-  left: 0;
-  padding: 0 16px;
-
-  background-color: rgba(255, 255, 255, 0.95);
-  box-sizing: border-box;
-  color: #000;
-}
-
-.dev-tool-code-control {
-  display: flex;
-  align-items: center;
-  gap: 12px;
-  height: 32px;
-  border-bottom: 1px solid var(--dev-tool-border-color);
-  box-sizing: border-box;
-}
-
-.dev-tool-code-title {
-  height: 32px;
-  line-height: 32px;
-  margin-bottom: 4px;
-  border-bottom: 1px solid var(--dev-tool-border-color);
-  box-sizing: border-box;
-  white-space: nowrap;
-  overflow: auto;
-}
-
-.dev-tool-code-list {
-  height: calc(100% - 68px);
-}
-
-.dev-tool-code-item {
-  display: flex;
-  align-items: center;
-  height: 28px;
-}
-.dev-tool-code-item-active {
-  color: #fff;
-  background-color: var(--dev-tool-main-color);
-}
-
-.dev-tool-code-item-index {
-  flex-shrink: 0;
-  width: 20px;
-  margin-right: 8px;
-  text-align: right;
-}
-
-.dev-tool-code-item-content {
-  white-space: pre;
-}
-</style>

package/dev/components/ConsoleList/Code.vue

@@ -1,227 +0,0 @@
-<template>
-  <view class="dev-tool-code">
-    <view class="dev-tool-code-control">
-      <FilterInput
-        v-model="modelValue"
-        style="width: 100%"
-        @search="onSearch"
-      />
-      <CloseButton style="margin-left: auto" @click="onClose" />
-    </view>
-    <view class="dev-tool-code-title">{{ fileName }}</view>
-    <scroll-view
-      scroll-y="true"
-      scroll-x="true"
-      class="dev-tool-code-list"
-      scroll-with-animation="true"
-      :scroll-top="scrollTop"
-      :scroll-into-view="scrollIntoView"
-    >
-      <view
-        v-for="(code, index) in codes"
-        :id="`dev-tool-code-item-${index}`"
-        :key="index"
-        :class="`dev-tool-code-item ${index === activeRowCol.activeRow ? 'dev-tool-code-item-active' : ''}`"
-      >
-        <view class="dev-tool-code-item-index"> {{ index + 1 }}</view>
-
-        <view class="dev-tool-code-item-content" v-html="code"></view>
-      </view>
-      <Empty v-if="!codes || codes.length === 0" />
-    </scroll-view>
-  </view>
-</template>
-<script lang="ts" setup>
-import { computed, ref, nextTick, onMounted } from 'vue';
-import FilterInput from '../FilterInput/index.vue';
-import CloseButton from '../CloseButton/index.vue';
-import Empty from '../Empty/index.vue';
-import { escapeHTML, hightLight, isAndroid, parseStock } from '../../utils';
-
-const props = defineProps<{
-  url: string;
-  sourceFileServers?: string[];
-  mode?: string;
-}>();
-
-const emit = defineEmits<{ (e: 'close'): void }>();
-
-const modelValue = ref('');
-const scrollTop = ref(0);
-const fileName = computed(() => {
-  const name =
-    props?.url?.split('/')?.pop()?.replace(/\)|\(/, '') ?? '文件名称未知';
-  return name;
-});
-
-const activeRowCol = ref({ row: -1, col: -1, activeRow: -1 });
-
-let backupCodes: string[] = [];
-
-const codes = ref<string[]>([]);
-
-const scrollIntoView = ref('');
-
-function onClose() {
-  emit('close');
-}
-
-function onSearch(value: string) {
-  codes.value = backupCodes.map((code) => {
-    return hightLight(code, value);
-  });
-}
-
-let index = 0;
-function getCode(url: string, i: number = 0) {
-  let allUrl = url;
-  // 平台判断
-  if (isAndroid()) {
-    if (!props.sourceFileServers?.[i]) {
-      index = 0;
-      return;
-    }
-
-    allUrl = props.sourceFileServers?.[i] + '/src/' + url;
-  }
-
-  uni.showLoading({ mask: true });
-  uni.request({
-    url: allUrl,
-    success: (res) => {
-      if (typeof res.data === 'string') {
-        // 为什么要注释掉？
-        // 在 Android 识别到标签后会进行重启，导致代码无法显示
-        // TODO: 还有其它原因导致重启
-        const str = res.data
-          ?.replace(/<jscript/, '// [DevTool] 注释 <javascript')
-          ?.replace(/<\/script>/, '// [DevTool] 注释 </javascript>')
-          ?.replace(/<style/, '// [DevTool] 注释 <style')
-          ?.replace(/<\/style>/, '// [DevTool] 注释 </style>');
-        backupCodes = escapeHTML(str ?? '')
-          .toString()
-          .split('\n');
-
-        const start =
-          activeRowCol.value.row - 20 > 0 ? activeRowCol.value.row - 20 : 0;
-
-        const end =
-          activeRowCol.value.row + 20 > backupCodes.length
-            ? backupCodes.length
-            : activeRowCol.value.row + 20;
-
-        // backupCodes.slice(start, end);
-
-        codes.value = backupCodes.slice(start, end);
-
-        activeRowCol.value.activeRow = activeRowCol.value.row - start;
-
-        nextTick(() => {
-          scrollIntoView.value = `dev-tool-code-item-${activeRowCol.value.activeRow}`;
-        });
-      }
-    },
-    fail: (err) => {
-      index++;
-      getCode(url, index);
-      uni.showToast({ icon: 'none', title: '正在重新尝试中...' });
-    },
-    complete: () => {
-      uni.hideLoading();
-    },
-  });
-}
-
-/** 开发环境获取源代码 */
-function getSourceCodeDev(url: string) {
-  if (!url) {
-    uni.showToast({ icon: 'none', title: '[DevTool] url 处理异常' });
-    uni?.__dev__console?.log('[DevTool] url 处理异常');
-    return;
-  }
-
-  getCode(url, index);
-}
-
-onMounted(() => {
-  let url = props?.url;
-
-  const { path, col, row } = parseStock(props?.url ?? '');
-
-  if (path) {
-    url = path;
-  }
-
-  activeRowCol.value.col = col;
-  activeRowCol.value.row = row;
-
-  if (props.mode === 'development') {
-    // 开发环境查看源码
-    getSourceCodeDev(url);
-  } else if (props.mode === 'production') {
-    // TODO 生产环境查看源码
-  }
-});
-</script>
-<style scoped>
-.dev-tool-code {
-  position: fixed;
-  width: 100vw;
-  height: 100vh;
-  z-index: 1000;
-  top: 0;
-  left: 0;
-  padding: 0 16px;
-  /* #ifdef H5 */
-  padding: 50px 16px;
-  /* #endif */
-
-  background-color: rgba(255, 255, 255, 0.95);
-  box-sizing: border-box;
-  color: #000;
-}
-
-.dev-tool-code-control {
-  display: flex;
-  align-items: center;
-  gap: 12px;
-  height: 32px;
-  border-bottom: 1px solid var(--dev-tool-border-color);
-  box-sizing: border-box;
-}
-
-.dev-tool-code-title {
-  height: 32px;
-  line-height: 32px;
-  margin-bottom: 4px;
-  border-bottom: 1px solid var(--dev-tool-border-color);
-  box-sizing: border-box;
-  white-space: nowrap;
-  overflow: auto;
-}
-
-.dev-tool-code-list {
-  height: calc(100% - 68px);
-}
-
-.dev-tool-code-item {
-  display: flex;
-  align-items: center;
-  height: 28px;
-}
-.dev-tool-code-item-active {
-  color: #fff;
-  background-color: var(--dev-tool-main-color);
-}
-
-.dev-tool-code-item-index {
-  flex-shrink: 0;
-  width: 20px;
-  margin-right: 8px;
-  text-align: right;
-}
-
-.dev-tool-code-item-content {
-  white-space: pre;
-}
-</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';