@geenius/changelog

In-app release notes, changelog feeds, widget surfaces, and Convex helpers for Geenius products.

Install

pnpm add @geenius/changelog

Imports

import { configureChangelog, groupByMonth } from "@geenius/changelog";
import { configureChangelog, groupByMonth } from "@geenius/changelog/shared";
import { ChangelogPublicPage, ChangelogWidgetPage } from "@geenius/changelog/react";
import { ChangelogPublicPage as ChangelogPublicPageCss } from "@geenius/changelog/react-css";
import { ChangelogPublicPage as ChangelogPublicPageSolid } from "@geenius/changelog/solidjs";
import { ChangelogPublicPage as ChangelogPublicPageSolidCss } from "@geenius/changelog/solidjs-css";
import { schema, listEntries, publishEntry } from "@geenius/changelog/convex";

Package Surface

| Subpath | Purpose | | --- | --- | | @geenius/changelog | Shared changelog types, config helpers, sanitizers, RSS helpers, and grouping utilities | | @geenius/changelog/shared | Explicit shared-only import path for the framework-agnostic surface | | @geenius/changelog/react | Tailwind-based React pages, components, hooks, and provider wiring | | @geenius/changelog/react-css | Vanilla CSS React pages, components, hooks, and provider wiring | | @geenius/changelog/solidjs | Tailwind-based SolidJS pages, components, primitives, and provider wiring | | @geenius/changelog/solidjs-css | Vanilla CSS SolidJS pages, components, primitives, and provider wiring | | @geenius/changelog/convex | Convex schema, queries, and mutations for changelog persistence |

Usage

Shared configuration

import { configureChangelog } from "@geenius/changelog";

configureChangelog({
  siteName: "Geenius",
  changelogUrl: "https://geenius.dev/changelog",
});

React page

import { ChangelogPublicPage } from "@geenius/changelog/react";

export function UpdatesRoute() {
  return (
    <ChangelogPublicPage
      entries={entries}
      siteUrl="https://geenius.dev"
    />
  );
}

React CSS page

import { ChangelogPublicPage } from "@geenius/changelog/react-css";

export function UpdatesRoute() {
  return <ChangelogPublicPage entries={entries} siteUrl="https://geenius.dev" />;
}

SolidJS page

import { ChangelogPublicPage } from "@geenius/changelog/solidjs";

export function UpdatesRoute() {
  return <ChangelogPublicPage entries={entries()} siteUrl="https://geenius.dev" />;
}

SolidJS CSS page

import { ChangelogPublicPage } from "@geenius/changelog/solidjs-css";

export function UpdatesRoute() {
  return <ChangelogPublicPage entries={entries()} siteUrl="https://geenius.dev" />;
}

Convex

import { listEntries, publishEntry, schema } from "@geenius/changelog/convex";

export { schema };
export const queries = { listEntries };
export const mutations = { publishEntry };

Storybook

The package includes React and SolidJS Storybook apps for local review and variant comparison:

• React Storybook app
• SolidJS Storybook app

Run pnpm dev:storybook-react or pnpm dev:storybook-solidjs from the package root to compare the Tailwind and vanilla-CSS variants side by side through the shared @geenius/storybook shell bridge.

License

SEE LICENSE IN LICENSE