q78kgblog 1.0.4 → 2.0.0-1711191136897

package/live2d-widget/package.json

@@ -1,31 +1,31 @@
-{
-  "name": "live2d-widget",
-  "version": "0.9.0",
-  "description": "Live2D widget for web pages",
-  "main": "autoload.js",
-  "type": "module",
-  "scripts": {
-    "build": "rollup -c rollup.config.js -f iife | terser -c -m > waifu-tips.js",
-    "build-dev": "rollup -c rollup.config.js -f iife -o waifu-tips.js -w"
-  },
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/stevenjoezhang/live2d-widget.git"
-  },
-  "keywords": [
-    "Live2d"
-  ],
-  "author": "stevenjoezhang <stevenjoezhang@gmail.com>",
-  "license": "GPL-3.0-or-later",
-  "bugs": {
-    "url": "https://github.com/stevenjoezhang/live2d-widget/issues"
-  },
-  "homepage": "https://github.com/stevenjoezhang/live2d-widget#readme",
-  "devDependencies": {
-    "@fortawesome/fontawesome-free": "^6.2.0",
-    "@rollup/plugin-node-resolve": "^15.0.0",
-    "@rollup/pluginutils": "^5.0.1",
-    "rollup": "^3.2.3",
-    "terser": "^5.15.1"
-  }
-}
+{
+  "name": "live2d-widget",
+  "version": "0.9.0",
+  "description": "Live2D widget for web pages",
+  "main": "autoload.js",
+  "type": "module",
+  "scripts": {
+    "build": "rollup -c rollup.config.js -f iife | terser -c -m > waifu-tips.js",
+    "build-dev": "rollup -c rollup.config.js -f iife -o waifu-tips.js -w"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/stevenjoezhang/live2d-widget.git"
+  },
+  "keywords": [
+    "Live2d"
+  ],
+  "author": "stevenjoezhang <stevenjoezhang@gmail.com>",
+  "license": "GPL-3.0-or-later",
+  "bugs": {
+    "url": "https://github.com/stevenjoezhang/live2d-widget/issues"
+  },
+  "homepage": "https://github.com/stevenjoezhang/live2d-widget#readme",
+  "devDependencies": {
+    "@fortawesome/fontawesome-free": "^6.2.0",
+    "@rollup/plugin-node-resolve": "^15.0.0",
+    "@rollup/pluginutils": "^5.0.1",
+    "rollup": "^3.2.3",
+    "terser": "^5.15.1"
+  }
+}

package/live2d-widget/rollup.config.js

@@ -1,38 +1,38 @@
-import { nodeResolve } from "@rollup/plugin-node-resolve";
-import { createFilter } from "@rollup/pluginutils";
-
-function string(opts = {}) {
-    if (!opts.include) {
-        throw Error("include option should be specified");
-    }
-
-    const filter = createFilter(opts.include, opts.exclude);
-
-    return {
-        name: "string",
-
-        transform(code, id) {
-            if (filter(id)) {
-                return {
-                    code: `export default ${JSON.stringify(code)};`,
-                    map: { mappings: "" }
-                };
-            }
-        },
-
-        renderChunk(code, chunk, outputOptions = {}) {
-            return `/*!
- * Live2D Widget
- * https://github.com/stevenjoezhang/live2d-widget
- */
-` + code;
-        }
-    };
-}
-
-export default {
-    input: "src/waifu-tips.js",
-    plugins: [nodeResolve(), string({
-        include: "**/*.svg",
-    })]
-};
+import { nodeResolve } from "@rollup/plugin-node-resolve";
+import { createFilter } from "@rollup/pluginutils";
+
+function string(opts = {}) {
+    if (!opts.include) {
+        throw Error("include option should be specified");
+    }
+
+    const filter = createFilter(opts.include, opts.exclude);
+
+    return {
+        name: "string",
+
+        transform(code, id) {
+            if (filter(id)) {
+                return {
+                    code: `export default ${JSON.stringify(code)};`,
+                    map: { mappings: "" }
+                };
+            }
+        },
+
+        renderChunk(code, chunk, outputOptions = {}) {
+            return `/*!
+ * Live2D Widget
+ * https://github.com/stevenjoezhang/live2d-widget
+ */
+` + code;
+        }
+    };
+}
+
+export default {
+    input: "src/waifu-tips.js",
+    plugins: [nodeResolve(), string({
+        include: "**/*.svg",
+    })]
+};

package/live2d-widget/src/index.js

@@ -1,178 +1,178 @@
-import Model from "./model.js";
-import showMessage from "./message.js";
-import randomSelection from "./utils.js";
-import tools from "./tools.js";
-
-function loadWidget(config) {
-    const model = new Model(config);
-    localStorage.removeItem("waifu-display");
-    sessionStorage.removeItem("waifu-text");
-    document.body.insertAdjacentHTML("beforeend", `<div id="waifu">
-            <div id="waifu-tips"></div>
-            <canvas id="live2d" width="800" height="800"></canvas>
-            <div id="waifu-tool"></div>
-        </div>`);
-    // https://stackoverflow.com/questions/24148403/trigger-css-transition-on-appended-element
-    setTimeout(() => {
-        document.getElementById("waifu").style.bottom = 0;
-    }, 0);
-
-    (function registerTools() {
-        tools["switch-model"].callback = () => model.loadOtherModel();
-        tools["switch-texture"].callback = () => model.loadRandModel();
-        if (!Array.isArray(config.tools)) {
-            config.tools = Object.keys(tools);
-        }
-        for (let tool of config.tools) {
-            if (tools[tool]) {
-                const { icon, callback } = tools[tool];
-                document.getElementById("waifu-tool").insertAdjacentHTML("beforeend", `<span id="waifu-tool-${tool}">${icon}</span>`);
-                document.getElementById(`waifu-tool-${tool}`).addEventListener("click", callback);
-            }
-        }
-    })();
-
-    function welcomeMessage(time) {
-        if (location.pathname === "/") { // 如果是主页
-            for (let { hour, text } of time) {
-                const now = new Date(),
-                    after = hour.split("-")[0],
-                    before = hour.split("-")[1] || after;
-                if (after <= now.getHours() && now.getHours() <= before) {
-                    return text;
-                }
-            }
-        }
-        const text = `欢迎阅读<span>「${document.title.split(" - ")[0]}」</span>`;
-        let from;
-        if (document.referrer !== "") {
-            const referrer = new URL(document.referrer),
-                domain = referrer.hostname.split(".")[1];
-            const domains = {
-                "baidu": "百度",
-                "so": "360搜索",
-                "google": "谷歌搜索"
-            };
-            if (location.hostname === referrer.hostname) return text;
-
-            if (domain in domains) from = domains[domain];
-            else from = referrer.hostname;
-            return `Hello！来自 <span>${from}</span> 的朋友<br>${text}`;
-        }
-        return text;
-    }
-
-    function registerEventListener(result) {
-        // 检测用户活动状态，并在空闲时显示消息
-        let userAction = false,
-            userActionTimer,
-            messageArray = result.message.default,
-            lastHoverElement;
-        window.addEventListener("mousemove", () => userAction = true);
-        window.addEventListener("keydown", () => userAction = true);
-        setInterval(() => {
-            if (userAction) {
-                userAction = false;
-                clearInterval(userActionTimer);
-                userActionTimer = null;
-            } else if (!userActionTimer) {
-                userActionTimer = setInterval(() => {
-                    showMessage(messageArray, 6000, 9);
-                }, 20000);
-            }
-        }, 1000);
-        showMessage(welcomeMessage(result.time), 7000, 11);
-        window.addEventListener("mouseover", event => {
-            for (let { selector, text } of result.mouseover) {
-                if (!event.target.closest(selector)) continue;
-                if (lastHoverElement === selector) return;
-                lastHoverElement = selector;
-                text = randomSelection(text);
-                text = text.replace("{text}", event.target.innerText);
-                showMessage(text, 4000, 8);
-                return;
-            }
-        });
-        window.addEventListener("click", event => {
-            for (let { selector, text } of result.click) {
-                if (!event.target.closest(selector)) continue;
-                text = randomSelection(text);
-                text = text.replace("{text}", event.target.innerText);
-                showMessage(text, 4000, 8);
-                return;
-            }
-        });
-        result.seasons.forEach(({ date, text }) => {
-            const now = new Date(),
-                after = date.split("-")[0],
-                before = date.split("-")[1] || after;
-            if ((after.split("/")[0] <= now.getMonth() + 1 && now.getMonth() + 1 <= before.split("/")[0]) && (after.split("/")[1] <= now.getDate() && now.getDate() <= before.split("/")[1])) {
-                text = randomSelection(text);
-                text = text.replace("{year}", now.getFullYear());
-                messageArray.push(text);
-            }
-        });
-
-        const devtools = () => { };
-        console.log("%c", devtools);
-        devtools.toString = () => {
-            showMessage(result.message.console, 6000, 9);
-        };
-        window.addEventListener("copy", () => {
-            showMessage(result.message.copy, 6000, 9);
-        });
-        window.addEventListener("visibilitychange", () => {
-            if (!document.hidden) showMessage(result.message.visibilitychange, 6000, 9);
-        });
-    }
-
-    (function initModel() {
-        let modelId = localStorage.getItem("modelId"),
-            modelTexturesId = localStorage.getItem("modelTexturesId");
-        if (modelId === null) {
-            // 首次访问加载 指定模型 的 指定材质
-            modelId = 1; // 模型 ID
-            modelTexturesId = 53; // 材质 ID
-        }
-        model.loadModel(modelId, modelTexturesId);
-        fetch(config.waifuPath)
-            .then(response => response.json())
-            .then(registerEventListener);
-    })();
-}
-
-function initWidget(config, apiPath) {
-    if (typeof config === "string") {
-        config = {
-            waifuPath: config,
-            apiPath
-        };
-    }
-    document.body.insertAdjacentHTML("beforeend", `<div id="waifu-toggle">
-            <span>看板娘</span>
-        </div>`);
-    const toggle = document.getElementById("waifu-toggle");
-    toggle.addEventListener("click", () => {
-        toggle.classList.remove("waifu-toggle-active");
-        if (toggle.getAttribute("first-time")) {
-            loadWidget(config);
-            toggle.removeAttribute("first-time");
-        } else {
-            localStorage.removeItem("waifu-display");
-            document.getElementById("waifu").style.display = "";
-            setTimeout(() => {
-                document.getElementById("waifu").style.bottom = 0;
-            }, 0);
-        }
-    });
-    if (localStorage.getItem("waifu-display") && Date.now() - localStorage.getItem("waifu-display") <= 86400000) {
-        toggle.setAttribute("first-time", true);
-        setTimeout(() => {
-            toggle.classList.add("waifu-toggle-active");
-        }, 0);
-    } else {
-        loadWidget(config);
-    }
-}
-
-export default initWidget;
+import Model from "./model.js";
+import showMessage from "./message.js";
+import randomSelection from "./utils.js";
+import tools from "./tools.js";
+
+function loadWidget(config) {
+    const model = new Model(config);
+    localStorage.removeItem("waifu-display");
+    sessionStorage.removeItem("waifu-text");
+    document.body.insertAdjacentHTML("beforeend", `<div id="waifu">
+            <div id="waifu-tips"></div>
+            <canvas id="live2d" width="800" height="800"></canvas>
+            <div id="waifu-tool"></div>
+        </div>`);
+    // https://stackoverflow.com/questions/24148403/trigger-css-transition-on-appended-element
+    setTimeout(() => {
+        document.getElementById("waifu").style.bottom = 0;
+    }, 0);
+
+    (function registerTools() {
+        tools["switch-model"].callback = () => model.loadOtherModel();
+        tools["switch-texture"].callback = () => model.loadRandModel();
+        if (!Array.isArray(config.tools)) {
+            config.tools = Object.keys(tools);
+        }
+        for (let tool of config.tools) {
+            if (tools[tool]) {
+                const { icon, callback } = tools[tool];
+                document.getElementById("waifu-tool").insertAdjacentHTML("beforeend", `<span id="waifu-tool-${tool}">${icon}</span>`);
+                document.getElementById(`waifu-tool-${tool}`).addEventListener("click", callback);
+            }
+        }
+    })();
+
+    function welcomeMessage(time) {
+        if (location.pathname === "/") { // 如果是主页
+            for (let { hour, text } of time) {
+                const now = new Date(),
+                    after = hour.split("-")[0],
+                    before = hour.split("-")[1] || after;
+                if (after <= now.getHours() && now.getHours() <= before) {
+                    return text;
+                }
+            }
+        }
+        const text = `欢迎阅读<span>「${document.title.split(" - ")[0]}」</span>`;
+        let from;
+        if (document.referrer !== "") {
+            const referrer = new URL(document.referrer),
+                domain = referrer.hostname.split(".")[1];
+            const domains = {
+                "baidu": "百度",
+                "so": "360搜索",
+                "google": "谷歌搜索"
+            };
+            if (location.hostname === referrer.hostname) return text;
+
+            if (domain in domains) from = domains[domain];
+            else from = referrer.hostname;
+            return `Hello！来自 <span>${from}</span> 的朋友<br>${text}`;
+        }
+        return text;
+    }
+
+    function registerEventListener(result) {
+        // 检测用户活动状态，并在空闲时显示消息
+        let userAction = false,
+            userActionTimer,
+            messageArray = result.message.default,
+            lastHoverElement;
+        window.addEventListener("mousemove", () => userAction = true);
+        window.addEventListener("keydown", () => userAction = true);
+        setInterval(() => {
+            if (userAction) {
+                userAction = false;
+                clearInterval(userActionTimer);
+                userActionTimer = null;
+            } else if (!userActionTimer) {
+                userActionTimer = setInterval(() => {
+                    showMessage(messageArray, 6000, 9);
+                }, 20000);
+            }
+        }, 1000);
+        showMessage(welcomeMessage(result.time), 7000, 11);
+        window.addEventListener("mouseover", event => {
+            for (let { selector, text } of result.mouseover) {
+                if (!event.target.closest(selector)) continue;
+                if (lastHoverElement === selector) return;
+                lastHoverElement = selector;
+                text = randomSelection(text);
+                text = text.replace("{text}", event.target.innerText);
+                showMessage(text, 4000, 8);
+                return;
+            }
+        });
+        window.addEventListener("click", event => {
+            for (let { selector, text } of result.click) {
+                if (!event.target.closest(selector)) continue;
+                text = randomSelection(text);
+                text = text.replace("{text}", event.target.innerText);
+                showMessage(text, 4000, 8);
+                return;
+            }
+        });
+        result.seasons.forEach(({ date, text }) => {
+            const now = new Date(),
+                after = date.split("-")[0],
+                before = date.split("-")[1] || after;
+            if ((after.split("/")[0] <= now.getMonth() + 1 && now.getMonth() + 1 <= before.split("/")[0]) && (after.split("/")[1] <= now.getDate() && now.getDate() <= before.split("/")[1])) {
+                text = randomSelection(text);
+                text = text.replace("{year}", now.getFullYear());
+                messageArray.push(text);
+            }
+        });
+
+        const devtools = () => { };
+        console.log("%c", devtools);
+        devtools.toString = () => {
+            showMessage(result.message.console, 6000, 9);
+        };
+        window.addEventListener("copy", () => {
+            showMessage(result.message.copy, 6000, 9);
+        });
+        window.addEventListener("visibilitychange", () => {
+            if (!document.hidden) showMessage(result.message.visibilitychange, 6000, 9);
+        });
+    }
+
+    (function initModel() {
+        let modelId = localStorage.getItem("modelId"),
+            modelTexturesId = localStorage.getItem("modelTexturesId");
+        if (modelId === null) {
+            // 首次访问加载 指定模型 的 指定材质
+            modelId = 1; // 模型 ID
+            modelTexturesId = 53; // 材质 ID
+        }
+        model.loadModel(modelId, modelTexturesId);
+        fetch(config.waifuPath)
+            .then(response => response.json())
+            .then(registerEventListener);
+    })();
+}
+
+function initWidget(config, apiPath) {
+    if (typeof config === "string") {
+        config = {
+            waifuPath: config,
+            apiPath
+        };
+    }
+    document.body.insertAdjacentHTML("beforeend", `<div id="waifu-toggle">
+            <span>看板娘</span>
+        </div>`);
+    const toggle = document.getElementById("waifu-toggle");
+    toggle.addEventListener("click", () => {
+        toggle.classList.remove("waifu-toggle-active");
+        if (toggle.getAttribute("first-time")) {
+            loadWidget(config);
+            toggle.removeAttribute("first-time");
+        } else {
+            localStorage.removeItem("waifu-display");
+            document.getElementById("waifu").style.display = "";
+            setTimeout(() => {
+                document.getElementById("waifu").style.bottom = 0;
+            }, 0);
+        }
+    });
+    if (localStorage.getItem("waifu-display") && Date.now() - localStorage.getItem("waifu-display") <= 86400000) {
+        toggle.setAttribute("first-time", true);
+        setTimeout(() => {
+            toggle.classList.add("waifu-toggle-active");
+        }, 0);
+    } else {
+        loadWidget(config);
+    }
+}
+
+export default initWidget;

package/live2d-widget/src/message.js

@@ -1,22 +1,22 @@
-import randomSelection from "./utils.js";
-
-let messageTimer;
-
-function showMessage(text, timeout, priority) {
-    if (!text || (sessionStorage.getItem("waifu-text") && sessionStorage.getItem("waifu-text") > priority)) return;
-    if (messageTimer) {
-        clearTimeout(messageTimer);
-        messageTimer = null;
-    }
-    text = randomSelection(text);
-    sessionStorage.setItem("waifu-text", priority);
-    const tips = document.getElementById("waifu-tips");
-    tips.innerHTML = text;
-    tips.classList.add("waifu-tips-active");
-    messageTimer = setTimeout(() => {
-        sessionStorage.removeItem("waifu-text");
-        tips.classList.remove("waifu-tips-active");
-    }, timeout);
-}
-
-export default showMessage;
+import randomSelection from "./utils.js";
+
+let messageTimer;
+
+function showMessage(text, timeout, priority) {
+    if (!text || (sessionStorage.getItem("waifu-text") && sessionStorage.getItem("waifu-text") > priority)) return;
+    if (messageTimer) {
+        clearTimeout(messageTimer);
+        messageTimer = null;
+    }
+    text = randomSelection(text);
+    sessionStorage.setItem("waifu-text", priority);
+    const tips = document.getElementById("waifu-tips");
+    tips.innerHTML = text;
+    tips.classList.add("waifu-tips-active");
+    messageTimer = setTimeout(() => {
+        sessionStorage.removeItem("waifu-text");
+        tips.classList.remove("waifu-tips-active");
+    }, timeout);
+}
+
+export default showMessage;