@doki-land/live2d 0.0.5 → 0.0.7

package/src/fs/index.ts

@@ -1,88 +1,93 @@
-import { minimatch } from 'minimatch';
-import * as fs from 'fs';
-import * as path from 'path';
-import { ModelOptions } from '@/types/index.js';
-
-/**
- * 判断根据当前路径和指定的包含/排除规则，是否允许显示 Live2D 功能。
- *
- * @param currentPath 当前页面路径。
- * @param includePaths 包含 Live2D 功能的路径列表。
- * @param excludePaths 排除 Live2D 功能的路径列表。
- * @returns 如果满足显示条件返回 true，否则返回 false。
- *
- * @description
- *
- * 排除的优先级高于包括
- */
-export function allowShowLive2D(currentPath: string, includePaths: string[], excludePaths: string[]): boolean {
-
-    // 如果当前路径匹配任何排除路径规则，不显示 Live2D
-    if (excludePaths.some(pattern => minimatch(currentPath, pattern))) {
-        return false;
-    }
-
-    // 如果包含路径列表不为空，则仅当当前路径匹配任意包含路径规则时才显示 Live2D
-    if (includePaths.length > 0) {
-        return includePaths.some(pattern => minimatch(currentPath, pattern));
-    }
-
-    // 默认情况下，允许显示 Live2D
-    return true;
-}
-
-
-/**
- * 找到文件夹里的所有模型的相对路径
- * @param folder
- * @param depth
- *
- * @returns 模型路径列表
- *
- * @description
- *
- * 模型需要以 `*.model.json` 或 `*.model3.json` 结尾
- */
-export function findAllModels(folder: string, depth: number = 99): string[] {
-    const models: string[] = [];
-    for (const file of fs.readdirSync(folder)) {
-        const filePath = path.join(folder, file);
-        const stat = fs.statSync(filePath);
-        if (stat.isDirectory()) {
-            if (depth > 0) {
-                models.push(...findAllModels(filePath, depth - 1));
-            }
-        } else if (file.endsWith('.model.json') || file.endsWith('.model3.json')) {
-            models.push(filePath);
-        }
-   }
-    return models;
-}
-
-/**
- * 合并模型函数
- * 该函数的目的是将一系列本地模型与远程模型选项合并，以生成一个新的模型列表
- * 它接受一个基础URL字符串，一个本地模型名称数组和一个远程模型选项数组作为输入
- *
- * @param base 基础URL字符串，用于解析相对URL
- * @param local 本地模型名称数组，这些模型将被合并到最终的模型列表中
- * @param remote 远程模型选项数组
- * @returns 返回一个新的模型 url 列表
- *
- * @description
- *
- * 本地模型的优先级更高, 本地模型根据自然序(Natural Sort)排列
- */
-export function mergeModels(base: string, local: string[], remote: ModelOptions[]): string[] {
-    const models: string[] = [];
-    const url = new URL(base);
-    for (const model of local) {
-        models.push(new URL(model, url).href);
-    }
-    for (const model of remote) {
-        models.push(model.model_url);
-    }
-    return models
-}
-
-
+import { minimatch } from 'minimatch';
+import { ModelOptions } from '@/types/index.js';
+import path from 'node:path';
+import fs from 'node:fs';
+
+/**
+ * 判断根据当前路径和指定的包含/排除规则，是否允许显示 Live2D 功能。
+ *
+ * @param currentPath 当前页面路径。
+ * @param includePaths 包含 Live2D 功能的路径列表。
+ * @param excludePaths 排除 Live2D 功能的路径列表。
+ * @returns 如果满足显示条件返回 true，否则返回 false。
+ *
+ * @description
+ *
+ * 排除的优先级高于包括
+ */
+export function allowShowLive2D(currentPath: string, includePaths: string[], excludePaths: string[]): boolean {
+
+    // 如果当前路径匹配任何排除路径规则，不显示 Live2D
+    if (excludePaths.some(pattern => minimatch(currentPath, pattern))) {
+        return false;
+    }
+
+    // 如果包含路径列表不为空，则仅当当前路径匹配任意包含路径规则时才显示 Live2D
+    if (includePaths.length > 0) {
+        return includePaths.some(pattern => minimatch(currentPath, pattern));
+    }
+
+    // 默认情况下，允许显示 Live2D
+    return true;
+}
+
+
+/**
+ * 找到文件夹里的所有模型的相对路径
+ * @param folder
+ * @param depth
+ *
+ * @returns 模型路径列表
+ *
+ * @description
+ *
+ * 模型需要以 `*.model.json` 或 `*.model3.json` 结尾
+ */
+export function findAllModels(folder: string, depth: number = 99): string[] {
+    const models: string[] = [];
+    if (fs.existsSync(folder)) {
+        for (const file of fs.readdirSync(folder)) {
+            const filePath = path.join(folder, file);
+            const stat = fs.statSync(filePath);
+            if (stat.isDirectory()) {
+                if (depth > 0) {
+                    models.push(...findAllModels(filePath, depth - 1));
+                }
+            } else if (file.endsWith('.model.json') || file.endsWith('.model3.json')) {
+                models.push(filePath);
+            }
+        }
+    }
+
+    return models;
+}
+
+/**
+ * 合并模型函数
+ * 该函数的目的是将一系列本地模型与远程模型选项合并，以生成一个新的模型列表
+ * 它接受一个基础URL字符串，一个本地模型名称数组和一个远程模型选项数组作为输入
+ *
+ * @param base 基础URL字符串，用于解析相对URL
+ * @param local 本地模型名称数组，这些模型将被合并到最终的模型列表中
+ * @param remote 远程模型选项数组
+ * @returns 返回一个新的模型 url 列表
+ *
+ * @description
+ *
+ * 本地模型的优先级更高, 本地模型根据自然序(Natural Sort)排列
+ */
+export function mergeModels(base: string, local: string[], remote: ModelOptions[]): ModelOptions[] {
+    const models: ModelOptions[] = [];
+    const url = new URL(base);
+    for (const model of local) {
+        models.push({
+            model_url: new URL(model, url).href,
+        });
+    }
+    for (const model of remote) {
+        models.push(model);
+    }
+    return models
+}
+
+

package/src/icons/icons.ts

@@ -1,39 +1,39 @@
-// 图标定义
-export const icons = [
-  {
-    id: 'message',
-    svg: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm0 14H5.17L4 17.17V4h16v12z"/></svg>`,
-    title: '发送消息',
-    action: 'message'
-  },
-  {
-    id: 'telegram',
-    svg: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.78 18.65l.28-4.23 7.68-6.92c.34-.31-.07-.46-.52-.19L7.74 13.3 3.64 12c-.88-.25-.89-.86.2-1.3l15.97-6.16c.73-.33 1.43.18 1.15 1.3l-2.72 12.81c-.19.91-.74 1.13-1.5.71L12.6 16.3l-1.99 1.93c-.23.23-.42.42-.83.42z"/></svg>`,
-    title: '联系我们',
-    action: 'telegram'
-  },
-  {
-    id: 'user',
-    svg: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"/></svg>`,
-    title: '用户信息',
-    action: 'user'
-  },
-  {
-    id: 'info',
-    svg: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z"/></svg>`,
-    title: '关于',
-    action: 'info'
-  },
-  {
-    id: 'photo',
-    svg: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 12c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 1c-1.63 0-3.06.79-3.98 2H8c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2h8c1.1 0 2 .9 2 2v7c0 1.1-.9 2-2 2h-.02c-.92-1.21-2.35-2-3.98-2zm7-8h-4.18C14.4 4.84 13.3 4 12 4c-1.3 0-2.4.84-2.82 2H5c-.14 0-.27.01-.4.04-.39.08-.74.28-1.01.55-.18.18-.33.4-.43.64-.1.23-.16.49-.16.77v14c0 .27.06.54.16.78s.25.45.43.64c.27.27.62.47 1.01.55.13.02.26.03.4.03h14c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm-7 0c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm5 13c0 .55-.45 1-1 1H6c-.55 0-1-.45-1-1V8c0-.55.45-1 1-1h2.18c.42 1.16 1.52 2 2.82 2 1.3 0 2.4-.84 2.82-2H16c.55 0 1 .45 1 1v10z"/></svg>`,
-    title: '拍照',
-    action: 'photo'
-  },
-  {
-    id: 'close',
-    svg: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"/></svg>`,
-    title: '关闭',
-    action: 'close'
-  }
+// 图标定义
+export const icons = [
+  {
+    id: 'message',
+    svg: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm0 14H5.17L4 17.17V4h16v12z"/></svg>`,
+    title: '发送消息',
+    action: 'message'
+  },
+  {
+    id: 'telegram',
+    svg: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.78 18.65l.28-4.23 7.68-6.92c.34-.31-.07-.46-.52-.19L7.74 13.3 3.64 12c-.88-.25-.89-.86.2-1.3l15.97-6.16c.73-.33 1.43.18 1.15 1.3l-2.72 12.81c-.19.91-.74 1.13-1.5.71L12.6 16.3l-1.99 1.93c-.23.23-.42.42-.83.42z"/></svg>`,
+    title: '联系我们',
+    action: 'telegram'
+  },
+  {
+    id: 'user',
+    svg: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"/></svg>`,
+    title: '用户信息',
+    action: 'user'
+  },
+  {
+    id: 'info',
+    svg: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z"/></svg>`,
+    title: '关于',
+    action: 'info'
+  },
+  {
+    id: 'photo',
+    svg: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 12c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 1c-1.63 0-3.06.79-3.98 2H8c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2h8c1.1 0 2 .9 2 2v7c0 1.1-.9 2-2 2h-.02c-.92-1.21-2.35-2-3.98-2zm7-8h-4.18C14.4 4.84 13.3 4 12 4c-1.3 0-2.4.84-2.82 2H5c-.14 0-.27.01-.4.04-.39.08-.74.28-1.01.55-.18.18-.33.4-.43.64-.1.23-.16.49-.16.77v14c0 .27.06.54.16.78s.25.45.43.64c.27.27.62.47 1.01.55.13.02.26.03.4.03h14c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm-7 0c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm5 13c0 .55-.45 1-1 1H6c-.55 0-1-.45-1-1V8c0-.55.45-1 1-1h2.18c.42 1.16 1.52 2 2.82 2 1.3 0 2.4-.84 2.82-2H16c.55 0 1 .45 1 1v10z"/></svg>`,
+    title: '拍照',
+    action: 'photo'
+  },
+  {
+    id: 'close',
+    svg: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"/></svg>`,
+    title: '关闭',
+    action: 'close'
+  }
 ];

package/src/icons/style.css

@@ -1,38 +1,38 @@
-.live2d-icon-panel {
-    position: fixed;
-    right: 10px;
-    bottom: 150px;
-    z-index: 10000;
-    display: flex;
-    flex-direction: column;
-    gap: 10px;
-    opacity: 0;
-    transition: opacity 0.3s ease;
-}
-
-.live2d-icon-panel.visible {
-    opacity: 1;
-}
-
-.live2d-icon {
-    width: 40px;
-    height: 40px;
-    background-color: rgba(255, 255, 255, 0.8);
-    border-radius: 50%;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    cursor: pointer;
-    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
-    transition: transform 0.2s ease;
-}
-
-.live2d-icon:hover {
-    transform: scale(1.1);
-}
-
-.live2d-icon svg {
-    width: 24px;
-    height: 24px;
-    fill: #666;
+.live2d-icon-panel {
+    position: fixed;
+    right: 10px;
+    bottom: 150px;
+    z-index: 10000;
+    display: flex;
+    flex-direction: column;
+    gap: 10px;
+    opacity: 0;
+    transition: opacity 0.3s ease;
+}
+
+.live2d-icon-panel.visible {
+    opacity: 1;
+}
+
+.live2d-icon {
+    width: 40px;
+    height: 40px;
+    background-color: rgba(255, 255, 255, 0.8);
+    border-radius: 50%;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    cursor: pointer;
+    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
+    transition: transform 0.2s ease;
+}
+
+.live2d-icon:hover {
+    transform: scale(1.1);
+}
+
+.live2d-icon svg {
+    width: 24px;
+    height: 24px;
+    fill: #666;
 }

package/src/index.ts

@@ -12,7 +12,7 @@ import { Application,  } from 'pixi.js';
 import './icons/style.css';
 import { Live2dOptions } from '@/types/index.js';
 
-export { MotionManager, SoundManager, Live2DModel, PIXI };
+export {MotionManager, SoundManager, Live2DModel, PIXI};
 
 /**
  * 创建Live2D模型

package/src/types/Live2dOptions.ts

@@ -1,56 +1,56 @@
-import { ModelOptions } from './ModelOptions.js';
-
-/**
- * Live2D模型配置选项
- */
-export interface Live2dOptions {
-    /**
-     * 模型配置选项
-     */
-    models: ModelOptions[];
-    /**
-     * 画布的ID
-     * @default 'live2d-canvas'
-     */
-    element_id?: string,
-    /**
-     * 画布的宽度
-     * @default 300
-     */
-    width?: number;
-    /**
-     * 画布的高度
-     * @default 300
-     */
-    height?: number;
-    /**
-     * 模型位置，可选 'left' 或 'right'
-     * @default 'right'
-     */
-    position?: 'left' | 'right';
-    /**
-     * 模型与左右边框的距离（像素）
-     * @default 20
-     */
-    spacing_x?: number;
-    /**
-     * 模型与底部边框的距离（像素）
-     * @default 20
-     */
-    spacing_y?: number;
-    /**
-     * 是否自动适应模型大小
-     * @default true
-     */
-    auto_fit?: boolean;
-    /**
-     * 是否自动开始动画
-     * @default true
-     */
-    auto_motion?: boolean;
-    /**
-     * 是否启用鼠标跟踪
-     * @default true
-     */
-    mouse_tracking?: boolean;
+import { ModelOptions } from './ModelOptions.js';
+
+/**
+ * Live2D模型配置选项
+ */
+export interface Live2dOptions {
+    /**
+     * 模型配置选项
+     */
+    models: ModelOptions[];
+    /**
+     * 画布的ID
+     * @default 'live2d-canvas'
+     */
+    element_id?: string,
+    /**
+     * 画布的宽度
+     * @default 300
+     */
+    width?: number;
+    /**
+     * 画布的高度
+     * @default 300
+     */
+    height?: number;
+    /**
+     * 模型位置，可选 'left' 或 'right'
+     * @default 'right'
+     */
+    position?: 'left' | 'right';
+    /**
+     * 模型与左右边框的距离（像素）
+     * @default 20
+     */
+    spacing_x?: number;
+    /**
+     * 模型与底部边框的距离（像素）
+     * @default 20
+     */
+    spacing_y?: number;
+    /**
+     * 是否自动适应模型大小
+     * @default true
+     */
+    auto_fit?: boolean;
+    /**
+     * 是否自动开始动画
+     * @default true
+     */
+    auto_motion?: boolean;
+    /**
+     * 是否启用鼠标跟踪
+     * @default true
+     */
+    mouse_tracking?: boolean;
 }

package/src/types/ModelOptions.ts

@@ -1,40 +1,40 @@
-export type ModelOptions = ModelMainOptions & ModelMobileAdaptation;
-export interface ModelMobileAdaptation {
-    /**
-     * 移动端配置, 会覆盖 desktop 中的主配置
-     * @default null
-     */
-    mobile?: Partial<ModelOptions>;
-}
-export interface ModelMainOptions {
-    /**
-     * 模型JSON文件的路径
-     */
-    model_url: string;
-    position?: ModelPosition;
-}
-
-export interface ModelPosition {
-    /**
-     * 模型在画布中的缩放
-     */
-    scale?: number,
-    /**
-     * 模型在画布中的位置
-     */
-    anchor_x?: number;
-    /**
-     * 模型在画布中的位置
-     */
-    anchor_y?: number;
-    /**
-     * 画布宽度
-     * @default 300
-     */
-    width?: number;
-    /**
-     * 画布高度
-     * @default 300
-     */
-    height?: number;
+export type ModelOptions = ModelMainOptions & ModelMobileAdaptation;
+export interface ModelMobileAdaptation {
+    /**
+     * 移动端配置, 会覆盖 desktop 中的主配置
+     * @default null
+     */
+    mobile?: Partial<ModelOptions>;
+}
+export interface ModelMainOptions {
+    /**
+     * 模型JSON文件的路径
+     */
+    model_url: string;
+    position?: ModelPosition;
+}
+
+export interface ModelPosition {
+    /**
+     * 模型在画布中的缩放
+     */
+    scale?: number,
+    /**
+     * 模型在画布中的位置
+     */
+    anchor_x?: number;
+    /**
+     * 模型在画布中的位置
+     */
+    anchor_y?: number;
+    /**
+     * 画布宽度
+     * @default 300
+     */
+    width?: number;
+    /**
+     * 画布高度
+     * @default 300
+     */
+    height?: number;
 }

package/src/types/index.ts

@@ -1,2 +1,2 @@
-export  * from './Live2dOptions.js';
+export  * from './Live2dOptions.js';
 export  * from './ModelOptions.js';