kilo-cms 0.3.0 → 0.3.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "kilo-cms",
-  "version": "0.3.0",
+  "version": "0.3.1",
   "description": "An installable, config-driven CMS engine for Next.js — admin panel, RBAC, a generic field-type engine, and an API, mounted into your own app. Define your content schema via config, not a hand-maintained registry.",
   "keywords": [
     "cms",

package/src/admin/CmsSidebar.tsx

@@ -7,6 +7,7 @@ import { authClient } from '../auth-client'
 import type { ContentViewSettings } from '../collections/content-view'
 import { useCmsSiteSettings } from './CmsSiteSettingsProvider'
 import { useCmsTheme } from './CmsThemeProvider'
+import { KILO_CMS_VERSION } from '../version'
 
 type Section = 'dashboard' | 'scheduled' | 'review-queue' | 'media' | 'settings' | 'users' | 'roles' | 'collections' | 'singles'
 type IconName = 'grid' | 'calendar' | 'image' | 'gear' | 'logout' | 'users' | 'shield' | 'inbox' | 'layers' | 'database' | 'star' | 'folder' | 'trash'
@@ -143,5 +144,6 @@ export function CmsSidebar({ active, userName, contentContext, mediaContext }: {
       <div className="cms-context-title"><p className="cms-nav-label">CMS feature</p><strong>{featureContext.title}</strong></div>
       <div className="cms-context-groups">{featureContext.groups.map((group) => <section className="cms-context-group" key={group.label}><Link href={group.links[0]?.href ?? '/admin/settings'}>{group.label}</Link><div>{group.links.map((link) => <Link href={link.href} className={pathname === link.href ? 'active' : ''} key={link.href}>{link.label}</Link>)}</div></section>)}</div>
     </nav> : null}
+    <p className="cms-sidebar-version" title="Kilo CMS version">v{KILO_CMS_VERSION}</p>
   </aside>
 }

package/src/admin/SiteSettingsEditor.tsx

@@ -14,6 +14,7 @@ import { Button } from './Button'
 import { cmsAppearancePresets, cmsColorKeys, cmsSizeKeys, normalizeCmsAppearance, resolvedAppearanceTokens, type CmsAppearance, type CmsColorKey, type CmsSizeKey } from '../cms-appearance'
 import { allApprovalContentTypes, defaultPublishingWorkflow, normalizePublishingWorkflow, type ApprovalContentType, type PublishingWorkflow } from '../publishing-workflow'
 import { contentTypeDefs } from '../content-types'
+import { KILO_CMS_VERSION } from '../version'
 
 type Settings = { siteName: string; logoLight: string | null; logoDark: string | null; metaTitle: string; metaDescription: string; metaImage: string | null; cmsAppearance: CmsAppearance; publishingWorkflow: PublishingWorkflow; createdAt?: string; updatedAt?: string }
 type Errors = Partial<Record<'siteName', string>>
@@ -91,6 +92,10 @@ export function SiteSettingsEditor({ userName }: { userName: string }) {
         <CheckboxGroupField label="Require approval before publish" hint="This rule is enforced by the CMS API, including direct publish requests." value={settings.publishingWorkflow.approvalRequired} onChange={(approvalRequired) => update('publishingWorkflow', { approvalRequired: approvalRequired.filter((item): item is ApprovalContentType => (allApprovalContentTypes as string[]).includes(item)) })} options={approvalOptions} />
       </section>
       <CmsAppearanceEditor value={settings.cmsAppearance} onChange={(cmsAppearance) => { update('cmsAppearance', cmsAppearance); setAppearance(cmsAppearance) }} />
+      <section className="cms-section">
+        <div className="cms-section-heading"><p className="section-label">About</p><p>The Kilo CMS version this admin is running — include it when reporting a bug.</p></div>
+        <div className="cms-meta-list"><div><span>Kilo CMS version</span><span>v{KILO_CMS_VERSION}</span></div></div>
+      </section>
     </div><aside className="cms-editor-sidebar"><p>{status}</p><Button variant="primary" type="button" onClick={save} icon="↗">Save settings</Button><div className="cms-meta-list"><div><span>Created</span><span>{formatDateTime(settings.createdAt)}</span></div><div><span>Updated</span><span>{formatDateTime(settings.updatedAt)}</span></div></div></aside></div>}
   </section></main>
 }

package/src/admin/admin.css

@@ -232,7 +232,7 @@
    height: 100vh;
    display: grid;
    grid-template-columns: 46px minmax(0, 1fr);
-   grid-template-rows: auto minmax(0, 1fr);
+   grid-template-rows: auto minmax(0, 1fr) auto;
    column-gap: 16px;
    padding: 0 4px 8px 0;
    border-right: 1px solid var(--line);
@@ -6634,4 +6634,13 @@
    .cms-theme-presets {
       grid-template-columns: 1fr 1fr
    }
-}
+}
+.cms-sidebar-version {
+   grid-column: 1 / -1;
+   grid-row: 3;
+   margin: 0;
+   padding: 8px 0 0;
+   font-size: 11px;
+   text-align: center;
+   color: var(--muted)
+}

package/src/version.ts

@@ -0,0 +1,5 @@
+import pkg from '../package.json'
+
+/** The installed kilo-cms version, read from this package's own package.json so it can never
+ *  drift from what was actually published. */
+export const KILO_CMS_VERSION: string = pkg.version