@weapp-vite/web 1.3.37 → 1.4.1

package/dist/runtime/seo/index.mjs

@@ -0,0 +1,94 @@
+//#region src/runtime/seo/index.ts
+const HEAD_MARKER = "data-weapp-web-head";
+const HEAD_OWNER = "weapp-web-runtime";
+let seoConfig = { enabled: false };
+function getDocument() {
+	return typeof document === "undefined" ? void 0 : document;
+}
+function findOrCreateMeta(documentRef, name) {
+	const selector = `meta[${HEAD_MARKER}="${HEAD_OWNER}"][name="${name}"]`;
+	const existing = documentRef.head?.querySelector(selector);
+	if (existing) return existing;
+	const meta = documentRef.createElement("meta");
+	meta.setAttribute("name", name);
+	meta.setAttribute(HEAD_MARKER, HEAD_OWNER);
+	documentRef.head?.append(meta);
+	return meta;
+}
+function resolveTitle(title, route) {
+	const raw = title || seoConfig.defaultTitle || route || "";
+	if (!seoConfig.titleTemplate || !raw) return raw;
+	return seoConfig.titleTemplate.includes("%s") ? seoConfig.titleTemplate.replaceAll("%s", raw) : `${raw}${seoConfig.titleTemplate}`;
+}
+function resolveCanonicalUrl() {
+	if (typeof window === "undefined" || !window.location) return;
+	try {
+		const url = new URL(window.location.href);
+		url.search = "";
+		url.hash = "";
+		return url.href;
+	} catch {
+		return;
+	}
+}
+function configureWebSeo(next) {
+	seoConfig = next ? {
+		enabled: next.enabled !== false,
+		...next
+	} : { enabled: false };
+	const documentRef = getDocument();
+	if (!documentRef || seoConfig.enabled === false) return;
+	if (seoConfig.description !== void 0) findOrCreateMeta(documentRef, "description").content = seoConfig.description;
+}
+function syncWebDocumentHead(head) {
+	const documentRef = getDocument();
+	if (!documentRef || seoConfig.enabled === false) return;
+	const title = resolveTitle(head.title, head.route);
+	if (title) documentRef.title = title;
+	if (seoConfig.description !== void 0) findOrCreateMeta(documentRef, "description").content = seoConfig.description;
+	if (seoConfig.canonical !== false) {
+		const canonical = resolveCanonicalUrl();
+		if (canonical && documentRef.head) {
+			let link = documentRef.head.querySelector(`link[${HEAD_MARKER}="${HEAD_OWNER}"][rel="canonical"]`);
+			if (!link) {
+				link = documentRef.createElement("link");
+				link.rel = "canonical";
+				link.setAttribute(HEAD_MARKER, HEAD_OWNER);
+				documentRef.head.append(link);
+			}
+			link.href = canonical;
+		}
+	}
+}
+function updateWebDocumentTitle(title) {
+	syncWebDocumentHead({ title });
+}
+function setupWebResourceHints(config) {
+	const documentRef = getDocument();
+	if (!documentRef?.head || !config?.links?.length) return;
+	for (const hint of config.links) {
+		if (!hint || typeof hint.href !== "string" || !hint.href || typeof hint.rel !== "string") continue;
+		const selector = `link[${HEAD_MARKER}="${HEAD_OWNER}"][rel="${hint.rel}"][href="${hint.href}"]`;
+		let link = documentRef.head.querySelector(selector);
+		if (!link) {
+			link = documentRef.createElement("link");
+			link.rel = hint.rel;
+			link.href = hint.href;
+			link.setAttribute(HEAD_MARKER, HEAD_OWNER);
+			documentRef.head.append(link);
+		}
+		if (hint.as) link.as = hint.as;
+		if (hint.type) link.type = hint.type;
+		if (hint.crossOrigin) link.crossOrigin = hint.crossOrigin;
+	}
+}
+function resetWebDocumentHead() {
+	const documentRef = getDocument();
+	if (!documentRef?.head) return;
+	documentRef.head.querySelectorAll(`[${HEAD_MARKER}="${HEAD_OWNER}"]`).forEach((node) => node.remove());
+	seoConfig = { enabled: false };
+}
+
+//#endregion
+export { configureWebSeo, resetWebDocumentHead, setupWebResourceHints, syncWebDocumentHead, updateWebDocumentTitle };
+//# sourceMappingURL=index.mjs.map

package/dist/runtime/seo/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":[],"sources":["../../../src/runtime/seo/index.ts"],"sourcesContent":["export type WebResourceHintRelation = 'preconnect' | 'dns-prefetch' | 'prefetch' | 'preload'\n\nexport interface WebResourceHint {\n  href: string\n  rel: WebResourceHintRelation\n  as?: string\n  type?: string\n  crossOrigin?: 'anonymous' | 'use-credentials'\n}\n\nexport interface WebResourceHintsConfig {\n  links?: WebResourceHint[]\n}\n\nexport interface WebSeoConfig {\n  enabled?: boolean\n  defaultTitle?: string\n  titleTemplate?: string\n  description?: string\n  canonical?: boolean\n}\n\nexport interface WebPageHead {\n  route?: string\n  title?: string\n}\n\nconst HEAD_MARKER = 'data-weapp-web-head'\nconst HEAD_OWNER = 'weapp-web-runtime'\nlet seoConfig: WebSeoConfig = { enabled: false }\n\nfunction getDocument(): Document | undefined {\n  return typeof document === 'undefined' ? undefined : document\n}\n\nfunction findOrCreateMeta(documentRef: Document, name: string) {\n  const selector = `meta[${HEAD_MARKER}=\"${HEAD_OWNER}\"][name=\"${name}\"]`\n  const existing = documentRef.head?.querySelector(selector) as HTMLMetaElement | null\n  if (existing) {\n    return existing\n  }\n  const meta = documentRef.createElement('meta')\n  meta.setAttribute('name', name)\n  meta.setAttribute(HEAD_MARKER, HEAD_OWNER)\n  documentRef.head?.append(meta)\n  return meta\n}\n\nfunction resolveTitle(title: string | undefined, route: string | undefined) {\n  const raw = title || seoConfig.defaultTitle || route || ''\n  if (!seoConfig.titleTemplate || !raw) {\n    return raw\n  }\n  return seoConfig.titleTemplate.includes('%s')\n    ? seoConfig.titleTemplate.replaceAll('%s', raw)\n    : `${raw}${seoConfig.titleTemplate}`\n}\n\nfunction resolveCanonicalUrl() {\n  if (typeof window === 'undefined' || !window.location) {\n    return undefined\n  }\n  try {\n    const url = new URL(window.location.href)\n    url.search = ''\n    url.hash = ''\n    return url.href\n  }\n  catch {\n    return undefined\n  }\n}\n\nexport function configureWebSeo(next?: WebSeoConfig) {\n  seoConfig = next\n    ? { enabled: next.enabled !== false, ...next }\n    : { enabled: false }\n  const documentRef = getDocument()\n  if (!documentRef || seoConfig.enabled === false) {\n    return\n  }\n  if (seoConfig.description !== undefined) {\n    findOrCreateMeta(documentRef, 'description').content = seoConfig.description\n  }\n}\n\nexport function syncWebDocumentHead(head: WebPageHead) {\n  const documentRef = getDocument()\n  if (!documentRef || seoConfig.enabled === false) {\n    return\n  }\n  const title = resolveTitle(head.title, head.route)\n  if (title) {\n    documentRef.title = title\n  }\n  if (seoConfig.description !== undefined) {\n    findOrCreateMeta(documentRef, 'description').content = seoConfig.description\n  }\n  if (seoConfig.canonical !== false) {\n    const canonical = resolveCanonicalUrl()\n    if (canonical && documentRef.head) {\n      let link = documentRef.head.querySelector(`link[${HEAD_MARKER}=\"${HEAD_OWNER}\"][rel=\"canonical\"]`) as HTMLLinkElement | null\n      if (!link) {\n        link = documentRef.createElement('link')\n        link.rel = 'canonical'\n        link.setAttribute(HEAD_MARKER, HEAD_OWNER)\n        documentRef.head.append(link)\n      }\n      link.href = canonical\n    }\n  }\n}\n\nexport function updateWebDocumentTitle(title: string) {\n  syncWebDocumentHead({ title })\n}\n\nexport function setupWebResourceHints(config?: WebResourceHintsConfig) {\n  const documentRef = getDocument()\n  if (!documentRef?.head || !config?.links?.length) {\n    return\n  }\n  for (const hint of config.links) {\n    if (!hint || typeof hint.href !== 'string' || !hint.href || typeof hint.rel !== 'string') {\n      continue\n    }\n    const selector = `link[${HEAD_MARKER}=\"${HEAD_OWNER}\"][rel=\"${hint.rel}\"][href=\"${hint.href}\"]`\n    let link = documentRef.head.querySelector(selector) as HTMLLinkElement | null\n    if (!link) {\n      link = documentRef.createElement('link')\n      link.rel = hint.rel\n      link.href = hint.href\n      link.setAttribute(HEAD_MARKER, HEAD_OWNER)\n      documentRef.head.append(link)\n    }\n    if (hint.as) {\n      link.as = hint.as\n    }\n    if (hint.type) {\n      link.type = hint.type\n    }\n    if (hint.crossOrigin) {\n      link.crossOrigin = hint.crossOrigin\n    }\n  }\n}\n\nexport function resetWebDocumentHead() {\n  const documentRef = getDocument()\n  if (!documentRef?.head) {\n    return\n  }\n  documentRef.head.querySelectorAll(`[${HEAD_MARKER}=\"${HEAD_OWNER}\"]`).forEach(node => node.remove())\n  seoConfig = { enabled: false }\n}\n\nexport type { WebSeoConfig as WebRuntimeSeoConfig }\n"],"mappings":";AA2BA,MAAM,cAAc;AACpB,MAAM,aAAa;AACnB,IAAI,YAA0B,EAAE,SAAS,MAAM;AAE/C,SAAS,cAAoC;CAC3C,OAAO,OAAO,aAAa,cAAc,SAAY;AACvD;AAEA,SAAS,iBAAiB,aAAuB,MAAc;CAC7D,MAAM,WAAW,QAAQ,YAAY,IAAI,WAAW,WAAW,KAAK;CACpE,MAAM,WAAW,YAAY,MAAM,cAAc,QAAQ;CACzD,IAAI,UACF,OAAO;CAET,MAAM,OAAO,YAAY,cAAc,MAAM;CAC7C,KAAK,aAAa,QAAQ,IAAI;CAC9B,KAAK,aAAa,aAAa,UAAU;CACzC,YAAY,MAAM,OAAO,IAAI;CAC7B,OAAO;AACT;AAEA,SAAS,aAAa,OAA2B,OAA2B;CAC1E,MAAM,MAAM,SAAS,UAAU,gBAAgB,SAAS;CACxD,IAAI,CAAC,UAAU,iBAAiB,CAAC,KAC/B,OAAO;CAET,OAAO,UAAU,cAAc,SAAS,IAAI,IACxC,UAAU,cAAc,WAAW,MAAM,GAAG,IAC5C,GAAG,MAAM,UAAU;AACzB;AAEA,SAAS,sBAAsB;CAC7B,IAAI,OAAO,WAAW,eAAe,CAAC,OAAO,UAC3C;CAEF,IAAI;EACF,MAAM,MAAM,IAAI,IAAI,OAAO,SAAS,IAAI;EACxC,IAAI,SAAS;EACb,IAAI,OAAO;EACX,OAAO,IAAI;CACb,QACM;EACJ;CACF;AACF;AAEA,SAAgB,gBAAgB,MAAqB;CACnD,YAAY,OACR;EAAE,SAAS,KAAK,YAAY;EAAO,GAAG;CAAK,IAC3C,EAAE,SAAS,MAAM;CACrB,MAAM,cAAc,YAAY;CAChC,IAAI,CAAC,eAAe,UAAU,YAAY,OACxC;CAEF,IAAI,UAAU,gBAAgB,QAC5B,iBAAiB,aAAa,aAAa,CAAC,CAAC,UAAU,UAAU;AAErE;AAEA,SAAgB,oBAAoB,MAAmB;CACrD,MAAM,cAAc,YAAY;CAChC,IAAI,CAAC,eAAe,UAAU,YAAY,OACxC;CAEF,MAAM,QAAQ,aAAa,KAAK,OAAO,KAAK,KAAK;CACjD,IAAI,OACF,YAAY,QAAQ;CAEtB,IAAI,UAAU,gBAAgB,QAC5B,iBAAiB,aAAa,aAAa,CAAC,CAAC,UAAU,UAAU;CAEnE,IAAI,UAAU,cAAc,OAAO;EACjC,MAAM,YAAY,oBAAoB;EACtC,IAAI,aAAa,YAAY,MAAM;GACjC,IAAI,OAAO,YAAY,KAAK,cAAc,QAAQ,YAAY,IAAI,WAAW,oBAAoB;GACjG,IAAI,CAAC,MAAM;IACT,OAAO,YAAY,cAAc,MAAM;IACvC,KAAK,MAAM;IACX,KAAK,aAAa,aAAa,UAAU;IACzC,YAAY,KAAK,OAAO,IAAI;GAC9B;GACA,KAAK,OAAO;EACd;CACF;AACF;AAEA,SAAgB,uBAAuB,OAAe;CACpD,oBAAoB,EAAE,MAAM,CAAC;AAC/B;AAEA,SAAgB,sBAAsB,QAAiC;CACrE,MAAM,cAAc,YAAY;CAChC,IAAI,CAAC,aAAa,QAAQ,CAAC,QAAQ,OAAO,QACxC;CAEF,KAAK,MAAM,QAAQ,OAAO,OAAO;EAC/B,IAAI,CAAC,QAAQ,OAAO,KAAK,SAAS,YAAY,CAAC,KAAK,QAAQ,OAAO,KAAK,QAAQ,UAC9E;EAEF,MAAM,WAAW,QAAQ,YAAY,IAAI,WAAW,UAAU,KAAK,IAAI,WAAW,KAAK,KAAK;EAC5F,IAAI,OAAO,YAAY,KAAK,cAAc,QAAQ;EAClD,IAAI,CAAC,MAAM;GACT,OAAO,YAAY,cAAc,MAAM;GACvC,KAAK,MAAM,KAAK;GAChB,KAAK,OAAO,KAAK;GACjB,KAAK,aAAa,aAAa,UAAU;GACzC,YAAY,KAAK,OAAO,IAAI;EAC9B;EACA,IAAI,KAAK,IACP,KAAK,KAAK,KAAK;EAEjB,IAAI,KAAK,MACP,KAAK,OAAO,KAAK;EAEnB,IAAI,KAAK,aACP,KAAK,cAAc,KAAK;CAE5B;AACF;AAEA,SAAgB,uBAAuB;CACrC,MAAM,cAAc,YAAY;CAChC,IAAI,CAAC,aAAa,MAChB;CAEF,YAAY,KAAK,iBAAiB,IAAI,YAAY,IAAI,WAAW,GAAG,CAAC,CAAC,SAAQ,SAAQ,KAAK,OAAO,CAAC;CACnG,YAAY,EAAE,SAAS,MAAM;AAC/B"}

package/dist/runtime/viewport/index.d.mts

@@ -0,0 +1,12 @@
+import { ResolvedWebViewportConfig, WebViewportConfig } from "./types.mjs";
+//#region src/runtime/viewport/index.d.ts
+declare function resolveWebViewportConfig(config?: WebViewportConfig): ResolvedWebViewportConfig;
+declare function setupWebViewport(config?: WebViewportConfig): {
+  mode: "mini-program" | "responsive";
+  maxWidth: number;
+  desktopBreakpoint: number;
+};
+declare function getWebViewportWidth(): number;
+//#endregion
+export { type ResolvedWebViewportConfig, type WebViewportConfig, getWebViewportWidth, resolveWebViewportConfig, setupWebViewport };
+//# sourceMappingURL=index.d.mts.map

package/dist/runtime/viewport/index.mjs

@@ -0,0 +1,44 @@
+import { WEB_VIEWPORT_STYLE_ID, createWebViewportStyle } from "./style.mjs";
+
+//#region src/runtime/viewport/index.ts
+const DEFAULT_VIEWPORT_CONFIG = {
+	mode: "mini-program",
+	maxWidth: 375,
+	desktopBreakpoint: 600
+};
+let resolvedConfig = { ...DEFAULT_VIEWPORT_CONFIG };
+function resolvePositiveNumber(value, fallback) {
+	return typeof value === "number" && Number.isFinite(value) && value > 0 ? value : fallback;
+}
+function resolveWebViewportConfig(config) {
+	return {
+		mode: config?.mode === "responsive" ? "responsive" : "mini-program",
+		maxWidth: resolvePositiveNumber(config?.maxWidth, DEFAULT_VIEWPORT_CONFIG.maxWidth),
+		desktopBreakpoint: resolvePositiveNumber(config?.desktopBreakpoint, DEFAULT_VIEWPORT_CONFIG.desktopBreakpoint)
+	};
+}
+function setupWebViewport(config) {
+	resolvedConfig = resolveWebViewportConfig(config);
+	if (typeof document === "undefined") return resolvedConfig;
+	document.documentElement?.setAttribute("data-weapp-viewport-mode", resolvedConfig.mode);
+	let style = document.querySelector(`#${WEB_VIEWPORT_STYLE_ID}`);
+	if (!style) {
+		style = document.createElement("style");
+		style.id = WEB_VIEWPORT_STYLE_ID;
+		document.head?.append(style);
+	}
+	style.textContent = createWebViewportStyle(resolvedConfig);
+	return resolvedConfig;
+}
+function getWebViewportWidth() {
+	if (typeof document === "undefined") return 0;
+	const containerWidth = document.querySelector("#app")?.clientWidth ?? 0;
+	if (containerWidth > 0) return containerWidth;
+	const documentWidth = document.documentElement?.clientWidth ?? 0;
+	if (resolvedConfig.mode === "mini-program" && documentWidth >= resolvedConfig.desktopBreakpoint) return Math.min(documentWidth, resolvedConfig.maxWidth);
+	return documentWidth || (typeof window !== "undefined" ? window.innerWidth : 0);
+}
+
+//#endregion
+export { getWebViewportWidth, resolveWebViewportConfig, setupWebViewport };
+//# sourceMappingURL=index.mjs.map

package/dist/runtime/viewport/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":[],"sources":["../../../src/runtime/viewport/index.ts"],"sourcesContent":["import type { ResolvedWebViewportConfig, WebViewportConfig } from './types'\nimport { createWebViewportStyle, WEB_VIEWPORT_STYLE_ID } from './style'\n\nconst DEFAULT_VIEWPORT_CONFIG: ResolvedWebViewportConfig = {\n  mode: 'mini-program',\n  maxWidth: 375,\n  desktopBreakpoint: 600,\n}\n\nlet resolvedConfig = { ...DEFAULT_VIEWPORT_CONFIG }\n\nfunction resolvePositiveNumber(value: number | undefined, fallback: number) {\n  return typeof value === 'number' && Number.isFinite(value) && value > 0 ? value : fallback\n}\n\nexport function resolveWebViewportConfig(config?: WebViewportConfig): ResolvedWebViewportConfig {\n  return {\n    mode: config?.mode === 'responsive' ? 'responsive' : 'mini-program',\n    maxWidth: resolvePositiveNumber(config?.maxWidth, DEFAULT_VIEWPORT_CONFIG.maxWidth),\n    desktopBreakpoint: resolvePositiveNumber(config?.desktopBreakpoint, DEFAULT_VIEWPORT_CONFIG.desktopBreakpoint),\n  }\n}\n\nexport function setupWebViewport(config?: WebViewportConfig) {\n  resolvedConfig = resolveWebViewportConfig(config)\n  if (typeof document === 'undefined') {\n    return resolvedConfig\n  }\n  document.documentElement?.setAttribute('data-weapp-viewport-mode', resolvedConfig.mode)\n  let style = document.querySelector(`#${WEB_VIEWPORT_STYLE_ID}`) as HTMLStyleElement | null\n  if (!style) {\n    style = document.createElement('style')\n    style.id = WEB_VIEWPORT_STYLE_ID\n    document.head?.append(style)\n  }\n  style.textContent = createWebViewportStyle(resolvedConfig)\n  return resolvedConfig\n}\n\nexport function getWebViewportWidth() {\n  if (typeof document === 'undefined') {\n    return 0\n  }\n  const container = document.querySelector('#app') as HTMLElement | null\n  const containerWidth = container?.clientWidth ?? 0\n  if (containerWidth > 0) {\n    return containerWidth\n  }\n  const documentWidth = document.documentElement?.clientWidth ?? 0\n  if (resolvedConfig.mode === 'mini-program' && documentWidth >= resolvedConfig.desktopBreakpoint) {\n    return Math.min(documentWidth, resolvedConfig.maxWidth)\n  }\n  return documentWidth || (typeof window !== 'undefined' ? window.innerWidth : 0)\n}\n\nexport type { ResolvedWebViewportConfig, WebViewportConfig } from './types'\n"],"mappings":";;;AAGA,MAAM,0BAAqD;CACzD,MAAM;CACN,UAAU;CACV,mBAAmB;AACrB;AAEA,IAAI,iBAAiB,EAAE,GAAG,wBAAwB;AAElD,SAAS,sBAAsB,OAA2B,UAAkB;CAC1E,OAAO,OAAO,UAAU,YAAY,OAAO,SAAS,KAAK,KAAK,QAAQ,IAAI,QAAQ;AACpF;AAEA,SAAgB,yBAAyB,QAAuD;CAC9F,OAAO;EACL,MAAM,QAAQ,SAAS,eAAe,eAAe;EACrD,UAAU,sBAAsB,QAAQ,UAAU,wBAAwB,QAAQ;EAClF,mBAAmB,sBAAsB,QAAQ,mBAAmB,wBAAwB,iBAAiB;CAC/G;AACF;AAEA,SAAgB,iBAAiB,QAA4B;CAC3D,iBAAiB,yBAAyB,MAAM;CAChD,IAAI,OAAO,aAAa,aACtB,OAAO;CAET,SAAS,iBAAiB,aAAa,4BAA4B,eAAe,IAAI;CACtF,IAAI,QAAQ,SAAS,cAAc,IAAI,uBAAuB;CAC9D,IAAI,CAAC,OAAO;EACV,QAAQ,SAAS,cAAc,OAAO;EACtC,MAAM,KAAK;EACX,SAAS,MAAM,OAAO,KAAK;CAC7B;CACA,MAAM,cAAc,uBAAuB,cAAc;CACzD,OAAO;AACT;AAEA,SAAgB,sBAAsB;CACpC,IAAI,OAAO,aAAa,aACtB,OAAO;CAGT,MAAM,iBADY,SAAS,cAAc,MACV,CAAC,EAAE,eAAe;CACjD,IAAI,iBAAiB,GACnB,OAAO;CAET,MAAM,gBAAgB,SAAS,iBAAiB,eAAe;CAC/D,IAAI,eAAe,SAAS,kBAAkB,iBAAiB,eAAe,mBAC5E,OAAO,KAAK,IAAI,eAAe,eAAe,QAAQ;CAExD,OAAO,kBAAkB,OAAO,WAAW,cAAc,OAAO,aAAa;AAC/E"}

package/dist/runtime/viewport/style.mjs

@@ -0,0 +1,62 @@
+//#region src/runtime/viewport/style.ts
+const WEB_VIEWPORT_STYLE_ID = "weapp-web-viewport-style";
+function createWebViewportStyle(config) {
+	const maxWidth = `${config.maxWidth}px`;
+	return `
+:root {
+  --weapp-viewport-width: 100vw;
+  --weapp-viewport-max-width: ${maxWidth};
+  --weapp-viewport-left: 0px;
+  --weapp-viewport-right: 0px;
+  --weapp-safe-area-inset-top: env(safe-area-inset-top, 0px);
+  --weapp-safe-area-inset-right: env(safe-area-inset-right, 0px);
+  --weapp-safe-area-inset-bottom: env(safe-area-inset-bottom, 0px);
+  --weapp-safe-area-inset-left: env(safe-area-inset-left, 0px);
+}
+
+html,
+body {
+  min-width: 0;
+  height: 100%;
+  margin: 0;
+  overflow: hidden;
+}
+
+body {
+  background: #f2f2f2;
+  font-family: Helvetica, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;
+}
+
+#app {
+  --weapp-tab-bar-inset: 0px;
+  --weapp-tab-bar-top-inset: 0px;
+  position: relative;
+  box-sizing: border-box;
+  width: 100%;
+  height: 100dvh;
+  min-height: 0;
+  margin: 0 auto;
+  overflow: auto;
+  overscroll-behavior: contain;
+  background: #ffffff;
+  contain: layout paint;
+  transform: translateZ(0);
+}
+
+@media (min-width: ${`${config.desktopBreakpoint}px`}) {
+  html[data-weapp-viewport-mode="mini-program"] {
+    --weapp-viewport-width: ${maxWidth};
+    --weapp-viewport-left: calc((100vw - ${maxWidth}) / 2);
+    --weapp-viewport-right: calc((100vw - ${maxWidth}) / 2);
+  }
+
+  html[data-weapp-viewport-mode="mini-program"] #app {
+    width: ${maxWidth};
+  }
+}
+`;
+}
+
+//#endregion
+export { WEB_VIEWPORT_STYLE_ID, createWebViewportStyle };
+//# sourceMappingURL=style.mjs.map

package/dist/runtime/viewport/style.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/runtime/viewport/style.ts"],"sourcesContent":["import type { ResolvedWebViewportConfig } from './types'\n\nexport const WEB_VIEWPORT_STYLE_ID = 'weapp-web-viewport-style'\n\nexport function createWebViewportStyle(config: ResolvedWebViewportConfig) {\n  const maxWidth = `${config.maxWidth}px`\n  const breakpoint = `${config.desktopBreakpoint}px`\n  return `\n:root {\n  --weapp-viewport-width: 100vw;\n  --weapp-viewport-max-width: ${maxWidth};\n  --weapp-viewport-left: 0px;\n  --weapp-viewport-right: 0px;\n  --weapp-safe-area-inset-top: env(safe-area-inset-top, 0px);\n  --weapp-safe-area-inset-right: env(safe-area-inset-right, 0px);\n  --weapp-safe-area-inset-bottom: env(safe-area-inset-bottom, 0px);\n  --weapp-safe-area-inset-left: env(safe-area-inset-left, 0px);\n}\n\nhtml,\nbody {\n  min-width: 0;\n  height: 100%;\n  margin: 0;\n  overflow: hidden;\n}\n\nbody {\n  background: #f2f2f2;\n  font-family: Helvetica, -apple-system, BlinkMacSystemFont, \"Helvetica Neue\", Arial, sans-serif;\n}\n\n#app {\n  --weapp-tab-bar-inset: 0px;\n  --weapp-tab-bar-top-inset: 0px;\n  position: relative;\n  box-sizing: border-box;\n  width: 100%;\n  height: 100dvh;\n  min-height: 0;\n  margin: 0 auto;\n  overflow: auto;\n  overscroll-behavior: contain;\n  background: #ffffff;\n  contain: layout paint;\n  transform: translateZ(0);\n}\n\n@media (min-width: ${breakpoint}) {\n  html[data-weapp-viewport-mode=\"mini-program\"] {\n    --weapp-viewport-width: ${maxWidth};\n    --weapp-viewport-left: calc((100vw - ${maxWidth}) / 2);\n    --weapp-viewport-right: calc((100vw - ${maxWidth}) / 2);\n  }\n\n  html[data-weapp-viewport-mode=\"mini-program\"] #app {\n    width: ${maxWidth};\n  }\n}\n`\n}\n"],"mappings":";AAEA,MAAa,wBAAwB;AAErC,SAAgB,uBAAuB,QAAmC;CACxE,MAAM,WAAW,GAAG,OAAO,SAAS;CAEpC,OAAO;;;gCAGuB,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBAsCpB,GA1CG,OAAO,kBAAkB,IA0CjB;;8BAEF,SAAS;2CACI,SAAS;4CACR,SAAS;;;;aAIxC,SAAS;;;;AAItB"}

package/dist/runtime/viewport/types.d.mts

@@ -0,0 +1,14 @@
+//#region src/runtime/viewport/types.d.ts
+interface WebViewportConfig {
+  mode?: 'mini-program' | 'responsive';
+  maxWidth?: number;
+  desktopBreakpoint?: number;
+}
+interface ResolvedWebViewportConfig {
+  mode: 'mini-program' | 'responsive';
+  maxWidth: number;
+  desktopBreakpoint: number;
+}
+//#endregion
+export { ResolvedWebViewportConfig, WebViewportConfig };
+//# sourceMappingURL=types.d.mts.map

package/dist/runtime/wevu.d.mts

@@ -0,0 +1,20 @@
+import { RegisterMeta } from "./polyfill/routeRuntime/options.mjs";
+//#region src/runtime/wevu.d.ts
+interface WevuRegisterMeta extends RegisterMeta {
+  kind: 'app' | 'page' | 'component';
+}
+/**
+ * 将 Wevu App 注册过程接入 Web 页面栈。
+ */
+declare function registerWebWevuApp(options: Record<string, any>, meta: WevuRegisterMeta): void;
+/**
+ * 将 Wevu 页面或组件注册过程接入 Web 自定义元素。
+ */
+declare function registerWebWevuComponent(options: Record<string, any>, meta: WevuRegisterMeta): void;
+/**
+ * 在原生模块同步求值期间安装带页面元数据的宿主注册函数。
+ */
+declare function installWebModuleRegistration(meta: WevuRegisterMeta, target?: Record<string, any>): () => void;
+//#endregion
+export { installWebModuleRegistration, registerWebWevuApp, registerWebWevuComponent };
+//# sourceMappingURL=wevu.d.mts.map

package/dist/runtime/wevu.mjs

@@ -0,0 +1,73 @@
+import { registerApp, registerComponent, registerPage } from "./polyfill/routeRuntime.mjs";
+import { createApp, createWevuComponent, takePendingRuntimeAppRegistration } from "wevu/internal-runtime";
+
+//#region src/runtime/wevu.ts
+function createRuntimeConstructor(meta, name) {
+	return (definition) => {
+		if (name === "App") registerApp(definition, meta);
+		else if (name === "Page" || meta.kind === "page") registerPage(definition, meta);
+		else registerComponent(definition, meta);
+		return definition;
+	};
+}
+function withRuntimeConstructor(name, constructor, run) {
+	const target = globalThis;
+	const hadOwn = Object.prototype.hasOwnProperty.call(target, name);
+	const previous = target[name];
+	target[name] = constructor;
+	try {
+		return run();
+	} finally {
+		if (hadOwn) target[name] = previous;
+		else delete target[name];
+	}
+}
+/**
+* 将 Wevu App 注册过程接入 Web 页面栈。
+*/
+function registerWebWevuApp(options, meta) {
+	const pendingRegistration = takePendingRuntimeAppRegistration();
+	withRuntimeConstructor("App", (definition) => registerApp(definition, meta), () => {
+		if (pendingRegistration) {
+			pendingRegistration.register();
+			return pendingRegistration.app;
+		}
+		return createApp(options);
+	});
+}
+/**
+* 将 Wevu 页面或组件注册过程接入 Web 自定义元素。
+*/
+function registerWebWevuComponent(options, meta) {
+	withRuntimeConstructor("Component", (definition) => {
+		return meta.kind === "page" ? registerPage(definition, meta) : registerComponent(definition, meta);
+	}, () => createWevuComponent(options));
+}
+/**
+* 在原生模块同步求值期间安装带页面元数据的宿主注册函数。
+*/
+function installWebModuleRegistration(meta, target = globalThis) {
+	const names = meta.kind === "app" ? ["App"] : meta.kind === "page" ? ["Page", "Component"] : ["Component"];
+	const previous = names.map((name) => ({
+		hadOwn: Object.prototype.hasOwnProperty.call(target, name),
+		name,
+		value: target[name]
+	}));
+	const installed = /* @__PURE__ */ new Map();
+	for (const name of names) {
+		const constructor = createRuntimeConstructor(meta, name);
+		installed.set(name, constructor);
+		target[name] = constructor;
+	}
+	return () => {
+		for (const entry of previous) {
+			if (target[entry.name] !== installed.get(entry.name)) continue;
+			if (entry.hadOwn) target[entry.name] = entry.value;
+			else delete target[entry.name];
+		}
+	};
+}
+
+//#endregion
+export { installWebModuleRegistration, registerWebWevuApp, registerWebWevuComponent };
+//# sourceMappingURL=wevu.mjs.map

package/dist/runtime/wevu.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"wevu.mjs","names":[],"sources":["../../src/runtime/wevu.ts"],"sourcesContent":["import type { RegisterMeta } from './polyfill/routeRuntime/options'\nimport { createApp, createWevuComponent, takePendingRuntimeAppRegistration } from 'wevu/internal-runtime'\nimport { registerApp, registerComponent, registerPage } from './polyfill/routeRuntime'\n\ninterface WevuRegisterMeta extends RegisterMeta {\n  kind: 'app' | 'page' | 'component'\n}\n\ntype RuntimeConstructorName = 'App' | 'Page' | 'Component'\n\nfunction createRuntimeConstructor(meta: WevuRegisterMeta, name: RuntimeConstructorName) {\n  return (definition: Record<string, any>) => {\n    if (name === 'App') {\n      registerApp(definition, meta)\n    }\n    else if (name === 'Page' || meta.kind === 'page') {\n      registerPage(definition, meta)\n    }\n    else {\n      registerComponent(definition, meta)\n    }\n    return definition\n  }\n}\n\nfunction withRuntimeConstructor<T>(\n  name: 'App' | 'Component',\n  constructor: (options: Record<string, any>) => unknown,\n  run: () => T,\n) {\n  const target = globalThis as Record<string, any>\n  const hadOwn = Object.prototype.hasOwnProperty.call(target, name)\n  const previous = target[name]\n  target[name] = constructor\n  try {\n    return run()\n  }\n  finally {\n    if (hadOwn) {\n      target[name] = previous\n    }\n    else {\n      delete target[name]\n    }\n  }\n}\n\n/**\n * 将 Wevu App 注册过程接入 Web 页面栈。\n */\nexport function registerWebWevuApp(options: Record<string, any>, meta: WevuRegisterMeta): void {\n  const pendingRegistration = takePendingRuntimeAppRegistration()\n  withRuntimeConstructor('App', definition => registerApp(definition, meta), () => {\n    if (pendingRegistration) {\n      pendingRegistration.register()\n      return pendingRegistration.app\n    }\n    return createApp(options)\n  })\n}\n\n/**\n * 将 Wevu 页面或组件注册过程接入 Web 自定义元素。\n */\nexport function registerWebWevuComponent(options: Record<string, any>, meta: WevuRegisterMeta): void {\n  withRuntimeConstructor('Component', (definition) => {\n    return meta.kind === 'page'\n      ? registerPage(definition, meta)\n      : registerComponent(definition, meta)\n  }, () => createWevuComponent(options))\n}\n\n/**\n * 在原生模块同步求值期间安装带页面元数据的宿主注册函数。\n */\nexport function installWebModuleRegistration(\n  meta: WevuRegisterMeta,\n  target: Record<string, any> = globalThis,\n): () => void {\n  const names: RuntimeConstructorName[] = meta.kind === 'app'\n    ? ['App']\n    : meta.kind === 'page'\n      ? ['Page', 'Component']\n      : ['Component']\n  const previous = names.map(name => ({\n    hadOwn: Object.prototype.hasOwnProperty.call(target, name),\n    name,\n    value: target[name],\n  }))\n  const installed = new Map<RuntimeConstructorName, (definition: Record<string, any>) => Record<string, any>>()\n\n  for (const name of names) {\n    const constructor = createRuntimeConstructor(meta, name)\n    installed.set(name, constructor)\n    target[name] = constructor\n  }\n\n  return () => {\n    for (const entry of previous) {\n      if (target[entry.name] !== installed.get(entry.name)) {\n        continue\n      }\n      if (entry.hadOwn) {\n        target[entry.name] = entry.value\n      }\n      else {\n        delete target[entry.name]\n      }\n    }\n  }\n}\n"],"mappings":";;;;AAUA,SAAS,yBAAyB,MAAwB,MAA8B;CACtF,QAAQ,eAAoC;EAC1C,IAAI,SAAS,OACX,YAAY,YAAY,IAAI;OAEzB,IAAI,SAAS,UAAU,KAAK,SAAS,QACxC,aAAa,YAAY,IAAI;OAG7B,kBAAkB,YAAY,IAAI;EAEpC,OAAO;CACT;AACF;AAEA,SAAS,uBACP,MACA,aACA,KACA;CACA,MAAM,SAAS;CACf,MAAM,SAAS,OAAO,UAAU,eAAe,KAAK,QAAQ,IAAI;CAChE,MAAM,WAAW,OAAO;CACxB,OAAO,QAAQ;CACf,IAAI;EACF,OAAO,IAAI;CACb,UACQ;EACN,IAAI,QACF,OAAO,QAAQ;OAGf,OAAO,OAAO;CAElB;AACF;;;;AAKA,SAAgB,mBAAmB,SAA8B,MAA8B;CAC7F,MAAM,sBAAsB,kCAAkC;CAC9D,uBAAuB,QAAO,eAAc,YAAY,YAAY,IAAI,SAAS;EAC/E,IAAI,qBAAqB;GACvB,oBAAoB,SAAS;GAC7B,OAAO,oBAAoB;EAC7B;EACA,OAAO,UAAU,OAAO;CAC1B,CAAC;AACH;;;;AAKA,SAAgB,yBAAyB,SAA8B,MAA8B;CACnG,uBAAuB,cAAc,eAAe;EAClD,OAAO,KAAK,SAAS,SACjB,aAAa,YAAY,IAAI,IAC7B,kBAAkB,YAAY,IAAI;CACxC,SAAS,oBAAoB,OAAO,CAAC;AACvC;;;;AAKA,SAAgB,6BACd,MACA,SAA8B,YAClB;CACZ,MAAM,QAAkC,KAAK,SAAS,QAClD,CAAC,KAAK,IACN,KAAK,SAAS,SACZ,CAAC,QAAQ,WAAW,IACpB,CAAC,WAAW;CAClB,MAAM,WAAW,MAAM,KAAI,UAAS;EAClC,QAAQ,OAAO,UAAU,eAAe,KAAK,QAAQ,IAAI;EACzD;EACA,OAAO,OAAO;CAChB,EAAE;CACF,MAAM,4BAAY,IAAI,IAAsF;CAE5G,KAAK,MAAM,QAAQ,OAAO;EACxB,MAAM,cAAc,yBAAyB,MAAM,IAAI;EACvD,UAAU,IAAI,MAAM,WAAW;EAC/B,OAAO,QAAQ;CACjB;CAEA,aAAa;EACX,KAAK,MAAM,SAAS,UAAU;GAC5B,IAAI,OAAO,MAAM,UAAU,UAAU,IAAI,MAAM,IAAI,GACjD;GAEF,IAAI,MAAM,QACR,OAAO,MAAM,QAAQ,MAAM;QAG3B,OAAO,OAAO,MAAM;EAExB;CACF;AACF"}