@geenius/adapters 0.1.0

package/packages/react-css/src/styles.css

@@ -0,0 +1,494 @@
+/* @geenius-adapters — Vanilla CSS Design System
+   OKLCH colors · BEM naming · CSS custom properties
+   Import: @import '@geenius-adapters/react-css/styles.css';
+*/
+
+/* ─── Theme Variables ──────────────────────────────────────────────────────── */
+
+:root {
+  --adapter-bg: oklch(0.13 0.02 260);
+  --adapter-bg-subtle: oklch(0.16 0.02 260);
+  --adapter-bg-card: oklch(0.15 0.015 260);
+  --adapter-bg-hover: oklch(0.18 0.02 260);
+  --adapter-border: oklch(0.25 0.02 260);
+  --adapter-border-hover: oklch(0.35 0.02 260);
+  --adapter-text: oklch(0.95 0.01 260);
+  --adapter-text-muted: oklch(0.55 0.01 260);
+  --adapter-text-faint: oklch(0.40 0.01 260);
+  --adapter-brand: oklch(0.55 0.20 270);
+  --adapter-brand-light: oklch(0.45 0.15 270 / 0.15);
+
+  --adapter-connected: oklch(0.70 0.18 155);
+  --adapter-connected-bg: oklch(0.70 0.18 155 / 0.08);
+  --adapter-disconnected: oklch(0.50 0.01 260);
+  --adapter-error: oklch(0.65 0.22 25);
+  --adapter-error-bg: oklch(0.65 0.22 25 / 0.08);
+  --adapter-warning: oklch(0.75 0.16 75);
+  --adapter-warning-bg: oklch(0.75 0.16 75 / 0.08);
+
+  --adapter-radius-sm: 0.5rem;
+  --adapter-radius-md: 0.75rem;
+  --adapter-radius-lg: 1rem;
+  --adapter-radius-xl: 1.25rem;
+}
+
+/* ─── Layout ───────────────────────────────────────────────────────────────── */
+
+.adapter-page {
+  max-width: 56rem;
+  margin: 0 auto;
+}
+
+.adapter-page__header {
+  margin-bottom: 2rem;
+}
+
+.adapter-page__title {
+  font-size: 1.5rem;
+  font-weight: 800;
+  color: var(--adapter-text);
+  letter-spacing: -0.02em;
+}
+
+.adapter-page__subtitle {
+  margin-top: 0.25rem;
+  font-size: 0.875rem;
+  color: var(--adapter-text-muted);
+}
+
+/* ─── Status Summary ───────────────────────────────────────────────────────── */
+
+.adapter-summary {
+  display: grid;
+  gap: 0.75rem;
+  grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
+  margin-bottom: 2rem;
+}
+
+.adapter-summary__card {
+  border: 1px solid var(--adapter-border);
+  border-radius: var(--adapter-radius-xl);
+  background: var(--adapter-bg-card);
+  padding: 1rem 1.25rem;
+  backdrop-filter: blur(8px);
+}
+
+.adapter-summary__card--success {
+  border-color: oklch(0.70 0.18 155 / 0.15);
+  background: var(--adapter-connected-bg);
+}
+
+.adapter-summary__card--error {
+  border-color: oklch(0.65 0.22 25 / 0.15);
+  background: var(--adapter-error-bg);
+}
+
+.adapter-summary__label {
+  font-size: 0.625rem;
+  font-weight: 700;
+  text-transform: uppercase;
+  letter-spacing: 0.08em;
+  color: var(--adapter-text-faint);
+}
+
+.adapter-summary__value {
+  font-size: 1.5rem;
+  font-weight: 800;
+  color: var(--adapter-text);
+  margin-top: 0.25rem;
+}
+
+.adapter-summary__card--success .adapter-summary__value { color: var(--adapter-connected); }
+.adapter-summary__card--error .adapter-summary__value { color: var(--adapter-error); }
+
+.adapter-summary__desc {
+  font-size: 0.625rem;
+  color: var(--adapter-text-faint);
+}
+
+/* ─── Status Badge ─────────────────────────────────────────────────────────── */
+
+.adapter-badge {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.375rem;
+  border-radius: 9999px;
+  padding: 0.125rem 0.5rem;
+  font-size: 0.625rem;
+  font-weight: 700;
+  text-transform: uppercase;
+  letter-spacing: 0.05em;
+}
+
+.adapter-badge__dot {
+  width: 0.375rem;
+  height: 0.375rem;
+  border-radius: 50%;
+}
+
+.adapter-badge--connected { background: var(--adapter-connected-bg); color: var(--adapter-connected); }
+.adapter-badge--connected .adapter-badge__dot { background: var(--adapter-connected); }
+
+.adapter-badge--disconnected { background: oklch(0.50 0.01 260 / 0.08); color: var(--adapter-disconnected); }
+.adapter-badge--disconnected .adapter-badge__dot { background: var(--adapter-disconnected); }
+
+.adapter-badge--error { background: var(--adapter-error-bg); color: var(--adapter-error); }
+.adapter-badge--error .adapter-badge__dot { background: var(--adapter-error); }
+
+.adapter-badge--initializing { background: var(--adapter-warning-bg); color: var(--adapter-warning); }
+.adapter-badge--initializing .adapter-badge__dot { background: var(--adapter-warning); animation: adapter-pulse 1.5s ease-in-out infinite; }
+
+@keyframes adapter-pulse {
+  0%, 100% { opacity: 1; }
+  50% { opacity: 0.3; }
+}
+
+/* ─── Adapter Card ─────────────────────────────────────────────────────────── */
+
+.adapter-card {
+  display: flex;
+  gap: 1rem;
+  align-items: flex-start;
+  width: 100%;
+  border: 1px solid var(--adapter-border);
+  border-radius: var(--adapter-radius-xl);
+  background: var(--adapter-bg-card);
+  padding: 1.25rem;
+  text-align: left;
+  cursor: pointer;
+  transition: border-color 0.2s, background 0.2s, box-shadow 0.2s;
+  backdrop-filter: blur(8px);
+}
+
+.adapter-card:hover {
+  border-color: var(--adapter-border-hover);
+  background: var(--adapter-bg-hover);
+  box-shadow: 0 4px 24px oklch(0.1 0.02 260 / 0.2);
+}
+
+.adapter-card__icon {
+  flex-shrink: 0;
+  width: 3rem; height: 3rem;
+  display: flex; align-items: center; justify-content: center;
+  border-radius: var(--adapter-radius-md);
+  background: oklch(0.20 0.02 260);
+  font-size: 1.5rem;
+  transition: transform 0.2s;
+}
+
+.adapter-card:hover .adapter-card__icon { transform: scale(1.05); }
+
+.adapter-card__body { flex: 1; min-width: 0; }
+
+.adapter-card__header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 0.5rem;
+}
+
+.adapter-card__name {
+  font-size: 0.875rem;
+  font-weight: 700;
+  color: var(--adapter-text);
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.adapter-card__desc {
+  margin-top: 0.25rem;
+  font-size: 0.75rem;
+  color: var(--adapter-text-faint);
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+}
+
+.adapter-card__meta {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+  margin-top: 0.5rem;
+}
+
+.adapter-card__provider {
+  font-size: 0.625rem;
+  font-weight: 600;
+  color: var(--adapter-text-muted);
+  background: oklch(0.20 0.02 260);
+  padding: 0.125rem 0.5rem;
+  border-radius: var(--adapter-radius-sm);
+}
+
+.adapter-card__latency {
+  font-size: 0.625rem;
+  color: var(--adapter-text-faint);
+}
+
+.adapter-card__error {
+  margin-top: 0.375rem;
+  font-size: 0.625rem;
+  color: var(--adapter-error);
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+/* ─── Adapter Grid ─────────────────────────────────────────────────────────── */
+
+.adapter-grid {
+  display: grid;
+  gap: 0.75rem;
+  grid-template-columns: repeat(auto-fill, minmax(18rem, 1fr));
+}
+
+/* ─── Search Input ─────────────────────────────────────────────────────────── */
+
+.adapter-search {
+  width: 100%;
+  border: 1px solid var(--adapter-border);
+  border-radius: var(--adapter-radius-lg);
+  background: oklch(0.12 0.02 260);
+  padding: 0.625rem 1rem;
+  font-size: 0.875rem;
+  color: var(--adapter-text);
+  margin-bottom: 1rem;
+  transition: border-color 0.2s;
+}
+
+.adapter-search::placeholder { color: var(--adapter-text-faint); }
+.adapter-search:focus { outline: none; border-color: var(--adapter-brand); box-shadow: 0 0 0 3px var(--adapter-brand-light); }
+
+/* ─── Filter Bar ───────────────────────────────────────────────────────────── */
+
+.adapter-filters {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+  margin-bottom: 1.5rem;
+  flex-wrap: wrap;
+}
+
+.adapter-filter-btn {
+  padding: 0.375rem 0.75rem;
+  font-size: 0.75rem;
+  font-weight: 600;
+  border-radius: var(--adapter-radius-sm);
+  color: var(--adapter-text-faint);
+  cursor: pointer;
+  transition: background 0.15s, color 0.15s;
+  background: none;
+  border: none;
+}
+
+.adapter-filter-btn:hover { color: var(--adapter-text-muted); }
+.adapter-filter-btn--active { background: oklch(0.25 0.02 260); color: var(--adapter-text); }
+
+/* ─── Config Form ──────────────────────────────────────────────────────────── */
+
+.adapter-form {
+  border: 1px solid var(--adapter-border);
+  border-radius: var(--adapter-radius-xl);
+  background: var(--adapter-bg-card);
+  padding: 1.5rem;
+  backdrop-filter: blur(8px);
+}
+
+.adapter-form__title {
+  font-size: 1.125rem;
+  font-weight: 700;
+  color: var(--adapter-text);
+}
+
+.adapter-form__subtitle {
+  font-size: 0.75rem;
+  color: var(--adapter-text-faint);
+  margin-top: 0.25rem;
+}
+
+.adapter-field { margin-top: 1.25rem; }
+
+.adapter-field__label {
+  display: block;
+  font-size: 0.625rem;
+  font-weight: 700;
+  text-transform: uppercase;
+  letter-spacing: 0.08em;
+  color: var(--adapter-text-faint);
+  margin-bottom: 0.375rem;
+}
+
+.adapter-field__input {
+  width: 100%;
+  border: 1px solid var(--adapter-border);
+  border-radius: var(--adapter-radius-lg);
+  background: oklch(0.12 0.02 260);
+  padding: 0.75rem 1rem;
+  font-size: 0.875rem;
+  color: var(--adapter-text);
+  transition: border-color 0.2s;
+}
+
+.adapter-field__input:focus { outline: none; border-color: var(--adapter-brand); box-shadow: 0 0 0 3px var(--adapter-brand-light); }
+
+/* ─── Provider Selector Grid ──────────────────────────────────────────────── */
+
+.adapter-provider-grid {
+  display: grid;
+  gap: 0.5rem;
+  grid-template-columns: repeat(auto-fill, minmax(12rem, 1fr));
+}
+
+.adapter-provider-option {
+  display: flex;
+  flex-direction: column;
+  border: 1px solid var(--adapter-border);
+  border-radius: var(--adapter-radius-lg);
+  padding: 0.75rem;
+  text-align: left;
+  cursor: pointer;
+  transition: border-color 0.15s, background 0.15s;
+  background: none;
+}
+
+.adapter-provider-option:hover { background: var(--adapter-bg-hover); }
+
+.adapter-provider-option--selected {
+  border-color: var(--adapter-brand);
+  background: var(--adapter-brand-light);
+}
+
+.adapter-provider-option__name {
+  font-size: 0.75rem;
+  font-weight: 700;
+  color: var(--adapter-text);
+}
+
+.adapter-provider-option__desc {
+  font-size: 0.625rem;
+  color: var(--adapter-text-faint);
+  margin-top: 0.125rem;
+}
+
+.adapter-tier-badge {
+  display: inline-block;
+  margin-top: 0.375rem;
+  font-size: 0.5625rem;
+  font-weight: 700;
+  text-transform: uppercase;
+  padding: 0.125rem 0.375rem;
+  border-radius: 0.25rem;
+}
+
+.adapter-tier-badge--pronto { background: var(--adapter-connected-bg); color: var(--adapter-connected); }
+.adapter-tier-badge--mvp { background: oklch(0.55 0.18 240 / 0.12); color: oklch(0.65 0.18 240); }
+.adapter-tier-badge--paid { background: oklch(0.55 0.18 300 / 0.12); color: oklch(0.65 0.18 300); }
+
+/* ─── Buttons ──────────────────────────────────────────────────────────────── */
+
+.adapter-btn {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 0.5rem;
+  border-radius: var(--adapter-radius-lg);
+  padding: 0.625rem 1.5rem;
+  font-size: 0.875rem;
+  font-weight: 600;
+  cursor: pointer;
+  transition: background 0.15s, opacity 0.15s;
+  border: none;
+}
+
+.adapter-btn:disabled { opacity: 0.5; cursor: not-allowed; }
+
+.adapter-btn--primary { background: var(--adapter-brand); color: white; }
+.adapter-btn--primary:hover:not(:disabled) { background: oklch(0.60 0.20 270); }
+
+.adapter-btn--ghost { background: none; color: var(--adapter-text-muted); padding: 0.5rem 1rem; }
+.adapter-btn--ghost:hover { color: var(--adapter-text); }
+
+.adapter-btn--sm { font-size: 0.75rem; padding: 0.375rem 0.75rem; }
+
+/* ─── Alert ────────────────────────────────────────────────────────────────── */
+
+.adapter-alert {
+  border-radius: var(--adapter-radius-md);
+  padding: 0.75rem 1rem;
+  font-size: 0.875rem;
+}
+
+.adapter-alert--error { border: 1px solid oklch(0.65 0.22 25 / 0.2); background: var(--adapter-error-bg); color: var(--adapter-error); }
+.adapter-alert--warning { border: 1px solid oklch(0.75 0.16 75 / 0.2); background: var(--adapter-warning-bg); color: var(--adapter-warning); }
+
+/* ─── Detail Page ──────────────────────────────────────────────────────────── */
+
+.adapter-detail__icon {
+  width: 4rem; height: 4rem;
+  display: flex; align-items: center; justify-content: center;
+  border-radius: var(--adapter-radius-xl);
+  background: oklch(0.18 0.02 260);
+  font-size: 2rem;
+}
+
+.adapter-detail__status-grid {
+  display: grid;
+  gap: 1rem;
+  grid-template-columns: repeat(auto-fit, minmax(8rem, 1fr));
+}
+
+.adapter-detail__label {
+  font-size: 0.625rem;
+  text-transform: uppercase;
+  color: var(--adapter-text-faint);
+}
+
+.adapter-detail__value {
+  font-size: 0.875rem;
+  font-weight: 600;
+  color: var(--adapter-text);
+  margin-top: 0.125rem;
+}
+
+.adapter-provider-list { border-top: 1px solid oklch(0.25 0.02 260); }
+.adapter-provider-list > div { padding: 0.75rem 0; border-bottom: 1px solid oklch(0.20 0.015 260); }
+.adapter-provider-list > div:last-child { border-bottom: none; }
+
+/* ─── Skeletons ────────────────────────────────────────────────────────────── */
+
+.adapter-skeleton {
+  background: linear-gradient(90deg, oklch(0.18 0.02 260) 25%, oklch(0.22 0.02 260) 50%, oklch(0.18 0.02 260) 75%);
+  background-size: 200% 100%;
+  animation: adapter-shimmer 1.5s ease-in-out infinite;
+  border-radius: var(--adapter-radius-lg);
+}
+
+@keyframes adapter-shimmer {
+  0% { background-position: -200% 0; }
+  100% { background-position: 200% 0; }
+}
+
+/* ─── Empty State ──────────────────────────────────────────────────────────── */
+
+.adapter-empty {
+  border: 1px solid oklch(0.20 0.015 260);
+  border-radius: var(--adapter-radius-lg);
+  background: oklch(0.14 0.015 260);
+  padding: 2rem;
+  text-align: center;
+}
+
+.adapter-empty__text { font-size: 0.875rem; color: var(--adapter-text-faint); }
+
+/* ─── Modal Overlay ────────────────────────────────────────────────────────── */
+
+.adapter-modal-overlay {
+  position: fixed; inset: 0; z-index: 50;
+  display: flex; align-items: center; justify-content: center;
+  background: oklch(0.05 0.02 260 / 0.6);
+  backdrop-filter: blur(8px);
+}
+
+.adapter-modal { max-width: 32rem; width: 100%; margin: 1rem; }

package/packages/react-css/tsconfig.json

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

package/packages/react-css/tsup.config.ts

@@ -0,0 +1,2 @@
+import { defineConfig } from 'tsup'
+export default defineConfig({ entry: ['src/index.tsx'], format: ['cjs', 'esm'], dts: true, clean: true, sourcemap: true, external: ['react'] })

package/packages/shared/README.md

@@ -0,0 +1 @@
+# ✦ @geenius-adapters/shared\n\n> Geenius Adapters — Core types, interfaces, and implementations\n\n---\n\n## Overview\nBuilt with Steve Jobs-level minimalism and Jony Ive-level craftsmanship, this package is designed to deliver unparalleled developer experience (DX) and rock-solid performance.\n\n## Installation\n\n```bash\npnpm add @geenius-adapters/shared\n```\n\n## Usage\n\n```typescript\nimport { init } from '@geenius-adapters/shared';\n\n// Initialize the module with absolute precision\ninit({\n  mode: 'premium',\n});\n```\n\n## Architecture\n- **Zero-config**: It just works.\n- **Strictly Typed**: Fully written in TypeScript for flawless IntelliSense.\n- **Framework Agnostic**: seamlessly integrates into the Geenius ecosystem.\n\n---\n\n*Designed by Antigravity HQ*\n

package/packages/shared/package.json

@@ -0,0 +1,39 @@
+{
+  "name": "@geenius-adapters/shared",
+  "version": "0.1.0",
+  "description": "Geenius Adapters \u2014 Core types, interfaces, and implementations",
+  "main": "./dist/index.js",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    }
+  },
+  "scripts": {
+    "build": "tsup",
+    "lint": "tsc --noEmit",
+    "test": "vitest run",
+    "clean": "rm -rf dist",
+    "test:watch": "vitest",
+    "test:coverage": "vitest run --coverage"
+  },
+  "files": [
+    "dist"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "devDependencies": {
+    "tsup": "^8.5.1",
+    "typescript": "~6.0.2",
+    "vitest": "^4.0.0"
+  },
+  "author": "Antigravity HQ",
+  "license": "MIT",
+  "engines": {
+    "node": ">=20.0.0"
+  }
+}