# 接入方式

async function getWeather({ location, days }) {
  // 原子接口内部实现，此处省略
  return {
    isError: false,
    content: [{ type: "text", text: "已为您查询到北京未来3天天气" }],
    structuredContent: {
      location: "北京",
      forecasts: [
        { date: "2026-04-23", dayWeather: "晴", nightWeather: "晴", tempHigh: 28, tempLow: 14, wind: "北风2级" },
        { date: "2026-04-24", dayWeather: "多云", nightWeather: "阴", tempHigh: 25, tempLow: 13, wind: "东南风3级" },
        { date: "2026-04-25", dayWeather: "小雨", nightWeather: "中雨", tempHigh: 20, tempLow: 12, wind: "东风4级" }
      ]
    },
  }
}

const getWeather = require('./apis/getWeather')

const skill = wx.modelContext.createSkill('/path/to/pkg/weather-skill')
// name 需与定义文件中的一致
skill.registerAPI('getWeather', getWeather)

const skill = wx.modelContext.createSkill('pages/weather')
skill.registerAPI('getWeather', getWeather)
skill.use(async (ctx, next) => {
  // 1. 统一登录（仅首次）
  const token = wx.getStorageSync('token')
  if (!token) {
    const { code } = await wx.login()
    const res = await wx.request({ url: '...', data: { code } })
    wx.setStorageSync('token', res.data.token)
  }
  // 2. 上报：记录开始时间
  const start = Date.now()
  try {
    await next()  // 执行实际 handler
    // 上报成功
    reportLog({
      name: ctx.name,
      cost: Date.now() - start,
    })
  } catch (err) {
    // 3. 统一错误监听
    reportError({
      name: ctx.name,
      error: err,
      cost: Date.now() - start,
    })
    throw e
}) 

Component({
  lifetimes: {
    created() {
      const modelCtx = wx.modelContext.getContext(this);
      const { NotificationType } = wx.modelContext;
      modelCtx.on(NotificationType.Input, (data) => {
        // 原子接口的入参数据
      });
      modelCtx.on(NotificationType.Result, (data) => {
        // 原子接口的出参数据
      });

      const viewCtx = wx.modelContext.getViewContext(this);
      const { minHeight, maxHeight, width } = viewCtx.getDimensions();
      viewCtx.on(NotificationType.Overflow, (data) => {
        // data.contentHeight: 内容总高
        // data.overflowHeight: 溢出高度
        // data.maxHeihgt: 当前卡片容器的硬性阈值
        // 如果给原子组件的 root element 设置 maxHeight 和 overflow: hidden 则无法触发
      });
    }
  }
})

Component({
  lifetimes: {
    created() {
      const modelCtx = wx.modelContext.getContext(this)
      this._viewCtx = wx.modelContext.getViewContext(this)

      modelCtx.on('result', (data) => {
        const { orderId } = data.result.structuredContent
        this.setData({ orderId })
        // 若只传 query，路径由 mcp.json 中的 components[].relatedPage 决定
        this._viewCtx.setRelatedPage({ query: `orderId=${orderId}` })
        // 若原子组件可能与多个小程序页面关联，也可传入 path 参数
        this._viewCtx.setRelatedPage({ path: '', query: `orderId=${orderId}` })
      })
    }
  },
  methods: {
    onSpecChange(e) {
      const spec = e.detail.value
      this.setData({ selectedSpec: spec })
      // 状态变化后更新 query 参数
      this._viewCtx.setRelatedPage({
        query: `orderId=${this.data.orderId}&spec=${spec}`
      })
    }
  }
})

wx.modelContext.expireAllCards(): Promise<{ errMsg: string }>

// 过期特定组件的卡片（绝对路径）
wx.modelContext.expireAllCards({
  componentPaths: ['packageA/weather-skill/components/weather-card/index']
})

// 只过期最近一张匹配的卡片
wx.modelContext.expireAllCards({
  componentPaths: ['packageA/weather-skill/components/weather-card/index'],
  match: 'latest'
})

const viewCtx = wx.modelContext.getViewContext(this)
viewCtx.expirePreviousCards(): Promise<{ errMsg: string }>

// 过期特定组件的卡片（绝对路径）
viewCtx.expirePreviousCards({
  componentPaths: ['packageA/weather-skill/components/weather-card/index']
})

// 只过期最近一张匹配的卡片
viewCtx.expirePreviousCards({
  componentPaths: ['packageA/weather-skill/components/weather-card/index'],
  match: 'latest'
})

Component({
  lifetimes: {
    created() {
      const { NotificationType } = wx.modelContext;
      const viewCtx = wx.modelContext.getViewContext(this);

      viewCtx.on(NotificationType.Expire, (event) => {
        console.log('卡片已过期', event.expiredText)
        // 停止轮询、禁用按钮等清理逻辑
      })
    }
  }
})

Component({
  lifetimes: {
    created() {
    }
  },
  methods: {
    showDetail() {
      const viewCtx = wx.modelContext.getViewContext(this);
      viewCtx.openDetailPage({
        url: '/packageA/pages/weather-detail?foo=bar'
      })
    }
  }
})

Page({
  onTap() {
    const ctx = wx.modelContext.getContext()
    ctx.sendFollowUpMessage({
      content: [
        {
          // 必须传
          type: 'text',
          text: '选择拿铁'
        },
        {
          // 指定下一步应该调用哪个原子接口，若不传，则由模型推理
          type: 'api/call',
          data: {
            name: 'selectGoods',
            arguments: {}
          }
        }
      ]
    })
  }
})

// 前置 wx.config()
wx.ready(function () {
    WeixinJSBridge.invoke('invokeMiniProgramAPI', {
      name: 'sendFollowUpMessage',
      arg: {
        content: [
          {
            // 必须传
            type: 'text',
            text: '选择拿铁'
          },
          {
            // 指定下一步应该调用哪个原子接口，若不传，则由模型推理
            type: 'api/call',
            data: {
              name: 'selectGoods',
              arguments: {}
            }
          }
        ]
      }
    }, function (res) {})
})

Component({
  lifetimes: {
    attached() {
      const viewCtx = wx.modelContext.getViewContext(this);
      viewCtx.preloadDetailPage({
        url: '/packageA/pages/weather-detail?foo=bar'
      })
    }
  },
})

function callback() {
  return { followUpMessage, context }
}
wx.onAgentOpen(callback)
wx.offAgentOpen(callback)

wx.checkIsSupportAgent({
  success(res) {
    if (res.isSupport) wx.openAgent()
  }
})

wx.navigateBackAgent({
  followUpMessage: {
    content: [
      {
        // 必须传
        type: 'text',
        text: '选择拿铁'
      },
      {
        // 指定下一步应该调用哪个原子接口，若不传，则由模型推理
        type: 'api/call',
        data: {
          name: 'selectGoods',
          arguments: {} // 长度限制 1000 个字符
        }
      }
    ]
  },
  context: '',
})