@autumnsgrove/groveengine 0.4.0 → 0.4.1

package/dist/components/custom/ContentWithGutter.svelte

@@ -76,13 +76,16 @@
 
 	/**
 	 * Calculate positions based on anchor locations, with collision detection
+	 * Uses getBoundingClientRect() for accurate positioning regardless of offset parent chains
 	 */
 	async function updatePositions() {
 		if (!gutterElement || !contentBodyElement) return;
 
 		await tick(); // Wait for DOM to update
 
-		const gutterTop = gutterElement.offsetTop;
+		// Use getBoundingClientRect for accurate relative positioning
+		// This works regardless of offset parent chains and CSS transforms
+		const gutterRect = gutterElement.getBoundingClientRect();
 
 		let lastBottom = 0; // Track the bottom edge of the last positioned item
 		const newOverflowingAnchors = [];
@@ -94,20 +97,24 @@
 			if (!el && import.meta.env.DEV) {
 				console.warn(`Anchor element not found for: ${anchor}`);
 			}
+			// Use getBoundingClientRect for consistent positioning
+			const elRect = el ? el.getBoundingClientRect() : null;
 			return {
 				anchor,
 				key: getKey(anchor),
 				element: el,
-				top: el ? el.offsetTop : Infinity
+				elementRect: elRect,
+				top: elRect ? elRect.top : Infinity
 			};
 		}).sort((a, b) => a.top - b.top);
 
-		anchorPositions.forEach(({ anchor, key, element }) => {
+		anchorPositions.forEach(({ anchor, key, element, elementRect }) => {
 			const groupEl = anchorGroupElements[key];
 
-			if (element && groupEl) {
-				// Desired position (aligned with anchor element)
-				let desiredTop = element.offsetTop - gutterTop;
+			if (element && elementRect && groupEl) {
+				// Calculate position relative to the gutter element's top
+				// This accounts for any content above the content-body (headers, etc.)
+				let desiredTop = elementRect.top - gutterRect.top;
 
 				// Get the height of this gutter group
 				const groupHeight = groupEl.offsetHeight;

package/dist/ui/components/ui/Toast.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-	import { Toaster } from "sonner";
+	import { Toaster } from "svelte-sonner";
 
 	interface Props {
 		position?:

package/dist/ui/components/ui/toast.js

@@ -1,4 +1,4 @@
-import { toast as sonnerToast } from "sonner";
+import { toast as sonnerToast } from "svelte-sonner";
 /**
  * Toast notification utility for displaying temporary messages
  * Wraps sonner toast with consistent defaults and API

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@autumnsgrove/groveengine",
-  "version": "0.4.0",
+  "version": "0.4.1",
   "description": "Multi-tenant blog engine for Grove Platform. Features gutter annotations, markdown editing, magic code auth, and Cloudflare Workers deployment.",
   "author": "AutumnsGrove",
   "license": "MIT",
@@ -129,28 +129,10 @@
     "dist",
     "!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": "npm run package",
-    "preview": "vite preview",
-    "audit": "npm audit --audit-level=moderate",
-    "audit:fix": "npm 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",
+    "svelte-sonner": "^1.0.0",
     "tailwindcss": "^3.4.0"
   },
   "devDependencies": {
@@ -184,8 +166,24 @@
     "gray-matter": "^4.0.3",
     "lucide-svelte": "^0.554.0",
     "marked": "^17.0.1",
-    "sonner": "^2.0.7",
-    "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",
+    "audit": "npm audit --audit-level=moderate",
+    "audit:fix": "npm 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"
   }
-}
+}