Extract changelog to a top-level page

Author: mstijak

homedocs/src/components/HomeHeader.astro

@@ -33,12 +33,12 @@ const isDocs = pathname.startsWith('/docs');
       <a href="/" class:list={["text-sm transition-colors", isHome ? "text-foreground font-medium" : "text-muted-foreground hover:text-foreground"]}>
         Home
       </a>
-      <a href="/docs/intro/changelog" class:list={["text-sm transition-colors", isChangelog ? "text-foreground font-medium" : "text-muted-foreground hover:text-foreground"]}>
-        Changelog
-      </a>
       <a href="/themes" class:list={["text-sm transition-colors", isThemes ? "text-foreground font-medium" : "text-muted-foreground hover:text-foreground"]}>
         Themes
       </a>
+      <a href="/changelog" class:list={["text-sm transition-colors", isChangelog ? "text-foreground font-medium" : "text-muted-foreground hover:text-foreground"]}>
+        Changelog
+      </a>
       <a href="/docs/intro/what-is-cxjs" class:list={["text-sm transition-colors", isDocs ? "text-foreground font-medium" : "text-muted-foreground hover:text-foreground"]}>
         Documentation
       </a>
@@ -84,7 +84,7 @@ const isDocs = pathname.startsWith('/docs');
       <a href="/" class:list={["text-sm transition-colors py-2", isHome ? "text-foreground font-medium" : "text-muted-foreground hover:text-foreground"]}>
         Home
       </a>
-      <a href="/docs/intro/changelog" class:list={["text-sm transition-colors py-2", isChangelog ? "text-foreground font-medium" : "text-muted-foreground hover:text-foreground"]}>
+      <a href="/changelog" class:list={["text-sm transition-colors py-2", isChangelog ? "text-foreground font-medium" : "text-muted-foreground hover:text-foreground"]}>
         Changelog
       </a>
       <a href="/docs/intro/what-is-cxjs" class:list={["text-sm transition-colors py-2", isDocs ? "text-foreground font-medium" : "text-muted-foreground hover:text-foreground"]}>

homedocs/src/data/navigation.js

@@ -139,11 +139,6 @@ export const navigation = [
       {
         title: "Migration",
         items: [
-          {
-            title: "Changelog",
-            slug: "changelog",
-            description: "Version history and release notes",
-          },
           {
             title: "Breaking Changes",
             slug: "breaking-changes",

homedocs/src/examples/theme-editor/data.ts

@@ -1506,7 +1506,7 @@ const categoryMetadata = [
   { id: "colors", name: "Colors", icon: "palette", group: "Theme" },
   { id: "sizing", name: "Sizing", icon: "move", group: "Theme" },
   { id: "effects", name: "Effects", icon: "zap", group: "Theme" },
-  { id: "buttons", name: "Buttons", icon: "square", group: "Components" },
+  { id: "buttons", name: "Buttons", icon: "square-hollow", group: "Components" },
   { id: "inputs", name: "Inputs", icon: "text-cursor-input", group: "Components" },
   { id: "checks", name: "Checks & Switches", icon: "toggle-left", group: "Components" },
   { id: "sliders", name: "Sliders & Progress", icon: "sliders-horizontal", group: "Components" },

homedocs/src/icons/lucide.tsx

@@ -108,6 +108,7 @@ Icon.register("palette", getRenderer(Palette));
 Icon.register("circle", getRenderer(Circle));
 Icon.register("info", getRenderer(Info));
 //Icon.register("square", getRenderer(Square)); // need to use default icon for indeterminate checkboxes
+Icon.register("square-hollow", getRenderer(Square));
 Icon.register("sliders-horizontal", getRenderer(SlidersHorizontal));
 Icon.register("app-window", getRenderer(AppWindow));
 Icon.register("type", getRenderer(Type));

…edocs/src/pages/docs/intro/changelog.mdx homedocs/src/pages/changelog.mdxhomedocs/src/pages/docs/intro/changelog.mdx renamed to homedocs/src/pages/changelog.mdx homedocs/src/pages/docs/intro/changelog.mdx renamed to homedocs/src/pages/changelog.mdx

@@ -1,15 +1,9 @@
 ---
-layout: ../../../layouts/DocsLayout.astro
+layout: ../layouts/LegalLayout.astro
 title: Changelog
 description: Version history and release notes
 ---
 
-import OnThisPage from "../../../components/OnThisPage.astro";
-
-# Changelog
-
-<OnThisPage />
-
 ## [email protected]
 
 **Fixes**
@@ -30,7 +24,7 @@ import OnThisPage from "../../../components/OnThisPage.astro";
 - Modern build tooling support (Vite, esbuild, SWC)
 - Split HTML and React elements for better type inference
 
-See [Breaking Changes](/intro/breaking-changes#2610) for migration details.
+See [Breaking Changes](/docs/intro/breaking-changes#2610) for migration details.
 
 ---
 
@@ -40,7 +34,7 @@ See [Breaking Changes](/intro/breaking-changes#2610) for migration details.
 
 - Date only (2025-01-01) strings are now parsed as local time, instead of UTC.
 - `encodeDate` function can be used to format date objects as date only strings, i.e. 2025-01-01. This function can be set as `encoding` for the `DateField`, `MonthField`, `Calendar`, and `MonthPicker` components.
-- `MonthField` and `MonthPicker` now include a flag `inclusiveTo` which allow month ranges to end with the last day of the month, instead of the first day of the next month.
+- `MonthField` and `MonthPicker` now include a flag `inclusiveTo` which allows month ranges to end with the last day of the month, instead of the first day of the next month.
 
 ---
 
@@ -56,7 +50,7 @@ See [Breaking Changes](/intro/breaking-changes#2610) for migration details.
 
 **Fixes**
 
-- Fix on validate arguments for multiple lookups
+- Fix onValidate arguments for multiple lookups
 
 ---
 
@@ -72,7 +66,7 @@ See [Breaking Changes](/intro/breaking-changes#2610) for migration details.
 
 **Features**
 
-- `Window.pad` option. See [Breaking changes](/intro/breaking-changes).
+- `Window.pad` option. See [Breaking changes](/docs/intro/breaking-changes).
 
 ---
 
@@ -181,7 +175,7 @@ See [Breaking Changes](/intro/breaking-changes#2610) for migration details.
 
 **Fixes**
 
-- Fix getCursorPos properly resolves position within iframes in Firefox
+- Fix getCursorPos to properly resolve position within iframes in Firefox
 - Fix drag and drop within iframes
 
 ---
@@ -275,7 +269,7 @@ See [Breaking Changes](/intro/breaking-changes#2610) for migration details.
 
 **Features**
 
-- Dart Sass compatibility (see [Breaking Changes](/intro/breaking-changes))
+- Dart Sass compatibility (see [Breaking Changes](/docs/intro/breaking-changes))
 - Dropping IE support
 
 ---
@@ -329,7 +323,7 @@ See [Breaking Changes](/intro/breaking-changes#2610) for migration details.
 
 **Fixes**
 
-- Properly sort by the second column if the values in first column are null
+- Properly sort by the second column if the values in the first column are null
 
 ---
 
@@ -404,7 +398,7 @@ See [Breaking Changes](/intro/breaking-changes#2610) for migration details.
 
 **Features**
 
-- TreeAdapter now support the flag `hideRootNodes`
+- TreeAdapter now supports the flag `hideRootNodes`
 - Added the function `findTreePath` to `cx/data`.
 
 **Fixes**

homedocs/src/styles/global.scss

@@ -149,6 +149,7 @@ html {
   font-weight: 400;
   height: 100%;
   scroll-behavior: smooth;
+  overflow-y: scroll;
 }
 
 // Offset for anchor links (account for fixed header)