@autumnsgrove/groveengine 0.8.0 → 0.8.6

package/dist/ui/tokens/fonts.js

@@ -61,39 +61,7 @@ export const fonts = [
             "sans-serif",
         ],
     },
-    {
-        id: "luciole",
-        name: "Luciole",
-        file: "Luciole-Regular.ttf",
-        format: "truetype",
-        fontFamily: "Luciole",
-        category: "accessibility",
-        description: "French accessibility font designed for visually impaired readers.",
-        fallback: [
-            "-apple-system",
-            "BlinkMacSystemFont",
-            "Segoe UI",
-            "Roboto",
-            "sans-serif",
-        ],
-    },
     // Modern sans-serif fonts
-    {
-        id: "nunito",
-        name: "Nunito",
-        file: "Nunito-Regular.ttf",
-        format: "truetype",
-        fontFamily: "Nunito",
-        category: "sans-serif",
-        description: "Friendly rounded sans-serif. Warm and approachable.",
-        fallback: [
-            "-apple-system",
-            "BlinkMacSystemFont",
-            "Segoe UI",
-            "Roboto",
-            "sans-serif",
-        ],
-    },
     {
         id: "quicksand",
         name: "Quicksand",
@@ -110,38 +78,6 @@ export const fonts = [
             "sans-serif",
         ],
     },
-    {
-        id: "manrope",
-        name: "Manrope",
-        file: "Manrope-Regular.ttf",
-        format: "truetype",
-        fontFamily: "Manrope",
-        category: "sans-serif",
-        description: "Professional geometric sans. Clean and contemporary.",
-        fallback: [
-            "-apple-system",
-            "BlinkMacSystemFont",
-            "Segoe UI",
-            "Roboto",
-            "sans-serif",
-        ],
-    },
-    {
-        id: "instrument-sans",
-        name: "Instrument Sans",
-        file: "InstrumentSans-Regular.ttf",
-        format: "truetype",
-        fontFamily: "Instrument Sans",
-        category: "sans-serif",
-        description: "Low contrast sans with humanist touches. Elegant simplicity.",
-        fallback: [
-            "-apple-system",
-            "BlinkMacSystemFont",
-            "Segoe UI",
-            "Roboto",
-            "sans-serif",
-        ],
-    },
     {
         id: "plus-jakarta-sans",
         name: "Plus Jakarta Sans",
@@ -158,67 +94,6 @@ export const fonts = [
             "sans-serif",
         ],
     },
-    // Serif fonts
-    {
-        id: "cormorant",
-        name: "Cormorant",
-        file: "Cormorant-Regular.ttf",
-        format: "truetype",
-        fontFamily: "Cormorant",
-        category: "serif",
-        description: "Elegant display serif inspired by Garamond. Refined and classic.",
-        fallback: ["Georgia", "Times New Roman", "serif"],
-    },
-    {
-        id: "bodoni-moda",
-        name: "Bodoni Moda",
-        file: "BodoniModa-Regular.ttf",
-        format: "truetype",
-        fontFamily: "Bodoni Moda",
-        category: "serif",
-        description: "High contrast modern serif. Bold and sophisticated.",
-        fallback: ["Georgia", "Times New Roman", "serif"],
-    },
-    {
-        id: "lora",
-        name: "Lora",
-        file: "Lora-Regular.ttf",
-        format: "truetype",
-        fontFamily: "Lora",
-        category: "serif",
-        description: "Well-balanced contemporary serif. Excellent for body text.",
-        fallback: ["Georgia", "Times New Roman", "serif"],
-    },
-    {
-        id: "eb-garamond",
-        name: "EB Garamond",
-        file: "EBGaramond-Regular.ttf",
-        format: "truetype",
-        fontFamily: "EB Garamond",
-        category: "serif",
-        description: "Revival of classic Garamond. Timeless book typography.",
-        fallback: ["Georgia", "Times New Roman", "serif"],
-    },
-    {
-        id: "merriweather",
-        name: "Merriweather",
-        file: "Merriweather-Regular.ttf",
-        format: "truetype",
-        fontFamily: "Merriweather",
-        category: "serif",
-        description: "Designed for screen reading. Excellent legibility.",
-        fallback: ["Georgia", "Times New Roman", "serif"],
-    },
-    {
-        id: "fraunces",
-        name: "Fraunces",
-        file: "Fraunces-Regular.ttf",
-        format: "truetype",
-        fontFamily: "Fraunces",
-        category: "serif",
-        description: 'Soft serif with "wonky" optical axes. Warm personality.',
-        fallback: ["Georgia", "Times New Roman", "serif"],
-    },
     // Monospace fonts
     {
         id: "ibm-plex-mono",
@@ -335,7 +210,6 @@ export const fontCategoryLabels = {
     default: "Default",
     accessibility: "Accessibility",
     "sans-serif": "Sans-Serif",
-    serif: "Serif",
     monospace: "Monospace",
     display: "Display & Special",
 };

package/dist/ui/vineyard/index.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Vineyard Components
+ * Re-exports from @autumnsgrove/vineyard package
+ *
+ * Usage:
+ * import { VineyardLayout, FeatureCard, StatusBadge } from '@autumnsgrove/groveengine/vineyard';
+ */
+export { VineyardLayout, FeatureCard, StatusBadge, DemoContainer, CodeExample, TierGate, RoadmapSection, } from "@autumnsgrove/vineyard/vineyard";
+export type { VineyardStatus, GroveTool, GroveTier, VineyardLayoutProps, FeatureCardProps, StatusBadgeProps, DemoContainerProps, CodeExampleProps, TierGateProps, RoadmapSectionProps, } from "@autumnsgrove/vineyard/vineyard";

package/dist/ui/vineyard/index.js

@@ -0,0 +1,8 @@
+/**
+ * Vineyard Components
+ * Re-exports from @autumnsgrove/vineyard package
+ *
+ * Usage:
+ * import { VineyardLayout, FeatureCard, StatusBadge } from '@autumnsgrove/groveengine/vineyard';
+ */
+export { VineyardLayout, FeatureCard, StatusBadge, DemoContainer, CodeExample, TierGate, RoadmapSection, } from "@autumnsgrove/vineyard/vineyard";

package/dist/utils/csrf.js

@@ -44,7 +44,8 @@ export function validateCSRF(request) {
   }
 
   const origin = request.headers.get("origin");
-  const host = request.headers.get("host");
+  // Check X-Forwarded-Host first (set by grove-router proxy), then fall back to host
+  const host = request.headers.get("x-forwarded-host") || request.headers.get("host");
 
   // Allow same-origin requests
   if (origin) {
@@ -65,9 +66,11 @@ export function validateCSRF(request) {
         return false;
       }
 
+      // Check if origin matches host OR is a *.grove.place subdomain
       const hostMatches = host && originUrl.host === host;
+      const isGroveDomain = originUrl.hostname.endsWith(".grove.place") || originUrl.hostname === "grove.place";
 
-      if (!isLocalhost && !hostMatches) {
+      if (!isLocalhost && !hostMatches && !isGroveDomain) {
         return false;
       }
     } catch {

package/dist/utils/readability.d.ts

@@ -0,0 +1,89 @@
+/**
+ * Readability Analysis - Local Calculations
+ *
+ * Readability scoring using Flesch-Kincaid and other metrics.
+ * No AI needed - purely algorithmic analysis.
+ *
+ * @see docs/specs/writing-assistant-unified-spec.md
+ */
+/**
+ * @typedef {Object} ReadabilityResult
+ * @property {number} fleschKincaid - Grade level (e.g., 8.5)
+ * @property {string} readingTime - Human-readable time (e.g., "5 min read")
+ * @property {number} wordCount - Total words
+ * @property {number} sentenceCount - Total sentences
+ * @property {Object} sentenceStats - Sentence statistics
+ * @property {number} sentenceStats.average - Average words per sentence
+ * @property {number} sentenceStats.longest - Longest sentence word count
+ * @property {number} sentenceStats.shortest - Shortest sentence word count
+ * @property {string[]} suggestions - Improvement suggestions
+ */
+/**
+ * Calculate readability metrics for content
+ *
+ * @param {string} content - The text to analyze (can include markdown)
+ * @returns {ReadabilityResult}
+ */
+export function calculateReadability(content: string): ReadabilityResult;
+/**
+ * Strip markdown syntax for cleaner readability analysis
+ *
+ * @param {string} content - Markdown content
+ * @returns {string} Plain text
+ */
+export function stripMarkdownForAnalysis(content: string): string;
+/**
+ * Count syllables in a word (approximate)
+ *
+ * NOTE: This is a regex-based approximation that works reasonably well for
+ * common English words but will be inaccurate for:
+ * - Words with silent vowels (e.g., "subtle", "queue")
+ * - Compound words and contractions
+ * - Words borrowed from other languages
+ * - Proper nouns and technical terms
+ *
+ * For readability scoring purposes, this approximation is sufficient since
+ * Flesch-Kincaid is already an estimate and small syllable miscounts don't
+ * significantly impact the final grade level calculation.
+ *
+ * @param {string} word - The word to count syllables for
+ * @returns {number} Estimated syllable count
+ */
+export function countSyllables(word: string): number;
+/**
+ * Get a human-readable description of the grade level
+ *
+ * @param {number} grade - Flesch-Kincaid grade level
+ * @returns {string} Description
+ */
+export function getGradeDescription(grade: number): string;
+export type ReadabilityResult = {
+    /**
+     * - Grade level (e.g., 8.5)
+     */
+    fleschKincaid: number;
+    /**
+     * - Human-readable time (e.g., "5 min read")
+     */
+    readingTime: string;
+    /**
+     * - Total words
+     */
+    wordCount: number;
+    /**
+     * - Total sentences
+     */
+    sentenceCount: number;
+    /**
+     * - Sentence statistics
+     */
+    sentenceStats: {
+        average: number;
+        longest: number;
+        shortest: number;
+    };
+    /**
+     * - Improvement suggestions
+     */
+    suggestions: string[];
+};

package/dist/utils/readability.js

@@ -0,0 +1,204 @@
+/**
+ * Readability Analysis - Local Calculations
+ *
+ * Readability scoring using Flesch-Kincaid and other metrics.
+ * No AI needed - purely algorithmic analysis.
+ *
+ * @see docs/specs/writing-assistant-unified-spec.md
+ */
+
+/**
+ * @typedef {Object} ReadabilityResult
+ * @property {number} fleschKincaid - Grade level (e.g., 8.5)
+ * @property {string} readingTime - Human-readable time (e.g., "5 min read")
+ * @property {number} wordCount - Total words
+ * @property {number} sentenceCount - Total sentences
+ * @property {Object} sentenceStats - Sentence statistics
+ * @property {number} sentenceStats.average - Average words per sentence
+ * @property {number} sentenceStats.longest - Longest sentence word count
+ * @property {number} sentenceStats.shortest - Shortest sentence word count
+ * @property {string[]} suggestions - Improvement suggestions
+ */
+
+/**
+ * Calculate readability metrics for content
+ *
+ * @param {string} content - The text to analyze (can include markdown)
+ * @returns {ReadabilityResult}
+ */
+export function calculateReadability(content) {
+	// Strip markdown syntax for clean text analysis
+	const text = stripMarkdownForAnalysis(content);
+
+	const sentences = text.split(/[.!?]+/).filter((s) => s.trim().length > 0);
+	const words = text.split(/\s+/).filter((w) => w.length > 0);
+	const syllables = words.reduce((sum, word) => sum + countSyllables(word), 0);
+
+	const sentenceCount = Math.max(sentences.length, 1);
+	const wordCount = Math.max(words.length, 1);
+
+	const wordsPerSentence = wordCount / sentenceCount;
+	const syllablesPerWord = syllables / wordCount;
+
+	// Flesch-Kincaid Grade Level
+	const fleschKincaid = Math.max(
+		0,
+		0.39 * wordsPerSentence + 11.8 * syllablesPerWord - 15.59
+	);
+
+	// Reading time (~200 words per minute for focused reading)
+	const minutes = Math.ceil(wordCount / 200);
+
+	// Sentence length stats
+	const sentenceLengths = sentences.map(
+		(s) => s.split(/\s+/).filter((w) => w.length > 0).length
+	);
+
+	return {
+		fleschKincaid: Math.round(fleschKincaid * 10) / 10,
+		readingTime: `${minutes} min read`,
+		wordCount,
+		sentenceCount,
+		sentenceStats: {
+			average: Math.round(wordsPerSentence),
+			longest: sentenceLengths.length > 0 ? Math.max(...sentenceLengths) : 0,
+			shortest: sentenceLengths.length > 0 ? Math.min(...sentenceLengths) : 0
+		},
+		suggestions: generateSuggestions(fleschKincaid, wordsPerSentence, sentenceLengths)
+	};
+}
+
+/**
+ * Strip markdown syntax for cleaner readability analysis
+ *
+ * @param {string} content - Markdown content
+ * @returns {string} Plain text
+ */
+export function stripMarkdownForAnalysis(content) {
+	return content
+		.replace(/```[\s\S]*?```/g, '') // Remove code blocks
+		.replace(/`[^`]+`/g, '') // Remove inline code
+		.replace(/\[([^\]]+)\]\([^)]+\)/g, '$1') // Replace links with text
+		.replace(/[#*_~>]/g, '') // Remove markdown chars
+		.replace(/^\s*[-+*]\s+/gm, '') // Remove list markers
+		.replace(/^\s*\d+\.\s+/gm, '') // Remove numbered list markers
+		.trim();
+}
+
+/**
+ * Count syllables in a word (approximate)
+ *
+ * NOTE: This is a regex-based approximation that works reasonably well for
+ * common English words but will be inaccurate for:
+ * - Words with silent vowels (e.g., "subtle", "queue")
+ * - Compound words and contractions
+ * - Words borrowed from other languages
+ * - Proper nouns and technical terms
+ *
+ * For readability scoring purposes, this approximation is sufficient since
+ * Flesch-Kincaid is already an estimate and small syllable miscounts don't
+ * significantly impact the final grade level calculation.
+ *
+ * @param {string} word - The word to count syllables for
+ * @returns {number} Estimated syllable count
+ */
+export function countSyllables(word) {
+	word = word.toLowerCase().replace(/[^a-z]/g, '');
+	if (word.length <= 3) return 1;
+
+	word = word.replace(/(?:[^laeiouy]es|ed|[^laeiouy]e)$/, '');
+	word = word.replace(/^y/, '');
+
+	const matches = word.match(/[aeiouy]{1,2}/g);
+	return matches ? Math.max(matches.length, 1) : 1;
+}
+
+/**
+ * Generate readability improvement suggestions
+ *
+ * @param {number} grade - Flesch-Kincaid grade level
+ * @param {number} avgSentence - Average words per sentence
+ * @param {number[]} sentenceLengths - Array of sentence lengths
+ * @returns {string[]} Suggestions (max 4)
+ */
+function generateSuggestions(grade, avgSentence, sentenceLengths) {
+	const suggestions = [];
+
+	// Grade level suggestions
+	if (grade > 14) {
+		suggestions.push(
+			'Your writing is quite complex. Consider simplifying for broader accessibility.'
+		);
+	} else if (grade > 12) {
+		suggestions.push(
+			'College-level reading. Consider if this matches your audience.'
+		);
+	}
+
+	// Sentence length suggestions
+	if (avgSentence > 30) {
+		suggestions.push(
+			'Many sentences are quite long. Breaking them up could improve clarity.'
+		);
+	} else if (avgSentence > 25) {
+		suggestions.push(
+			'Some sentences are on the longer side. Variety in length can improve flow.'
+		);
+	}
+
+	// Very long sentences
+	const veryLong = sentenceLengths.filter((l) => l > 40);
+	if (veryLong.length > 0) {
+		suggestions.push(
+			`Found ${veryLong.length} sentence${veryLong.length > 1 ? 's' : ''} over 40 words.`
+		);
+	}
+
+	// Very simple
+	if (grade < 6 && avgSentence < 10) {
+		suggestions.push(
+			'Very simple sentences. This works well for accessibility or quick reads.'
+		);
+	}
+
+	// Sentence variety
+	if (sentenceLengths.length > 5) {
+		const variance = calculateVariance(sentenceLengths);
+		if (variance < 10) {
+			suggestions.push(
+				'Sentence lengths are very uniform. Varying rhythm can make writing more engaging.'
+			);
+		}
+	}
+
+	return suggestions.slice(0, 4); // Max 4 suggestions
+}
+
+/**
+ * Calculate variance for sentence length variety
+ *
+ * @param {number[]} numbers - Array of numbers
+ * @returns {number} Variance
+ */
+function calculateVariance(numbers) {
+	if (numbers.length === 0) return 0;
+	const mean = numbers.reduce((a, b) => a + b, 0) / numbers.length;
+	return (
+		numbers.reduce((sum, n) => sum + Math.pow(n - mean, 2), 0) / numbers.length
+	);
+}
+
+/**
+ * Get a human-readable description of the grade level
+ *
+ * @param {number} grade - Flesch-Kincaid grade level
+ * @returns {string} Description
+ */
+export function getGradeDescription(grade) {
+	if (grade <= 5) return 'Elementary school level - very easy to read';
+	if (grade <= 8) return 'Middle school level - easy to read';
+	if (grade <= 10) return 'High school level - fairly easy to read';
+	if (grade <= 12) return 'High school senior level - moderately difficult';
+	if (grade <= 14) return 'College level - difficult';
+	return 'Graduate level - very difficult';
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@autumnsgrove/groveengine",
-  "version": "0.8.0",
+  "version": "0.8.6",
   "description": "Multi-tenant blog engine for Grove Platform. Features gutter annotations, markdown editing, magic code auth, and Cloudflare Workers deployment.",
   "author": "AutumnsGrove",
   "license": "AGPL-3.0-only",
@@ -73,6 +73,11 @@
       "svelte": "./dist/ui/components/states/index.js",
       "default": "./dist/ui/components/states/index.js"
     },
+    "./ui/typography": {
+      "types": "./dist/ui/components/typography/index.d.ts",
+      "svelte": "./dist/ui/components/typography/index.js",
+      "default": "./dist/ui/components/typography/index.js"
+    },
     "./ui/nature": {
       "types": "./dist/ui/components/nature/index.d.ts",
       "svelte": "./dist/ui/components/nature/index.js",
@@ -141,6 +146,11 @@
     "./services/*": {
       "types": "./dist/server/services/*.d.ts",
       "default": "./dist/server/services/*.js"
+    },
+    "./vineyard": {
+      "types": "./dist/ui/vineyard/index.d.ts",
+      "svelte": "./dist/ui/vineyard/index.js",
+      "default": "./dist/ui/vineyard/index.js"
     }
   },
   "files": [
@@ -148,6 +158,26 @@
     "static",
     "!dist/**/*.test.*"
   ],
+  "scripts": {
+    "dev": "vite dev",
+    "dev:wrangler": "wrangler pages dev -- vite dev",
+    "build": "vite build",
+    "build:package": "svelte-kit sync && svelte-package -o dist",
+    "package": "svelte-kit sync && svelte-package -o dist",
+    "prepublishOnly": "pnpm run package",
+    "preview": "vite preview",
+    "deploy": "wrangler pages deploy .svelte-kit/cloudflare --project-name groveengine",
+    "audit": "pnpm audit --audit-level=moderate",
+    "audit:fix": "pnpm audit --fix",
+    "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
+    "check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
+    "test": "vitest",
+    "test:ui": "vitest --ui",
+    "test:run": "vitest run",
+    "test:security": "vitest run tests/security",
+    "test:coverage": "vitest run --coverage",
+    "test:watch": "vitest watch"
+  },
   "peerDependencies": {
     "@sveltejs/kit": "^2.0.0",
     "svelte": "^5.0.0",
@@ -163,6 +193,8 @@
     "@tailwindcss/typography": "^0.5.19",
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/svelte": "^5.2.9",
+    "@types/react": "^19.2.7",
+    "@types/react-dom": "^19.2.3",
     "@vitest/coverage-v8": "^4.0.16",
     "@vitest/ui": "^4.0.14",
     "autoprefixer": "^10.4.22",
@@ -170,15 +202,19 @@
     "happy-dom": "^20.0.11",
     "jsdom": "^27.2.0",
     "postcss": "^8.5.6",
+    "react": "^19.2.3",
+    "react-dom": "^19.2.3",
     "svelte": "^5.1.9",
     "svelte-check": "^4.0.0",
     "tailwind-variants": "^0.3.0",
     "tailwindcss": "^3.4.18",
     "typescript": "^5.6.0",
+    "vibe-kanban-web-companion": "^0.0.5",
     "vite": "^5.4.10",
     "vitest": "^4.0.14"
   },
   "dependencies": {
+    "@autumnsgrove/vineyard": "link:../../../Vineyard",
     "chart.js": "^4.5.1",
     "clsx": "^2.1.1",
     "dompurify": "^3.3.0",
@@ -188,24 +224,5 @@
     "marked": "^17.0.1",
     "svelte-sonner": "^1.0.7",
     "tailwind-merge": "^3.4.0"
-  },
-  "scripts": {
-    "dev": "vite dev",
-    "dev:wrangler": "wrangler pages dev -- vite dev",
-    "build": "vite build",
-    "build:package": "svelte-kit sync && svelte-package -o dist",
-    "package": "svelte-kit sync && svelte-package -o dist",
-    "preview": "vite preview",
-    "deploy": "wrangler pages deploy .svelte-kit/cloudflare --project-name groveengine",
-    "audit": "pnpm audit --audit-level=moderate",
-    "audit:fix": "pnpm audit --fix",
-    "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
-    "check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
-    "test": "vitest",
-    "test:ui": "vitest --ui",
-    "test:run": "vitest run",
-    "test:security": "vitest run tests/security",
-    "test:coverage": "vitest run --coverage",
-    "test:watch": "vitest watch"
   }
-}
+}