valaxy 1.0.0-beta.2 → 1.0.0-rc.2

package/client/components/ValaxyMd.vue

@@ -1,6 +1,6 @@
 <script lang="ts" setup>
 import type { Post } from 'valaxy'
-import { onContentUpdated, runContentUpdated, useCodePen, useCollapseCode, useCopyCode, useMediumZoom, wrapTable } from 'valaxy'
+import { onContentUpdated, runContentUpdated, setIframeAspectRatios, useCodePen, useCollapseCode, useCopyCode, useMediumZoom, wrapTable } from 'valaxy'
 import { onMounted, onUpdated, ref } from 'vue'
 import { useI18n } from 'vue-i18n'
 import { useCodeGroups } from '../composables/codeGroups'
@@ -13,9 +13,14 @@ const props = defineProps<{
 
 const { t } = useI18n()
 
-const contentRef = ref()
+const contentRef = ref<HTMLElement>()
 onContentUpdated(() => {
-  wrapTable(contentRef.value)
+  const content = contentRef.value
+  if (!content)
+    return
+
+  wrapTable(content)
+  setIframeAspectRatios(content)
 })
 
 onMounted(() => {
@@ -41,8 +46,8 @@ useVanillaLazyLoad()
 </script>
 
 <template>
-  <article v-if="$slots.default" :class="frontmatter.markdownClass || 'markdown-body'">
-    <slot ref="contentRef" @vue:updated="runContentUpdated" />
+  <article v-if="$slots.default" ref="contentRef" :class="frontmatter.markdownClass || 'markdown-body'">
+    <slot @vue:updated="runContentUpdated" />
 
     <div v-if="frontmatter.url" text="center">
       <a
@@ -75,4 +80,12 @@ useVanillaLazyLoad()
 .medium-zoom-image--opened {
   z-index: 999;
 }
+
+// Keep dimensioned embeds proportional when their width is constrained by the
+// article. :where() deliberately leaves explicit author styles in control.
+:where(iframe[data-va-responsive-iframe]) {
+  max-width: 100%;
+  height: auto;
+  aspect-ratio: var(--va-iframe-aspect-ratio);
+}
 </style>

package/client/utils/iframe.ts

@@ -0,0 +1,34 @@
+const RESPONSIVE_IFRAME_ATTRIBUTE = 'data-va-responsive-iframe'
+const IFRAME_ASPECT_RATIO_PROPERTY = '--va-iframe-aspect-ratio'
+
+function parsePositiveDimension(value: string | null) {
+  if (value === null)
+    return
+
+  const dimension = Number(value)
+  if (Number.isFinite(dimension) && dimension > 0)
+    return dimension
+}
+
+/**
+ * Make dimensioned iframes responsive without assuming a fixed video ratio.
+ * The generated custom property is consumed by the low-specificity markdown
+ * styles, so an author's explicit height or aspect-ratio still takes priority.
+ */
+export function setIframeAspectRatios(container: ParentNode = document) {
+  container.querySelectorAll<HTMLIFrameElement>('iframe').forEach((iframe) => {
+    const width = parsePositiveDimension(iframe.getAttribute('width'))
+    const height = parsePositiveDimension(iframe.getAttribute('height'))
+
+    if (width && height) {
+      iframe.setAttribute(RESPONSIVE_IFRAME_ATTRIBUTE, '')
+      iframe.style.setProperty(IFRAME_ASPECT_RATIO_PROPERTY, `${width} / ${height}`)
+      return
+    }
+
+    if (iframe.hasAttribute(RESPONSIVE_IFRAME_ATTRIBUTE)) {
+      iframe.removeAttribute(RESPONSIVE_IFRAME_ATTRIBUTE)
+      iframe.style.removeProperty(IFRAME_ASPECT_RATIO_PROPERTY)
+    }
+  })
+}

package/client/utils/index.ts

@@ -3,6 +3,7 @@ export * from './cdn'
 export * from './code'
 export * from './content'
 export * from './helper'
+export * from './iframe'
 export * from './router'
 export * from './time'
 export * from './types'

package/dist/node/cli/index.mjs

@@ -1,7 +1,7 @@
 import 'node:process';
 import 'yargs';
 import 'yargs/helpers';
-export { c as cli, I as registerDevCommand, W as run, Y as startValaxyDev } from '../../shared/valaxy._QBHi6cy.mjs';
+export { c as cli, I as registerDevCommand, W as run, Y as startValaxyDev } from '../../shared/valaxy.gIHfh4CV.mjs';
 import 'node:os';
 import 'node:path';
 import 'consola';

package/dist/node/index.mjs

@@ -1,4 +1,4 @@
-export { A as ALL_ROUTE, E as EXCERPT_SEPARATOR, G as GLOBAL_STATE, P as PATHNAME_PROTOCOL_RE, V as ViteValaxyPlugins, b as build, c as cli, a as createServer, d as createValaxyPlugin, e as customElements, f as defaultSiteConfig, g as defaultValaxyConfig, h as defaultViteConfig, i as defineAddon, j as defineConfig, k as defineSiteConfig, l as defineTheme, m as defineValaxyAddon, n as defineValaxyConfig, o as defineValaxyTheme, p as encryptContent, q as generateClientRedirects, r as getGitTimestamp, s as getIndexHtml, t as getServerInfoText, u as isExternal, v as isInstalledGlobally, w as isKatexEnabled, x as isKatexPluginNeeded, y as isMathJaxEnabled, z as isPath, B as loadConfigFromFile, C as mergeValaxyConfig, D as mergeViteConfigs, F as postProcessForSSG, H as processValaxyOptions, I as registerDevCommand, J as resolveAddonsConfig, K as resolveImportPath, L as resolveImportUrl, M as resolveOptions, N as resolveSiteConfig, O as resolveSiteConfigFromRoot, Q as resolveThemeConfigFromRoot, R as resolveThemeValaxyConfig, S as resolveUserThemeConfig, T as resolveValaxyConfig, U as resolveValaxyConfigFromRoot, W as run, X as ssgBuild, Y as startValaxyDev, Z as toAtFS, _ as transformObject, $ as version } from '../shared/valaxy._QBHi6cy.mjs';
+export { A as ALL_ROUTE, E as EXCERPT_SEPARATOR, G as GLOBAL_STATE, P as PATHNAME_PROTOCOL_RE, V as ViteValaxyPlugins, b as build, c as cli, a as createServer, d as createValaxyPlugin, e as customElements, f as defaultSiteConfig, g as defaultValaxyConfig, h as defaultViteConfig, i as defineAddon, j as defineConfig, k as defineSiteConfig, l as defineTheme, m as defineValaxyAddon, n as defineValaxyConfig, o as defineValaxyTheme, p as encryptContent, q as generateClientRedirects, r as getGitTimestamp, s as getIndexHtml, t as getServerInfoText, u as isExternal, v as isInstalledGlobally, w as isKatexEnabled, x as isKatexPluginNeeded, y as isMathJaxEnabled, z as isPath, B as loadConfigFromFile, C as mergeValaxyConfig, D as mergeViteConfigs, F as postProcessForSSG, H as processValaxyOptions, I as registerDevCommand, J as resolveAddonsConfig, K as resolveImportPath, L as resolveImportUrl, M as resolveOptions, N as resolveSiteConfig, O as resolveSiteConfigFromRoot, Q as resolveThemeConfigFromRoot, R as resolveThemeValaxyConfig, S as resolveUserThemeConfig, T as resolveValaxyConfig, U as resolveValaxyConfigFromRoot, W as run, X as ssgBuild, Y as startValaxyDev, Z as toAtFS, _ as transformObject, $ as version } from '../shared/valaxy.gIHfh4CV.mjs';
 import 'node:path';
 import 'consola';
 import 'fs-extra';

package/dist/shared/{valaxy._QBHi6cy.mjs → valaxy.gIHfh4CV.mjs}

@@ -2727,7 +2727,7 @@ async function setupMarkdownPlugins(md, options, base = "/") {
   return md;
 }
 
-const version = "1.0.0-beta.2";
+const version = "1.0.0-rc.2";
 
 const GLOBAL_STATE = {
   valaxyApp: void 0,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "valaxy",
   "type": "module",
-  "version": "1.0.0-beta.2",
+  "version": "1.0.0-rc.2",
   "description": "📄 Vite & Vue powered static blog generator.",
   "author": {
     "email": "me@yunyoujun.cn",
@@ -139,8 +139,8 @@
     "vitepress-plugin-group-icons": "^1.7.5",
     "vue-i18n": "^11.4.6",
     "yargs": "^18.0.0",
-    "@valaxyjs/devtools": "1.0.0-beta.2",
-    "@valaxyjs/utils": "1.0.0-beta.2"
+    "@valaxyjs/devtools": "1.0.0-rc.2",
+    "@valaxyjs/utils": "1.0.0-rc.2"
   },
   "devDependencies": {
     "@mdit-vue/plugin-component": "^3.0.2",