@syfei49/mini-dynamic-renderer 1.0.0 → 1.0.2

package/index.js

@@ -1,14 +1,16 @@
-var initModule = require('./src/init');
-var interceptor = require('./src/interceptor');
-var handler = require('./src/handler');
-
-module.exports = {
-  version: '1.0.0',
-  init: initModule.init,
-  getConfig: initModule.getConfig,
-  isInitialized: initModule.isInitialized,
-  uninstall: interceptor.uninstallInterceptor,
-  parseRenderConfig: handler.parseRenderConfig
-};
-
-initModule.init();
+var initModule = require('./src/init');
+var interceptor = require('./src/interceptor');
+var handler = require('./src/handler');
+var chatService = require('./src/chat/service');
+var configModule = require('./src/config');
+
+module.exports = {
+  version: '1.0.1',
+  init: initModule.init,
+  getConfig: configModule.getConfig,
+  isInitialized: initModule.isInitialized,
+  uninstall: interceptor.uninstallInterceptor,
+  parseRenderConfig: handler.parseRenderConfig,
+  openChat: chatService.openConversation,
+  closeChat: chatService.closeConversation
+};

package/package.json

@@ -1,18 +1,27 @@
-{
-  "name": "@syfei49/mini-dynamic-renderer",
-  "version": "1.0.0",
-  "description": "微信小程序对话接口动态渲染 SDK",
-  "main": "index.js",
-  "miniprogram": ".",
-  "files": [
-    "index.js",
-    "src"
-  ],
-  "keywords": [
-    "wechat",
-    "miniprogram",
-    "dynamic-renderer"
-  ],
-  "author": "syfei49",
-  "license": "MIT"
-}
+{
+  "name": "@syfei49/mini-dynamic-renderer",
+  "version": "1.0.2",
+  "description": "uni-app 浮层 AI 客服插件",
+  "main": "index.js",
+  "files": [
+    "index.js",
+    "src/**/*.js",
+    "components/**/*.vue",
+    "README.md"
+  ],
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "keywords": [
+    "uni-app",
+    "mini-program",
+    "ai",
+    "chat",
+    "float"
+  ],
+  "author": "syfei49",
+  "license": "MIT",
+  "publishConfig": {
+    "access": "public"
+  }
+}

package/src/adapters/request.js

@@ -0,0 +1,106 @@
+var configModule = require('../config');
+
+function getFullUrl(path) {
+  var config = configModule.getConfig();
+  var baseUrl = config.baseUrl || '';
+  var normalizedPath = (path || '').replace(/^\/+/, '/');
+  if (baseUrl.slice(-1) === '/' && normalizedPath.indexOf('/') === 0) {
+    return baseUrl + normalizedPath.slice(1);
+  }
+  if (baseUrl && normalizedPath.indexOf('/') !== 0) {
+    normalizedPath = '/' + normalizedPath;
+  }
+  return baseUrl + normalizedPath;
+}
+
+function getHeaders(extraHeaders) {
+  var config = configModule.getConfig();
+  var headers = Object.assign({}, config.getHeaders() || {});
+  var token = typeof config.getToken === 'function' ? config.getToken() : '';
+  if (token) {
+    headers.Authorization = token;
+  }
+  if (extraHeaders) {
+    Object.assign(headers, extraHeaders);
+  }
+  return headers;
+}
+
+function sendChat(payload) {
+  var config = configModule.getConfig();
+  var url = getFullUrl(config.chatApiPath);
+  var headers = getHeaders({
+    'Content-Type': 'application/json'
+  });
+
+  if (config.debug) {
+    console.log('[mini-dynamic-renderer] sendChat', url, payload);
+  }
+
+  return new Promise(function (resolve, reject) {
+    uni.request({
+      url: url,
+      method: 'POST',
+      data: payload,
+      header: headers,
+      timeout: 120000,
+      success: function (res) {
+        var data = res.data || {};
+        if (res.statusCode >= 200 && res.statusCode < 300 && data.code !== 500) {
+          resolve(data);
+        } else {
+          reject(new Error(data.msg || data.message || ('请求失败 ' + res.statusCode)));
+        }
+      },
+      fail: function (err) {
+        reject(err || new Error('网络请求失败'));
+      }
+    });
+  });
+}
+
+function uploadImage(filePath) {
+  var config = configModule.getConfig();
+  var url = getFullUrl(config.uploadApiPath);
+  var headers = getHeaders();
+
+  if (config.debug) {
+    console.log('[mini-dynamic-renderer] uploadImage', url, filePath);
+  }
+
+  return new Promise(function (resolve, reject) {
+    uni.uploadFile({
+      url: url,
+      filePath: filePath,
+      name: 'file',
+      header: headers,
+      success: function (res) {
+        var data = res.data || '{}';
+        try {
+          data = typeof data === 'string' ? JSON.parse(data) : data;
+        } catch (e) {
+          reject(new Error('上传响应解析失败'));
+          return;
+        }
+        var dataObj = data.data || {};
+        var urlValue = data.url || dataObj.url || dataObj.fileName || dataObj || '';
+        if (urlValue && typeof urlValue === 'object' && urlValue.url) {
+          urlValue = urlValue.url;
+        }
+        if (urlValue) {
+          resolve(urlValue);
+        } else {
+          reject(new Error(data.msg || data.message || '上传失败'));
+        }
+      },
+      fail: function (err) {
+        reject(err || new Error('图片上传失败'));
+      }
+    });
+  });
+}
+
+module.exports = {
+  sendChat: sendChat,
+  uploadImage: uploadImage
+};

package/src/chat/parser.js

@@ -0,0 +1,55 @@
+function cleanImageUrl(url) {
+  return String(url || '').replace(/[)\]}>.,;，。]+$/g, '');
+}
+
+function parseAssistantMessage(answer) {
+  if (!answer) {
+    return {
+      content: '',
+      imageUrls: []
+    };
+  }
+  var imageUrls = [];
+  var iconLineRegex = /[-－•]\s*图标[：:]\s*(https?:\/\/\S+)/gi;
+  var match;
+  while ((match = iconLineRegex.exec(answer)) !== null) {
+    var url = cleanImageUrl(match[1]);
+    if (url && imageUrls.indexOf(url) === -1) {
+      imageUrls.push(url);
+    }
+  }
+  var content = answer;
+  if (imageUrls.length) {
+    content = answer.replace(/[-－•]\s*图标[：:]\s*https?:\/\/\S+/gi, '- 图标：');
+  }
+  return {
+    content: content.trim(),
+    imageUrls: imageUrls
+  };
+}
+
+function parseNeedIcon(answer) {
+  if (!answer || answer.indexOf('[NEED_ICON]') === -1) {
+    return null;
+  }
+  var jsonPart = answer.replace('[NEED_ICON]', '').trim();
+  try {
+    var data = JSON.parse(jsonPart);
+    if (!data || !data.name) {
+      return null;
+    }
+    return {
+      name: data.name,
+      sort: Number(data.sort != null ? data.sort : 0),
+      msg: data.msg || ('请上传一张图片作为「' + data.name + '」的分类图标')
+    };
+  } catch (error) {
+    return null;
+  }
+}
+
+module.exports = {
+  cleanImageUrl: cleanImageUrl,
+  parseAssistantMessage: parseAssistantMessage,
+  parseNeedIcon: parseNeedIcon
+};

package/src/chat/service.js

@@ -0,0 +1,296 @@
+var requestAdapter = require('../adapters/request');
+var parser = require('./parser');
+var event = require('../event');
+var configModule = require('../config');
+
+var state = {
+  messages: [],
+  conversationId: '',
+  loading: false,
+  uploading: false,
+  iconPickMode: false,
+  pendingIconCategory: null,
+  pendingImageUrl: '',
+  inputText: ''
+};
+
+var quickQuestions = [
+  '你好，你能帮我做什么？',
+  '在「保健品」下新增二级分类：维生素，排序0',
+  '帮我新增一级分类 保健品3'
+];
+
+function reset() {
+  state.messages = [];
+  state.conversationId = '';
+  state.loading = false;
+  state.uploading = false;
+  state.iconPickMode = false;
+  state.pendingIconCategory = null;
+  state.pendingImageUrl = '';
+  state.inputText = '';
+}
+
+function ensureLogin() {
+  var config = configModule.getConfig();
+  if (!config.requireLogin) {
+    return true;
+  }
+  var token = typeof config.getToken === 'function' ? config.getToken() : '';
+  if (token) {
+    return true;
+  }
+  uni.showToast({
+    title: '请先登录',
+    icon: 'none'
+  });
+  setTimeout(function () {
+    uni.navigateTo({
+      url: config.loginPage
+    });
+  }, 800);
+  return false;
+}
+
+function notifyUpdate() {
+  event.emit('chat:update', getSnapshot());
+}
+
+function getSnapshot() {
+  return {
+    messages: state.messages.slice(),
+    loading: state.loading,
+    uploading: state.uploading,
+    iconPickMode: state.iconPickMode,
+    pendingIconCategory: state.pendingIconCategory,
+    pendingImageUrl: state.pendingImageUrl,
+    inputText: state.inputText,
+    quickQuestions: quickQuestions.slice()
+  };
+}
+
+function createAssistantMessage(content) {
+  var parsed = parser.parseAssistantMessage(content);
+  return {
+    role: 'assistant',
+    content: parsed.content,
+    imageUrls: parsed.imageUrls
+  };
+}
+
+function handleAssistantAnswer(answer) {
+  var needIcon = parser.parseNeedIcon(answer);
+  if (needIcon) {
+    state.pendingIconCategory = {
+      name: needIcon.name,
+      sort: needIcon.sort
+    };
+    state.iconPickMode = true;
+    state.messages.push({
+      role: 'assistant',
+      content: needIcon.msg,
+      imageUrls: []
+    });
+    notifyUpdate();
+    return;
+  }
+  state.iconPickMode = false;
+  state.pendingIconCategory = null;
+  state.messages.push(createAssistantMessage(answer));
+  notifyUpdate();
+}
+
+function setInputText(text) {
+  state.inputText = text;
+  notifyUpdate();
+}
+
+function clearPendingImage() {
+  state.pendingImageUrl = '';
+  notifyUpdate();
+}
+
+function chooseImage() {
+  if (state.loading || state.uploading || state.iconPickMode) {
+    return Promise.resolve();
+  }
+  return new Promise(function (resolve, reject) {
+    uni.chooseImage({
+      count: 1,
+      sizeType: ['compressed'],
+      sourceType: ['album', 'camera'],
+      success: function (chooseRes) {
+        var filePath = chooseRes.tempFilePaths && chooseRes.tempFilePaths[0];
+        if (!filePath) {
+          reject(new Error('未选择图片'));
+          return;
+        }
+        state.uploading = true;
+        notifyUpdate();
+        requestAdapter.uploadImage(filePath)
+          .then(function (imageUrl) {
+            state.pendingImageUrl = imageUrl;
+            state.uploading = false;
+            notifyUpdate();
+            resolve(imageUrl);
+          })
+          .catch(function (error) {
+            state.uploading = false;
+            notifyUpdate();
+            reject(error);
+          });
+      },
+      fail: function (err) {
+        reject(err || new Error('选择图片失败'));
+      }
+    });
+  });
+}
+
+function pickCategoryIcon(source) {
+  if (state.loading || state.uploading || !state.pendingIconCategory) {
+    return Promise.resolve();
+  }
+  if (!ensureLogin()) {
+    return Promise.resolve();
+  }
+  var sourceType = source === 'camera' ? ['camera'] : ['album'];
+  return new Promise(function (resolve, reject) {
+    uni.chooseImage({
+      count: 1,
+      sizeType: ['compressed'],
+      sourceType: sourceType,
+      success: function (chooseRes) {
+        var filePath = chooseRes.tempFilePaths && chooseRes.tempFilePaths[0];
+        if (!filePath) {
+          reject(new Error('未选择图片'));
+          return;
+        }
+        state.uploading = true;
+        notifyUpdate();
+        requestAdapter.uploadImage(filePath)
+          .then(function (imageUrl) {
+            var category = state.pendingIconCategory;
+            var query = '新增一级分类：' + category.name + '，排序' + category.sort + '，图标 ' + imageUrl;
+            state.iconPickMode = false;
+            state.pendingIconCategory = null;
+            state.uploading = false;
+            notifyUpdate();
+            return sendMessage(query, imageUrl, '[图片] ' + category.name);
+          })
+          .then(function () {
+            resolve();
+          })
+          .catch(function (error) {
+            state.uploading = false;
+            notifyUpdate();
+            reject(error);
+          });
+      },
+      fail: function (err) {
+        reject(err || new Error('选择图片失败'));
+      }
+    });
+  });
+}
+
+function cancelIconPick() {
+  state.iconPickMode = false;
+  state.pendingIconCategory = null;
+  notifyUpdate();
+}
+
+function sendQuick(text) {
+  state.inputText = text;
+  notifyUpdate();
+  return handleSend();
+}
+
+function sendMessage(query, imageUrl, displayContent) {
+  if (!ensureLogin()) {
+    return Promise.resolve();
+  }
+  state.messages.push({
+    role: 'user',
+    content: displayContent || query,
+    imageUrls: imageUrl ? [imageUrl] : []
+  });
+  state.loading = true;
+  notifyUpdate();
+
+  return requestAdapter.sendChat({
+    conversationId: state.conversationId || undefined,
+    query: query || undefined,
+    imageUrl: imageUrl || undefined
+  })
+    .then(function (data) {
+      if (data.conversationId) {
+        state.conversationId = data.conversationId;
+      }
+      state.loading = false;
+      handleAssistantAnswer(data.answer || '暂无回复');
+    })
+    .catch(function (error) {
+      state.loading = false;
+      state.messages.push(createAssistantMessage(error && (error.msg || error.message) ? (error.msg || error.message) : '发送失败，请稍后重试'));
+      notifyUpdate();
+    });
+}
+
+function handleSend() {
+  var query = (state.inputText || '').trim();
+  var imageUrl = state.pendingImageUrl;
+  if ((!query && !imageUrl) || state.loading || state.uploading || state.iconPickMode) {
+    return Promise.resolve();
+  }
+  var displayContent = query || (imageUrl ? '[图片]' : '');
+  state.inputText = '';
+  state.pendingImageUrl = '';
+  notifyUpdate();
+  return sendMessage(query, imageUrl, displayContent);
+}
+
+function openConversation() {
+  if (!ensureLogin()) {
+    return false;
+  }
+  event.emit('chat:open');
+  return true;
+}
+
+function closeConversation() {
+  event.emit('chat:close');
+}
+
+module.exports = {
+  quickQuestions: quickQuestions,
+  reset: reset,
+  getSnapshot: getSnapshot,
+  setInputText: setInputText,
+  clearPendingImage: clearPendingImage,
+  chooseImage: chooseImage,
+  pickCategoryIcon: pickCategoryIcon,
+  cancelIconPick: cancelIconPick,
+  sendQuick: sendQuick,
+  handleSend: handleSend,
+  openConversation: openConversation,
+  closeConversation: closeConversation,
+  onUpdate: function (handler) {
+    event.on('chat:update', handler);
+  },
+  offUpdate: function (handler) {
+    event.off('chat:update', handler);
+  },
+  onOpen: function (handler) {
+    event.on('chat:open', handler);
+  },
+  offOpen: function (handler) {
+    event.off('chat:open', handler);
+  },
+  onClose: function (handler) {
+    event.on('chat:close', handler);
+  },
+  offClose: function (handler) {
+    event.off('chat:close', handler);
+  }
+};

package/src/config.js

@@ -0,0 +1,51 @@
+var DEFAULT_CONFIG = {
+  baseUrl: '',
+  chatApiPath: '/mini/ai/chat',
+  uploadApiPath: '/mini/common/upload',
+  getToken: function () {
+    return '';
+  },
+  getHeaders: function () {
+    return {};
+  },
+  visiblePages: ['pages/user/user'],
+  floatIcon: '',
+  requireLogin: true,
+  loginPage: '/pages/login/login',
+  debug: false,
+  enableInterceptor: false
+};
+
+var currentConfig = null;
+
+function mergeConfig(userConfig) {
+  var config = userConfig || {};
+  var merged = {};
+  for (var key in DEFAULT_CONFIG) {
+    if (Object.prototype.hasOwnProperty.call(DEFAULT_CONFIG, key)) {
+      var defaultValue = DEFAULT_CONFIG[key];
+      var userValue = config[key];
+      if (userValue === undefined || userValue === null) {
+        merged[key] = defaultValue;
+      } else {
+        merged[key] = userValue;
+      }
+    }
+  }
+  return merged;
+}
+
+function setConfig(userConfig) {
+  currentConfig = mergeConfig(userConfig);
+  return currentConfig;
+}
+
+function getConfig() {
+  return currentConfig || mergeConfig(null);
+}
+
+module.exports = {
+  DEFAULT_CONFIG: DEFAULT_CONFIG,
+  setConfig: setConfig,
+  getConfig: getConfig
+};

package/src/event.js

@@ -0,0 +1,43 @@
+var listeners = {};
+
+function on(event, handler) {
+  if (typeof handler !== 'function') {
+    return;
+  }
+  if (!listeners[event]) {
+    listeners[event] = [];
+  }
+  listeners[event].push(handler);
+}
+
+function off(event, handler) {
+  if (!listeners[event]) {
+    return;
+  }
+  if (!handler) {
+    listeners[event] = [];
+    return;
+  }
+  listeners[event] = listeners[event].filter(function (fn) {
+    return fn !== handler;
+  });
+}
+
+function emit(event, payload) {
+  if (!listeners[event]) {
+    return;
+  }
+  listeners[event].forEach(function (handler) {
+    try {
+      handler(payload);
+    } catch (err) {
+      console.error('[mini-dynamic-renderer] event handler error:', err);
+    }
+  });
+}
+
+module.exports = {
+  on: on,
+  off: off,
+  emit: emit
+};