mp-weixin-back 0.0.16 → 0.0.17

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "mp-weixin-back",
   "type": "module",
-  "version": "0.0.16",
+  "version": "0.0.17",
   "description": "Vite plugin to intercept back navigation (gesture back & navbar back) in WeChat miniprogram (mp-weixin) built with uni-app + Vue 3. 监听微信小程序的手势返回和页面默认导航栏的返回",
   "main": "dist/index.cjs",
   "module": "dist/index.mjs",
@@ -38,6 +38,11 @@
       "types": "./client.d.ts"
     }
   },
+  "files": [
+    "dist",
+    "client.d.ts",
+    "README.md"
+  ],
   "author": "DBAAZzz",
   "license": "ISC",
   "repository": {

package/.changeset/README.md

@@ -1,8 +0,0 @@
-# Changesets
-
-Hello and welcome! This folder has been automatically generated by `@changesets/cli`, a build tool that works
-with multi-package repos, or single-package repos to help you version and publish your code. You can
-find the full documentation for it [in our repository](https://github.com/changesets/changesets)
-
-We have a quick list of common questions to get you started engaging with this project in
-[our documentation](https://github.com/changesets/changesets/blob/main/docs/common-questions.md)

package/.changeset/config.json

@@ -1,11 +0,0 @@
-{
-  "$schema": "https://unpkg.com/@changesets/config@3.1.2/schema.json",
-  "changelog": "@changesets/cli/changelog",
-  "commit": false,
-  "fixed": [],
-  "linked": [],
-  "access": "public",
-  "baseBranch": "main",
-  "updateInternalDependencies": "patch",
-  "ignore": []
-}

package/.editorconfig

@@ -1,25 +0,0 @@
-
-root = true
-
-[*]
-indent_style = space
-# 缩进大小=2
-indent_size = 2
-
-end_of_line = lf
-# 字符集=utf-8
-charset = utf-8
-# 删除行尾空格 = 是
-trim_trailing_whitespace = true
-# 插入最后一行=真
-insert_final_newline = true
-
-[*.md]
-# 删除行尾空格 = 否
-trim_trailing_whitespace = false
-
-[package.json]
-# 缩进样式=空格
-indent_style = space
-# 缩进大小=2
-indent_size = 2

package/.github/workflows/publish.yml

@@ -1,38 +0,0 @@
-name: Publish to npm
-
-on:
-  push:
-    branches:
-      - main
-
-concurrency: ${{ github.workflow }}-${{ github.ref }}
-
-jobs:
-  publish:
-    runs-on: ubuntu-latest
-    permissions:
-      contents: write
-      pull-requests: write
-    steps:
-      - uses: actions/checkout@v4
-
-      - uses: pnpm/action-setup@v4
-        with:
-          version: latest
-
-      - uses: actions/setup-node@v4
-        with:
-          node-version: 20
-          registry-url: https://registry.npmjs.org
-          cache: pnpm
-
-      - name: Install dependencies
-        run: pnpm install --no-frozen-lockfile
-
-      - name: Create Release Pull Request or Publish
-        uses: changesets/action@v1
-        with:
-          publish: pnpm release
-        env:
-          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
-          NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}

package/.prettierrc.cjs

@@ -1,8 +0,0 @@
-// .prettierrc.js 文件
-module.exports = {
-  printWidth: 100,
-  tabWidth: 2,
-  useTabs: false,
-  semi: false,
-  singleQuote: true,
-};

package/build.config.ts

@@ -1,12 +0,0 @@
-import { defineBuildConfig } from 'unbuild'
-
-export default defineBuildConfig({
-  entries: ['src/index'],
-  declaration: true,
-  clean: true,
-  rollup: {
-    emitCJS: true,
-  },
-  failOnWarn: false,
-  externals: ['vite', 'vue', '@babel/generator'],
-})

package/llms.txt

@@ -1,154 +0,0 @@
-# mp-weixin-back
-
-> Vite plugin for intercepting back navigation (gesture back + navbar back button) in WeChat miniprogram (mp-weixin) built with uni-app + Vue 3.
-
-## When to use
-
-Use this library when you need to:
-- Intercept or customize the swipe-back gesture in a WeChat miniprogram page
-- Intercept or customize the navbar back button behavior
-- Show a confirmation dialog before the user leaves a page
-- Prevent accidental back navigation (e.g., on a form page)
-
-## Install
-
-```bash
-npm install mp-weixin-back
-# or
-pnpm add mp-weixin-back
-```
-
-## Setup (vite.config.ts)
-
-Register the Vite plugin once, globally:
-
-```ts
-import { defineConfig } from 'vite'
-import mpBackPlugin from 'mp-weixin-back'
-
-export default defineConfig({
-  plugins: [
-    mpBackPlugin({
-      preventDefault: false, // true = block all back navigation by default
-      frequency: 1,          // how many times to intercept before allowing through
-      debug: false,          // enable debug logging in development
-      onPageBack: ({ page }) => {
-        console.log('back triggered on page:', page)
-      },
-    }),
-  ],
-})
-```
-
-## Usage in Vue SFC (Composition API)
-
-Import from the virtual module `mp-weixin-back-helper`:
-
-```ts
-// Basic usage — listen to back event
-import onPageBack from 'mp-weixin-back-helper'
-
-onPageBack(() => {
-  console.log('back navigation detected')
-})
-```
-
-```ts
-// Advanced — prevent back and show dialog
-import onPageBack from 'mp-weixin-back-helper'
-
-onPageBack(
-  () => {
-    showConfirmDialog() // your logic here
-  },
-  {
-    preventDefault: true, // block default back behavior
-    frequency: 2,         // intercept 2 times
-    initialValue: true,   // start listening immediately (default)
-  }
-)
-```
-
-```ts
-// Manually toggle the listener
-import onPageBack, { activeMpBack, inactiveMpBack } from 'mp-weixin-back-helper'
-
-onPageBack(() => { /* ... */ }, { initialValue: false }) // start disabled
-
-activeMpBack()   // enable listener (call inside <script setup>)
-inactiveMpBack() // disable listener (call inside <script setup>)
-```
-
-## TypeScript support
-
-Add to `tsconfig.json`:
-
-```json
-{
-  "compilerOptions": {
-    "types": ["mp-weixin-back/client"]
-  }
-}
-```
-
-Or in `env.d.ts`:
-
-```ts
-/// <reference types="mp-weixin-back/client" />
-```
-
-## API Reference
-
-### Plugin options (`mpBackPlugin(options)`)
-
-| Option          | Type                              | Default | Description                                              |
-| --------------- | --------------------------------- | ------- | -------------------------------------------------------- |
-| `preventDefault`| `boolean`                         | `false` | Block default back behavior globally                     |
-| `frequency`     | `number`                          | `1`     | Number of times to intercept before allowing through     |
-| `debug`         | `boolean`                         | `false` | Log debug info in development mode                       |
-| `onPageBack`    | `(params: { page: string }) => void` | —    | Global callback fired on every back event                |
-
-### `onPageBack(callback, options?)`
-
-Listen to back events on the current page. Must be called in `<script setup>`.
-
-| Param      | Type                  | Required | Description                     |
-| ---------- | --------------------- | -------- | ------------------------------- |
-| `callback` | `() => void`          | Yes      | Function called when back fires |
-| `options`  | `OnPageBackOptions`   | No       | Per-page overrides              |
-
-#### `OnPageBackOptions`
-
-| Option          | Type      | Default | Description                                                  |
-| --------------- | --------- | ------- | ------------------------------------------------------------ |
-| `preventDefault`| `boolean` | `false` | Block default back for this page                             |
-| `frequency`     | `number`  | `1`     | Intercept count for this page                                |
-| `initialValue`  | `boolean` | `true`  | Start listening immediately; set `false` to enable manually  |
-
-### `activeMpBack()`
-
-Enable the back listener. Call inside `<script setup>` when `initialValue: false`.
-
-### `inactiveMpBack()`
-
-Disable the back listener. Call inside `<script setup>`.
-
-## How it works
-
-This is a **Vite transform plugin**. At build time it:
-1. Reads `src/pages.json` to identify miniprogram pages
-2. For each `.vue` page file, injects a `<page-container>` component into the template (the WeChat API used to intercept back gestures)
-3. Wires up the `onPageBack` composable to control `show` state of `<page-container>`
-
-The virtual module `mp-weixin-back-helper` is resolved by the plugin and provides the runtime composable API.
-
-## Constraints
-
-- Requires **uni-app** project with `src/pages.json`
-- Requires **Vue 3** + `<script setup>` (Composition API)
-- Works with **Vite 3–6**
-- Only applies to page-level `.vue` files, not components
-
-## Repository
-
-https://github.com/DBAAZzz/mp-weixin-back

package/shims-vue.d.ts

@@ -1,6 +0,0 @@
-// shims-vue.d.ts
-declare module '*.vue' {
-  import { DefineComponent } from 'vue'
-  const component: DefineComponent<{}, {}, any>
-  export default component
-}

package/src/context.ts

@@ -1,78 +0,0 @@
-import path from 'path'
-import fs from 'fs'
-import JSON5 from 'json5'
-import { red, white, green } from 'kolorist'
-import { ContextConfig, PagesJson } from '../types'
-import { transformVueFile } from '../utils'
-
-export class pageContext {
-  private logPreText = '[mp-weixin-back] : '
-  config: ContextConfig
-  pages: string[] = []
-  log = {
-    info: (text: string) => {
-      console.log(white(this.logPreText + text))
-    },
-    error: (text: string) => {
-      console.log(red(this.logPreText + text))
-    },
-    debugLog: (text: string) => {
-      if (this.config.mode === 'development' && this.config.debug) {
-        console.log(green(this.logPreText + text))
-      }
-    },
-  }
-
-  constructor(config: ContextConfig) {
-    this.config = config
-  }
-  getPagesJsonPath() {
-    const pagesJsonPath = path.join(this.config.root, 'src/pages.json')
-    return pagesJsonPath
-  }
-  // 获取页面配置详情
-  async getPagesJsonInfo() {
-    const hasPagesJson = fs.existsSync(this.getPagesJsonPath())
-    if (!hasPagesJson) return
-    try {
-      const content = await fs.promises.readFile(this.getPagesJsonPath(), 'utf-8')
-      const pagesContent = JSON5.parse(content) as PagesJson
-      const { pages, subpackages } = pagesContent
-      if (pages) {
-        const mainPages = pages.reduce((acc: string[], current) => {
-          acc.push(current.path)
-          return acc
-        }, [])
-        this.pages.push(...mainPages)
-      }
-      if (subpackages) {
-        for (let i = 0; i < subpackages.length; i++) {
-          const element = subpackages[i]
-          const root = element.root
-          const subPages = element.pages.reduce((acc: string[], current) => {
-            acc.push(`${root}/${current.path}`.replace('//', '/'))
-            return acc
-          }, [])
-          this.pages.push(...subPages)
-        }
-      }
-    } catch (error: unknown) {
-      this.log.error(
-        `Failed to read pages.json. Make sure src/pages.json exists and is valid JSON/JSON5.\n` +
-          `  Path checked: ${this.getPagesJsonPath()}\n` +
-          `  Docs: https://github.com/DBAAZzz/mp-weixin-back#%EF%B8%8F-vite-配置`
-      )
-      this.log.debugLog(String(error))
-    }
-  }
-  // 获取指定id的page
-  getPageById(id: string) {
-    const path = (id.split('src/')[1] || '').replace('.vue', '')
-    // 页面级别
-    return this.pages.find((i) => i === path) || null
-  }
-  async transform(code: string, id: string) {
-    const result = await transformVueFile.call(this, code, id)
-    return result
-  }
-}

package/src/index.ts

@@ -1,79 +0,0 @@
-import { pageContext } from './context'
-import { virtualFileId } from '../utils/constant'
-import type { Plugin } from 'vite'
-import type { Config, UserOptions } from '../types'
-
-function MpBackPlugin(userOptions: UserOptions = {}): Plugin {
-  let context: pageContext
-
-  const defaultOptions: Config = {
-    initialValue: true,
-    preventDefault: false,
-    frequency: 1,
-    debug: false,
-  }
-  const options = { ...defaultOptions, ...userOptions }
-
-  return {
-    name: 'vite-plugin-mp-weixin-back',
-    enforce: 'pre',
-    configResolved(config) {
-      context = new pageContext({ ...options, mode: config.mode, root: config.root })
-    },
-    buildStart() {
-      context.getPagesJsonInfo()
-    },
-    resolveId(id) {
-      if (id === virtualFileId) {
-        return virtualFileId
-      }
-    },
-    load(id) {
-      if (id.includes('node_modules')) {
-        return
-      }
-      // 导出一个对象
-      if (id === virtualFileId) {
-        return `
-          import { ref } from 'vue'
-          export default function onPageBack() {}
-          export function activeMpBack(fn = null) {
-            fn?.()
-          }
-          export function inactiveMpBack(fn = null) {
-            fn?.()
-          }
-          export function useMpWeixinBack(initialValue = true) {
-            const __MP_BACK_SHOW_PAGE_CONTAINER__ = ref(initialValue)
-
-            const __MP_WEIXIN_ACTIVEBACK__ = () => {
-              __MP_BACK_SHOW_PAGE_CONTAINER__.value = true
-            }
-
-            const __MP_WEIXIN_INACTIVEBACK__ = () => {
-              __MP_BACK_SHOW_PAGE_CONTAINER__.value = false
-            }
-
-            return {
-              __MP_BACK_SHOW_PAGE_CONTAINER__,
-              __MP_WEIXIN_ACTIVEBACK__,
-              __MP_WEIXIN_INACTIVEBACK__
-            }
-          }
-        `
-      }
-    },
-    async transform(code, id) {
-      if (id.includes('node_modules') || !id.includes('.vue')) {
-        return
-      }
-
-      return {
-        code: await context.transform(code, id),
-        map: null,
-      }
-    },
-  } as Plugin
-}
-
-export default MpBackPlugin

package/test/data/index-default.vue

@@ -1,17 +0,0 @@
-<template>
-  <div>我是默认的界面</div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {}
-  },
-  onPageBack() {
-    console.log('触发了手势返回')
-    return true
-  },
-}
-</script>
-
-<style></style>

package/test/data/index-setup.vue

@@ -1,14 +0,0 @@
-<template>
-  <div>我是默认的界面</div>
-</template>
-
-<script setup>
-import onPageBack from 'mp-weixin-back-helper'
-
-onPageBack(() => {
-  console.log('触发了手势返回')
-  return true
-})
-</script>
-
-<style></style>

package/test/data/index-utils.vue

@@ -1,29 +0,0 @@
-<template>
-  <div>我是默认的界面</div>
-  <button id="button" @click="disableMpBack"></button>
-  <button id="button2" @click="activeMpBack"></button>
-</template>
-
-<script setup>
-import onPageBack, { activeMpBack as mpppacitve, inactiveMpBack } from 'mp-weixin-back-helper'
-
-onPageBack(
-  () => {
-    console.log('触发了手势返回')
-  },
-  {
-    initialValue: false,
-  }
-)
-
-const activeMpBack = () => {
-  console.log('执行了activeMpBack')
-  mpppacitve()
-}
-
-const disableMpBack = () => {
-  inactiveMpBack()
-}
-</script>
-
-<style></style>

package/test/generate.spec.ts

@@ -1,64 +0,0 @@
-import { describe, expect, it, vi, beforeEach, afterEach } from 'vitest'
-import { mount } from '@vue/test-utils'
-import IndexSetup from './data/index-setup.vue'
-import IndexUtils from './data/index-utils.vue'
-import IndexDefault from './data/index-default.vue'
-
-describe('generate page-container components', () => {
-  let logSpy: ReturnType<typeof vi.spyOn>
-
-  beforeEach(() => {
-    logSpy = vi.spyOn(console, 'log').mockImplementation(() => {})
-  })
-
-  afterEach(() => {
-    logSpy.mockRestore()
-  })
-
-  describe('setup compositionAPI', () => {
-    it('default case', async () => {
-      const wrapper = mount(IndexSetup)
-      await wrapper.vm.$nextTick()
-
-      const pageContainerRef = wrapper.find('page-container')
-      expect(pageContainerRef.exists()).toBe(true)
-      expect(wrapper.vm.__MP_BACK_SHOW_PAGE_CONTAINER__).toBe(true)
-      expect(typeof wrapper.vm.onBeforeLeave).toBe('function')
-    })
-
-    it('utils case', async () => {
-      const wrapper = mount(IndexUtils)
-      await wrapper.vm.$nextTick()
-
-      const pageContainerRef = wrapper.find('page-container')
-      expect(pageContainerRef.exists()).toBe(true)
-      expect(wrapper.vm.__MP_BACK_SHOW_PAGE_CONTAINER__).toBe(false)
-      expect(typeof wrapper.vm.onBeforeLeave).toBe('function')
-
-      await wrapper.find('#button2').trigger('click')
-      await new Promise(resolve => setTimeout(resolve, 0))
-
-      expect(logSpy).toHaveBeenCalledWith('执行了activeMpBack')
-
-      expect(wrapper.vm.__MP_BACK_SHOW_PAGE_CONTAINER__).toBe(true)
-
-      await wrapper.find('#button').trigger('click')
-      await new Promise(resolve => setTimeout(resolve, 0))
-
-      expect(wrapper.vm.__MP_BACK_SHOW_PAGE_CONTAINER__).toBe(false)
-    })
-  })
-
-  describe('optionsAPI', () => {
-    it('default case', async () => {
-      const wrapper = mount(IndexDefault)
-      await wrapper.vm.$nextTick()
-
-      const pageContainerRef = wrapper.find('page-container')
-      expect(pageContainerRef.exists()).toBe(true)
-      expect(wrapper.vm.__MP_BACK_SHOW_PAGE_CONTAINER__).toBe(true)
-      expect(wrapper.vm.__MP_BACK_FREQUENCY__).toBe(1)
-      expect(wrapper.vm.onBeforeLeave()).toBe(true)
-    })
-  })
-})

package/tsconfig.json

@@ -1,15 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "es2018",
-    "lib": ["esnext"],
-    "types": ["node"],
-    "module": "esnext",
-    "moduleResolution": "node",
-    "resolveJsonModule": true,
-    "strict": true,
-    "strictNullChecks": true,
-    "esModuleInterop": true,
-    "skipDefaultLibCheck": true,
-    "skipLibCheck": true
-  }
-}

package/types/index.ts

@@ -1,80 +0,0 @@
-/**
- * Parameters passed to the onPageBack callback.
- */
-export type BackParams = {
-  /**
-   * The path of the current page that triggered the back event.
-   * @example 'pages/index/index'
-   */
-  page: string
-}
-
-/**
- * Per-page options for `onPageBack()`.
- */
-export type OnPageBackOptions = {
-  /**
-   * Whether to block the default back navigation for this page.
-   * When `true`, the user stays on the current page and only the callback fires.
-   * @default false
-   * @example
-   * onPageBack(() => showDialog(), { preventDefault: true })
-   */
-  preventDefault: boolean
-
-  /**
-   * How many times to intercept the back event before allowing through.
-   * Set to a large number (e.g. `9999`) for persistent interception.
-   * @default 1
-   * @example
-   * // Block 3 times, then allow back
-   * onPageBack(() => {}, { frequency: 3 })
-   */
-  frequency: number
-
-  /**
-   * Whether to start listening immediately when the page mounts.
-   * Set to `false` to start disabled and enable manually via `activeMpBack()`.
-   * @default true
-   * @example
-   * // Start disabled, enable after user action
-   * onPageBack(() => {}, { initialValue: false })
-   * activeMpBack()
-   */
-  initialValue: boolean
-}
-
-/**
- * Global plugin options passed to `mpBackPlugin()` in `vite.config.ts`.
- */
-export type Config = OnPageBackOptions & {
-  /**
-   * Enable debug logging in development mode.
-   * @default false
-   */
-  debug: boolean
-
-  /**
-   * Global callback fired every time a back event is detected on any page.
-   * Page-level callbacks registered via `onPageBack()` run in addition to this.
-   * @example
-   * mpBackPlugin({
-   *   onPageBack: ({ page }) => console.log('back on:', page)
-   * })
-   */
-  onPageBack?: (params: BackParams) => void
-}
-
-export type UserOptions = Partial<Config>
-
-export type ContextConfig = Config & {
-  mode: string
-  root: string
-}
-
-type Pages = { path: string }[]
-
-export type PagesJson = {
-  pages: Pages
-  subpackages: { root: string; pages: Pages }[]
-}

package/utils/constant.ts

@@ -1,2 +0,0 @@
-export const virtualFileId = 'mp-weixin-back-helper'
-

package/utils/index.ts

@@ -1,62 +0,0 @@
-import { createRequire } from 'module'
-import { pageContext } from '../src/context'
-import { vueWalker } from './walker'
-
-let compilerPromise: Promise<typeof import('@vue/compiler-sfc')> | null = null
-
-async function resolveCompiler(root: string): Promise<typeof import('@vue/compiler-sfc')> {
-  // 避免重复解析（防止并发调用时的竞态条件）
-  if (compilerPromise) {
-    return compilerPromise
-  }
-
-  compilerPromise = (async () => {
-    // 尝试加载用户项目中的 @vue/compiler-sfc
-    try {
-      const _require = createRequire(import.meta.url)
-      // 尝试从用户根目录解析
-      const compilerPath = _require.resolve('@vue/compiler-sfc', { paths: [root] })
-      return _require(compilerPath) as typeof import('@vue/compiler-sfc')
-    } catch (firstError) {
-      try {
-        // 降级尝试直接 import
-        return await import('@vue/compiler-sfc')
-      } catch (secondError) {
-        throw new Error(
-          `[mp-weixin-back] Cannot resolve @vue/compiler-sfc.\n` +
-            `This plugin requires @vue/compiler-sfc to be installed in your project.\n` +
-            `Fix: pnpm add -D @vue/compiler-sfc\n` +
-            `Docs: https://github.com/DBAAZzz/mp-weixin-back#%EF%B8%8F-vite-配置\n`
-        )
-      }
-    }
-  })()
-
-  return compilerPromise
-}
-
-export async function transformVueFile(this: pageContext, code: string, id: string) {
-  try {
-    const sfcCompiler = await resolveCompiler(this.config.root)
-    const sfc = sfcCompiler.parse(code).descriptor
-    const { template, script, scriptSetup } = sfc
-    if (!template?.content) {
-      return code
-    }
-
-    if (!script?.content && !scriptSetup?.content) {
-      return code
-    }
-
-    // 判断页面是否为组合式写法
-    const walker = scriptSetup ? 'compositionWalk' : 'optionsWalk'
-    return vueWalker[walker](this, code, sfc, id)
-  } catch (error) {
-    this.log.error(
-      `Failed to transform ${id}. Please check the file is a valid Vue SFC.\n` +
-        `  Docs: https://github.com/DBAAZzz/mp-weixin-back#-快速开始`
-    )
-    this.log.error(String(error))
-    return code
-  }
-}

package/utils/walker.ts

@@ -1,523 +0,0 @@
-import generate from '@babel/generator'
-import MagicString from 'magic-string'
-import { babelParse, walkAST } from 'ast-kit'
-import { pageContext } from '../src/context'
-import { virtualFileId } from './constant'
-import type {
-  WithStatement,
-  BlockStatement,
-  Statement,
-  FunctionExpression,
-  Node,
-  ObjectExpression,
-  ObjectMethod,
-  ObjectProperty,
-} from '@babel/types'
-
-const pageContainerComp =
-  '  <page-container :show="__MP_BACK_SHOW_PAGE_CONTAINER__" :overlay="false" @beforeleave="onBeforeLeave" :z-index="1" :duration="false"></page-container>\n'
-
-function isArrowFunction(func: Function) {
-  if (typeof func !== 'function') return false
-  return !func.hasOwnProperty('prototype') && func.toString().includes('=>')
-}
-
-function compositionWalk(context: pageContext, code: string, sfc: any, id: string) {
-  const codeMs = new MagicString(code)
-  const setupAst = babelParse(sfc.scriptSetup!.loc.source, sfc.scriptSetup!.lang)
-
-  let pageInfo = {
-    hasPageBack: false,
-    pageBackFnName: 'onPageBack',
-    hasImportRef: false,
-    backConfig: { ...context.config },
-    onPageBackBodyAst: [] as Statement[],
-    onPageBackCallNodeToRemove: null as Node | null,
-    activeFnName: 'activeMpBack',
-    inActiveFnName: 'inactiveMpBack',
-  }
-
-  const activeFnCallsToModify: any[] = []
-  const inActiveFnCallsToModify: any[] = []
-
-  if (setupAst) {
-    walkAST<Node>(setupAst, {
-      enter(node) {
-        if (node.type === 'ImportDeclaration') {
-          if (node.source.value.includes(virtualFileId)) {
-            const importDefaultSpecifiers = node.specifiers.filter(
-              (i) => i.type === 'ImportDefaultSpecifier'
-            )
-            const importDefaultSpecifier = importDefaultSpecifiers[0]
-            pageInfo.hasPageBack = true
-            pageInfo.pageBackFnName = importDefaultSpecifier.local.name
-
-            const importSpecifiers = node.specifiers.filter((i) => i.type === 'ImportSpecifier')
-            importSpecifiers.map((specifiers) => {
-              if (
-                specifiers.imported.type === 'Identifier' &&
-                specifiers.imported.name === 'activeMpBack'
-              ) {
-                pageInfo.activeFnName = specifiers.local.name
-              }
-              if (
-                specifiers.imported.type === 'Identifier' &&
-                specifiers.imported.name === 'inactiveMpBack'
-              ) {
-                pageInfo.inActiveFnName = specifiers.local.name
-              }
-            })
-          }
-          if (node.source.value === 'vue') {
-            node.specifiers.some((specifier) => {
-              if (specifier.local.name === 'ref') {
-                pageInfo.hasImportRef = true
-                return true
-              }
-              return false
-            })
-          }
-        }
-
-        if (
-          node.type === 'ExpressionStatement' &&
-          node.expression.type === 'CallExpression' &&
-          node.expression.callee.loc?.identifierName === pageInfo.pageBackFnName
-        ) {
-          // 记录下整个 onPageBack(...) 语句节点，以便后续移除
-          pageInfo.onPageBackCallNodeToRemove = node
-          const callback = node.expression.arguments[0]
-          const backArguments = node.expression.arguments[1]
-
-          if (backArguments?.type === 'ObjectExpression') {
-            const config = new Function(
-              // @ts-ignore
-              `return (${(generate.default ? generate.default : generate)(backArguments).code});`
-            )()
-            Object.assign(pageInfo.backConfig, config)
-          }
-
-          if (
-            callback &&
-            (callback.type === 'ArrowFunctionExpression' || callback.type === 'FunctionExpression')
-          ) {
-            pageInfo.onPageBackBodyAst = callback.body.body
-          }
-
-          // 跳过此节点的子节点遍历，因为我们将手动处理其内部逻辑
-          return
-        }
-
-        if (
-          node.type === 'ExpressionStatement' &&
-          node.expression.type === 'CallExpression' &&
-          node.expression.callee.loc?.identifierName === pageInfo.activeFnName
-        ) {
-          activeFnCallsToModify.push({
-            start: node.expression.start,
-            end: node.expression.end,
-            original: sfc.scriptSetup!.loc.source.substring(
-              node.expression.start,
-              node.expression.end
-            ),
-            name: pageInfo.activeFnName,
-          })
-        }
-
-        if (
-          node.type === 'ExpressionStatement' &&
-          node.expression.type === 'CallExpression' &&
-          node.expression.callee.loc?.identifierName === pageInfo.inActiveFnName
-        ) {
-          inActiveFnCallsToModify.push({
-            start: node.expression.start,
-            end: node.expression.end,
-            original: sfc.scriptSetup!.loc.source.substring(
-              node.expression.start,
-              node.expression.end
-            ),
-            name: pageInfo.inActiveFnName,
-          })
-        }
-      },
-    })
-  }
-
-  // 没有引入mp-weixin-back-helper
-  if (!pageInfo.hasPageBack) return code
-
-  if (pageInfo.onPageBackCallNodeToRemove) {
-    const scriptSetupOffset = sfc.scriptSetup!.loc.start.offset
-    const nodeToRemove = pageInfo.onPageBackCallNodeToRemove as any
-    const globalStart = scriptSetupOffset + nodeToRemove.start
-    const globalEnd = scriptSetupOffset + nodeToRemove.end
-    codeMs.remove(globalStart, globalEnd)
-  }
-
-  let callbackCode = ''
-  if (pageInfo.onPageBackBodyAst.length > 0) {
-    // 包装成一个临时的 AST 根节点以供遍历
-    const tempAstRoot = {
-      type: 'BlockStatement',
-      body: pageInfo.onPageBackBodyAst,
-    } as WithStatement
-
-    walkAST(tempAstRoot, {
-      enter(node: any) {
-        if (node.type === 'CallExpression' && node.callee.type === 'Identifier') {
-          const createIdentifier = (name: string) => ({ type: 'Identifier', name })
-
-          if (node.callee.name === pageInfo.activeFnName) {
-            node.arguments.unshift(createIdentifier('__MP_WEIXIN_ACTIVEBACK__'))
-          } else if (node.callee.name === pageInfo.inActiveFnName) {
-            node.arguments.unshift(createIdentifier('__MP_WEIXIN_INACTIVEBACK__'))
-          }
-        }
-      },
-    })
-
-    callbackCode = pageInfo.onPageBackBodyAst
-      // @ts-ignore
-      .map((statement) => (generate.default ? generate.default : generate)(statement).code)
-      .join('\n')
-  }
-
-  if (code.includes('<page-container')) {
-    context.log.debugLog(`${context.getPageById(id)}页面已有page-container组件，注入失败`)
-    return code
-  }
-
-  if (!pageInfo.backConfig.preventDefault) {
-    callbackCode += 'uni.navigateBack({ delta: 1 });'
-  }
-
-  const importUseMpWeixinBack = `import { useMpWeixinBack } from '${virtualFileId}'`
-  const importRefFromVue = !pageInfo.hasImportRef ? `import { ref } from 'vue'` : ''
-  const stateFrequency = 'let __MP_BACK_FREQUENCY__ = 1;'
-
-  const statePageContainerVar = `
-    const { __MP_BACK_SHOW_PAGE_CONTAINER__, __MP_WEIXIN_ACTIVEBACK__, __MP_WEIXIN_INACTIVEBACK__ } = useMpWeixinBack(${pageInfo.backConfig.initialValue})
-  `
-
-  // 获取传入插件的统一方法
-  const configBack = (() => {
-    const onPageBack = pageInfo.backConfig.onPageBack
-    if (!onPageBack) return ''
-    if (typeof onPageBack !== 'function') {
-      throw new Error('`onPageBack` must be a function')
-    }
-    const params = JSON.stringify({ page: context.getPageById(id) })
-    if (isArrowFunction(onPageBack) || onPageBack.toString().includes('function')) {
-      return `(${onPageBack})(${params});`
-    }
-    return `(function ${onPageBack})()`
-  })()
-
-  const stateBeforeLeave = `
-    const onBeforeLeave = () => {
-      if (!__MP_BACK_SHOW_PAGE_CONTAINER__.value) {
-        return
-      }
-      if (__MP_BACK_FREQUENCY__ < ${pageInfo.backConfig.frequency}) {
-        __MP_BACK_SHOW_PAGE_CONTAINER__.value = false
-        setTimeout(() => __MP_BACK_SHOW_PAGE_CONTAINER__.value = true, 0);
-        __MP_BACK_FREQUENCY__++
-      }
-      ${configBack}
-      ${callbackCode}
-    };
-  `
-  const { template, scriptSetup } = sfc
-
-  // template标签中插入page-container组件
-  const tempOffsets = {
-    start: template.loc.start.offset,
-    end: template.loc.end.offset,
-    content: template.content,
-  }
-  const templateMagicString = new MagicString(tempOffsets.content)
-  templateMagicString.append(pageContainerComp)
-  codeMs.overwrite(tempOffsets.start, tempOffsets.end, templateMagicString.toString())
-
-  // script标签中插入声明的变量和方法
-  const scriptOffsets = {
-    start: scriptSetup.loc.start.offset,
-    end: scriptSetup.loc.end.offset,
-    content: scriptSetup.content || '',
-  }
-  const scriptMagicString = new MagicString(scriptOffsets.content)
-  scriptMagicString.prepend(
-    ` ${importRefFromVue}
-      ${importUseMpWeixinBack}
-      ${stateFrequency}
-      ${statePageContainerVar}
-      ${stateBeforeLeave} `
-  )
-
-  // 应用 activeMpBack 调用的修改
-  activeFnCallsToModify.forEach((call) => {
-    // 使用正则匹配函数调用结构，确保我们只修改括号内的内容
-    const fnCallRegex = new RegExp(`${call.name}\\(([^)]*)\\)`, 'g')
-    const newCall = call.original.replace(fnCallRegex, (_match: any, args: string) => {
-      // 如果原调用没有参数
-      if (!args.trim()) {
-        return `${call.name}(__MP_WEIXIN_ACTIVEBACK__)`
-      }
-      // 如果有参数，添加新参数
-      return `${call.name}(__MP_WEIXIN_ACTIVEBACK__, ${args})`
-    })
-
-    scriptMagicString.overwrite(call.start, call.end, newCall)
-  })
-
-  inActiveFnCallsToModify.forEach((call) => {
-    // 使用正则匹配函数调用结构，确保我们只修改括号内的内容
-    const fnCallRegex = new RegExp(`${call.name}\\(([^)]*)\\)`, 'g')
-    const newCall = call.original.replace(fnCallRegex, (_match: any, args: string) => {
-      // 如果原调用没有参数
-      if (!args.trim()) {
-        return `${call.name}(__MP_WEIXIN_INACTIVEBACK__)`
-      }
-      // 如果有参数，添加新参数
-      return `${call.name}(__MP_WEIXIN_INACTIVEBACK__, ${args})`
-    })
-
-    scriptMagicString.overwrite(call.start, call.end, newCall)
-  })
-
-  codeMs.overwrite(scriptOffsets.start, scriptOffsets.end, scriptMagicString.toString())
-
-  return codeMs.toString()
-}
-
-function optionsWalk(context: pageContext, code: string, sfc: any, id: string) {
-  const codeMs = new MagicString(code)
-  const ast = babelParse(sfc.script.loc.source, sfc.script.lang)
-
-  let pageInfo = {
-    hasPageBack: false,
-    pageBackFnName: 'onPageBack',
-    backConfig: { ...context.config },
-  }
-
-  let exportDefaultNode: ObjectExpression | null = null
-  let dataMethodNode: BlockStatement | null = null
-  let methodsNode: ObjectExpression | null = null
-  let onPageBackNodeMethod: ObjectMethod | null = null
-  let onPageBackNodeProperty: ObjectProperty | null = null
-
-  if (ast) {
-    walkAST<Node>(ast, {
-      enter(node) {
-        // todo需要判断使用默认选项式还是使用了setup
-        if (
-          node.type === 'ExportDefaultDeclaration' &&
-          node.declaration.type === 'ObjectExpression'
-        ) {
-          exportDefaultNode = node.declaration
-          const properties = node.declaration.properties
-
-          for (let i = 0; i < properties.length; i++) {
-            const element = properties[i]
-            // export default 的 data()
-            if (
-              element.type === 'ObjectMethod' &&
-              element.key.type === 'Identifier' &&
-              element.key.name === 'data' &&
-              element.body.type === 'BlockStatement'
-            ) {
-              dataMethodNode = element.body
-            }
-            // export default 的 methods
-            if (
-              element.type === 'ObjectProperty' &&
-              element.key.type === 'Identifier' &&
-              element.key.name === 'methods'
-            ) {
-              methodsNode = element.value as ObjectExpression
-            }
-
-            // 获取export default 的 onPackBack
-            const blockStatementCondition =
-              element.type === 'ObjectMethod' &&
-              element.key.type === 'Identifier' &&
-              element.key.name === pageInfo.pageBackFnName &&
-              element.body.type === 'BlockStatement'
-
-            const functionExpressionCondition =
-              element.type === 'ObjectProperty' &&
-              element.key.type === 'Identifier' &&
-              element.key.name === pageInfo.pageBackFnName &&
-              element.value.type === 'FunctionExpression'
-
-            if (blockStatementCondition) {
-              pageInfo.hasPageBack = true
-              onPageBackNodeMethod = element
-            }
-
-            if (functionExpressionCondition) {
-              pageInfo.hasPageBack = true
-              onPageBackNodeProperty = element
-            }
-          }
-        }
-      },
-    })
-  }
-
-  if (!pageInfo.hasPageBack) return
-
-  const newDataProperty = [
-    {
-      type: 'ObjectProperty',
-      key: { type: 'Identifier', name: '__MP_BACK_SHOW_PAGE_CONTAINER__' },
-      value: { type: 'BooleanLiteral', value: true },
-      computed: false,
-      shorthand: false,
-    },
-    {
-      type: 'ObjectProperty',
-      key: { type: 'Identifier', name: '__MP_BACK_FREQUENCY__' },
-      value: { type: 'NumericLiteral', value: 1 },
-      computed: false,
-      shorthand: false,
-    },
-  ] as ObjectProperty[]
-  if (dataMethodNode) {
-    const returnStatement = (dataMethodNode as BlockStatement).body.find(
-      (node) => node.type === 'ReturnStatement'
-    )
-    if (
-      returnStatement &&
-      returnStatement.argument &&
-      returnStatement.argument.type === 'ObjectExpression'
-    ) {
-      // 添加新的属性
-      returnStatement.argument.properties.push(...newDataProperty)
-    }
-  } else if (exportDefaultNode) {
-    const addData: ObjectMethod = {
-      type: 'ObjectMethod',
-      key: { type: 'Identifier', name: 'data' },
-      kind: 'method',
-      params: [],
-      async: false,
-      generator: false,
-      computed: false,
-      body: {
-        type: 'BlockStatement',
-        directives: [],
-        body: [
-          {
-            type: 'ReturnStatement',
-            argument: {
-              type: 'ObjectExpression',
-              properties: newDataProperty,
-            },
-          },
-        ],
-      },
-    }
-    ;(exportDefaultNode as ObjectExpression).properties.push(addData)
-  }
-
-  // 获取传入插件的统一方法
-  const configBack = (() => {
-    const onPageBack = pageInfo.backConfig.onPageBack
-    if (!onPageBack) return ''
-    if (typeof onPageBack !== 'function') {
-      throw new Error('`onPageBack` must be a function')
-    }
-    const params = JSON.stringify({ page: context.getPageById(id) })
-    if (isArrowFunction(onPageBack) || onPageBack.toString().includes('function')) {
-      return `(${onPageBack})(${params});`
-    }
-    return `(function ${onPageBack})()`
-  })()
-
-  const stateBeforeLeave = `
-    function onBeforeLeave() {
-      if (this.__MP_BACK_FREQUENCY__ < ${pageInfo.backConfig.frequency}) {
-        this.__MP_BACK_SHOW_PAGE_CONTAINER__ = false
-        setTimeout(() => { this.__MP_BACK_SHOW_PAGE_CONTAINER__ = true }, 0);
-        this.__MP_BACK_FREQUENCY__++
-      }
-      ${configBack}
-      ${!pageInfo.backConfig.preventDefault ? 'uni.navigateBack({ delta: 1 });' : ''}
-    };
-  `
-  const stateBeforeLeaveAst = babelParse(stateBeforeLeave)
-  const stateBeforeLeaveNode = stateBeforeLeaveAst.body.find(
-    (node) => node.type === 'FunctionDeclaration'
-  )
-  const newMethodsProperty = {
-    type: 'ObjectMethod',
-    key: {
-      type: 'Identifier',
-      name: 'onBeforeLeave',
-    },
-    kind: 'method',
-    generator: false,
-    async: false,
-    params: [],
-    computed: false,
-    body: {
-      type: 'BlockStatement',
-      directives: [],
-      body: [
-        ...(onPageBackNodeMethod ? (onPageBackNodeMethod as ObjectMethod)!.body.body : []),
-        ...(onPageBackNodeProperty
-          ? ((onPageBackNodeProperty as ObjectProperty)!.value as FunctionExpression).body.body
-          : []),
-        ...stateBeforeLeaveNode!.body.body,
-      ],
-    },
-  } as ObjectMethod
-  if (methodsNode) {
-    ;(methodsNode as ObjectExpression).properties.push(newMethodsProperty)
-  } else if (exportDefaultNode) {
-    const addMethods: ObjectProperty = {
-      type: 'ObjectProperty',
-      computed: false,
-      shorthand: false,
-      key: {
-        type: 'Identifier',
-        name: 'methods',
-      },
-      value: {
-        type: 'ObjectExpression',
-        properties: [newMethodsProperty],
-      },
-    }
-    ;(exportDefaultNode as ObjectExpression).properties.push(addMethods)
-  }
-
-  const { template, script } = sfc
-
-  // template标签中插入page-container组件
-  const tempOffsets = {
-    start: template.loc.start.offset,
-    end: template.loc.end.offset,
-    content: template.content,
-  }
-  const templateMagicString = new MagicString(tempOffsets.content)
-  templateMagicString.append(pageContainerComp)
-  codeMs.overwrite(tempOffsets.start, tempOffsets.end, templateMagicString.toString())
-
-  // script标签中插入声明的变量和方法
-  const scriptOffsets = {
-    start: script.loc.start.offset,
-    end: script.loc.end.offset,
-  }
-
-  // @ts-ignore
-  const newScriptContent = (generate.default ? generate.default : generate)(ast).code
-  codeMs.overwrite(scriptOffsets.start, scriptOffsets.end, newScriptContent)
-
-  return codeMs.toString()
-}
-
-export const vueWalker = {
-  compositionWalk,
-  optionsWalk,
-}

package/vite.config.ts

@@ -1,19 +0,0 @@
-import { defineConfig } from 'vite'
-import vue from '@vitejs/plugin-vue'
-import mpBack from './dist/index.mjs'
-
-export default defineConfig({
-  plugins: [
-    mpBack(),
-    vue({
-      template: {
-        compilerOptions: {
-          isCustomElement: (tag) => tag.startsWith('page-') || tag.startsWith('mp-'),
-        },
-      },
-    }),
-  ],
-  test: {
-    environment: 'happy-dom',
-  },
-})