@geenius/feedback

Feedback boards, widget surfaces, NPS flows, and moderation tooling for Geenius applications.

Install

pnpm add @geenius/feedback

Import Guide

import { configureFeedback } from '@geenius/feedback'
import { configureFeedback as configureShared } from '@geenius/feedback/shared'
import { FeedbackProvider, FeedbackPublicPage } from '@geenius/feedback/react'
import { FeedbackProvider as CssFeedbackProvider } from '@geenius/feedback/react-css'
import { createFeedback, FeedbackPublicPage as SolidFeedbackPublicPage } from '@geenius/feedback/solidjs'
import { createFeedback as createCssFeedback } from '@geenius/feedback/solidjs-css'
import { mutations, queries, schema } from '@geenius/feedback/convex'

• @geenius/feedback and @geenius/feedback/shared expose the shared types, configuration helpers, typed errors, and analytics utilities.
• @geenius/feedback/react exposes the Tailwind React provider, hooks, pages, and reusable UI components.
• @geenius/feedback/react-css exposes the standalone vanilla-CSS React surface and its styles.css asset.
• @geenius/feedback/solidjs exposes the Tailwind SolidJS provider, primitives, pages, and reusable UI components.
• @geenius/feedback/solidjs-css exposes the standalone vanilla-CSS SolidJS surface and its styles.css asset.
• @geenius/feedback/convex exposes the Convex schema plus the read/write helpers used by the package.

Basic Usage

import type { FeedbackItem } from '@geenius/feedback'
import { FeedbackProvider, FeedbackPublicPage } from '@geenius/feedback/react'

const items: FeedbackItem[] = [
  {
    id: 'fb-1',
    type: 'feature',
    title: 'Bulk export for analytics reports',
    description: 'Allow workspace admins to export weekly analytics summaries as CSV.',
    status: 'planned',
    priority: 'high',
    tags: ['analytics', 'reporting'],
    votes: 37,
    createdAt: '2026-04-12T09:00:00.000Z',
    updatedAt: '2026-04-12T09:00:00.000Z',
  },
]

export function FeedbackBoard() {
  return (
    <FeedbackProvider config={{ npsEnabled: true, floatingWidget: true }}>
      <FeedbackPublicPage items={items} />
    </FeedbackProvider>
  )
}

Storybook

• apps/storybook-react renders the Tailwind and vanilla-CSS React variants side by side.
• apps/storybook-solidjs renders the Tailwind and vanilla-CSS SolidJS variants side by side.
• Run pnpm storybook:react or pnpm storybook:solidjs for local review. The Storybook apps are development-only and are not part of the published contract.

License

FSL-1.1-Apache-2.0