@syfei49/mini-dynamic-renderer 1.0.0 → 1.0.3

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
+};

package/src/handler.js

@@ -1,49 +1,43 @@
-/**
- * 从响应数据中解析渲染配置（预留，供后续版本使用）
- * @param {*} data - 接口返回的 data 字段
- * @returns {Object|null}
- */
-function parseRenderConfig(data) {
-  if (!data || typeof data !== 'object') {
-    return null;
-  }
-
-  if (data.renderConfig && typeof data.renderConfig === 'object') {
-    return data.renderConfig;
-  }
-
-  if (data.type) {
-    return data;
-  }
-
-  return null;
-}
-
-/**
- * v1.0.0: 拦截成功后弹出 hello world 测试弹窗
- * @param {Object} res - wx.request success 回调的响应对象
- * @param {Object} requestOptions - 原始 wx.request 入参
- * @param {Object} config - SDK 配置
- */
-function handleResponse(res, requestOptions, config) {
-  var renderConfig = parseRenderConfig(res.data);
-
-  if (config.debug) {
-    console.log('[mini-dynamic-renderer] intercepted:', requestOptions.url, res.data);
-  }
-
-  wx.showModal({
-    title: 'mini-dynamic-renderer',
-    content: 'hello world',
-    showCancel: false
-  });
-
-  if (renderConfig && config.debug) {
-    console.log('[mini-dynamic-renderer] renderConfig:', renderConfig);
-  }
-}
-
-module.exports = {
-  parseRenderConfig: parseRenderConfig,
-  handleResponse: handleResponse
-};
+/**
+ * 从响应数据中解析渲染配置（预留，供后续版本使用）
+ * @param {*} data - 接口返回的 data 字段
+ * @returns {Object|null}
+ */
+function parseRenderConfig(data) {
+  if (!data || typeof data !== 'object') {
+    return null;
+  }
+
+  if (data.renderConfig && typeof data.renderConfig === 'object') {
+    return data.renderConfig;
+  }
+
+  if (data.type) {
+    return data;
+  }
+
+  return null;
+}
+
+/**
+ * 拦截响应处理（预留，默认不再弹窗）
+ * @param {Object} res - wx.request success 回调的响应对象
+ * @param {Object} requestOptions - 原始 wx.request 入参
+ * @param {Object} config - SDK 配置
+ */
+function handleResponse(res, requestOptions, config) {
+  var renderConfig = parseRenderConfig(res.data);
+
+  if (config.debug) {
+    console.log('[mini-dynamic-renderer] intercepted:', requestOptions.url, res.data);
+  }
+
+  if (renderConfig && config.debug) {
+    console.log('[mini-dynamic-renderer] renderConfig:', renderConfig);
+  }
+}
+
+module.exports = {
+  parseRenderConfig: parseRenderConfig,
+  handleResponse: handleResponse
+};

package/src/init.js

@@ -1,57 +1,38 @@
-var interceptor = require('./interceptor');
-
-var currentConfig = null;
-var initialized = false;
-
-/**
- * 合并用户配置与默认配置
- * @param {Object} userConfig
- * @returns {Object}
- */
-function mergeConfig(userConfig) {
-  var base = interceptor.DEFAULT_CONFIG;
-  var config = userConfig || {};
-
-  return {
-    urlPatterns: config.urlPatterns || base.urlPatterns,
-    debug: typeof config.debug === 'boolean' ? config.debug : base.debug
-  };
-}
-
-/**
- * 初始化 SDK，注册 wx.request 拦截器
- * @param {Object} [userConfig]
- * @param {Array<string|RegExp>} [userConfig.urlPatterns] - URL 匹配规则，默认 ['*'] 匹配全部
- * @param {boolean} [userConfig.debug] - 是否输出调试日志
- * @returns {Object} 当前配置
- */
-function init(userConfig) {
-  if (initialized && !userConfig) {
-    return currentConfig;
-  }
-
-  if (initialized && userConfig) {
-    interceptor.uninstallInterceptor();
-    initialized = false;
-  }
-
-  currentConfig = mergeConfig(userConfig);
-  interceptor.installInterceptor(currentConfig);
-  initialized = true;
-
-  if (currentConfig.debug) {
-    console.log('[mini-dynamic-renderer] initialized', currentConfig);
-  }
-
-  return currentConfig;
-}
-
-module.exports = {
-  init: init,
-  getConfig: function () {
-    return currentConfig;
-  },
-  isInitialized: function () {
-    return initialized;
-  }
-};
+var interceptor = require('./interceptor');
+var configModule = require('./config');
+var chatService = require('./chat/service');
+
+var initialized = false;
+
+/**
+ * 初始化 SDK
+ * @param {Object} [userConfig]
+ * @returns {Object} 当前配置
+ */
+function init(userConfig) {
+  if (initialized) {
+    return configModule.getConfig();
+  }
+
+  var config = configModule.setConfig(userConfig);
+  initialized = true;
+
+  if (config.enableInterceptor) {
+    interceptor.installInterceptor(config);
+  }
+
+  if (config.debug) {
+    console.log('[mini-dynamic-renderer] initialized', config);
+  }
+
+  return config;
+}
+
+function isInitialized() {
+  return initialized;
+}
+
+module.exports = {
+  init: init,
+  isInitialized: isInitialized
+};