@geenius/feedback 0.1.0 → 0.3.0

package/packages/shared/tsconfig.json

@@ -1,18 +0,0 @@
-{
-  "extends": "../../tsconfig.json",
-  "compilerOptions": {
-    "outDir": "dist",
-    "rootDir": "src",
-    "strict": true,
-    "skipLibCheck": true,
-    "forceConsistentCasingInFileNames": true,
-    "resolveJsonModule": true,
-    "isolatedModules": true,
-    "target": "ES2022",
-    "module": "ESNext",
-    "moduleResolution": "bundler"
-  },
-  "include": [
-    "src"
-  ]
-}

package/packages/shared/tsup.config.ts

@@ -1,11 +0,0 @@
-import { defineConfig } from 'tsup'
-
-export default defineConfig({
-    entry: { index: 'src/index.ts' },
-    outDir: 'dist',
-    format: ['esm'],
-    dts: true,
-    sourcemap: true,
-    clean: true,
-    treeshake: true,
-})

package/packages/shared/vitest.config.ts

@@ -1,4 +0,0 @@
-import { defineConfig } from 'vitest/config'
-export default defineConfig({
-  test: { globals: true, environment: 'node' },
-})

package/packages/solidjs/package.json

@@ -1,45 +0,0 @@
-{
-  "name": "@geenius-feedback/solidjs",
-  "version": "0.1.0",
-  "private": false,
-  "type": "module",
-  "description": "Geenius Feedback — SolidJS components & primitives",
-  "author": "Antigravity HQ",
-  "license": "MIT",
-  "publishConfig": {
-    "access": "public"
-  },
-  "main": "./dist/index.js",
-  "module": "./dist/index.js",
-  "types": "./dist/index.d.ts",
-  "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
-    }
-  },
-  "files": [
-    "dist",
-    "src"
-  ],
-  "scripts": {
-    "build": "tsup",
-    "clean": "rm -rf dist",
-    "type-check": "tsc --noEmit",
-    "prepublishOnly": "pnpm clean && pnpm build"
-  },
-  "dependencies": {
-    "@geenius-feedback/shared": "workspace:*"
-  },
-  "devDependencies": {
-    "solid-js": "^1.9.0",
-    "tsup": "^8.5.1",
-    "typescript": "~6.0.2"
-  },
-  "peerDependencies": {
-    "solid-js": "^1.8.0 || ^1.9.0"
-  },
-  "engines": {
-    "node": ">=20.0.0"
-  }
-}

package/packages/solidjs/src/components.tsx

@@ -1,72 +0,0 @@
-import { Show, For, createSignal } from 'solid-js'
-import type { FeedbackItem, FeedbackType, FeedbackStatus, FeedbackPriority } from '@geenius-feedback/shared'
-import { STATUS_CONFIG, PRIORITY_CONFIG, TYPE_CONFIG, FEEDBACK_TYPES, formatRelativeTime } from '@geenius-feedback/shared'
-
-export function StatusBadge(props: { status: FeedbackStatus }) {
-  const cfg = () => STATUS_CONFIG[props.status]
-  return <span class="inline-flex items-center gap-1 rounded-full px-2.5 py-0.5 text-[10px] font-medium" style={{ background: `${cfg().color}22`, color: cfg().color }}><span>{cfg().emoji}</span>{cfg().label}</span>
-}
-
-export function PriorityBadge(props: { priority: FeedbackPriority }) {
-  const cfg = () => PRIORITY_CONFIG[props.priority]
-  return <span class="rounded-full px-2 py-0.5 text-[10px] font-medium" style={{ background: `${cfg().color}22`, color: cfg().color }}>{cfg().label}</span>
-}
-
-export function TypeBadge(props: { type: FeedbackType }) {
-  const cfg = () => TYPE_CONFIG[props.type]
-  return <span class="inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-[10px] font-medium" style={{ background: `${cfg().color}22`, color: cfg().color }}><span>{cfg().icon}</span>{cfg().label}</span>
-}
-
-export function FeedbackCard(props: { item: FeedbackItem; onVote?: (id: string) => void; hasVoted?: boolean }) {
-  return (
-    <div class="group flex gap-3 rounded-xl border border-white/8 bg-white/[0.02] p-4 hover:border-indigo-500/20">
-      <Show when={props.onVote}><button type="button" onClick={() => props.onVote?.(props.item.id)}
-        class={`flex flex-col items-center gap-0.5 rounded-lg px-2 py-1.5 text-xs font-bold ${props.hasVoted ? 'bg-indigo-500/15 text-indigo-400' : 'bg-white/5 text-white/30 hover:bg-white/10'}`}>
-        <span class="text-sm">{props.hasVoted ? '▲' : '△'}</span><span>{props.item.votes}</span>
-      </button></Show>
-      <div class="flex-1 min-w-0">
-        <div class="flex items-center gap-2 mb-1 flex-wrap"><TypeBadge type={props.item.type} /><StatusBadge status={props.item.status} /></div>
-        <h3 class="text-sm font-semibold text-white/90 mb-0.5 truncate">{props.item.title}</h3>
-        <p class="text-xs text-white/40 line-clamp-2">{props.item.description}</p>
-        <div class="mt-2 text-[10px] text-white/25">{formatRelativeTime(props.item.createdAt)}</div>
-      </div>
-    </div>
-  )
-}
-
-export function FeedbackWidget(props: { onSubmit: (data: { type: FeedbackType; title: string; description: string }) => Promise<string> }) {
-  const [isOpen, setIsOpen] = createSignal(false)
-  const [type, setType] = createSignal<FeedbackType>('general')
-  const [title, setTitle] = createSignal(''); const [desc, setDesc] = createSignal('')
-  const [submitting, setSubmitting] = createSignal(false); const [done, setDone] = createSignal(false)
-  const submit = async () => { setSubmitting(true); try { await props.onSubmit({ type: type(), title: title(), description: desc() }); setDone(true) } finally { setSubmitting(false) } }
-  return (<>
-    <button type="button" onClick={() => setIsOpen(true)} class="fixed top-1/2 right-0 -translate-y-1/2 z-40 rounded-l-xl bg-indigo-600 px-2 py-4 text-white shadow-lg hover:bg-indigo-500" style={{ "writing-mode": "vertical-rl" }}><span class="text-xs font-medium tracking-wider">Feedback</span></button>
-    <Show when={isOpen()}>
-      <div class="fixed inset-0 z-50 flex justify-end" onClick={() => setIsOpen(false)}>
-        <div class="absolute inset-0 bg-black/50 backdrop-blur-sm" />
-        <div class="relative w-full max-w-md bg-[#0f0f17] border-l border-white/10 p-6" onClick={e => e.stopPropagation()}>
-          <div class="mb-6 flex items-center justify-between"><h2 class="text-lg font-bold text-white">Send Feedback</h2><button type="button" onClick={() => setIsOpen(false)} class="text-white/30 hover:text-white/50">✕</button></div>
-          <Show when={!done()} fallback={<div class="text-center py-8"><div class="text-4xl mb-3">🎉</div><p class="text-sm text-white/80">Thank you!</p></div>}>
-            <div class="flex gap-1.5 mb-4"><For each={FEEDBACK_TYPES}>{t => <button type="button" onClick={() => setType(t)} class={`flex items-center gap-1 rounded-lg px-3 py-2 text-xs font-medium ${type() === t ? 'text-white' : 'bg-white/5 text-white/50'}`} style={type() === t ? { background: TYPE_CONFIG[t].color } : undefined}>{TYPE_CONFIG[t].icon} {TYPE_CONFIG[t].label}</button>}</For></div>
-            <input type="text" placeholder="Title…" value={title()} onInput={e => setTitle((e.target as HTMLInputElement).value)} class="w-full rounded-xl border border-white/10 bg-white/5 px-4 py-3 text-sm text-white placeholder-white/30 outline-none mb-3" />
-            <textarea placeholder="Description…" value={desc()} onInput={e => setDesc((e.target as HTMLTextAreaElement).value)} rows={4} class="w-full rounded-xl border border-white/10 bg-white/5 px-4 py-3 text-sm text-white placeholder-white/30 outline-none resize-none mb-4" />
-            <button type="button" onClick={submit} disabled={submitting()} class="w-full rounded-lg bg-indigo-600 py-2.5 text-sm font-medium text-white hover:bg-indigo-500 disabled:opacity-50">{submitting() ? 'Submitting…' : 'Submit'}</button>
-          </Show>
-        </div>
-      </div>
-    </Show>
-  </>)
-}
-
-export function NPSSurvey(props: { onSubmit: (score: number, comment?: string) => void; onDismiss: () => void }) {
-  const [score, setScore] = createSignal<number | null>(null)
-  const [comment, setComment] = createSignal(''); const [step, setStep] = createSignal<'score'|'comment'|'thanks'>('score')
-  return (
-    <div class="fixed bottom-6 right-6 z-50 w-96 rounded-2xl border border-white/10 bg-[#111118] p-6 shadow-2xl">
-      <Show when={step() === 'score'}><div><div class="mb-1 flex items-center justify-between"><h3 class="text-sm font-semibold text-white/90">How likely to recommend us?</h3><button type="button" onClick={props.onDismiss} class="text-white/20">✕</button></div><div class="flex gap-1 mt-3"><For each={Array.from({length:11},(_,i)=>i)}>{i => <button type="button" onClick={() => { setScore(i); setStep('comment') }} class="flex-1 rounded-lg py-2.5 text-xs font-bold bg-white/5 text-white/50 hover:bg-white/10">{i}</button>}</For></div></div></Show>
-      <Show when={step() === 'comment'}><div><p class="text-sm font-semibold text-white/90 mb-3">Score: {score()}</p><textarea value={comment()} onInput={e => setComment((e.target as HTMLTextAreaElement).value)} rows={3} class="w-full rounded-xl border border-white/10 bg-white/5 px-3 py-2 text-sm text-white outline-none resize-none mb-3" /><button type="button" onClick={() => { props.onSubmit(score()!, comment() || undefined); setStep('thanks') }} class="w-full rounded-lg bg-indigo-600 py-2 text-xs text-white">Submit</button></div></Show>
-      <Show when={step() === 'thanks'}><div class="text-center py-4"><div class="text-3xl mb-2">🎉</div><p class="text-sm text-white/80">Thank you!</p></div></Show>
-    </div>
-  )
-}

package/packages/solidjs/src/index.tsx

@@ -1,3 +0,0 @@
-export { createFeedback, createFeedbackForm, createNPS, createFeedbackAdmin } from './primitives'
-export { StatusBadge, PriorityBadge, TypeBadge, FeedbackCard, FeedbackWidget, NPSSurvey } from './components'
-export type { FeedbackItem, NPSResponse, FeedbackConfig, FeedbackStats, NPSStats, FeedbackType, FeedbackStatus, FeedbackPriority } from '@geenius-feedback/shared'

package/packages/solidjs/src/primitives.ts

@@ -1,49 +0,0 @@
-import { createSignal, createMemo } from 'solid-js'
-import type { FeedbackItem, FeedbackType, FeedbackStatus, FeedbackPriority, FeedbackStats, NPSResponse } from '@geenius-feedback/shared'
-import { calcFeedbackStats, calcNPSStats } from '@geenius-feedback/shared'
-
-export function createFeedback(items: () => FeedbackItem[] | undefined) {
-  const [typeFilter, setTypeFilter] = createSignal<FeedbackType | undefined>()
-  const [search, setSearch] = createSignal('')
-  const [sort, setSort] = createSignal<'newest' | 'votes'>('newest')
-  const isLoading = createMemo(() => items() === undefined)
-  const stats = createMemo(() => calcFeedbackStats(items() ?? []))
-  const filtered = createMemo(() => {
-    let r = items() ?? []; const tf = typeFilter(); if (tf) r = r.filter(i => i.type === tf)
-    const q = search().toLowerCase(); if (q) r = r.filter(i => i.title.toLowerCase().includes(q) || i.description.toLowerCase().includes(q))
-    if (sort() === 'votes') r = [...r].sort((a, b) => b.votes - a.votes)
-    return r
-  })
-  return { items: filtered, stats, isLoading, typeFilter, setTypeFilter, search, setSearch, sort, setSort }
-}
-
-export function createFeedbackForm(submitFn: (data: { type: FeedbackType; title: string; description: string }) => Promise<string>) {
-  const [type, setType] = createSignal<FeedbackType>('general')
-  const [title, setTitle] = createSignal(''); const [desc, setDesc] = createSignal('')
-  const [isSubmitting, setIsSubmitting] = createSignal(false); const [error, setError] = createSignal<string | null>(null); const [success, setSuccess] = createSignal(false)
-  const submit = async () => {
-    if (!title().trim()) { setError('Title required'); return }; if (desc().length < 10) { setError('Description must be 10+ chars'); return }
-    setIsSubmitting(true); setError(null)
-    try { await submitFn({ type: type(), title: title(), description: desc() }); setSuccess(true); setTitle(''); setDesc('') }
-    catch (e) { setError(e instanceof Error ? e.message : 'Failed') } finally { setIsSubmitting(false) }
-  }
-  const reset = () => { setType('general'); setTitle(''); setDesc(''); setError(null); setSuccess(false) }
-  return { type, setType, title, setTitle, description: desc, setDescription: setDesc, submit, isSubmitting, error, success, reset }
-}
-
-export function createNPS(submitFn: (score: number, comment?: string) => Promise<void>) {
-  const [isSubmitting, setIsSubmitting] = createSignal(false)
-  const [showSurvey, setShowSurvey] = createSignal(typeof window !== 'undefined' && !localStorage.getItem('geenius-nps-last-shown'))
-  const submit = async (score: number, comment?: string) => {
-    setIsSubmitting(true); try { await submitFn(score, comment); localStorage.setItem('geenius-nps-last-shown', String(Date.now())); setShowSurvey(false) } finally { setIsSubmitting(false) }
-  }
-  const dismiss = () => { setShowSurvey(false); localStorage.setItem('geenius-nps-last-shown', String(Date.now())) }
-  return { submit, isSubmitting, showSurvey, dismiss }
-}
-
-export function createFeedbackAdmin(items: () => FeedbackItem[] | undefined, mutations: { updateStatus: (id: string, s: FeedbackStatus, note?: string) => Promise<void>; updatePriority: (id: string, p: FeedbackPriority) => Promise<void>; deleteFeedback: (id: string) => Promise<void> }) {
-  const [search, setSearch] = createSignal('')
-  const stats = createMemo(() => calcFeedbackStats(items() ?? []))
-  const filtered = createMemo(() => { const q = search().toLowerCase(); return q ? (items() ?? []).filter(i => i.title.toLowerCase().includes(q)) : (items() ?? []) })
-  return { items: filtered, stats, search, setSearch, isLoading: createMemo(() => items() === undefined), ...mutations }
-}

package/packages/solidjs/tsconfig.json

@@ -1,20 +0,0 @@
-{
-  "extends": "../../tsconfig.json",
-  "compilerOptions": {
-    "outDir": "dist",
-    "rootDir": "src",
-    "jsx": "preserve",
-    "jsxImportSource": "solid-js",
-    "strict": true,
-    "skipLibCheck": true,
-    "forceConsistentCasingInFileNames": true,
-    "resolveJsonModule": true,
-    "isolatedModules": true,
-    "target": "ES2022",
-    "module": "ESNext",
-    "moduleResolution": "bundler"
-  },
-  "include": [
-    "src"
-  ]
-}

package/packages/solidjs/tsup.config.ts

@@ -1,12 +0,0 @@
-import { defineConfig } from 'tsup'
-
-export default defineConfig({
-    entry: { index: 'src/index.tsx' },
-    outDir: 'dist',
-    format: ['esm'],
-    dts: true,
-    sourcemap: true,
-    clean: true,
-    treeshake: true,
-    external: ['solid-js'],
-})

package/packages/solidjs-css/package.json

@@ -1,32 +0,0 @@
-{
-  "name": "@geenius-feedback/solidjs-css",
-  "version": "0.1.0",
-  "description": "Geenius Feedback — SolidJS primitives (vanilla CSS variant)",
-  "type": "module",
-  "license": "MIT",
-  "publishConfig": {
-    "access": "restricted"
-  },
-  "main": "./src/index.tsx",
-  "types": "./src/index.tsx",
-  "exports": {
-    ".": "./src/index.tsx"
-  },
-  "scripts": {
-    "type-check": "tsc --noEmit"
-  },
-  "peerDependencies": {
-    "solid-js": ">=1.0.0"
-  },
-  "dependencies": {
-    "@geenius-feedback/shared": "workspace:*"
-  },
-  "devDependencies": {
-    "solid-js": "^1.9.4",
-    "typescript": "~6.0.2"
-  },
-  "author": "Antigravity HQ",
-  "engines": {
-    "node": ">=20.0.0"
-  }
-}

package/packages/solidjs-css/src/index.tsx

@@ -1,4 +0,0 @@
-export { createFeedback, createFeedbackForm, createNPS, createFeedbackAdmin } from '@geenius-feedback/solidjs'
-export { StatusBadge, PriorityBadge, TypeBadge, FeedbackCard, FeedbackWidget, NPSSurvey } from '@geenius-feedback/solidjs'
-import './styles.css'
-export type { FeedbackItem, NPSResponse, FeedbackConfig, FeedbackStats, NPSStats, FeedbackType, FeedbackStatus, FeedbackPriority } from '@geenius-feedback/shared'

package/packages/solidjs-css/src/pages/FeedbackAdminPage.tsx

@@ -1,78 +0,0 @@
-import { Component } from 'solid-js';
-import '../styles.css';
-
-const FeedbackAdminPage: Component = () => {
-  return (
-    <div style={{ padding: '1.5rem' }}>
-      <div class="feedback__breadcrumb">
-        <span class="feedback__breadcrumb-item">Feedback</span>
-        <span class="feedback__breadcrumb-sep">/</span>
-        <span class="feedback__breadcrumb-item--active">Admin</span>
-      </div>
-
-      <div class="feedback__stats-grid">
-        <div class="feedback__stat-card">
-          <div class="feedback__stat-icon">📊</div>
-          <div class="feedback__stat-value">7.8</div>
-          <div class="feedback__stat-label">NPS Score</div>
-        </div>
-        <div class="feedback__stat-card">
-          <div class="feedback__stat-icon">⭐</div>
-          <div class="feedback__stat-value">4.2</div>
-          <div class="feedback__stat-label">Avg Rating</div>
-        </div>
-        <div class="feedback__stat-card">
-          <div class="feedback__stat-icon">⏱️</div>
-          <div class="feedback__stat-value">2.1h</div>
-          <div class="feedback__stat-label">Avg Response</div>
-        </div>
-      </div>
-
-      <div class="feedback__filter-panel">
-        <div class="feedback__filter-section">
-          <div class="feedback__filter-section-title">Status</div>
-          <div class="feedback__filter-options">
-            <label class="feedback__filter-option">
-              <input type="checkbox" checked />
-              <span class="feedback__filter-option-label">Open</span>
-            </label>
-            <label class="feedback__filter-option">
-              <input type="checkbox" checked />
-              <span class="feedback__filter-option-label">Under Review</span>
-            </label>
-            <label class="feedback__filter-option">
-              <input type="checkbox" checked />
-              <span class="feedback__filter-option-label">Planned</span>
-            </label>
-          </div>
-        </div>
-      </div>
-
-      <div style={{ 'margin-top': '2rem' }}>
-        <table class="feedback__admin-table">
-          <thead>
-            <tr>
-              <th>Item</th>
-              <th>Status</th>
-              <th>Votes</th>
-            </tr>
-          </thead>
-          <tbody>
-            <tr>
-              <td>Add Dark Mode</td>
-              <td>In Progress</td>
-              <td>42</td>
-            </tr>
-            <tr>
-              <td>Login Timeout Issue</td>
-              <td>Open</td>
-              <td>12</td>
-            </tr>
-          </tbody>
-        </table>
-      </div>
-    </div>
-  );
-};
-
-export default FeedbackAdminPage;

package/packages/solidjs-css/src/pages/FeedbackPage.tsx

@@ -1,65 +0,0 @@
-import { Component } from 'solid-js';
-import '../styles.css';
-
-const FeedbackPage: Component = () => {
-  const feedbackItems = [
-    { id: 1, title: 'Add Dark Mode', type: 'feature', status: 'in-progress', votes: 42 },
-    { id: 2, title: 'Bug: Login timeout issue', type: 'bug', status: 'open', votes: 12 },
-    { id: 3, title: 'Improve API documentation', type: 'suggestion', status: 'planned', votes: 28 },
-  ];
-
-  return (
-    <div style={{ padding: '1.5rem' }}>
-      <div class="feedback__breadcrumb">
-        <span class="feedback__breadcrumb-item">Feedback</span>
-        <span class="feedback__breadcrumb-sep">/</span>
-        <span class="feedback__breadcrumb-item--active">View All</span>
-      </div>
-
-      <div class="feedback__stats-grid">
-        <div class="feedback__stat-card">
-          <div class="feedback__stat-icon">💬</div>
-          <div class="feedback__stat-value">145</div>
-          <div class="feedback__stat-label">Total Feedback</div>
-        </div>
-        <div class="feedback__stat-card">
-          <div class="feedback__stat-icon">👍</div>
-          <div class="feedback__stat-value">89</div>
-          <div class="feedback__stat-label">In Progress</div>
-        </div>
-        <div class="feedback__stat-card">
-          <div class="feedback__stat-icon">✅</div>
-          <div class="feedback__stat-value">34</div>
-          <div class="feedback__stat-label">Implemented</div>
-        </div>
-      </div>
-
-      <div class="feedback__filter-tabs" style={{ 'margin-bottom': '1.5rem' }}>
-        <button class="feedback__filter-tab feedback__filter-tab--active">All</button>
-        <button class="feedback__filter-tab feedback__filter-tab--inactive">Features</button>
-        <button class="feedback__filter-tab feedback__filter-tab--inactive">Bugs</button>
-        <button class="feedback__filter-tab feedback__filter-tab--inactive">Suggestions</button>
-      </div>
-
-      <div style={{ display: 'flex', 'flex-direction': 'column', gap: '0.75rem' }}>
-        {feedbackItems.map(item => (
-          <div class={`feedback__card feedback__card--${item.type}`}>
-            <div class="feedback__vote-btn feedback__vote-btn--inactive">
-              <span class="feedback__vote-btn-arrow">▲</span>
-              <span>{item.votes}</span>
-            </div>
-            <div class="feedback__card-info">
-              <div class="feedback__card-badges">
-                <span class={`feedback__type-badge feedback__type-badge--${item.type}`}>{item.type}</span>
-                <span class={`feedback__status-badge feedback__status-badge--${item.status}`}>{item.status}</span>
-              </div>
-              <div class="feedback__card-title">{item.title}</div>
-            </div>
-          </div>
-        ))}
-      </div>
-    </div>
-  );
-};
-
-export default FeedbackPage;

package/packages/solidjs-css/src/primitives/index.ts

@@ -1 +0,0 @@
-export * from '@geenius-feedback/solidjs';