@vuepress/client 2.0.0-rc.1 → 2.0.0-rc.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vuepress/client",
3
- "version": "2.0.0-rc.1",
3
+ "version": "2.0.0-rc.11",
4
4
  "description": "Client package of VuePress",
5
5
  "keywords": [
6
6
  "vuepress",
@@ -33,11 +33,10 @@
33
33
  "types.d.ts"
34
34
  ],
35
35
  "dependencies": {
36
- "@vue/devtools-api": "^6.5.1",
37
- "@vueuse/core": "^10.7.2",
38
- "vue": "^3.4.15",
39
- "vue-router": "^4.2.5",
40
- "@vuepress/shared": "2.0.0-rc.1"
36
+ "@vue/devtools-api": "^6.6.1",
37
+ "vue": "^3.4.27",
38
+ "vue-router": "^4.3.2",
39
+ "@vuepress/shared": "2.0.0-rc.11"
41
40
  },
42
41
  "publishConfig": {
43
42
  "access": "public"
@@ -54,10 +53,7 @@
54
53
  ],
55
54
  "external": [
56
55
  "@internal/clientConfigs",
57
- "@internal/layoutComponents",
58
- "@internal/pagesComponents",
59
- "@internal/pagesData",
60
- "@internal/pagesRoutes",
56
+ "@internal/routes",
61
57
  "@internal/siteData"
62
58
  ],
63
59
  "format": [
@@ -1,339 +0,0 @@
1
- // src/composables/layouts.ts
2
- import { inject } from "vue";
3
- var layoutsSymbol = Symbol(
4
- __VUEPRESS_DEV__ ? "layouts" : ""
5
- );
6
- var useLayouts = () => {
7
- const layouts = inject(layoutsSymbol);
8
- if (!layouts) {
9
- throw new Error("useLayouts() is called without provider.");
10
- }
11
- return layouts;
12
- };
13
-
14
- // src/composables/pageData.ts
15
- import { inject as inject2, readonly } from "vue";
16
- var pageDataSymbol = Symbol(
17
- __VUEPRESS_DEV__ ? "pageData" : ""
18
- );
19
- var pageDataEmpty = readonly({
20
- key: "",
21
- path: "",
22
- title: "",
23
- lang: "",
24
- frontmatter: {},
25
- headers: []
26
- });
27
- var usePageData = () => {
28
- const pageData = inject2(pageDataSymbol);
29
- if (!pageData) {
30
- throw new Error("pageData() is called without provider.");
31
- }
32
- return pageData;
33
- };
34
-
35
- // src/composables/pageFrontmatter.ts
36
- import { inject as inject3 } from "vue";
37
- var pageFrontmatterSymbol = Symbol(
38
- __VUEPRESS_DEV__ ? "pageFrontmatter" : ""
39
- );
40
- var usePageFrontmatter = () => {
41
- const pageFrontmatter = inject3(pageFrontmatterSymbol);
42
- if (!pageFrontmatter) {
43
- throw new Error("usePageFrontmatter() is called without provider.");
44
- }
45
- return pageFrontmatter;
46
- };
47
-
48
- // src/composables/pageHead.ts
49
- import { inject as inject4 } from "vue";
50
- var pageHeadSymbol = Symbol(
51
- __VUEPRESS_DEV__ ? "pageHead" : ""
52
- );
53
- var usePageHead = () => {
54
- const pageHead = inject4(pageHeadSymbol);
55
- if (!pageHead) {
56
- throw new Error("usePageHead() is called without provider.");
57
- }
58
- return pageHead;
59
- };
60
-
61
- // src/composables/pageHeadTitle.ts
62
- import { inject as inject5 } from "vue";
63
- var pageHeadTitleSymbol = Symbol(
64
- __VUEPRESS_DEV__ ? "pageHeadTitle" : ""
65
- );
66
- var usePageHeadTitle = () => {
67
- const pageHeadTitle = inject5(pageHeadTitleSymbol);
68
- if (!pageHeadTitle) {
69
- throw new Error("usePageHeadTitle() is called without provider.");
70
- }
71
- return pageHeadTitle;
72
- };
73
-
74
- // src/composables/pageLang.ts
75
- import { inject as inject6 } from "vue";
76
- var pageLangSymbol = Symbol(
77
- __VUEPRESS_DEV__ ? "pageLang" : ""
78
- );
79
- var usePageLang = () => {
80
- const pageLang = inject6(pageLangSymbol);
81
- if (!pageLang) {
82
- throw new Error("usePageLang() is called without provider.");
83
- }
84
- return pageLang;
85
- };
86
-
87
- // src/composables/pageLayout.ts
88
- import { inject as inject7 } from "vue";
89
- var pageLayoutSymbol = Symbol(
90
- __VUEPRESS_DEV__ ? "pageLayout" : ""
91
- );
92
- var usePageLayout = () => {
93
- const pageLayout = inject7(pageLayoutSymbol);
94
- if (!pageLayout) {
95
- throw new Error("usePageLayout() is called without provider.");
96
- }
97
- return pageLayout;
98
- };
99
-
100
- // src/composables/pagesData.ts
101
- import { pagesData as pagesDataRaw } from "@internal/pagesData";
102
- import { ref } from "vue";
103
- var pagesData = ref(pagesDataRaw);
104
- var usePagesData = () => pagesData;
105
-
106
- // src/composables/routeLocale.ts
107
- import { inject as inject8 } from "vue";
108
- var routeLocaleSymbol = Symbol(
109
- __VUEPRESS_DEV__ ? "routeLocale" : ""
110
- );
111
- var useRouteLocale = () => {
112
- const routeLocale = inject8(routeLocaleSymbol);
113
- if (!routeLocale) {
114
- throw new Error("useRouteLocale() is called without provider.");
115
- }
116
- return routeLocale;
117
- };
118
-
119
- // src/composables/siteData.ts
120
- import { siteData as siteDataRaw } from "@internal/siteData";
121
- import { ref as ref2 } from "vue";
122
- var siteData = ref2(siteDataRaw);
123
- var useSiteData = () => siteData;
124
- if (__VUEPRESS_DEV__ && (import.meta.webpackHot || import.meta.hot)) {
125
- __VUE_HMR_RUNTIME__.updateSiteData = (data) => {
126
- siteData.value = data;
127
- };
128
- }
129
-
130
- // src/composables/siteLocaleData.ts
131
- import { inject as inject9 } from "vue";
132
- var siteLocaleDataSymbol = Symbol(
133
- __VUEPRESS_DEV__ ? "siteLocaleData" : ""
134
- );
135
- var useSiteLocaleData = () => {
136
- const siteLocaleData = inject9(siteLocaleDataSymbol);
137
- if (!siteLocaleData) {
138
- throw new Error("useSiteLocaleData() is called without provider.");
139
- }
140
- return siteLocaleData;
141
- };
142
-
143
- // src/composables/updateHead.ts
144
- import { inject as inject10 } from "vue";
145
- var updateHeadSymbol = Symbol(
146
- __VUEPRESS_DEV__ ? "updateHead" : ""
147
- );
148
- var useUpdateHead = () => {
149
- const updateHead = inject10(updateHeadSymbol);
150
- if (!updateHead) {
151
- throw new Error("useUpdateHead() is called without provider.");
152
- }
153
- return updateHead;
154
- };
155
-
156
- // src/resolvers.ts
157
- import { dedupeHead, isString, resolveLocalePath } from "@vuepress/shared";
158
- import { reactive } from "vue";
159
-
160
- // src/constants.ts
161
- var LAYOUT_NAME_DEFAULT = "Layout";
162
- var LAYOUT_NAME_NOT_FOUND = "NotFound";
163
-
164
- // src/resolvers.ts
165
- var resolvers = reactive({
166
- /**
167
- * Resolve layouts component map
168
- */
169
- resolveLayouts: (clientConfigs) => clientConfigs.reduce(
170
- (prev, item) => ({
171
- ...prev,
172
- ...item.layouts
173
- }),
174
- {}
175
- ),
176
- /**
177
- * Resolve page data according to page key
178
- */
179
- resolvePageData: async (pageKey) => {
180
- const pageDataResolver = pagesData.value[pageKey];
181
- const pageData = await pageDataResolver?.();
182
- return pageData ?? pageDataEmpty;
183
- },
184
- /**
185
- * Resolve page frontmatter from page data
186
- */
187
- resolvePageFrontmatter: (pageData) => pageData.frontmatter,
188
- /**
189
- * Merge the head config in frontmatter and site locale
190
- *
191
- * Frontmatter should take priority over site locale
192
- */
193
- resolvePageHead: (headTitle, frontmatter, siteLocale) => {
194
- const description = isString(frontmatter.description) ? frontmatter.description : siteLocale.description;
195
- const head = [
196
- ...Array.isArray(frontmatter.head) ? frontmatter.head : [],
197
- ...siteLocale.head,
198
- ["title", {}, headTitle],
199
- ["meta", { name: "description", content: description }]
200
- ];
201
- return dedupeHead(head);
202
- },
203
- /**
204
- * Resolve the content of page head title
205
- *
206
- * It would be used as the content of the `<title>` tag
207
- */
208
- resolvePageHeadTitle: (page, siteLocale) => [page.title, siteLocale.title].filter((item) => !!item).join(" | "),
209
- /**
210
- * Resolve page language from page data
211
- *
212
- * It would be used as the `lang` attribute of `<html>` tag
213
- */
214
- resolvePageLang: (page, siteLocale) => page.lang || siteLocale.lang || "en-US",
215
- /**
216
- * Resolve layout component of current page
217
- */
218
- resolvePageLayout: (page, layouts) => {
219
- let layoutName;
220
- if (page.path) {
221
- const frontmatterLayout = page.frontmatter.layout;
222
- if (isString(frontmatterLayout)) {
223
- layoutName = frontmatterLayout;
224
- } else {
225
- layoutName = LAYOUT_NAME_DEFAULT;
226
- }
227
- } else {
228
- layoutName = LAYOUT_NAME_NOT_FOUND;
229
- }
230
- return layouts[layoutName];
231
- },
232
- /**
233
- * Resolve locale path according to route path and locales config
234
- */
235
- resolveRouteLocale: (locales, routePath) => resolveLocalePath(locales, routePath),
236
- /**
237
- * Resolve site data for specific locale
238
- *
239
- * It would merge the locales fields to the root fields
240
- */
241
- resolveSiteLocaleData: (site, routeLocale) => ({
242
- ...site,
243
- ...site.locales[routeLocale],
244
- head: [
245
- // when merging head, the locales head should be placed before root head
246
- // to get higher priority
247
- ...site.locales[routeLocale]?.head ?? [],
248
- ...site.head ?? []
249
- ]
250
- })
251
- });
252
-
253
- // src/components/ClientOnly.ts
254
- import { defineComponent, onMounted, ref as ref3 } from "vue";
255
- var ClientOnly = defineComponent({
256
- name: "ClientOnly",
257
- setup(_, ctx) {
258
- const isMounted = ref3(false);
259
- onMounted(() => {
260
- isMounted.value = true;
261
- });
262
- return () => isMounted.value ? ctx.slots.default?.() : null;
263
- }
264
- });
265
-
266
- // src/components/Content.ts
267
- import { pagesComponents } from "@internal/pagesComponents";
268
- import { computed, defineComponent as defineComponent2, h } from "vue";
269
- var Content = defineComponent2({
270
- // eslint-disable-next-line vue/no-reserved-component-names
271
- name: "Content",
272
- props: {
273
- pageKey: {
274
- type: String,
275
- required: false,
276
- default: ""
277
- }
278
- },
279
- setup(props) {
280
- const page = usePageData();
281
- const pageComponent = computed(
282
- () => pagesComponents[props.pageKey || page.value.key]
283
- );
284
- return () => pageComponent.value ? (
285
- // use page component
286
- h(pageComponent.value)
287
- ) : (
288
- // fallback content
289
- h(
290
- "div",
291
- __VUEPRESS_DEV__ ? "Page does not exist. This is a fallback content." : "404 Not Found"
292
- )
293
- );
294
- }
295
- });
296
-
297
- // src/helpers/defineClientConfig.ts
298
- var defineClientConfig = (clientConfig = {}) => clientConfig;
299
-
300
- // src/helpers/withBase.ts
301
- import { isLinkHttp, removeLeadingSlash } from "@vuepress/shared";
302
- var withBase = (url) => {
303
- if (isLinkHttp(url))
304
- return url;
305
- return `${__VUEPRESS_BASE__}${removeLeadingSlash(url)}`;
306
- };
307
-
308
- export {
309
- layoutsSymbol,
310
- useLayouts,
311
- pageDataSymbol,
312
- pageDataEmpty,
313
- usePageData,
314
- pageFrontmatterSymbol,
315
- usePageFrontmatter,
316
- pageHeadSymbol,
317
- usePageHead,
318
- pageHeadTitleSymbol,
319
- usePageHeadTitle,
320
- pageLangSymbol,
321
- usePageLang,
322
- pageLayoutSymbol,
323
- usePageLayout,
324
- pagesData,
325
- usePagesData,
326
- routeLocaleSymbol,
327
- useRouteLocale,
328
- siteData,
329
- useSiteData,
330
- siteLocaleDataSymbol,
331
- useSiteLocaleData,
332
- updateHeadSymbol,
333
- useUpdateHead,
334
- resolvers,
335
- ClientOnly,
336
- Content,
337
- defineClientConfig,
338
- withBase
339
- };