@geenius/seo 0.1.0 → 0.3.0

package/packages/solidjs/src/components/SEOScoreCard.tsx

@@ -1,57 +0,0 @@
-import { createMemo } from 'solid-js'
-import { useSEOScore } from '../primitives/useSEOScore'
-import type { SEOMeta } from '@geenius-seo/shared'
-
-interface SEOScoreCardProps {
-  meta: SEOMeta
-}
-
-export function SEOScoreCard(props: SEOScoreCardProps) {
-  const scoreResult = useSEOScore(() => props.meta)
-
-  const getScoreColor = createMemo(() => {
-    const score = scoreResult().score
-    if (score >= 80) return 'text-green-600'
-    if (score >= 50) return 'text-yellow-600'
-    return 'text-red-600'
-  })
-
-  const getBarColor = createMemo(() => {
-    const score = scoreResult().score
-    if (score >= 80) return 'bg-green-500'
-    if (score >= 50) return 'bg-yellow-500'
-    return 'bg-red-500'
-  })
-
-  return (
-    <div class="space-y-4 p-4 border border-gray-200 rounded">
-      <div class="flex items-center justify-between">
-        <h3 class="font-semibold text-gray-900">SEO Score</h3>
-        <span class={`text-2xl font-bold ${getScoreColor()}`}>{scoreResult().score}/100</span>
-      </div>
-
-      <div class="space-y-2">
-        <div class="h-2 bg-gray-200 rounded overflow-hidden">
-          <div
-            class={`h-full ${getBarColor()} transition-all`}
-            style={{ width: `${scoreResult().score}%` }}
-          />
-        </div>
-      </div>
-
-      {scoreResult().issues.length > 0 && (
-        <div class="space-y-2">
-          <h4 class="text-sm font-semibold text-gray-700">Issues Found</h4>
-          <ul class="space-y-1">
-            {scoreResult().issues.map((issue, i) => (
-              <li key={i} class="text-sm text-red-600 flex items-start">
-                <span class="mr-2">•</span>
-                {issue}
-              </li>
-            ))}
-          </ul>
-        </div>
-      )}
-    </div>
-  )
-}

package/packages/solidjs/src/components/SitemapViewer.tsx

@@ -1,44 +0,0 @@
-import { For } from 'solid-js'
-import type { SitemapEntry } from '@geenius-seo/shared'
-
-interface SitemapViewerProps {
-  entries: SitemapEntry[]
-}
-
-export function SitemapViewer(props: SitemapViewerProps) {
-  return (
-    <div class="overflow-x-auto">
-      <table class="w-full text-sm">
-        <thead class="bg-gray-100 border-b">
-          <tr>
-            <th class="text-left p-3">URL</th>
-            <th class="text-left p-3">Last Modified</th>
-            <th class="text-left p-3">Change Frequency</th>
-            <th class="text-left p-3">Priority</th>
-          </tr>
-        </thead>
-        <tbody>
-          <For each={props.entries}>
-            {(entry, i) => (
-              <tr class="border-b hover:bg-gray-50">
-                <td class="p-3 font-mono text-xs text-blue-600 break-all">
-                  <a
-                    href={entry.url}
-                    target="_blank"
-                    rel="noopener noreferrer"
-                    class="hover:underline"
-                  >
-                    {entry.url}
-                  </a>
-                </td>
-                <td class="p-3 text-gray-600">{entry.lastmod || '-'}</td>
-                <td class="p-3 text-gray-600">{entry.changefreq || '-'}</td>
-                <td class="p-3 text-gray-600">{entry.priority || '-'}</td>
-              </tr>
-            )}
-          </For>
-        </tbody>
-      </table>
-    </div>
-  )
-}

package/packages/solidjs/src/components/index.ts

@@ -1,7 +0,0 @@
-export * from './SEOHead'
-export * from './SEOPreview'
-export * from './SEOScoreCard'
-export * from './MetaEditor'
-export * from './SitemapViewer'
-export * from './BreadcrumbsJsonLd'
-export * from './ArticleJsonLd'

package/packages/solidjs/src/index.ts

@@ -1,11 +0,0 @@
-// Shared types and utilities
-export * from '@geenius-seo/shared'
-
-// Primitives
-export * from './primitives'
-
-// Components
-export * from './components'
-
-// Pages
-export * from './pages'

package/packages/solidjs/src/pages/SEOAdminPage.tsx

@@ -1,104 +0,0 @@
-import { createSignal, For, Show } from 'solid-js'
-import { useSEOAdmin } from '../primitives/useSEOAdmin'
-import { MetaEditor } from '../components/MetaEditor'
-import { SEOPreview } from '../components/SEOPreview'
-import { SEOScoreCard } from '../components/SEOScoreCard'
-import type { SEOMeta } from '@geenius-seo/shared'
-
-export function SEOAdminPage() {
-  const { pages, upsertMeta, deleteMeta, isLoading } = useSEOAdmin()
-  const [selectedPath, setSelectedPath] = createSignal<string | null>(null)
-  const [editingMeta, setEditingMeta] = createSignal<SEOMeta | null>(null)
-
-  const currentPage = () => pages().find((p) => p.path === selectedPath())
-
-  const handleSave = async () => {
-    const path = selectedPath()
-    const meta = editingMeta()
-    if (path && meta) {
-      await upsertMeta(path, meta)
-      setEditingMeta(null)
-    }
-  }
-
-  const handleDelete = async () => {
-    const path = selectedPath()
-    if (path) {
-      await deleteMeta(path)
-      setSelectedPath(null)
-      setEditingMeta(null)
-    }
-  }
-
-  return (
-    <Show fallback={<div class="p-4">Loading...</div>} when={!isLoading()}>
-      <div class="max-w-6xl mx-auto p-6">
-        <h1 class="text-3xl font-bold mb-6">SEO Admin</h1>
-
-        <div class="grid grid-cols-1 lg:grid-cols-4 gap-6">
-          {/* Pages List */}
-          <div class="lg:col-span-1 border border-gray-200 rounded p-4">
-            <h2 class="font-semibold mb-4">Pages</h2>
-            <div class="space-y-2">
-              <For each={pages()}>
-                {(page) => (
-                  <button
-                    onClick={() => {
-                      setSelectedPath(page.path)
-                      setEditingMeta(page.meta)
-                    }}
-                    class={`w-full text-left p-2 rounded text-sm transition ${
-                      selectedPath() === page.path
-                        ? 'bg-blue-100 text-blue-900'
-                        : 'hover:bg-gray-100'
-                    }`}
-                  >
-                    {page.path || '/'}
-                  </button>
-                )}
-              </For>
-            </div>
-          </div>
-
-          {/* Editor and Preview */}
-          <Show when={currentPage() && editingMeta()}>
-            {(page) => (
-              <div class="lg:col-span-3 space-y-6">
-                <div class="grid grid-cols-1 lg:grid-cols-2 gap-6">
-                  <div>
-                    <h2 class="font-semibold mb-4">Edit Metadata</h2>
-                    <MetaEditor meta={editingMeta()!} onChange={setEditingMeta} />
-                  </div>
-
-                  <div class="space-y-6">
-                    <div>
-                      <h2 class="font-semibold mb-4">Preview</h2>
-                      <SEOPreview meta={editingMeta()!} />
-                    </div>
-
-                    <SEOScoreCard meta={editingMeta()!} />
-                  </div>
-                </div>
-
-                <div class="flex gap-2">
-                  <button
-                    onClick={handleSave}
-                    class="px-4 py-2 bg-green-600 text-white rounded hover:bg-green-700"
-                  >
-                    Save
-                  </button>
-                  <button
-                    onClick={handleDelete}
-                    class="px-4 py-2 bg-red-600 text-white rounded hover:bg-red-700"
-                  >
-                    Delete
-                  </button>
-                </div>
-              </div>
-            )}
-          </Show>
-        </div>
-      </div>
-    </Show>
-  )
-}

package/packages/solidjs/src/pages/SEOAnalyticsPage.tsx

@@ -1,102 +0,0 @@
-import { createSignal, createEffect, For, Show } from 'solid-js'
-
-interface AnalyticsSummary {
-  path: string
-  views: number
-  avgTimeOnPage: number
-  bounceRate: number
-}
-
-export function SEOAnalyticsPage() {
-  const [topPages, setTopPages] = createSignal<AnalyticsSummary[]>([])
-  const [isLoading, setIsLoading] = createSignal(false)
-
-  createEffect(() => {
-    setIsLoading(true)
-    // Placeholder for Convex query integration
-    // const result = await client.query(api.queries.getTopPages, { limit: 10 })
-    // setTopPages(result)
-    setIsLoading(false)
-  })
-
-  return (
-    <Show fallback={<div class="p-4">Loading...</div>} when={!isLoading()}>
-      <div class="max-w-6xl mx-auto p-6">
-        <h1 class="text-3xl font-bold mb-6">SEO Analytics</h1>
-
-        <div class="space-y-6">
-          {/* Top Pages */}
-          <div class="border border-gray-200 rounded p-4">
-            <h2 class="font-semibold mb-4">Top Pages by Views</h2>
-
-            <div class="overflow-x-auto">
-              <table class="w-full text-sm">
-                <thead class="bg-gray-100 border-b">
-                  <tr>
-                    <th class="text-left p-3">Page</th>
-                    <th class="text-right p-3">Views</th>
-                    <th class="text-right p-3">Avg Time (s)</th>
-                    <th class="text-right p-3">Bounce Rate</th>
-                  </tr>
-                </thead>
-                <tbody>
-                  <For each={topPages()}>
-                    {(page, i) => (
-                      <tr class="border-b hover:bg-gray-50">
-                        <td class="p-3 font-mono text-xs">{page.path}</td>
-                        <td class="p-3 text-right">{page.views.toLocaleString()}</td>
-                        <td class="p-3 text-right">{page.avgTimeOnPage.toFixed(1)}</td>
-                        <td class="p-3 text-right">{(page.bounceRate * 100).toFixed(1)}%</td>
-                      </tr>
-                    )}
-                  </For>
-                </tbody>
-              </table>
-            </div>
-
-            <Show when={topPages().length === 0}>
-              <p class="text-center text-gray-500 py-8">No analytics data available</p>
-            </Show>
-          </div>
-
-          {/* Analytics Summary */}
-          <div class="grid grid-cols-1 md:grid-cols-3 gap-4">
-            <div class="border border-gray-200 rounded p-4">
-              <h3 class="text-sm text-gray-600 mb-1">Total Views</h3>
-              <p class="text-2xl font-bold">
-                {topPages()
-                  .reduce((sum, p) => sum + p.views, 0)
-                  .toLocaleString()}
-              </p>
-            </div>
-
-            <div class="border border-gray-200 rounded p-4">
-              <h3 class="text-sm text-gray-600 mb-1">Average Time on Page</h3>
-              <p class="text-2xl font-bold">
-                {topPages().length > 0
-                  ? (
-                      topPages().reduce((sum, p) => sum + p.avgTimeOnPage, 0) / topPages().length
-                    ).toFixed(1)
-                  : '0'}
-                s
-              </p>
-            </div>
-
-            <div class="border border-gray-200 rounded p-4">
-              <h3 class="text-sm text-gray-600 mb-1">Average Bounce Rate</h3>
-              <p class="text-2xl font-bold">
-                {topPages().length > 0
-                  ? (
-                      (topPages().reduce((sum, p) => sum + p.bounceRate, 0) / topPages().length) *
-                      100
-                    ).toFixed(1)
-                  : '0'}
-                %
-              </p>
-            </div>
-          </div>
-        </div>
-      </div>
-    </Show>
-  )
-}

package/packages/solidjs/src/pages/index.ts

@@ -1,2 +0,0 @@
-export * from './SEOAdminPage'
-export * from './SEOAnalyticsPage'

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

@@ -1,4 +0,0 @@
-export * from './useSEO'
-export * from './useSEOAdmin'
-export * from './useSEOScore'
-export * from './useSitemap'

package/packages/solidjs/src/primitives/useSEO.ts

@@ -1,27 +0,0 @@
-import { createSignal, createEffect } from 'solid-js'
-import type { SEOMeta } from '@geenius-seo/shared'
-
-interface UseSEOOptions {
-  path?: string
-}
-
-export function useSEO(options?: UseSEOOptions) {
-  const [meta, setMeta] = createSignal<SEOMeta | null>(null)
-  const [isLoading, setIsLoading] = createSignal(false)
-
-  const updateMeta = (newMeta: SEOMeta) => {
-    setMeta(newMeta)
-  }
-
-  createEffect(() => {
-    if (!options?.path) return
-
-    setIsLoading(true)
-    // Placeholder for Convex query integration
-    // const meta = await client.query(api.queries.getSEOMeta, { path: options.path })
-    // setMeta(meta)
-    setIsLoading(false)
-  })
-
-  return { meta, updateMeta, isLoading }
-}

package/packages/solidjs/src/primitives/useSEOAdmin.ts

@@ -1,42 +0,0 @@
-import { createSignal, createEffect } from 'solid-js'
-import type { SEOMeta } from '@geenius-seo/shared'
-
-interface PageEntry {
-  path: string
-  meta: SEOMeta
-}
-
-export function useSEOAdmin() {
-  const [pages, setPages] = createSignal<PageEntry[]>([])
-  const [isLoading, setIsLoading] = createSignal(false)
-
-  const upsertMeta = async (path: string, meta: SEOMeta) => {
-    // Placeholder for Convex mutation integration
-    // await client.mutation(api.mutations.upsertSEOMeta, { path, meta })
-    setPages((prev) => {
-      const existing = prev.findIndex((p) => p.path === path)
-      if (existing >= 0) {
-        const next = [...prev]
-        next[existing] = { path, meta }
-        return next
-      }
-      return [...prev, { path, meta }]
-    })
-  }
-
-  const deleteMeta = async (path: string) => {
-    // Placeholder for Convex mutation integration
-    // await client.mutation(api.mutations.deleteSEOMeta, { path })
-    setPages((prev) => prev.filter((p) => p.path !== path))
-  }
-
-  createEffect(() => {
-    setIsLoading(true)
-    // Placeholder for Convex query integration
-    // const result = await client.query(api.queries.listPages, { limit: 100 })
-    // setPages(result)
-    setIsLoading(false)
-  })
-
-  return { pages, upsertMeta, deleteMeta, isLoading }
-}

package/packages/solidjs/src/primitives/useSEOScore.ts

@@ -1,7 +0,0 @@
-import { createMemo } from 'solid-js'
-import { calcSEOScore } from '@geenius-seo/shared'
-import type { SEOMeta } from '@geenius-seo/shared'
-
-export function useSEOScore(meta: () => SEOMeta) {
-  return createMemo(() => calcSEOScore(meta()))
-}

package/packages/solidjs/src/primitives/useSitemap.ts

@@ -1,8 +0,0 @@
-import { createMemo } from 'solid-js'
-import { generateSitemapXml } from '@geenius-seo/shared'
-import type { SitemapEntry } from '@geenius-seo/shared'
-
-export function useSitemap(entries: () => SitemapEntry[]) {
-  const xml = createMemo(() => generateSitemapXml(entries()))
-  return { xml }
-}

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.ts' },
-    outDir: 'dist',
-    format: ['esm'],
-    dts: true,
-    sourcemap: true,
-    clean: true,
-    treeshake: true,
-    external: ['solid-js'],
-})

package/packages/solidjs-css/package.json

@@ -1,35 +0,0 @@
-{
-  "name": "@geenius-seo/solidjs-css",
-  "version": "0.1.0",
-  "description": "Geenius SEO — solidjs components with vanilla CSS",
-  "type": "module",
-  "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",
-    "clean": "rm -rf dist"
-  },
-  "files": ["dist"],
-  "publishConfig": { "access": "public" },
-  "peerDependencies": { "solid-js": ">=1.8.0" },
-  "dependencies": {
-    "@geenius-seo/shared": "workspace:*"
-  },
-  "devDependencies": {
-    "solid-js": "^1.9.0",
-    "tsup": "^8.5.1",
-    "typescript": "~6.0.2"
-  },
-  "author": "Antigravity HQ",
-  "license": "MIT",
-  "engines": { "node": ">=20.0.0" }
-}

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

@@ -1,5 +0,0 @@
-// Re-export all SolidJS primitives and types
-export * from '@geenius-seo/solidjs'
-
-// CSS Styles (same as react-css)
-import './seo.css'

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

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

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

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

package/pnpm-workspace.yaml

@@ -1,2 +0,0 @@
-packages:
-  - 'packages/*'

package/tsconfig.json

@@ -1,23 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "ES2022",
-    "module": "ESNext",
-    "moduleResolution": "bundler",
-    "esModuleInterop": true,
-    "strict": true,
-    "skipLibCheck": true,
-    "declaration": true,
-    "declarationMap": true,
-    "sourceMap": true,
-    "outDir": "dist",
-    "rootDir": "src",
-    "jsx": "react-jsx",
-    "forceConsistentCasingInFileNames": true,
-    "resolveJsonModule": true,
-    "isolatedModules": true
-  },
-  "exclude": [
-    "node_modules",
-    "dist"
-  ]
-}