@geenius/seo 0.1.0

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

@@ -0,0 +1,650 @@
+/* geenius-seo BEM Components with OKLCH Design Tokens */
+
+:root {
+  /* Color Palette */
+  --seo-bg: oklch(0.10 0.01 250);
+  --seo-surface: oklch(0.13 0.01 250);
+  --seo-surface-2: oklch(0.16 0.01 250);
+  --seo-surface-3: oklch(0.19 0.01 250);
+  --seo-border: oklch(0.22 0.01 250);
+  --seo-border-2: oklch(0.28 0.01 250);
+  --seo-text: oklch(0.95 0.01 250);
+  --seo-text-secondary: oklch(0.75 0.01 250);
+  --seo-text-muted: oklch(0.65 0.01 250);
+  --seo-text-dim: oklch(0.55 0.01 250);
+
+  /* Accent Colors */
+  --seo-accent: oklch(0.65 0.20 265);
+  --seo-accent-light: oklch(0.75 0.15 265);
+  --seo-accent-dark: oklch(0.55 0.22 265);
+
+  /* SEO Score Colors */
+  --seo-score-good: oklch(0.72 0.20 145);
+  --seo-score-fair: oklch(0.78 0.18 75);
+  --seo-score-poor: oklch(0.60 0.25 25);
+
+  /* Google Preview */
+  --seo-google-url: oklch(0.55 0.15 155);
+  --seo-google-title: oklch(0.65 0.20 265);
+  --seo-google-desc: oklch(0.50 0.05 0);
+
+  /* Social Preview */
+  --seo-social-bg: oklch(0.08 0.01 250);
+  --seo-social-text: oklch(1.0 0 0);
+
+  /* Spacing & Sizing */
+  --seo-radius: 0.75rem;
+  --seo-radius-lg: 1rem;
+  --seo-radius-sm: 0.5rem;
+  --seo-shadow: 0 4px 24px oklch(0 0 0 / 0.4);
+  --seo-shadow-sm: 0 2px 8px oklch(0 0 0 / 0.3);
+  --seo-shadow-lg: 0 12px 48px oklch(0 0 0 / 0.5);
+  --seo-transition: 200ms ease;
+  --seo-gap: 1.5rem;
+  --seo-gap-lg: 2rem;
+  --seo-gap-sm: 0.75rem;
+}
+
+/* ────────────────────────────────────────────────────────────────── */
+/* SEO HEAD (Hidden Utility) */
+/* ────────────────────────────────────────────────────────────────── */
+
+.seo__head {
+  display: none;
+}
+
+/* ────────────────────────────────────────────────────────────────── */
+/* SEO PREVIEW */
+/* ────────────────────────────────────────────────────────────────── */
+
+.seo__preview {
+  display: flex;
+  flex-direction: column;
+  gap: var(--seo-gap);
+}
+
+.seo__preview-google {
+  border: 1px solid var(--seo-border);
+  border-radius: var(--seo-radius);
+  background: var(--seo-surface);
+  padding: 1rem;
+}
+
+.seo__preview-google-url {
+  font-size: 0.75rem;
+  color: var(--seo-google-url);
+  margin-bottom: 0.5rem;
+  text-decoration: none;
+}
+
+.seo__preview-google-title {
+  font-size: 1.125rem;
+  color: var(--seo-google-title);
+  text-decoration: underline;
+  cursor: pointer;
+  margin-bottom: 0.5rem;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  font-weight: 500;
+}
+
+.seo__preview-google-title:hover {
+  color: var(--seo-accent-light);
+}
+
+.seo__preview-google-desc {
+  font-size: 0.875rem;
+  color: var(--seo-google-desc);
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+}
+
+.seo__preview-social {
+  background: var(--seo-social-bg);
+  border-radius: var(--seo-radius);
+  overflow: hidden;
+  max-width: 28rem;
+}
+
+.seo__preview-social-image {
+  width: 100%;
+  height: 12rem;
+  object-fit: cover;
+  display: block;
+}
+
+.seo__preview-social-info {
+  padding: 0.75rem;
+  color: var(--seo-social-text);
+}
+
+.seo__preview-social-title {
+  font-weight: 600;
+  font-size: 0.875rem;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  margin-bottom: 0.25rem;
+}
+
+.seo__preview-social-desc {
+  font-size: 0.75rem;
+  color: oklch(0.7 0.01 0 / 0.8);
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  margin-bottom: 0.25rem;
+}
+
+.seo__preview-social-url {
+  font-size: 0.75rem;
+  color: oklch(0.6 0.01 0 / 0.7);
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+/* ────────────────────────────────────────────────────────────────── */
+/* SEO SCORE CARD */
+/* ────────────────────────────────────────────────────────────────── */
+
+.seo__score-card {
+  border: 1px solid var(--seo-border);
+  border-radius: var(--seo-radius);
+  background: var(--seo-surface);
+  padding: 1rem;
+  display: flex;
+  flex-direction: column;
+  gap: 1rem;
+}
+
+.seo__score-card-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.seo__score-card-title {
+  font-weight: 600;
+  color: var(--seo-text);
+  font-size: 0.875rem;
+}
+
+.seo__score-number {
+  font-size: 1.5rem;
+  font-weight: 700;
+}
+
+.seo__score-number--good {
+  color: var(--seo-score-good);
+}
+
+.seo__score-number--fair {
+  color: var(--seo-score-fair);
+}
+
+.seo__score-number--poor {
+  color: var(--seo-score-poor);
+}
+
+.seo__score-bar {
+  height: 0.5rem;
+  background: var(--seo-surface-2);
+  border-radius: 9999px;
+  overflow: hidden;
+}
+
+.seo__score-bar-fill {
+  height: 100%;
+  border-radius: 9999px;
+  transition: width var(--seo-transition);
+}
+
+.seo__score-bar-fill--good {
+  background: var(--seo-score-good);
+}
+
+.seo__score-bar-fill--fair {
+  background: var(--seo-score-fair);
+}
+
+.seo__score-bar-fill--poor {
+  background: var(--seo-score-poor);
+}
+
+.seo__issue-list {
+  display: flex;
+  flex-direction: column;
+  gap: 0.5rem;
+}
+
+.seo__issue-list-title {
+  font-weight: 600;
+  font-size: 0.75rem;
+  color: var(--seo-text);
+  text-transform: uppercase;
+  letter-spacing: 0.05em;
+}
+
+.seo__issue-item {
+  font-size: 0.75rem;
+  color: var(--seo-score-poor);
+  display: flex;
+  align-items: flex-start;
+  gap: 0.5rem;
+}
+
+.seo__issue-item-bullet {
+  flex-shrink: 0;
+}
+
+/* ────────────────────────────────────────────────────────────────── */
+/* META EDITOR */
+/* ────────────────────────────────────────────────────────────────── */
+
+.seo__meta-editor {
+  border: 1px solid var(--seo-border);
+  border-radius: var(--seo-radius);
+  background: var(--seo-surface);
+  padding: 1rem;
+  display: flex;
+  flex-direction: column;
+  gap: 1.5rem;
+}
+
+.seo__meta-field {
+  display: flex;
+  flex-direction: column;
+  gap: 0.5rem;
+}
+
+.seo__meta-field-label {
+  font-weight: 600;
+  color: var(--seo-text);
+  font-size: 0.875rem;
+}
+
+.seo__meta-field-input,
+.seo__meta-field-textarea,
+.seo__meta-field-select {
+  width: 100%;
+  padding: 0.75rem;
+  border: 1px solid var(--seo-border);
+  border-radius: var(--seo-radius-sm);
+  background: var(--seo-surface-2);
+  color: var(--seo-text);
+  font-size: 0.875rem;
+  font-family: inherit;
+  transition: border-color var(--seo-transition), background-color var(--seo-transition);
+}
+
+.seo__meta-field-input:focus,
+.seo__meta-field-textarea:focus,
+.seo__meta-field-select:focus {
+  outline: none;
+  border-color: var(--seo-accent);
+  background: var(--seo-surface-3);
+  box-shadow: 0 0 0 3px oklch(0.65 0.20 265 / 0.2);
+}
+
+.seo__meta-field-textarea {
+  resize: vertical;
+  min-height: 6rem;
+  font-family: inherit;
+}
+
+.seo__meta-char-count {
+  font-size: 0.75rem;
+  color: var(--seo-text-muted);
+}
+
+.seo__meta-char-count--over {
+  color: var(--seo-score-poor);
+  font-weight: 600;
+}
+
+/* ────────────────────────────────────────────────────────────────── */
+/* SITEMAP TABLE */
+/* ────────────────────────────────────────────────────────────────── */
+
+.seo__sitemap-table {
+  width: 100%;
+  font-size: 0.875rem;
+  border-collapse: collapse;
+  background: var(--seo-surface);
+}
+
+.seo__sitemap-table-head {
+  background: var(--seo-surface-2);
+  border-bottom: 1px solid var(--seo-border);
+}
+
+.seo__sitemap-table-header {
+  padding: 0.75rem;
+  text-align: left;
+  font-weight: 600;
+  color: var(--seo-text);
+  font-size: 0.75rem;
+  text-transform: uppercase;
+  letter-spacing: 0.05em;
+}
+
+.seo__sitemap-row {
+  border-bottom: 1px solid var(--seo-border-2);
+  transition: background-color var(--seo-transition);
+}
+
+.seo__sitemap-row:hover {
+  background: var(--seo-surface-2);
+}
+
+.seo__sitemap-cell {
+  padding: 0.75rem;
+  color: var(--seo-text);
+}
+
+.seo__sitemap-url {
+  font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
+  font-size: 0.75rem;
+  color: var(--seo-accent);
+  text-decoration: none;
+  word-break: break-all;
+}
+
+.seo__sitemap-url:hover {
+  text-decoration: underline;
+}
+
+.seo__sitemap-cell-muted {
+  color: var(--seo-text-muted);
+}
+
+/* ────────────────────────────────────────────────────────────────── */
+/* BREADCRUMBS JSON-LD */
+/* ────────────────────────────────────────────────────────────────── */
+
+.seo__breadcrumbs {
+  display: none;
+}
+
+/* ────────────────────────────────────────────────────────────────── */
+/* ARTICLE JSON-LD */
+/* ────────────────────────────────────────────────────────────────── */
+
+.seo__article-jsonld {
+  display: none;
+}
+
+/* ────────────────────────────────────────────────────────────────── */
+/* BUTTONS */
+/* ────────────────────────────────────────────────────────────────── */
+
+.seo__button {
+  padding: 0.5rem 1rem;
+  border: none;
+  border-radius: var(--seo-radius-sm);
+  font-size: 0.875rem;
+  font-weight: 600;
+  cursor: pointer;
+  transition: all var(--seo-transition);
+  text-decoration: none;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 0.5rem;
+}
+
+.seo__button:disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+
+.seo__button--primary {
+  background: var(--seo-accent);
+  color: var(--seo-text);
+}
+
+.seo__button--primary:hover:not(:disabled) {
+  background: var(--seo-accent-light);
+  box-shadow: var(--seo-shadow-sm);
+}
+
+.seo__button--success {
+  background: var(--seo-score-good);
+  color: var(--seo-text);
+}
+
+.seo__button--success:hover:not(:disabled) {
+  background: oklch(0.78 0.22 145);
+  box-shadow: var(--seo-shadow-sm);
+}
+
+.seo__button--danger {
+  background: var(--seo-score-poor);
+  color: var(--seo-text);
+}
+
+.seo__button--danger:hover:not(:disabled) {
+  background: oklch(0.65 0.28 25);
+  box-shadow: var(--seo-shadow-sm);
+}
+
+.seo__button--secondary {
+  background: var(--seo-surface-2);
+  color: var(--seo-text);
+  border: 1px solid var(--seo-border);
+}
+
+.seo__button--secondary:hover:not(:disabled) {
+  background: var(--seo-surface-3);
+  border-color: var(--seo-accent);
+}
+
+/* ────────────────────────────────────────────────────────────────── */
+/* ADMIN PAGE */
+/* ────────────────────────────────────────────────────────────────── */
+
+.seo__admin-container {
+  max-width: 90rem;
+  margin: 0 auto;
+  padding: var(--seo-gap);
+}
+
+.seo__admin-title {
+  font-size: 1.875rem;
+  font-weight: 700;
+  color: var(--seo-text);
+  margin-bottom: var(--seo-gap);
+}
+
+.seo__admin-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr));
+  gap: var(--seo-gap);
+}
+
+.seo__admin-sidebar {
+  border: 1px solid var(--seo-border);
+  border-radius: var(--seo-radius);
+  background: var(--seo-surface);
+  padding: 1rem;
+}
+
+.seo__admin-sidebar-title {
+  font-weight: 600;
+  color: var(--seo-text);
+  margin-bottom: 1rem;
+  font-size: 0.875rem;
+}
+
+.seo__admin-page-list {
+  display: flex;
+  flex-direction: column;
+  gap: 0.5rem;
+}
+
+.seo__admin-page-button {
+  padding: 0.5rem;
+  border: none;
+  border-radius: var(--seo-radius-sm);
+  background: transparent;
+  color: var(--seo-text);
+  text-align: left;
+  cursor: pointer;
+  font-size: 0.875rem;
+  transition: all var(--seo-transition);
+}
+
+.seo__admin-page-button:hover {
+  background: var(--seo-surface-2);
+}
+
+.seo__admin-page-button--active {
+  background: var(--seo-accent);
+  color: var(--seo-bg);
+  font-weight: 600;
+}
+
+.seo__admin-editor {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(25rem, 1fr));
+  gap: var(--seo-gap);
+}
+
+.seo__admin-actions {
+  display: flex;
+  gap: 0.75rem;
+  margin-top: var(--seo-gap);
+}
+
+/* ────────────────────────────────────────────────────────────────── */
+/* ANALYTICS PAGE */
+/* ────────────────────────────────────────────────────────────────── */
+
+.seo__analytics-container {
+  max-width: 90rem;
+  margin: 0 auto;
+  padding: var(--seo-gap);
+}
+
+.seo__analytics-title {
+  font-size: 1.875rem;
+  font-weight: 700;
+  color: var(--seo-text);
+  margin-bottom: var(--seo-gap);
+}
+
+.seo__analytics-table-wrapper {
+  border: 1px solid var(--seo-border);
+  border-radius: var(--seo-radius);
+  overflow: hidden;
+}
+
+.seo__analytics-summary {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
+  gap: 1rem;
+  margin-top: var(--seo-gap);
+}
+
+.seo__analytics-card {
+  border: 1px solid var(--seo-border);
+  border-radius: var(--seo-radius);
+  background: var(--seo-surface);
+  padding: 1rem;
+}
+
+.seo__analytics-card-label {
+  font-size: 0.75rem;
+  color: var(--seo-text-muted);
+  margin-bottom: 0.5rem;
+  text-transform: uppercase;
+  letter-spacing: 0.05em;
+}
+
+.seo__analytics-card-value {
+  font-size: 1.5rem;
+  font-weight: 700;
+  color: var(--seo-accent);
+}
+
+/* ────────────────────────────────────────────────────────────────── */
+/* RESPONSIVE */
+/* ────────────────────────────────────────────────────────────────── */
+
+@media (max-width: 768px) {
+  :root {
+    --seo-gap: 1rem;
+  }
+
+  .seo__admin-grid {
+    grid-template-columns: 1fr;
+  }
+
+  .seo__admin-editor {
+    grid-template-columns: 1fr;
+  }
+
+  .seo__analytics-summary {
+    grid-template-columns: 1fr;
+  }
+
+  .seo__sitemap-table {
+    font-size: 0.75rem;
+  }
+
+  .seo__sitemap-cell {
+    padding: 0.5rem;
+  }
+
+  .seo__preview-social {
+    max-width: 100%;
+  }
+}
+
+/* ────────────────────────────────────────────────────────────────── */
+/* UTILITY CLASSES */
+/* ────────────────────────────────────────────────────────────────── */
+
+.seo__container {
+  max-width: 90rem;
+  margin: 0 auto;
+  padding: var(--seo-gap);
+}
+
+.seo__section {
+  margin-bottom: var(--seo-gap-lg);
+}
+
+.seo__grid {
+  display: grid;
+  gap: var(--seo-gap);
+}
+
+.seo__grid-2 {
+  grid-template-columns: repeat(auto-fit, minmax(25rem, 1fr));
+}
+
+.seo__grid-3 {
+  grid-template-columns: repeat(auto-fit, minmax(18rem, 1fr));
+}
+
+.seo__space-y {
+  display: flex;
+  flex-direction: column;
+  gap: var(--seo-gap);
+}
+
+.seo__space-y-sm {
+  display: flex;
+  flex-direction: column;
+  gap: var(--seo-gap-sm);
+}
+
+.seo__hidden {
+  display: none !important;
+}

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

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

package/packages/shared/README.md

@@ -0,0 +1 @@
+# ✦ @geenius-seo/shared\n\n> Geenius Seo — Shared types & Convex schema\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-seo/shared\n```\n\n## Usage\n\n```typescript\nimport { init } from '@geenius-seo/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,42 @@
+{
+  "name": "@geenius-seo/shared",
+  "version": "0.1.0",
+  "private": false,
+  "type": "module",
+  "description": "Geenius Seo \u2014 Shared types & Convex schema",
+  "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",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "test:coverage": "vitest run --coverage"
+  },
+  "devDependencies": {
+    "tsup": "^8.5.1",
+    "typescript": "~6.0.2",
+    "vitest": "^4.0.0"
+  },
+  "engines": {
+    "node": ">=20.0.0"
+  }
+}