@gitpagedocs/cli 1.1.55 → 1.1.56

package/builders/route-builders.mjs

@@ -1,136 +1,136 @@
-/** Build route objects for md, html, and video content types */
-
-export function buildMdRoute(versionId, routeId, pathByLang, titles, descriptions, options = {}) {
-  const {
-    titleCss = "font-size: 1.85rem; font-weight: 700;",
-    titleDarkCss = "font-size: 1.85rem; font-weight: 700; color: var(--text);",
-    titleLightCss = "font-size: 1.85rem; font-weight: 700; color: var(--text);",
-    titlePosition = "center",
-    titleIsVisible = true,
-    descriptionCss = "font-size: 1.2rem; font-weight: 500;",
-    descriptionDarkCss = "font-size: 1.2rem; font-weight: 500; color: var(--text-secondary);",
-    descriptionLightCss = "font-size: 1.2rem; font-weight: 500; color: var(--text-secondary);",
-    descriptionPosition = "center",
-    descriptionIsVisible = true,
-    fullscreenEnabled = true,
-    marginTop = "",
-    marginBottom = "",
-    blockLink = true,
-    container,
-    browseAll = false,
-    RouteguideBrand = true,
-    RouteGuideSpeciFicbrand = [],
-    RouteguideBrandPosition = "center",
-    RouteguideBrandContainerTop = false,
-    audio,
-    authorization,
-  } = options;
-  const out = {
-    id: routeId,
-    title: titles ?? { pt: "Documentação", en: "Documentation", es: "Documentación" },
-    description: descriptions ?? { pt: "Descrição da página", en: "Page description", es: "Descripción de la página" },
-    titleCss,
-    titleDarkCss,
-    titleLightCss,
-    titlePosition,
-    titleIsVisible,
-    descriptionCss,
-    descriptionDarkCss,
-    descriptionLightCss,
-    descriptionPosition,
-    descriptionIsVisible,
-    path: pathByLang,
-    fullscreenEnabled,
-    marginTop,
-    marginBottom,
-    blockLink,
-    container,
-    browseAll,
-    RouteguideBrand,
-    RouteGuideSpeciFicbrand,
-    RouteguideBrandPosition,
-    RouteguideBrandContainerTop,
-  };
-  if (container !== undefined) out.container = container;
-  if (audio !== undefined) out.audio = audio;
-  if (authorization !== undefined) out.authorization = authorization;
-  return out;
-}
-
-export function buildHtmlRoute(versionId, routeId, pathByLang, titles, descriptions, options = {}) {
-  const base = buildMdRoute(versionId, routeId, pathByLang, titles, descriptions, options);
-  return { ...base };
-}
-
-export function buildVideoRoute(versionId, routeId, videoType, pathVideo, titles, descriptions, options = {}) {
-  const {
-    titleCss = "font-size: 1.85rem; font-weight: 700;",
-    titleDarkCss = "font-size: 1.85rem; font-weight: 700; color: var(--text);",
-    titleLightCss = "font-size: 1.85rem; font-weight: 700; color: var(--text);",
-    titlePosition = "center",
-    titleIsVisible = true,
-    descriptionCss = "font-size: 1.2rem; font-weight: 500;",
-    descriptionDarkCss = "font-size: 1.2rem; font-weight: 500; color: var(--text-secondary);",
-    descriptionLightCss = "font-size: 1.2rem; font-weight: 500; color: var(--text-secondary);",
-    descriptionPosition = "center",
-    descriptionIsVisible = true,
-    fullscreenEnabled = true,
-    marginTop = "",
-    marginBottom = "",
-    blockLink = true,
-    container,
-    browseAll = false,
-    authorization,
-  } = options;
-  const videoTypeByLang = typeof videoType === "string" ? { pt: videoType, en: videoType, es: videoType } : videoType;
-  const pathVideoByLang = typeof pathVideo === "string" ? { pt: pathVideo, en: pathVideo, es: pathVideo } : pathVideo;
-  const obj = {
-    id: routeId,
-    title: titles ?? { pt: "Vídeo", en: "Video", es: "Vídeo" },
-    description: descriptions ?? { pt: "Descrição do vídeo", en: "Video description", es: "Descripción del vídeo" },
-    titleCss,
-    titleDarkCss,
-    titleLightCss,
-    titlePosition,
-    titleIsVisible,
-    descriptionCss,
-    descriptionDarkCss,
-    descriptionLightCss,
-    descriptionPosition,
-    descriptionIsVisible,
-    fullscreenEnabled,
-    marginTop,
-    marginBottom,
-    blockLink,
-    browseAll,
-    video: { videoType: videoTypeByLang, pathVideo: pathVideoByLang },
-  };
-  if (container !== undefined) obj.container = container;
-  if (authorization !== undefined) obj.authorization = authorization;
-  return obj;
-}
-
-export function buildAudioRoute(versionId, routeId, audioType, pathAudio, titles, descriptions, options = {}) {
-  const base = buildVideoRoute(versionId, routeId, audioType, pathAudio, titles, descriptions, options);
-  const audioTypeByLang = typeof audioType === "string" ? { pt: audioType, en: audioType, es: audioType } : audioType;
-  const pathAudioByLang = typeof pathAudio === "string" ? { pt: pathAudio, en: pathAudio, es: pathAudio } : pathAudio;
-  const { video, ...rest } = base;
-  return {
-    ...rest,
-    audio: { audioType: audioTypeByLang, pathAudio: pathAudioByLang },
-  };
-}
-
-export function buildSourceViewerRoute(routeId, sourceViewerPath, titles, descriptions, options = {}) {
-  const base = buildMdRoute("", routeId, {}, titles, descriptions, {
-    ...options,
-    fullscreenEnabled: false,
-    RouteguideBrand: false,
-  });
-  delete base.path;
-  return {
-    ...base,
-    "source-viewer": true,
-    "source-viewer-path": sourceViewerPath,
-  };
-}
+/** Build route objects for md, html, and video content types */
+
+export function buildMdRoute(versionId, routeId, pathByLang, titles, descriptions, options = {}) {
+  const {
+    titleCss = "font-size: 1.85rem; font-weight: 700;",
+    titleDarkCss = "font-size: 1.85rem; font-weight: 700; color: var(--text);",
+    titleLightCss = "font-size: 1.85rem; font-weight: 700; color: var(--text);",
+    titlePosition = "center",
+    titleIsVisible = true,
+    descriptionCss = "font-size: 1.2rem; font-weight: 500;",
+    descriptionDarkCss = "font-size: 1.2rem; font-weight: 500; color: var(--text-secondary);",
+    descriptionLightCss = "font-size: 1.2rem; font-weight: 500; color: var(--text-secondary);",
+    descriptionPosition = "center",
+    descriptionIsVisible = true,
+    fullscreenEnabled = true,
+    marginTop = "",
+    marginBottom = "",
+    blockLink = true,
+    container,
+    browseAll = false,
+    RouteguideBrand = true,
+    RouteGuideSpeciFicbrand = [],
+    RouteguideBrandPosition = "center",
+    RouteguideBrandContainerTop = false,
+    audio,
+    authorization,
+  } = options;
+  const out = {
+    id: routeId,
+    title: titles ?? { pt: "Documentação", en: "Documentation", es: "Documentación" },
+    description: descriptions ?? { pt: "Descrição da página", en: "Page description", es: "Descripción de la página" },
+    titleCss,
+    titleDarkCss,
+    titleLightCss,
+    titlePosition,
+    titleIsVisible,
+    descriptionCss,
+    descriptionDarkCss,
+    descriptionLightCss,
+    descriptionPosition,
+    descriptionIsVisible,
+    path: pathByLang,
+    fullscreenEnabled,
+    marginTop,
+    marginBottom,
+    blockLink,
+    container,
+    browseAll,
+    RouteguideBrand,
+    RouteGuideSpeciFicbrand,
+    RouteguideBrandPosition,
+    RouteguideBrandContainerTop,
+  };
+  if (container !== undefined) out.container = container;
+  if (audio !== undefined) out.audio = audio;
+  if (authorization !== undefined) out.authorization = authorization;
+  return out;
+}
+
+export function buildHtmlRoute(versionId, routeId, pathByLang, titles, descriptions, options = {}) {
+  const base = buildMdRoute(versionId, routeId, pathByLang, titles, descriptions, options);
+  return { ...base };
+}
+
+export function buildVideoRoute(versionId, routeId, videoType, pathVideo, titles, descriptions, options = {}) {
+  const {
+    titleCss = "font-size: 1.85rem; font-weight: 700;",
+    titleDarkCss = "font-size: 1.85rem; font-weight: 700; color: var(--text);",
+    titleLightCss = "font-size: 1.85rem; font-weight: 700; color: var(--text);",
+    titlePosition = "center",
+    titleIsVisible = true,
+    descriptionCss = "font-size: 1.2rem; font-weight: 500;",
+    descriptionDarkCss = "font-size: 1.2rem; font-weight: 500; color: var(--text-secondary);",
+    descriptionLightCss = "font-size: 1.2rem; font-weight: 500; color: var(--text-secondary);",
+    descriptionPosition = "center",
+    descriptionIsVisible = true,
+    fullscreenEnabled = true,
+    marginTop = "",
+    marginBottom = "",
+    blockLink = true,
+    container,
+    browseAll = false,
+    authorization,
+  } = options;
+  const videoTypeByLang = typeof videoType === "string" ? { pt: videoType, en: videoType, es: videoType } : videoType;
+  const pathVideoByLang = typeof pathVideo === "string" ? { pt: pathVideo, en: pathVideo, es: pathVideo } : pathVideo;
+  const obj = {
+    id: routeId,
+    title: titles ?? { pt: "Vídeo", en: "Video", es: "Vídeo" },
+    description: descriptions ?? { pt: "Descrição do vídeo", en: "Video description", es: "Descripción del vídeo" },
+    titleCss,
+    titleDarkCss,
+    titleLightCss,
+    titlePosition,
+    titleIsVisible,
+    descriptionCss,
+    descriptionDarkCss,
+    descriptionLightCss,
+    descriptionPosition,
+    descriptionIsVisible,
+    fullscreenEnabled,
+    marginTop,
+    marginBottom,
+    blockLink,
+    browseAll,
+    video: { videoType: videoTypeByLang, pathVideo: pathVideoByLang },
+  };
+  if (container !== undefined) obj.container = container;
+  if (authorization !== undefined) obj.authorization = authorization;
+  return obj;
+}
+
+export function buildAudioRoute(versionId, routeId, audioType, pathAudio, titles, descriptions, options = {}) {
+  const base = buildVideoRoute(versionId, routeId, audioType, pathAudio, titles, descriptions, options);
+  const audioTypeByLang = typeof audioType === "string" ? { pt: audioType, en: audioType, es: audioType } : audioType;
+  const pathAudioByLang = typeof pathAudio === "string" ? { pt: pathAudio, en: pathAudio, es: pathAudio } : pathAudio;
+  const { video, ...rest } = base;
+  return {
+    ...rest,
+    audio: { audioType: audioTypeByLang, pathAudio: pathAudioByLang },
+  };
+}
+
+export function buildSourceViewerRoute(routeId, sourceViewerPath, titles, descriptions, options = {}) {
+  const base = buildMdRoute("", routeId, {}, titles, descriptions, {
+    ...options,
+    fullscreenEnabled: false,
+    RouteguideBrand: false,
+  });
+  delete base.path;
+  return {
+    ...base,
+    "source-viewer": true,
+    "source-viewer-path": sourceViewerPath,
+  };
+}

package/builders/theme-template.mjs

@@ -1,75 +1,76 @@
-/** Build theme JSON template from layout definition */
-
-import { THEME_COLORS } from "../data/theme-colors.mjs";
-
-export function createThemeTemplate(layout, themeColors = THEME_COLORS) {
-  const colors = themeColors[layout.id] ?? themeColors.default;
-  const dark = layout.mode === "dark";
-  return {
-    id: layout.id,
-    name: layout.name,
-    author: layout.author,
-    version: "1.1.54",
-    mode: layout.mode,
-    supportsLightAndDarkModes: layout.supportsLightAndDarkModes,
-    colors,
-    typography: {
-      fontFamily: "-apple-system, BlinkMacSystemFont, 'Segoe UI', Inter, Roboto, Helvetica, Arial, sans-serif",
-      fontSize: {
-        small: "0.875rem",
-        base: "1rem",
-        medium: "1.125rem",
-        large: "1.25rem",
-        xlarge: "2rem",
-      },
-    },
-    components: {
-      header: {
-        height: "80px",
-        backgroundColor: dark ? "#0B1220" : "#FFFFFF",
-        borderBottom: dark ? "1px solid #334155" : "1px solid #E2E8F0",
-      },
-      footer: {
-        height: "60px",
-        backgroundColor: dark ? "#0B1220" : "#FFFFFF",
-        borderTop: dark ? "1px solid #334155" : "1px solid #E2E8F0",
-      },
-      card: {
-        borderRadius: "16px",
-        padding: "24px",
-        boxShadow: dark ? "0 18px 60px rgba(0, 0, 0, 0.45)" : "0 18px 50px rgba(15, 23, 42, 0.08)",
-      },
-      button: {
-        borderRadius: "12px",
-        padding: "10px 18px",
-        border: dark ? "1px solid #334155" : "1px solid #E2E8F0",
-        hoverGlow: dark ? "0 0 0 3px rgba(124, 58, 237, 0.18)" : "0 0 0 4px rgba(109, 40, 217, 0.15)",
-      },
-      select: {
-        borderRadius: "12px",
-        padding: "10px 40px 10px 16px",
-        border: dark ? "1px solid #334155" : "1px solid #E2E8F0",
-        backgroundColor: dark ? "#0F172A" : "#FFFFFF",
-        textAlign: "center",
-        iconColor: colors.secondary,
-        hoverBorderColor: dark ? "rgba(34, 211, 238, 0.7)" : "rgba(8, 145, 178, 0.7)",
-        focusBorderColor: dark ? "rgba(124, 58, 237, 0.8)" : "rgba(109, 40, 217, 0.8)",
-        focusGlow: dark ? "0 0 0 4px rgba(124, 58, 237, 0.18)" : "0 0 0 4px rgba(109, 40, 217, 0.15)",
-      },
-      checkbox: {
-        width: "20px",
-        height: "20px",
-        accentColor: colors.primary,
-        borderColor: dark ? "#475569" : "#CBD5E1",
-        hoverBorderColor: dark ? "rgba(34, 211, 238, 0.75)" : "rgba(8, 145, 178, 0.7)",
-        checkMarkColor: colors.background,
-        borderRadius: "6px",
-      },
-    },
-    animations: {
-      enableTypingEffect: false,
-      enableGlow: dark,
-      transitionDuration: "0.22s",
-    },
-  };
-}
+/** Build theme JSON template from layout definition */
+
+import { PACKAGE_VERSION } from "../contracts/doc-versions.mjs";
+import { THEME_COLORS } from "../data/theme-colors.mjs";
+
+export function createThemeTemplate(layout, themeColors = THEME_COLORS) {
+  const colors = themeColors[layout.id] ?? themeColors.default;
+  const dark = layout.mode === "dark";
+  return {
+    id: layout.id,
+    name: layout.name,
+    author: layout.author,
+    version: PACKAGE_VERSION,
+    mode: layout.mode,
+    supportsLightAndDarkModes: layout.supportsLightAndDarkModes,
+    colors,
+    typography: {
+      fontFamily: "-apple-system, BlinkMacSystemFont, 'Segoe UI', Inter, Roboto, Helvetica, Arial, sans-serif",
+      fontSize: {
+        small: "0.875rem",
+        base: "1rem",
+        medium: "1.125rem",
+        large: "1.25rem",
+        xlarge: "2rem",
+      },
+    },
+    components: {
+      header: {
+        height: "80px",
+        backgroundColor: dark ? "#0B1220" : "#FFFFFF",
+        borderBottom: dark ? "1px solid #334155" : "1px solid #E2E8F0",
+      },
+      footer: {
+        height: "60px",
+        backgroundColor: dark ? "#0B1220" : "#FFFFFF",
+        borderTop: dark ? "1px solid #334155" : "1px solid #E2E8F0",
+      },
+      card: {
+        borderRadius: "16px",
+        padding: "24px",
+        boxShadow: dark ? "0 18px 60px rgba(0, 0, 0, 0.45)" : "0 18px 50px rgba(15, 23, 42, 0.08)",
+      },
+      button: {
+        borderRadius: "12px",
+        padding: "10px 18px",
+        border: dark ? "1px solid #334155" : "1px solid #E2E8F0",
+        hoverGlow: dark ? "0 0 0 3px rgba(124, 58, 237, 0.18)" : "0 0 0 4px rgba(109, 40, 217, 0.15)",
+      },
+      select: {
+        borderRadius: "12px",
+        padding: "10px 40px 10px 16px",
+        border: dark ? "1px solid #334155" : "1px solid #E2E8F0",
+        backgroundColor: dark ? "#0F172A" : "#FFFFFF",
+        textAlign: "center",
+        iconColor: colors.secondary,
+        hoverBorderColor: dark ? "rgba(34, 211, 238, 0.7)" : "rgba(8, 145, 178, 0.7)",
+        focusBorderColor: dark ? "rgba(124, 58, 237, 0.8)" : "rgba(109, 40, 217, 0.8)",
+        focusGlow: dark ? "0 0 0 4px rgba(124, 58, 237, 0.18)" : "0 0 0 4px rgba(109, 40, 217, 0.15)",
+      },
+      checkbox: {
+        width: "20px",
+        height: "20px",
+        accentColor: colors.primary,
+        borderColor: dark ? "#475569" : "#CBD5E1",
+        hoverBorderColor: dark ? "rgba(34, 211, 238, 0.75)" : "rgba(8, 145, 178, 0.7)",
+        checkMarkColor: colors.background,
+        borderRadius: "6px",
+      },
+    },
+    animations: {
+      enableTypingEffect: false,
+      enableGlow: dark,
+      transitionDuration: "0.22s",
+    },
+  };
+}