mp-weixin-back 0.0.15 → 0.0.17

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/.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/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,74 +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('读取pages.json文件失败')
-      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,43 +0,0 @@
-export type UserOptions = Partial<Config>
-
-export type Config = {
-  /**
-   * 初始化时是否监听手势返回，默认值为`true`
-   */
-  initialValue: boolean
-  /**
-   * 是否阻止默认的回退事件，默认为 false
-   */
-  preventDefault: boolean
-  /**
-   * 阻止次数，默认是 `1`
-   */
-  frequency: number
-  /**
-   * 调试模式
-   */
-  debug: boolean
-  /**
-   * 页面回退时触发
-   */
-  onPageBack?: (params: BackParams) => void
-}
-
-export type BackParams = {
-  /**
-   * 当前页面路径
-   */
-  page: string
-}
-
-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,58 +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(
-          `无法解析 @vue/compiler-sfc。\n` +
-            `此插件需要项目中安装 @vue/compiler-sfc。\n` +
-            `请手动安装：pnpm add -D @vue/compiler-sfc\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('解析vue文件失败，请检查文件是否正确')
-    this.log.error(String(error))
-    return code
-  }
-}