@maple-design/cli-vue 0.0.0-stage → 1.1.1

package/site/mobile/route-sync.spec.ts

@@ -0,0 +1,34 @@
+import { describe, expect, it } from 'vitest'
+import { createMemoryHistory, createRouter } from 'vue-router'
+import { getDesktopPath, shouldSyncMobileRoute } from './route-sync'
+
+describe('mobile preview route synchronization', () => {
+  it('does not overwrite the PC route when the iframe first loads', async () => {
+    const router = createRouter({
+      history: createMemoryHistory(),
+      routes: [
+        { path: '/home', component: {} },
+        { path: '/button', component: {} },
+        { path: '/input', component: {} },
+      ],
+    })
+    const synchronizedPaths: string[] = []
+    router.afterEach((to, from, failure) => {
+      if (shouldSyncMobileRoute(from, failure)) {
+        synchronizedPaths.push(to.path)
+      }
+    })
+
+    await router.push('/button')
+    expect(synchronizedPaths).toEqual([])
+
+    await router.push('/input')
+    expect(synchronizedPaths).toEqual(['/input'])
+  })
+})
+
+it('keeps a single language prefix for root documentation and component handoffs', () => {
+  expect(getDesktopPath('/zh-CN/showcase', 'zh-CN')).toBe('/zh-CN/showcase')
+  expect(getDesktopPath('/en-US/showcase', 'en-US')).toBe('/en-US/showcase')
+  expect(getDesktopPath('/button', 'zh-CN')).toBe('/zh-CN/button')
+})

package/site/mobile/route-sync.ts

@@ -0,0 +1,10 @@
+import { type NavigationFailure, type RouteLocationNormalizedLoaded } from 'vue-router'
+
+export function shouldSyncMobileRoute(from: RouteLocationNormalizedLoaded, failure: NavigationFailure | void): boolean {
+  return !failure && from.matched.length > 0
+}
+
+export function getDesktopPath(path: string, language: string): string {
+  const unlocalized = path.replace(/^\/(?:zh-CN|en-US)(?=\/)/, '')
+  return `/${language}${unlocalized}`
+}