@vuepress/client 2.0.0-beta.4 → 2.0.0-beta.42

package/lib/injections/updateHead.js

@@ -1,100 +0,0 @@
-import { onMounted, ref, useSSRContext, watch } from 'vue';
-import { useRoute } from 'vue-router';
-import { isPlainObject, isString } from '@vuepress/shared';
-import { usePageHead } from './pageHead';
-import { usePageLang } from './pageLang';
-/**
- * Query the matched head tag of head config
- */
-export const queryHeadTag = ([tagName, attrs, content = '',]) => {
-    const attrsSelector = Object.entries(attrs).map(([key, value]) => {
-        if (isString(value)) {
-            return `[${key}="${value}"]`;
-        }
-        if (value === true) {
-            return `[${key}]`;
-        }
-        return '';
-    });
-    const selector = `head > ${tagName}${attrsSelector}`;
-    const tags = Array.from(document.querySelectorAll(selector));
-    const matchedTag = tags.find((item) => item.innerText === content);
-    return matchedTag || null;
-};
-/**
- * Create head tag from head config
- */
-export const createHeadTag = ([tagName, attrs, content,]) => {
-    if (!isString(tagName)) {
-        return null;
-    }
-    // create element
-    const tag = document.createElement(tagName);
-    // set attributes
-    if (isPlainObject(attrs)) {
-        Object.entries(attrs).forEach(([key, value]) => {
-            if (isString(value)) {
-                tag.setAttribute(key, value);
-            }
-            else if (value === true) {
-                tag.setAttribute(key, '');
-            }
-        });
-    }
-    // set content
-    if (isString(content)) {
-        tag.appendChild(document.createTextNode(content));
-    }
-    return tag;
-};
-/**
- * Auto update head
- *
- * This composable function should be used only once in the root app
- */
-export const useUpdateHead = () => {
-    const route = useRoute();
-    const head = usePageHead();
-    const lang = usePageLang();
-    // ssr-only, extract page meta info to ssrContext
-    if (__SSR__) {
-        const ssrContext = useSSRContext();
-        if (ssrContext) {
-            ssrContext.head = head.value;
-            ssrContext.lang = lang.value;
-        }
-        return;
-    }
-    const headTags = ref([]);
-    // load current head tags from DOM
-    const loadHead = () => {
-        head.value.forEach((item) => {
-            const tag = queryHeadTag(item);
-            if (tag) {
-                headTags.value.push(tag);
-            }
-        });
-    };
-    // update html lang attribute and head tags to DOM
-    const updateHead = () => {
-        document.documentElement.lang = lang.value;
-        headTags.value.forEach((item) => {
-            if (item.parentNode === document.head) {
-                document.head.removeChild(item);
-            }
-        });
-        headTags.value.splice(0, headTags.value.length);
-        head.value.forEach((item) => {
-            const tag = createHeadTag(item);
-            if (tag !== null) {
-                document.head.appendChild(tag);
-                headTags.value.push(tag);
-            }
-        });
-    };
-    onMounted(() => {
-        loadHead();
-        updateHead();
-        watch(() => route.path, () => updateHead());
-    });
-};

package/lib/server.d.ts

@@ -1,8 +0,0 @@
-import type { CreateVueAppResult } from './app';
-export interface ServerEntry {
-    createServerApp: () => Promise<CreateVueAppResult>;
-}
-/**
- * Server entry point, used for SSR
- */
-export declare const createServerApp: () => Promise<CreateVueAppResult>;

package/lib/server.js

@@ -1,10 +0,0 @@
-import { createSSRApp } from 'vue';
-import { createMemoryHistory } from 'vue-router';
-import { createVueApp } from './app';
-/**
- * Server entry point, used for SSR
- */
-export const createServerApp = async () => createVueApp({
-    appCreator: createSSRApp,
-    historyCreator: createMemoryHistory,
-});

package/lib/types/clientAppEnhance.d.ts

@@ -1,8 +0,0 @@
-import type { App } from 'vue';
-import type { Router } from 'vue-router';
-import type { SiteDataRef } from '../injections';
-export declare type ClientAppEnhance = (context: {
-    app: App;
-    router: Router;
-    siteData: SiteDataRef;
-}) => void | Promise<void>;

package/lib/types/clientAppEnhance.js

@@ -1 +0,0 @@
-export {};

package/lib/types/clientAppSetup.d.ts

@@ -1 +0,0 @@
-export declare type ClientAppSetup = () => void;

package/lib/types/clientAppSetup.js

@@ -1 +0,0 @@
-export {};

package/lib/types/index.d.ts

@@ -1,7 +0,0 @@
-export * from './clientAppEnhance';
-export * from './clientAppSetup';
-declare module 'vue-router' {
-    interface RouteMeta {
-        title?: string;
-    }
-}

package/lib/types/index.js

@@ -1,2 +0,0 @@
-export * from './clientAppEnhance';
-export * from './clientAppSetup';

package/lib/types/internal/clientAppEnhances.d.ts

@@ -1,5 +0,0 @@
-import type { ClientAppEnhance } from '../clientAppEnhance'
-
-declare module '@internal/clientAppEnhances' {
-  export const clientAppEnhances: ClientAppEnhance[]
-}

package/lib/types/internal/clientAppRootComponents.d.ts

@@ -1,5 +0,0 @@
-import type { ComponentOptions } from 'vue'
-
-declare module '@internal/clientAppRootComponents' {
-  export const clientAppRootComponents: ComponentOptions[]
-}

package/lib/types/internal/clientAppSetups.d.ts

@@ -1,5 +0,0 @@
-import type { ClientAppSetup } from '../clientAppSetup'
-
-declare module '@internal/clientAppSetups' {
-  export const clientAppSetups: ClientAppSetup[]
-}

package/lib/types/internal/layoutComponents.d.ts

@@ -1,5 +0,0 @@
-import type { AsyncComponentLoader } from 'vue'
-
-declare module '@internal/layoutComponents' {
-  export const layoutComponents: Record<string, AsyncComponentLoader>
-}

package/lib/types/internal/pagesComponent.d.ts

@@ -1,5 +0,0 @@
-import type { AsyncComponentLoader } from 'vue'
-
-declare module '@internal/pagesComponent' {
-  export const pagesComponent: Record<string, AsyncComponentLoader>
-}

package/lib/types/internal/pagesData.d.ts

@@ -1,5 +0,0 @@
-import type { PageData } from '@vuepress/shared'
-
-declare module '@internal/pagesData' {
-  export const pagesData: Record<string, () => Promise<PageData>>
-}

package/lib/types/internal/pagesRoutes.d.ts

@@ -1,5 +0,0 @@
-import type { RouteRecordRaw } from 'vue-router'
-
-declare module '@internal/pagesRoutes' {
-  export const pagesRoutes: RouteRecordRaw[]
-}

package/lib/types/internal/siteData.d.ts

@@ -1,5 +0,0 @@
-import type { SiteData } from '@vuepress/shared'
-
-declare module '@internal/siteData' {
-  export const siteData: SiteData
-}

package/lib/utils/defineClientAppEnhance.d.ts

@@ -1,2 +0,0 @@
-import type { ClientAppEnhance } from '../types';
-export declare const defineClientAppEnhance: (clientAppEnhance: ClientAppEnhance) => ClientAppEnhance;

package/lib/utils/defineClientAppEnhance.js

@@ -1 +0,0 @@
-export const defineClientAppEnhance = (clientAppEnhance) => clientAppEnhance;

package/lib/utils/defineClientAppSetup.d.ts

@@ -1,2 +0,0 @@
-import type { ClientAppSetup } from '../types';
-export declare const defineClientAppSetup: (clientAppSetup: ClientAppSetup) => ClientAppSetup;

package/lib/utils/defineClientAppSetup.js

@@ -1 +0,0 @@
-export const defineClientAppSetup = (clientAppSetup) => clientAppSetup;

package/lib/utils/index.d.ts

@@ -1,3 +0,0 @@
-export * from './defineClientAppEnhance';
-export * from './defineClientAppSetup';
-export * from './withBase';

package/lib/utils/index.js

@@ -1,3 +0,0 @@
-export * from './defineClientAppEnhance';
-export * from './defineClientAppSetup';
-export * from './withBase';

package/lib/utils/withBase.d.ts

@@ -1,4 +0,0 @@
-/**
- * Prefix url with site base
- */
-export declare const withBase: (url: string) => string;

package/lib/utils/withBase.js

@@ -1,11 +0,0 @@
-import { isLinkHttp } from '@vuepress/shared';
-import { useSiteData } from '../injections';
-/**
- * Prefix url with site base
- */
-export const withBase = (url) => {
-    if (isLinkHttp(url))
-        return url;
-    const base = useSiteData().value.base;
-    return `${base}${url}`.replace(/\/+/, '/');
-};