@ives_xxz/packages 1.0.0

package//345/274/225/347/224/250/346/237/245/346/211/276/345/231/250/src/main/parser.js

@@ -0,0 +1,161 @@
+const { print } = require("../eazax/editor-main-util");
+const FileUtil = require("../eazax/file-util");
+const { containsProperty } = require("./object-util");
+
+/**
+ * 解析器
+ */
+const Parser = {
+
+    /**
+     * 节点树缓存
+     * @type {{ [key: string]: object }}
+     */
+    caches: Object.create(null),
+
+    /**
+     * 获取节点树
+     * @param {string} path 路径
+     * @returns {Promise<object>}
+     */
+    async getNodeTree(path) {
+        if (!Parser.caches[path]) {
+            const file = await FileUtil.readFile(path);
+            let data = null;
+            try {
+                data = JSON.parse(file);
+            } catch (error) {
+                print('warn', '文件解析失败', path);
+                print('warn', error);
+            }
+            if (!data) {
+                return null;
+            }
+            Parser.caches[path] = Parser.convert(data);
+        }
+        return Parser.caches[path];
+    },
+
+    /**
+     * 更新缓存
+     * @param {string} path 路径
+     */
+    async updateCache(path) {
+        Parser.caches[path] = null;
+        await Parser.getNodeTree(path);
+    },
+
+    /**
+     * 将资源解析为节点树
+     * @param {object} source 源数据
+     * @returns {object}
+     */
+    convert(source) {
+        const tree = Object.create(null),
+            type = source[0]['__type__'];
+        if (type === 'cc.SceneAsset') {
+            // 场景资源
+            const sceneId = source[0]['scene']['__id__'],
+                children = source[sceneId]['_children'];
+            tree.type = 'cc.Scene';  // 类型
+            tree.id = sceneId;       // ID
+            // 场景下可以有多个一级节点
+            tree.children = [];
+            for (let i = 0, l = children.length; i < l; i++) {
+                const nodeId = children[i]['__id__'];
+                Parser.convertNode(source, nodeId, tree);
+            }
+        } else if (type === 'cc.Prefab') {
+            // 预制体资源 
+            const uuid = source[source.length - 1]['asset']['__uuid__'];
+            tree.type = 'cc.Prefab';  // 类型
+            tree.uuid = uuid;         // uuid
+            // 预制体本身就是一个节点
+            tree.children = [];
+            const nodeId = source[0]['data']['__id__'];
+            Parser.convertNode(source, nodeId, tree);
+        }
+        return tree;
+    },
+
+    /**
+     * 解析节点
+     * @param {object} source 源数据
+     * @param {number} nodeId 节点 ID
+     * @param {object} parent 父节点
+     */
+    convertNode(source, nodeId, parent) {
+        const srcNode = source[nodeId],
+            node = Object.create(null);
+        // 基本信息
+        node.name = srcNode['_name'];
+        node.id = nodeId;
+        node.type = srcNode['__type__'];
+
+        // 路径
+        const parentPath = parent.path || null;
+        node.path = parentPath ? `${parentPath}/${node.name}` : node.name;
+
+        // 预制体引用
+        const srcPrefab = srcNode['_prefab'];
+        if (srcPrefab) {
+            const id = srcPrefab['__id__'];
+            node.prefab = Parser.extractValidInfo(source[id]);
+        }
+
+        // 组件
+        node.components = [];
+        const srcComponents = srcNode['_components'];
+        if (srcComponents && srcComponents.length > 0) {
+            for (let i = 0, l = srcComponents.length; i < l; i++) {
+                const compId = srcComponents[i]['__id__'],
+                    component = Parser.extractValidInfo(source[compId]);
+                node.components.push(component);
+            }
+        }
+
+        // 子节点
+        node.children = [];
+        const srcChildren = srcNode['_children'];
+        if (srcChildren && srcChildren.length > 0) {
+            for (let i = 0, l = srcChildren.length; i < l; i++) {
+                const nodeId = srcChildren[i]['__id__'];
+                Parser.convertNode(source, nodeId, node);
+            }
+        }
+
+        // 保存到父节点
+        parent.children.push(node);
+    },
+
+    /**
+     * 提取有效信息（含有 uuid）
+     * @param {object} source 源数据
+     * @returns {{ __type__: string, _name: string, fileId?: string }}
+     */
+    extractValidInfo(source) {
+        const result = Object.create(null);
+
+        // 记录有用的属性
+        const keys = ['__type__', '_name', 'fileId'];
+        for (let i = 0, l = keys.length; i < l; i++) {
+            const key = keys[i];
+            if (source[key] !== undefined) {
+                result[key] = source[key];
+            }
+        }
+
+        // 记录包含 uuid 的属性
+        for (const key in source) {
+            const contains = containsProperty(source[key], '__uuid__');
+            if (contains) {
+                result[key] = source[key];
+            }
+        }
+
+        return result;
+    },
+
+};
+
+module.exports = Parser;

package//345/274/225/347/224/250/346/237/245/346/211/276/345/231/250/src/main/printer.js

@@ -0,0 +1,108 @@
+const { translate, print, pureWithoutTitle } = require('../eazax/editor-main-util');
+const ConfigManager = require('../common/config-manager');
+
+/** 图标表 */
+const ICON_MAP = {
+    'scene': '🔥',
+    'prefab': '💠',
+    'node': '🎲',
+    'component': '🧩',
+    'property': '📄',
+    'asset': '📦',
+    'asset-info': '📋',
+    'node-refs': '📙',
+    'asset-refs': '📗',
+};
+
+/**
+ * 打印机
+ */
+const Printer = {
+
+    /**
+     * 打印结果至控制台
+     * @param {object} result 
+     */
+    printResult(result) {
+        if (!result) {
+            return;
+        }
+        const { printDetails, printFolding } = ConfigManager.get();
+        // 标志位
+        const nodeRefs = [], assetRefs = [];
+        let nodeRefsCount = 0, assetRefsCount = 0;
+        // 遍历引用信息
+        for (let refs = result.refs, i = 0, l = refs.length; i < l; i++) {
+            const ref = refs[i],
+                type = ref.type,
+                url = ref.url.replace('db://', '').replace('.meta', '');
+            if (type === 'scene' || type === 'prefab') {
+                // 场景或预制体
+                nodeRefs.push(`　　${ICON_MAP[type]} [${translate(type)}] ${url}`);
+                // 节点引用
+                for (let details = ref.refs, j = 0, l = details.length; j < l; j++) {
+                    nodeRefsCount++;
+                    // 详情
+                    if (printDetails) {
+                        const detail = details[j];
+                        let item = `　　　　${ICON_MAP['node']} [${translate('node')}] ${detail.node}`;
+                        if (detail.component) {
+                            item += ` 　→ 　${ICON_MAP['component']} [${translate('component')}] ${detail.component}`;
+                        }
+                        if (detail.property) {
+                            item += ` 　→ 　${ICON_MAP['property']} [${translate('property')}] ${detail.property}`;
+                        }
+                        nodeRefs.push(item);
+                    }
+                }
+            } else {
+                // 资源引用
+                assetRefsCount++;
+                assetRefs.push(`　　${ICON_MAP['asset']} [${translate(type)}] ${url}`);
+            }
+        }
+        // 组装文本
+        const texts = [];
+        // 分割线
+        texts.push(`${'- - '.repeat(36)}`);
+        // 基础信息
+        texts.push(`${ICON_MAP['asset-info']} ${translate('asset-info')}`);
+        texts.push(`　　- ${translate('asset-type')}${result.type}`);
+        texts.push(`　　- ${translate('asset-uuid')}${result.uuid}`);
+        texts.push(`　　- ${translate('asset-url')}${result.url}`);
+        texts.push(`　　- ${translate('asset-path')}${result.path}`);
+        // 分割线
+        texts.push(`${'- - '.repeat(36)}`);
+        // 节点引用
+        if (nodeRefs.length > 0) {
+            texts.push(`${ICON_MAP['node-refs']} ${translate('node-refs')} x ${nodeRefsCount}`);
+            for (let i = 0, l = nodeRefs.length; i < l; i++) {
+                texts.push(nodeRefs[i]);
+            }
+        }
+        // 资源引用
+        if (assetRefs.length > 0) {
+            texts.push(`${ICON_MAP['asset-refs']} ${translate('asset-refs')} x ${assetRefsCount}`);
+            for (let i = 0, l = assetRefs.length; i < l; i++) {
+                texts.push(assetRefs[i]);
+            }
+        }
+        // 结尾分割线
+        texts.push(`${'- - '.repeat(36)}`);
+        // 打印到控制台
+        if (printFolding) {
+            // 单行打印
+            texts.unshift(`🗂 ${translate('result')} >>>`);
+            print('log', texts.join('\n'));
+        } else {
+            // 逐行打印
+            print('log', translate('result'));
+            for (let i = 0, l = texts.length; i < l; i++) {
+                pureWithoutTitle(`　　${texts[i]}`);
+            }
+        }
+    },
+
+};
+
+module.exports = Printer;

package//345/274/225/347/224/250/346/237/245/346/211/276/345/231/250/src/renderer/settings/index.css

@@ -0,0 +1,61 @@
+* {
+  box-sizing: border-box;
+}
+
+body {
+  margin: 0;
+  padding: 0 12px;
+  background-color: #454545;
+  color: #bdbdbd;
+  user-select: none;
+}
+
+#app {
+  width: 100%;
+  height: 100%;
+}
+
+/* 标题 */
+.title {
+  font-size: 20px;
+  font-weight: 800;
+  padding: 10px 0;
+}
+
+/* 属性容器 */
+.properties {
+  overflow: visible;
+}
+
+/* 应用按钮 */
+.apply-btn {
+  min-width: 20px;
+  height: 33px;
+  background-image: linear-gradient(#4281b6, #4281b6);
+  border: 1px solid #171717;
+  border-radius: 3px;
+  color: #fff;
+  font-size: 16px;
+  font-weight: 800;
+  text-align: center;
+  outline: none;
+  overflow: hidden;
+  cursor: pointer;
+}
+
+.apply-btn:hover {
+  background-image: none;
+  background-color: #4c87b6;
+}
+
+.apply-btn:active {
+  background-image: none;
+  background-color: #2e6da2;
+  border-color: #fd942b;
+  color: #cdcdcd;
+  box-shadow: 1px 1px 10px #262626 inset;
+}
+
+[v-cloak] {
+  display: none;
+}

package//345/274/225/347/224/250/346/237/245/346/211/276/345/231/250/src/renderer/settings/index.html

@@ -0,0 +1,90 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+    <meta charset="utf-8">
+    <!-- 样式 -->
+    <link rel="stylesheet" type="text/css" href="../../eazax/css/cocos-tag.css">
+    <link rel="stylesheet" type="text/css" href="../../eazax/css/cocos-class.css">
+    <link rel="stylesheet" type="text/css" href="index.css">
+    <!-- 脚本 -->
+    <script type="text/javascript" src="../../../lib/vue.global.prod.js" defer></script>
+    <script type="text/javascript" src="index.js" defer></script>
+</head>
+
+<body>
+    <div id="app" v-cloak>
+        <!-- 标题 -->
+        <div class="title">{{ t('settings') }}</div>
+        <!-- 配置 -->
+        <div class="properties">
+            <!-- 选择快捷键 -->
+            <div class="property">
+                <div class="label">
+                    <span class="text">{{ t('select-key') }}</span>
+                    <span class="tooltip">{{ t('select-key-tooltip') }}</span>
+                </div>
+                <div class="content">
+                    <select v-model="selectKey">
+                        <option v-for="item in presets" :key="item.key" :value="item.key">{{ item.name }}</option>
+                    </select>
+                </div>
+            </div>
+            <!-- 自定义快捷键 -->
+            <div class="property">
+                <div class="label">
+                    <span class="text">{{ t('custom-key') }}</span>
+                    <span class="tooltip">{{ t('custom-key-tooltip') }}</span>
+                </div>
+                <div class="content">
+                    <input v-model="customKey" :placeholder="t('custom-key-placeholder')" />
+                </div>
+            </div>
+            <!-- 展示详情 -->
+            <div class="property">
+                <div class="label">
+                    <span class="text">{{ t('print-details') }}</span>
+                    <span class="tooltip">{{ t('print-details-tooltip') }}</span>
+                </div>
+                <div class="content">
+                    <input type="checkbox" v-model="printDetails" />
+                </div>
+            </div>
+            <!-- 折叠结果 -->
+            <div class="property">
+                <div class="label">
+                    <span class="text">{{ t('print-folding') }}</span>
+                    <span class="tooltip">{{ t('print-folding-tooltip') }}</span>
+                </div>
+                <div class="content">
+                    <input type="checkbox" v-model="printFolding" />
+                </div>
+            </div>
+            <!-- 自动检查更新 -->
+            <div class="property">
+                <div class="label">
+                    <span class="text">{{ t('auto-check-update') }}</span>
+                    <span class="tooltip">{{ t('auto-check-update-tooltip') }}</span>
+                </div>
+                <div class="content">
+                    <input type="checkbox" v-model="autoCheckUpdate" />
+                </div>
+            </div>
+            <!-- 快捷键参考 -->
+            <div class="tip">
+                <span>{{ t('reference') }}</span>
+                <a href="https://www.electronjs.org/docs/api/accelerator" target="_blank">{{ t('accelerator') }}</a>
+            </div>
+            <!-- Git 仓库 -->
+            <div class="tip">
+                <span>{{ t('repository') }}</span>
+                <a :href="repositoryUrl" target="_blank">{{ packageName }}</a>
+            </div>
+            <div class="line"></div>
+            <!-- 应用按钮 -->
+            <button class="apply-btn" @click="onApplyBtnClick">{{ t('apply') }}</button>
+        </div>
+    </div>
+</body>
+
+</html>

package//345/274/225/347/224/250/346/237/245/346/211/276/345/231/250/src/renderer/settings/index.js

@@ -0,0 +1,191 @@
+const { shell } = require('electron');
+const { getUrlParam } = require('../../eazax/browser-util');
+const I18n = require('../../eazax/i18n');
+const RendererEvent = require('../../eazax/renderer-event');
+const PackageUtil = require('../../eazax/package-util');
+const EditorRendererKit = require('../../eazax/editor-renderer-kit');
+const ConfigManager = require('../../common/config-manager');
+
+// 导入 Vue 工具函数
+const { ref, watch, onMounted, onBeforeUnmount, createApp } = Vue;
+
+/** 当前语言 */
+const LANG = getUrlParam('lang');
+
+// 构建 Vue 应用
+const App = {
+
+    /**
+     * 设置
+     * @param {*} props 
+     * @param {*} context 
+     */
+    setup(props, context) {
+
+        // 预设快捷键
+        const presets = ref([
+            { key: '', name: t('none') },
+            { key: 'custom', name: t('custom-key') },
+            { key: 'F1', name: 'F1' },
+            { key: 'F3', name: 'F3' },
+            { key: 'F4', name: 'F4' },
+            { key: 'F5', name: 'F5' },
+            { key: 'F6', name: 'F6' },
+            { key: 'CmdOrCtrl+F', name: 'Cmd/Ctrl + F' },
+            { key: 'CmdOrCtrl+B', name: 'Cmd/Ctrl + B' },
+            { key: 'CmdOrCtrl+Shift+F', name: 'Cmd/Ctrl + Shift + F' },
+        ]);
+        // 选择
+        const selectKey = ref('');
+        // 自定义
+        const customKey = ref('');
+        // 打印详情
+        const printDetails = ref(true);
+        // 单行打印
+        const printFolding = ref(true);
+        // 自动检查更新
+        const autoCheckUpdate = ref(false);
+
+        // 仓库地址
+        const repositoryUrl = PackageUtil.repository;
+        // 包名
+        const packageName = PackageUtil.name;
+
+        // 监听选择快捷键
+        watch(selectKey, (value) => {
+            if (value !== 'custom') {
+                customKey.value = '';
+            }
+        });
+
+        // 监听自定义
+        watch(customKey, (value) => {
+            if (value !== '' && selectKey.value !== 'custom') {
+                selectKey.value = 'custom';
+            }
+        });
+
+        /**
+         * 获取配置
+         */
+        function getConfig() {
+            const config = ConfigManager.get();
+            if (!config) return;
+            // 配置
+            printDetails.value = config.printDetails;
+            printFolding.value = config.printFolding;
+            autoCheckUpdate.value = config.autoCheckUpdate;
+            // 快捷键
+            const hotkey = config.hotkey;
+            if (!hotkey || hotkey === '') {
+                selectKey.value = '';
+                customKey.value = '';
+                return;
+            }
+            // 预设快捷键
+            for (let i = 0, l = presets.value.length; i < l; i++) {
+                if (presets.value[i].key === hotkey) {
+                    selectKey.value = hotkey;
+                    customKey.value = '';
+                    return;
+                }
+            }
+            // 自定义快捷键
+            selectKey.value = 'custom';
+            customKey.value = hotkey;
+        }
+
+        /**
+         * 保存配置
+         */
+        function setConfig() {
+            const config = {
+                hotkey: null,
+                printDetails: printDetails.value,
+                printFolding: printFolding.value,
+                autoCheckUpdate: autoCheckUpdate.value,
+            };
+            if (selectKey.value === 'custom') {
+                // 自定义输入是否有效
+                if (customKey.value === '') {
+                    EditorRendererKit.print('warn', t('custom-key-error'));
+                    return;
+                }
+                // 不可以使用双引号（避免 json 值中出现双引号而解析错误，导致插件加载失败）
+                if (customKey.value.includes('"')) {
+                    customKey.value = customKey.value.replace(/\"/g, '');
+                    EditorRendererKit.print('warn', t('quote-error'));
+                    return;
+                }
+                config.hotkey = customKey.value;
+            } else {
+                config.hotkey = selectKey.value;
+            }
+            // 保存到本地
+            ConfigManager.set(config);
+        }
+
+        /**
+         * 应用按钮点击回调
+         * @param {*} event 
+         */
+        function onApplyBtnClick(event) {
+            // 保存配置
+            setConfig();
+        }
+
+        /**
+         * 翻译
+         * @param {string} key 
+         */
+        function t(key) {
+            return I18n.get(LANG, key);
+        }
+
+        /**
+         * 生命周期：挂载后
+         */
+        onMounted(() => {
+            // 获取配置
+            getConfig();
+            // 覆盖 a 标签点击回调（使用默认浏览器打开网页）
+            const links = document.querySelectorAll('a[href]');
+            links.forEach((link) => {
+                link.addEventListener('click', (event) => {
+                    event.preventDefault();
+                    const url = link.getAttribute('href');
+                    shell.openExternal(url);
+                });
+            });
+            // （主进程）检查更新
+            RendererEvent.send('check-update', false);
+        });
+
+        /**
+         * 生命周期：卸载前
+         */
+        onBeforeUnmount(() => {
+
+        });
+
+        return {
+            presets,
+            selectKey,
+            customKey,
+            printDetails,
+            printFolding,
+            autoCheckUpdate,
+            repositoryUrl,
+            packageName,
+            onApplyBtnClick,
+            t,
+        };
+
+    },
+
+};
+
+// 创建实例
+const app = createApp(App);
+// 挂载
+app.mount('#app');