@antglobal/copilot-cards-mini-program 0.0.0 → 1.0.0

package/README.md

@@ -1,3 +1 @@
-### Marmot NPM
-
-placeholder
+# Marmot NPM

package/dist/action-context/index.d.ts

@@ -0,0 +1,44 @@
+import { ActionRunnerContext } from '@antglobal/copilot-cards-core';
+import { MiniProgramAdapter } from '../adapter/index.js';
+
+/**
+ * Mini-Program Action Context Factory
+ *
+ * Creates an ActionRunnerContext that bridges core action execution
+ * with mini-program platform APIs via the MiniProgramAdapter.
+ *
+ * Mirrors the web-side `createWebActionContext` but routes calls
+ * through the adapter instead of browser globals.
+ */
+
+interface MiniProgramActionContextOptions {
+    /** Variable setter for setVariable actions — triggers re-render */
+    setVariable?: (key: string, value: unknown) => void;
+    /** Event emitter for emit actions */
+    emit?: (eventName: string, payload?: unknown) => void;
+    /** Copy text to clipboard (uses adapter.copyText if not provided) */
+    copyText?: (text: string) => void;
+    /** Abort signal for cancelling in-flight requests on dispose */
+    abortSignal?: AbortSignal;
+    /** Variables context for resolving expressions in action params */
+    variables?: Record<string, unknown>;
+    /** Current bot ID — used to look up bot-scoped handlers */
+    botId?: string;
+}
+/**
+ * Create an ActionRunnerContext wired to mini-program platform APIs.
+ *
+ * @example
+ * ```ts
+ * const adapter = new AlipayAdapter();
+ * const ctx = createMiniProgramActionContext(adapter, {
+ *   setVariable: (key, value) => { variables[key] = value; rerender(); },
+ *   emit: (event, payload) => triggerEvent(event, payload),
+ * });
+ * await runActionSteps(steps, ctx);
+ * ```
+ */
+declare function createMiniProgramActionContext(adapter: MiniProgramAdapter, options?: MiniProgramActionContextOptions): ActionRunnerContext;
+
+export { createMiniProgramActionContext };
+export type { MiniProgramActionContextOptions };

package/dist/action-context/index.js

@@ -0,0 +1,71 @@
+/**
+ * Mini-Program Action Context Factory
+ *
+ * Creates an ActionRunnerContext that bridges core action execution
+ * with mini-program platform APIs via the MiniProgramAdapter.
+ *
+ * Mirrors the web-side `createWebActionContext` but routes calls
+ * through the adapter instead of browser globals.
+ */
+// ─── Factory ─────────────────────────────────────────────────────
+/**
+ * Create an ActionRunnerContext wired to mini-program platform APIs.
+ *
+ * @example
+ * ```ts
+ * const adapter = new AlipayAdapter();
+ * const ctx = createMiniProgramActionContext(adapter, {
+ *   setVariable: (key, value) => { variables[key] = value; rerender(); },
+ *   emit: (event, payload) => triggerEvent(event, payload),
+ * });
+ * await runActionSteps(steps, ctx);
+ * ```
+ */
+function createMiniProgramActionContext(adapter, options = {}) {
+    return {
+        fetch: async (url, init) => {
+            // Convert standard fetch interface to mini-program adapter request
+            const response = await adapter.request({
+                url,
+                method: init?.method ?? 'GET',
+                headers: init?.headers,
+                data: init?.body ? JSON.parse(init.body) : undefined,
+            });
+            // Wrap as a fetch-compatible Response
+            return {
+                ok: response.statusCode >= 200 && response.statusCode < 300,
+                status: response.statusCode,
+                headers: new Headers(response.headers ?? {}),
+                json: async () => response.data,
+                text: async () => JSON.stringify(response.data),
+            };
+        },
+        showToast: (message, level, duration) => {
+            adapter.showToast({
+                title: message,
+                icon: level === 'success' ? 'success' : level === 'error' ? 'error' : 'none',
+                duration: duration ?? 2000,
+            });
+        },
+        navigate: (url) => {
+            adapter.navigateTo({ url });
+        },
+        setVariable: options.setVariable,
+        emit: options.emit,
+        copyText: options.copyText ?? ((text) => {
+            // Fallback to adapter's copyText if available
+            if ('copyText' in adapter && typeof adapter.copyText === 'function') {
+                adapter.copyText(text);
+            }
+            else {
+                console.warn('[MiniProgram ActionContext] No clipboard API available');
+            }
+        }),
+        variables: options.variables,
+        botId: options.botId,
+        abortSignal: options.abortSignal,
+    };
+}
+
+export { createMiniProgramActionContext };
+//# sourceMappingURL=index.js.map

package/dist/action-context/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/adapter/alipay.d.ts

@@ -0,0 +1,22 @@
+import { MiniProgramAdapter, MiniProgramRequestOptions, MiniProgramResponse, MiniProgramToastOptions, MiniProgramNavigateOptions, MiniProgramSystemInfo } from './index.js';
+
+/**
+ * Alipay Mini-Program Adapter
+ *
+ * Implements MiniProgramAdapter for Alipay (支付宝) / DingTalk mini-programs.
+ * Uses the `my.*` global API.
+ */
+
+declare class AlipayAdapter implements MiniProgramAdapter {
+    readonly platform: "alipay";
+    request(options: MiniProgramRequestOptions): Promise<MiniProgramResponse>;
+    showToast(options: MiniProgramToastOptions): void;
+    navigateTo(options: MiniProgramNavigateOptions): void;
+    getSystemInfo(): MiniProgramSystemInfo;
+    /**
+     * Copy text to clipboard (Alipay-specific).
+     */
+    copyText(text: string): Promise<void>;
+}
+
+export { AlipayAdapter };

package/dist/adapter/alipay.js

@@ -0,0 +1,66 @@
+/**
+ * Alipay Mini-Program Adapter
+ *
+ * Implements MiniProgramAdapter for Alipay (支付宝) / DingTalk mini-programs.
+ * Uses the `my.*` global API.
+ */
+// ─── Adapter Implementation ──────────────────────────────────────
+class AlipayAdapter {
+    constructor() {
+        this.platform = 'alipay';
+    }
+    request(options) {
+        return new Promise((resolve, reject) => {
+            my.request({
+                url: options.url,
+                method: options.method ?? 'GET',
+                headers: options.headers,
+                data: options.data,
+                success(res) {
+                    resolve({
+                        statusCode: res.status,
+                        data: res.data,
+                        headers: res.headers,
+                    });
+                },
+                fail(err) {
+                    reject(err);
+                },
+            });
+        });
+    }
+    showToast(options) {
+        my.showToast({
+            content: options.title,
+            type: options.icon === 'success' ? 'success' : options.icon === 'error' ? 'fail' : 'none',
+            duration: options.duration ?? 2000,
+        });
+    }
+    navigateTo(options) {
+        my.navigateTo({ url: options.url });
+    }
+    getSystemInfo() {
+        const info = my.getSystemInfoSync();
+        return {
+            screenWidth: info.screenWidth,
+            screenHeight: info.screenHeight,
+            pixelRatio: info.pixelRatio,
+            platform: info.platform,
+        };
+    }
+    /**
+     * Copy text to clipboard (Alipay-specific).
+     */
+    copyText(text) {
+        return new Promise((resolve, reject) => {
+            my.setClipboardData({
+                text,
+                success: () => resolve(),
+                fail: (err) => reject(err),
+            });
+        });
+    }
+}
+
+export { AlipayAdapter };
+//# sourceMappingURL=alipay.js.map

package/dist/adapter/alipay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alipay.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/adapter/index.d.ts

@@ -0,0 +1,53 @@
+export { AlipayAdapter } from './alipay.js';
+export { WeChatAdapter } from './wechat.js';
+
+/**
+ * Platform adapter — abstracts mini-program platform differences.
+ *
+ * Different mini-program platforms (WeChat, Alipay, DingTalk) have
+ * different APIs for HTTP requests, navigation, toast, etc.
+ * This adapter provides a unified interface.
+ */
+interface MiniProgramAdapter {
+    /** Platform name identifier */
+    platform: 'wechat' | 'alipay' | 'dingtalk' | string;
+    /** Make an HTTP request */
+    request(options: MiniProgramRequestOptions): Promise<MiniProgramResponse>;
+    /** Show a toast message */
+    showToast(options: MiniProgramToastOptions): void;
+    /** Navigate to a page */
+    navigateTo(options: MiniProgramNavigateOptions): void;
+    /** Get system info (screen size, platform, etc.) */
+    getSystemInfo(): MiniProgramSystemInfo;
+}
+interface MiniProgramRequestOptions {
+    url: string;
+    method?: 'GET' | 'POST' | 'PUT' | 'DELETE';
+    headers?: Record<string, string>;
+    data?: unknown;
+}
+interface MiniProgramResponse {
+    statusCode: number;
+    data: unknown;
+    headers?: Record<string, string>;
+}
+interface MiniProgramToastOptions {
+    title: string;
+    icon?: 'success' | 'error' | 'loading' | 'none';
+    duration?: number;
+}
+interface MiniProgramNavigateOptions {
+    url: string;
+}
+interface MiniProgramSystemInfo {
+    /** Screen width in px */
+    screenWidth: number;
+    /** Screen height in px */
+    screenHeight: number;
+    /** Device pixel ratio */
+    pixelRatio: number;
+    /** Platform (ios / android / devtools) */
+    platform: string;
+}
+
+export type { MiniProgramAdapter, MiniProgramNavigateOptions, MiniProgramRequestOptions, MiniProgramResponse, MiniProgramSystemInfo, MiniProgramToastOptions };

package/dist/adapter/index.js

@@ -0,0 +1,3 @@
+export { AlipayAdapter } from './alipay.js';
+export { WeChatAdapter } from './wechat.js';
+//# sourceMappingURL=index.js.map

package/dist/adapter/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/adapter/wechat.d.ts

@@ -0,0 +1,22 @@
+import { MiniProgramAdapter, MiniProgramRequestOptions, MiniProgramResponse, MiniProgramToastOptions, MiniProgramNavigateOptions, MiniProgramSystemInfo } from './index.js';
+
+/**
+ * WeChat Mini-Program Adapter
+ *
+ * Implements MiniProgramAdapter for WeChat (微信) mini-programs.
+ * Uses the `wx.*` global API.
+ */
+
+declare class WeChatAdapter implements MiniProgramAdapter {
+    readonly platform: "wechat";
+    request(options: MiniProgramRequestOptions): Promise<MiniProgramResponse>;
+    showToast(options: MiniProgramToastOptions): void;
+    navigateTo(options: MiniProgramNavigateOptions): void;
+    getSystemInfo(): MiniProgramSystemInfo;
+    /**
+     * Copy text to clipboard (WeChat-specific).
+     */
+    copyText(text: string): Promise<void>;
+}
+
+export { WeChatAdapter };

package/dist/adapter/wechat.js

@@ -0,0 +1,66 @@
+/**
+ * WeChat Mini-Program Adapter
+ *
+ * Implements MiniProgramAdapter for WeChat (微信) mini-programs.
+ * Uses the `wx.*` global API.
+ */
+// ─── Adapter Implementation ──────────────────────────────────────
+class WeChatAdapter {
+    constructor() {
+        this.platform = 'wechat';
+    }
+    request(options) {
+        return new Promise((resolve, reject) => {
+            wx.request({
+                url: options.url,
+                method: options.method ?? 'GET',
+                header: options.headers,
+                data: options.data,
+                success(res) {
+                    resolve({
+                        statusCode: res.statusCode,
+                        data: res.data,
+                        headers: res.header,
+                    });
+                },
+                fail(err) {
+                    reject(err);
+                },
+            });
+        });
+    }
+    showToast(options) {
+        wx.showToast({
+            title: options.title,
+            icon: options.icon === 'success' ? 'success' : options.icon === 'error' ? 'error' : 'none',
+            duration: options.duration ?? 2000,
+        });
+    }
+    navigateTo(options) {
+        wx.navigateTo({ url: options.url });
+    }
+    getSystemInfo() {
+        const info = wx.getSystemInfoSync();
+        return {
+            screenWidth: info.screenWidth,
+            screenHeight: info.screenHeight,
+            pixelRatio: info.pixelRatio,
+            platform: info.platform,
+        };
+    }
+    /**
+     * Copy text to clipboard (WeChat-specific).
+     */
+    copyText(text) {
+        return new Promise((resolve, reject) => {
+            wx.setClipboardData({
+                data: text,
+                success: () => resolve(),
+                fail: (err) => reject(err),
+            });
+        });
+    }
+}
+
+export { WeChatAdapter };
+//# sourceMappingURL=wechat.js.map

package/dist/adapter/wechat.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"wechat.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/card-button/index.acss

@@ -0,0 +1,61 @@
+.card-button {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 8rpx;
+  padding: 16rpx 32rpx;
+  box-sizing: border-box;
+  cursor: pointer;
+}
+
+.card-button--primary {
+  background-color: #1677FF;
+  color: #FFFFFF;
+}
+
+.card-button--secondary {
+  background-color: #FFFFFF;
+  color: #1677FF;
+  border: 1rpx solid #1677FF;
+}
+
+.card-button--text {
+  background-color: transparent;
+  color: #1677FF;
+  padding: 0;
+}
+
+.card-button--danger {
+  background-color: #FF4D4F;
+  color: #FFFFFF;
+}
+
+.card-button--small {
+  padding: 8rpx 16rpx;
+  font-size: 24rpx;
+}
+
+.card-button--medium {
+  padding: 16rpx 32rpx;
+  font-size: 28rpx;
+}
+
+.card-button--large {
+  padding: 24rpx 48rpx;
+  font-size: 32rpx;
+}
+
+.card-button--disabled {
+  opacity: 0.4;
+  pointer-events: none;
+}
+
+.card-button__icon {
+  width: 32rpx;
+  height: 32rpx;
+  margin-right: 8rpx;
+}
+
+.card-button__text {
+  white-space: nowrap;
+}

package/dist/components/card-button/index.axml

@@ -0,0 +1,9 @@
+<!-- card-button: Alipay template -->
+<view
+  class="card-button card-button--{{node.props.variant || 'primary'}} card-button--{{node.props.size || 'medium'}} {{node.disabled ? 'card-button--disabled' : ''}}"
+  style="{{node.props._styleString || ''}}"
+  onTap="onTap"
+>
+  <image a:if="{{node.props.icon}}" class="card-button__icon" src="{{node.props.icon}}" />
+  <text class="card-button__text">{{node.props.content || node.props.label}}</text>
+</view>

package/dist/components/card-button/index.d.ts

@@ -0,0 +1,23 @@
+import { MiniProgramRenderNode } from '../../renderer/index.js';
+
+/**
+ * card-button — Button component for mini-program.
+ * Supports variants: primary, secondary, text, danger.
+ */
+
+interface CardButtonInstance {
+    props: {
+        node: MiniProgramRenderNode | null;
+    };
+    triggerEvent(name: string, detail?: any): void;
+}
+declare function createCardButtonComponent(): {
+    props: {
+        node: null;
+    };
+    methods: {
+        onTap(this: CardButtonInstance): void;
+    };
+};
+
+export { createCardButtonComponent };

package/dist/components/card-button/index.js

@@ -0,0 +1,27 @@
+/**
+ * card-button — Button component for mini-program.
+ * Supports variants: primary, secondary, text, danger.
+ */
+function createCardButtonComponent() {
+    return {
+        props: {
+            node: null,
+        },
+        methods: {
+            onTap() {
+                const node = this.props.node;
+                if (!node || node.disabled)
+                    return;
+                if (!node.events.includes('onClick'))
+                    return;
+                this.triggerEvent('event', {
+                    nodeId: node.id,
+                    eventName: 'onClick',
+                });
+            },
+        },
+    };
+}
+
+export { createCardButtonComponent };
+//# sourceMappingURL=index.js.map

package/dist/components/card-button/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/card-button/index.wxml

@@ -0,0 +1,9 @@
+<!-- card-button: WeChat template -->
+<view
+  class="card-button card-button--{{node.props.variant || 'primary'}} card-button--{{node.props.size || 'medium'}} {{node.disabled ? 'card-button--disabled' : ''}}"
+  style="{{node.props._styleString || ''}}"
+  bindtap="onTap"
+>
+  <image wx:if="{{node.props.icon}}" class="card-button__icon" src="{{node.props.icon}}" />
+  <text class="card-button__text">{{node.props.content || node.props.label}}</text>
+</view>

package/dist/components/card-divider/index.acss

@@ -0,0 +1,8 @@
+.card-divider {
+  border-top: 1rpx solid #E8E8E8;
+  width: 100%;
+}
+
+.card-divider--dashed {
+  border-top-style: dashed;
+}

package/dist/components/card-divider/index.axml

@@ -0,0 +1,5 @@
+<!-- card-divider: Alipay template -->
+<view
+  class="card-divider {{node.props.dashed ? 'card-divider--dashed' : ''}}"
+  style="margin: {{node.props.margin || '16rpx 0'}}; border-color: {{node.props.color || '#E8E8E8'}};"
+/>

package/dist/components/card-divider/index.d.ts

@@ -0,0 +1,11 @@
+/**
+ * card-divider — Divider component for mini-program.
+ * A simple horizontal line separator.
+ */
+declare function createCardDividerComponent(): {
+    props: {
+        node: null;
+    };
+};
+
+export { createCardDividerComponent };

package/dist/components/card-divider/index.js

@@ -0,0 +1,14 @@
+/**
+ * card-divider — Divider component for mini-program.
+ * A simple horizontal line separator.
+ */
+function createCardDividerComponent() {
+    return {
+        props: {
+            node: null,
+        },
+    };
+}
+
+export { createCardDividerComponent };
+//# sourceMappingURL=index.js.map

package/dist/components/card-divider/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/card-divider/index.wxml

@@ -0,0 +1,5 @@
+<!-- card-divider: WeChat template -->
+<view
+  class="card-divider {{node.props.dashed ? 'card-divider--dashed' : ''}}"
+  style="margin: {{node.props.margin || '16rpx 0'}}; border-color: {{node.props.color || '#E8E8E8'}};"
+/>

package/dist/components/card-image/index.acss

@@ -0,0 +1,7 @@
+.card-image {
+  display: flex;
+}
+
+.card-image__img {
+  display: block;
+}

package/dist/components/card-image/index.axml

@@ -0,0 +1,9 @@
+<!-- card-image: Alipay template -->
+<view class="card-image" style="{{node.props._styleString || ''}}" onTap="onTap">
+  <image
+    class="card-image__img"
+    src="{{node.props.src}}"
+    mode="{{node.props.objectFit === 'cover' ? 'aspectFill' : node.props.objectFit === 'contain' ? 'aspectFit' : 'widthFix'}}"
+    style="width: {{node.props.width || '100%'}}; height: {{node.props.height || 'auto'}}; border-radius: {{node.props.borderRadius || '0'}};"
+  />
+</view>

package/dist/components/card-image/index.d.ts

@@ -0,0 +1,22 @@
+import { MiniProgramRenderNode } from '../../renderer/index.js';
+
+/**
+ * card-image — Image component for mini-program.
+ */
+
+interface CardImageInstance {
+    props: {
+        node: MiniProgramRenderNode | null;
+    };
+    triggerEvent(name: string, detail?: any): void;
+}
+declare function createCardImageComponent(): {
+    props: {
+        node: null;
+    };
+    methods: {
+        onTap(this: CardImageInstance): void;
+    };
+};
+
+export { createCardImageComponent };

package/dist/components/card-image/index.js

@@ -0,0 +1,23 @@
+/**
+ * card-image — Image component for mini-program.
+ */
+function createCardImageComponent() {
+    return {
+        props: {
+            node: null,
+        },
+        methods: {
+            onTap() {
+                if (!this.props.node?.events.includes('onClick'))
+                    return;
+                this.triggerEvent('event', {
+                    nodeId: this.props.node.id,
+                    eventName: 'onClick',
+                });
+            },
+        },
+    };
+}
+
+export { createCardImageComponent };
+//# sourceMappingURL=index.js.map

package/dist/components/card-image/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/card-image/index.wxml

@@ -0,0 +1,9 @@
+<!-- card-image: WeChat template -->
+<view class="card-image" style="{{node.props._styleString || ''}}" bindtap="onTap">
+  <image
+    class="card-image__img"
+    src="{{node.props.src}}"
+    mode="{{node.props.objectFit === 'cover' ? 'aspectFill' : node.props.objectFit === 'contain' ? 'aspectFit' : 'widthFix'}}"
+    style="width: {{node.props.width || '100%'}}; height: {{node.props.height || 'auto'}}; border-radius: {{node.props.borderRadius || '0'}};"
+  />
+</view>