chore: remove js files

diff --git a/packages/playground/src/api/index.js b/packages/playground/src/api/index.js
deleted file mode 100644 (file)
index 695b73a..0000000
--- a/packages/playground/src/api/index.js
+++ /dev/null
@@ -1,8 +0,0 @@
-export let delay = (t = 100) => new Promise(resolve => setTimeout(resolve, t))
-export async function getData() {
-  await delay(500)
-  return {
-    message: 'Hello',
-    time: Date.now(),
-  }
-}

diff --git a/packages/playground/src/main.js b/packages/playground/src/main.js
deleted file mode 100644 (file)
index 265fd68..0000000
--- a/packages/playground/src/main.js
+++ /dev/null
@@ -1,17 +0,0 @@
-// necessary for webpack
-import { createApp } from 'vue'
-import { router, routerHistory } from './router'
-import { globalState } from './store'
-import App from './App.vue'
-// for testing purposes
-window.h = routerHistory
-window.r = router
-const app = createApp(App)
-app.mixin({
-  beforeRouteEnter() {
-    console.log('mixin enter')
-  },
-})
-app.provide('state', globalState)
-app.use(router)
-window.vm = app.mount('#app')

diff --git a/packages/playground/src/router.js b/packages/playground/src/router.js
deleted file mode 100644 (file)
index 0134abf..0000000
--- a/packages/playground/src/router.js
+++ /dev/null
@@ -1,401 +0,0 @@
-import { createRouter, createWebHistory, RouterView } from 'vue-router'
-import Home from './views/Home.vue'
-import Nested from './views/Nested.vue'
-import NestedWithId from './views/NestedWithId.vue'
-import Dynamic from './views/Dynamic.vue'
-import User from './views/User.vue'
-import NotFound from './views/NotFound.vue'
-const component = () => {
-  console.log('fetching component')
-  return import('./views/Generic.vue')
-}
-import LongView from './views/LongView.vue'
-import GuardedWithLeave from './views/GuardedWithLeave.vue'
-import ComponentWithData from './views/ComponentWithData.vue'
-import { globalState } from './store'
-import { scrollWaiter } from './scrollWaiter'
-import RepeatedParams from './views/RepeatedParams.vue'
-import { h } from 'vue'
-let removeRoute
-const TransparentWrapper = () => h(RouterView)
-TransparentWrapper.displayName = 'NestedView'
-export const routerHistory = createWebHistory()
-export const router = createRouter({
-  history: routerHistory,
-  strict: true,
-  routes: [
-    { path: '/home', redirect: '/' },
-    {
-      path: '/',
-      components: { default: Home, other: component },
-      props: { default: to => ({ waited: to.meta.waitedFor }) },
-    },
-    {
-      path: '/always-redirect',
-      redirect: () => ({
-        name: 'user',
-        params: { id: String(Math.round(Math.random() * 100)) },
-      }),
-    },
-    { path: '/users/:id', name: 'user', component: User, props: true },
-    { path: '/documents/:id', name: 'docs', component: User, props: true },
-    { path: '/optional/:id?', name: 'optional', component: User, props: true },
-    { path: encodeURI('/n/€'), name: 'euro', component },
-    { path: '/n/:n', name: 'increment', component },
-    { path: '/multiple/:a/:b', name: 'multiple', component },
-    { path: '/long-:n', name: 'long', component: LongView },
-    {
-      path: '/lazy',
-      meta: { transition: 'slide-left' },
-      component: async () => {
-        await delay(500)
-        return component()
-      },
-    },
-    {
-      path: '/with-guard/:n',
-      name: 'guarded',
-      component,
-      beforeEnter(to, from, next) {
-        if (to.params.n !== 'valid') next(false)
-        next()
-      },
-    },
-    { path: '/cant-leave', component: GuardedWithLeave },
-    {
-      path: '/children',
-      name: 'WithChildren',
-      component: Nested,
-      children: [
-        { path: '', alias: 'alias', name: 'default-child', component: Nested },
-        { path: 'a', name: 'a-child', component: Nested },
-        {
-          path: 'b',
-          name: 'b-child',
-          component: Nested,
-          children: [
-            { path: '', component: Nested },
-            { path: 'a2', component: Nested },
-            { path: 'b2', component: Nested },
-          ],
-        },
-      ],
-    },
-    { path: '/with-data', component: ComponentWithData, name: 'WithData' },
-    { path: '/rep/:a*', component: RepeatedParams, name: 'repeat' },
-    { path: '/:data(.*)', component: NotFound, name: 'NotFound' },
-    {
-      path: '/nested',
-      alias: '/anidado',
-      component: Nested,
-      name: 'Nested',
-      children: [
-        {
-          path: 'nested',
-          alias: 'a',
-          name: 'NestedNested',
-          component: Nested,
-          children: [
-            {
-              name: 'NestedNestedNested',
-              path: 'nested',
-              component: Nested,
-            },
-          ],
-        },
-        {
-          path: 'other',
-          alias: 'otherAlias',
-          component: Nested,
-          name: 'NestedOther',
-        },
-        {
-          path: 'also-as-absolute',
-          alias: '/absolute',
-          name: 'absolute-child',
-          component: Nested,
-        },
-      ],
-    },
-    {
-      path: '/parent/:id',
-      name: 'parent',
-      component: NestedWithId,
-      props: true,
-      alias: '/p/:id',
-      children: [
-        // empty child
-        { path: '', component },
-        // child with absolute path. we need to add an `id` because the parent needs it
-        { path: '/p_:id/absolute-a', alias: 'as-absolute-a', component },
-        // same as above but the alias is absolute
-        { path: 'as-absolute-b', alias: '/p_:id/absolute-b', component },
-      ],
-    },
-    {
-      path: '/dynamic',
-      name: 'dynamic',
-      component: Nested,
-      end: false,
-      strict: true,
-      beforeEnter(to, from, next) {
-        if (!removeRoute) {
-          removeRoute = router.addRoute('dynamic', {
-            path: 'child',
-            component: Dynamic,
-          })
-          next(to.fullPath)
-        } else next()
-      },
-    },
-    {
-      path: '/admin',
-      component: TransparentWrapper,
-      children: [
-        { path: '', component },
-        { path: 'dashboard', component },
-        { path: 'settings', component },
-      ],
-    },
-  ],
-  async scrollBehavior(to, from, savedPosition) {
-    await scrollWaiter.wait()
-    if (savedPosition) {
-      return savedPosition
-    } else {
-      if (to.matched.every((record, i) => from.matched[i] !== record))
-        return { left: 0, top: 0 }
-    }
-    // leave scroll as it is by not returning anything
-    // https://github.com/Microsoft/TypeScript/issues/18319
-    return false
-  },
-})
-const myRouter = createRouter({
-  history: routerHistory,
-  strict: true,
-  routes: [
-    { path: '/home', redirect: '/' },
-    {
-      path: '/',
-      components: { default: Home, other: component },
-      props: { default: to => ({ waited: to.meta.waitedFor }) },
-    },
-    {
-      path: '/always-redirect',
-      redirect: () => ({
-        name: 'user',
-        params: { id: String(Math.round(Math.random() * 100)) },
-      }),
-    },
-    { path: '/users/:id', name: 'user', component: User, props: true },
-    { path: '/documents/:id', name: 'docs', component: User, props: true },
-    { path: '/optional/:id?', name: 'optional', component: User, props: true },
-    { path: encodeURI('/n/€'), name: 'euro', component },
-    { path: '/n/:n', name: 'increment', component },
-    { path: '/multiple/:a/:b', name: 'multiple', component },
-    { path: '/long-:n', name: 'long', component: LongView },
-    {
-      path: '/lazy',
-      meta: { transition: 'slide-left' },
-      component: async () => {
-        await delay(500)
-        return component()
-      },
-    },
-    {
-      path: '/with-guard/:n',
-      name: 'guarded',
-      component,
-      beforeEnter(to, from, next) {
-        if (to.params.n !== 'valid') next(false)
-        next()
-      },
-    },
-    { path: '/cant-leave', component: GuardedWithLeave },
-    {
-      path: '/children',
-      name: 'WithChildren',
-      component: Nested,
-      children: [
-        { path: '', alias: 'alias', name: 'default-child', component: Nested },
-        { path: 'a', name: 'a-child', component: Nested },
-        {
-          path: 'b',
-          name: 'b-child',
-          component: Nested,
-          children: [
-            { path: '', component: Nested },
-            { path: 'a2', component: Nested },
-            { path: 'b2', component: Nested },
-          ],
-        },
-      ],
-    },
-    { path: '/with-data', component: ComponentWithData, name: 'WithData' },
-    { path: '/rep/:a*', component: RepeatedParams, name: 'repeat' },
-    // { path: '/:data(.*)', component: NotFound, name: 'NotFound' },
-    {
-      path: '/nested',
-      alias: '/anidado',
-      component: Nested,
-      name: 'Nested',
-      children: [
-        {
-          path: 'nested',
-          alias: 'a',
-          name: 'NestedNested',
-          component: Nested,
-          children: [
-            {
-              name: 'NestedNestedNested',
-              path: 'nested',
-              component: Nested,
-            },
-          ],
-        },
-        {
-          path: 'other',
-          alias: 'otherAlias',
-          component: Nested,
-          name: 'NestedOther',
-        },
-        {
-          path: 'also-as-absolute',
-          alias: '/absolute',
-          name: 'absolute-child',
-          component: Nested,
-        },
-      ],
-    },
-    {
-      path: '/parent/:id',
-      name: 'parent',
-      component: NestedWithId,
-      props: true,
-      alias: '/p/:id',
-      children: [
-        // empty child
-        { path: '', component },
-        // child with absolute path. we need to add an `id` because the parent needs it
-        { path: '/p_:id/absolute-a', alias: 'as-absolute-a', component },
-        // same as above but the alias is absolute
-        { path: 'as-absolute-b', alias: '/p_:id/absolute-b', component },
-      ],
-    },
-    {
-      path: '/dynamic',
-      name: 'dynamic',
-      component: Nested,
-      end: false,
-      strict: true,
-      beforeEnter(to, from, next) {
-        if (!removeRoute) {
-          removeRoute = router.addRoute('dynamic', {
-            path: 'child',
-            component: Dynamic,
-          })
-          next(to.fullPath)
-        } else next()
-      },
-    },
-    {
-      path: '/admin',
-      component: TransparentWrapper,
-      children: [
-        { path: '', component },
-        { path: 'dashboard', component },
-        { path: 'settings', component },
-      ],
-    },
-  ],
-  async scrollBehavior(to, from, savedPosition) {
-    await scrollWaiter.wait()
-    if (savedPosition) {
-      return savedPosition
-    } else {
-      if (to.matched.every((record, i) => from.matched[i] !== record))
-        return { left: 0, top: 0 }
-    }
-    // leave scroll as it is by not returning anything
-    // https://github.com/Microsoft/TypeScript/issues/18319
-    return false
-  },
-})
-const delay = t => new Promise(resolve => setTimeout(resolve, t))
-// remove trailing slashes
-router.beforeEach(to => {
-  if (/.\/$/.test(to.path)) {
-    to.meta.redirectCode = 301
-    return to.path.replace(/\/$/, '')
-  }
-})
-router.beforeEach(async to => {
-  // console.log(`Guard from ${from.fullPath} to ${to.fullPath}`)
-  if (to.params.id === 'no-name') return false
-  const time = Number(to.query.delay)
-  if (time > 0) {
-    console.log('⏳ waiting ' + time + 'ms')
-    to.meta.waitedFor = time
-    await delay(time)
-  }
-})
-router.beforeEach(() => {
-  if (globalState.cancelNextNavigation) return false
-})
-router.afterEach((to, from) => {
-  if (to.name === from.name && to.name === 'repeat') {
-    const toDepth = to.path.split('/').length
-    const fromDepth = from.path.split('/').length
-    to.meta.transition = toDepth < fromDepth ? 'slide-right' : 'slide-left'
-  }
-})
-router.afterEach((to, from) => {
-  // console.log(
-  //   `After guard: from ${from.fullPath} to ${
-  //     to.fullPath
-  //   } | location = ${location.href.replace(location.origin, '')}`
-  // )
-})
-export function go(delta) {
-  return new Promise((resolve, reject) => {
-    function popStateListener() {
-      clearTimeout(timeout)
-    }
-    window.addEventListener('popstate', popStateListener)
-    function clearHooks() {
-      removeAfterEach()
-      removeOnError()
-      window.removeEventListener('popstate', popStateListener)
-    }
-    // if the popstate event is not called, consider this a failure
-    const timeout = setTimeout(() => {
-      clearHooks()
-      reject(new Error('Failed to use router.go()'))
-      // using 0 leads to false positives
-    }, 1)
-    const removeAfterEach = router.afterEach((_to, _from, failure) => {
-      clearHooks()
-      resolve(failure)
-    })
-    const removeOnError = router.onError(err => {
-      clearHooks()
-      reject(err)
-    })
-    router.go(delta)
-  })
-}
-// @ts-expect-error
-window._go = go
-router.beforeEach(to => {
-  // console.log('second guard')
-  if (typeof to.query.to === 'string' && to.query.to) return to.query.to
-})
-const dirLog = {
-  '': '？',
-  back: '⏪',
-  forward: '⏩',
-}
-routerHistory.listen((to, from, info) => {
-  console.log(`${dirLog[info.direction]} as a ${info.type}`)
-})

diff --git a/packages/playground/src/router.ts b/packages/playground/src/router.ts
index 7dd6701263d2d1c5e0fb01f209ff9713af2c74f9..1fa32c5b64ff345a33ec8173e88dbead9395c784 100644 (file)
--- a/packages/playground/src/router.ts
+++ b/packages/playground/src/router.ts
@@ -74,10 +74,14 @@ export const router = createRouter({
         { path: 'a', name: 'a-child', component: Nested },
         {
           path: 'b',
-          name: 'b-child',
+          name: 'WithChildrenB',
           component: Nested,
           children: [
-            { path: '', component: Nested },
+            {
+              path: '',
+              name: 'b-child',
+              component: Nested,
+            },
             { path: 'a2', component: Nested },
             { path: 'b2', component: Nested },
           ],
@@ -129,7 +133,7 @@ export const router = createRouter({
       alias: '/p/:id',
       children: [
         // empty child
-        { path: '', component },
+        { path: '', name: 'child-id', component },
         // child with absolute path. we need to add an `id` because the parent needs it
         { path: '/p_:id/absolute-a', alias: 'as-absolute-a', component },
         // same as above but the alias is absolute

diff --git a/packages/playground/src/scrollWaiter.js b/packages/playground/src/scrollWaiter.js
deleted file mode 100644 (file)
index a701c40..0000000
--- a/packages/playground/src/scrollWaiter.js
+++ /dev/null
@@ -1,18 +0,0 @@
-class ScrollQueue {
-  resolve = null
-  promise = null
-  add() {
-    this.promise = new Promise(resolve => {
-      this.resolve = resolve
-    })
-  }
-  flush() {
-    this.resolve && this.resolve()
-    this.resolve = null
-    this.promise = null
-  }
-  async wait() {
-    await this.promise
-  }
-}
-export const scrollWaiter = new ScrollQueue()

diff --git a/packages/playground/src/store.js b/packages/playground/src/store.js
deleted file mode 100644 (file)
index 879edb2..0000000
--- a/packages/playground/src/store.js
+++ /dev/null
@@ -1,4 +0,0 @@
-import { reactive } from 'vue'
-export const globalState = reactive({
-  cancelNextNavigation: false,
-})