@nuasite/cms-marker 0.0.64 → 0.0.66

package/src/types.ts

@@ -69,12 +69,12 @@ export interface ContentConstraints {
 	allowedTags?: string[]
 }
 
-/** Represents a single Tailwind color with its shades */
+/** Represents a single Tailwind color with its shades and values */
 export interface TailwindColor {
 	/** Color name (e.g., 'red', 'blue', 'primary') */
 	name: string
-	/** Available shades (e.g., ['50', '100', '200', ..., '900', '950']) */
-	shades: string[]
+	/** Map of shade to CSS color value (e.g., { '500': '#ef4444', '600': '#dc2626' }) */
+	values: Record<string, string>
 	/** Whether this is a custom/theme color vs default Tailwind */
 	isCustom?: boolean
 }
@@ -103,8 +103,28 @@ export interface AvailableColors {
 	defaultColors: string[]
 	/** Custom/theme color names */
 	customColors: string[]
-	/** Hidden HTML containing all color classes for Tailwind safelist */
-	colorSafelistHtml?: string
+}
+
+/** Text style value with class name and CSS properties */
+export interface TextStyleValue {
+	/** Tailwind class name (e.g., 'font-bold', 'text-xl') */
+	class: string
+	/** Display label for UI */
+	label: string
+	/** CSS properties to apply (e.g., { fontWeight: '700' }) */
+	css: Record<string, string>
+}
+
+/** Available text styles from Tailwind config */
+export interface AvailableTextStyles {
+	/** Font weight options (font-normal, font-bold, etc.) */
+	fontWeight: TextStyleValue[]
+	/** Font size options (text-xs, text-sm, text-base, etc.) */
+	fontSize: TextStyleValue[]
+	/** Text decoration options (underline, line-through, etc.) */
+	textDecoration: TextStyleValue[]
+	/** Font style options (italic, not-italic) */
+	fontStyle: TextStyleValue[]
 }
 
 export interface ManifestEntry {
@@ -127,10 +147,6 @@ export interface ManifestEntry {
 	collectionSlug?: string
 	/** Path to the markdown content file (e.g., 'src/content/blog/my-post.md') */
 	contentPath?: string
-	/** Image source URL (for image entries) - deprecated, use imageMetadata */
-	imageSrc?: string
-	/** Image alt text (for image entries) - deprecated, use imageMetadata */
-	imageAlt?: string
 
 	// === Robustness fields ===
 
@@ -203,4 +219,6 @@ export interface CmsManifest {
 	collections?: Record<string, CollectionEntry>
 	/** Available Tailwind colors from the project's config */
 	availableColors?: AvailableColors
+	/** Available text styles from the project's Tailwind config */
+	availableTextStyles?: AvailableTextStyles
 }

package/src/vite-plugin.ts

@@ -1,5 +1,4 @@
 import type { Plugin } from 'vite'
-import { createAstroTransformPlugin } from './astro-transform'
 import type { ManifestWriter } from './manifest-writer'
 import type { CmsMarkerOptions, ComponentDefinition } from './types'
 
@@ -12,7 +11,7 @@ export interface VitePluginContext {
 }
 
 export function createVitePlugin(context: VitePluginContext): Plugin[] {
-	const { manifestWriter, componentDefinitions, config, command } = context
+	const { manifestWriter, componentDefinitions } = context
 
 	const virtualManifestPlugin: Plugin = {
 		name: 'cms-marker-virtual-manifest',
@@ -34,17 +33,10 @@ export function createVitePlugin(context: VitePluginContext): Plugin[] {
 		},
 	}
 
-	// Create the Astro transform plugin to inject source location attributes
-	// NOTE: Disabled - Astro's native compiler already injects source location
-	// attributes (data-astro-source-file, data-astro-source-loc) in dev mode.
-	// Our html-processor recognizes these native attributes automatically.
-	const astroTransformPlugin = createAstroTransformPlugin({
-		markComponents: config.markComponents,
-		enabled: false, // Not needed - Astro provides source attributes natively
-	})
-
 	// Note: We cannot use transformIndexHtml for static Astro builds because
 	// Astro generates HTML files directly without going through Vite's HTML pipeline.
 	// HTML processing is done in build-processor.ts after pages are generated.
-	return [astroTransformPlugin, virtualManifestPlugin]
+	// Source location attributes are provided natively by Astro's compiler
+	// (data-astro-source-file, data-astro-source-loc) in dev mode.
+	return [virtualManifestPlugin]
 }

package/dist/types/astro-transform.d.ts

@@ -1,21 +0,0 @@
-import type { Plugin } from 'vite';
-export interface AstroTransformOptions {
-    markComponents?: boolean;
-    enabled?: boolean;
-}
-/**
- * Vite plugin that transforms .astro files to inject source location metadata.
- *
- * NOTE: This plugin is currently DISABLED because Astro's native compiler already
- * injects `data-astro-source-file` and `data-astro-source-loc` attributes in dev mode.
- * Our html-processor now recognizes both Astro's native attributes and our custom ones.
- *
- * HISTORICAL CONTEXT: This plugin was created before we discovered Astro's native
- * source tracking. It caused Vite's build-import-analysis to fail with parsing errors
- * because modifying .astro source files confuses Vite's JavaScript parser.
- *
- * KEEPING FOR: Potential future use cases where custom source attribute injection
- * might be needed, or for testing purposes.
- */
-export declare function createAstroTransformPlugin(options?: AstroTransformOptions): Plugin;
-//# sourceMappingURL=astro-transform.d.ts.map

package/dist/types/astro-transform.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"astro-transform.d.ts","sourceRoot":"","sources":["../../src/astro-transform.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,MAAM,CAAA;AAElC,MAAM,WAAW,qBAAqB;IACrC,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,OAAO,CAAC,EAAE,OAAO,CAAA;CACjB;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,0BAA0B,CAAC,OAAO,GAAE,qBAA0B,GAAG,MAAM,CAgDtF"}

package/src/astro-transform.ts

@@ -1,205 +0,0 @@
-import { parse as parseAstro } from '@astrojs/compiler'
-import fs from 'node:fs/promises'
-import path from 'node:path'
-import type { Plugin } from 'vite'
-
-export interface AstroTransformOptions {
-	markComponents?: boolean
-	enabled?: boolean
-}
-
-/**
- * Vite plugin that transforms .astro files to inject source location metadata.
- *
- * NOTE: This plugin is currently DISABLED because Astro's native compiler already
- * injects `data-astro-source-file` and `data-astro-source-loc` attributes in dev mode.
- * Our html-processor now recognizes both Astro's native attributes and our custom ones.
- *
- * HISTORICAL CONTEXT: This plugin was created before we discovered Astro's native
- * source tracking. It caused Vite's build-import-analysis to fail with parsing errors
- * because modifying .astro source files confuses Vite's JavaScript parser.
- *
- * KEEPING FOR: Potential future use cases where custom source attribute injection
- * might be needed, or for testing purposes.
- */
-export function createAstroTransformPlugin(options: AstroTransformOptions = {}): Plugin {
-	// Component marking is intentionally disabled at the transform level
-	// const { markComponents = true } = options;
-	const { enabled = true } = options
-
-	return {
-		name: 'astro-cms-source-injector',
-		enforce: 'pre', // Run before Astro's own transforms
-
-		async transform(code: string, id: string) {
-			// Skip transformation if disabled (e.g., during build mode)
-			if (!enabled) {
-				return null
-			}
-
-			if (!id.endsWith('.astro')) {
-				return null
-			}
-
-			if (id.includes('node_modules')) {
-				return null
-			}
-
-			try {
-				const rawCode = await fs.readFile(id, 'utf-8')
-				const relativePath = path.relative(process.cwd(), id)
-				const result = await parseAstro(rawCode, { position: true })
-
-				if (!result.ast) {
-					return null
-				}
-
-				const transformed = injectSourceAttributes(rawCode, result.ast, relativePath)
-
-				if (transformed !== rawCode) {
-					return {
-						code: transformed,
-						map: null,
-					}
-				}
-
-				return null
-			} catch (error) {
-				console.warn(`[astro-cms-marker] Failed to transform ${id}:`, error)
-				return null
-			}
-		},
-	}
-}
-
-/**
- * Inject source location attributes into HTML elements
- * NOTE: Component marking is NOT done here - it breaks Astro's parser
- */
-function injectSourceAttributes(code: string, ast: any, filePath: string): string {
-	const lines = code.split('\n')
-	const modifications: Array<{ line: number; column: number; insertion: string }> = []
-
-	// Find the template section (after frontmatter)
-	let inFrontmatter = false
-	let frontmatterEnd = -1
-
-	for (let i = 0; i < lines.length; i++) {
-		if (lines[i]?.trim() === '---') {
-			if (!inFrontmatter) {
-				inFrontmatter = true
-			} else {
-				frontmatterEnd = i
-				break
-			}
-		}
-	}
-
-	// If no frontmatter, start from line 0 (all lines are template)
-	if (frontmatterEnd === -1) {
-		frontmatterEnd = -1 // Will make check start.line > 0
-	}
-
-	// Walk the AST and collect modifications
-	const collectElements = (node: any, depth: number = 0) => {
-		if (!node) {
-			return
-		}
-
-		// Only process regular HTML elements, NOT components
-		if (node.type === 'element' && node.position) {
-			const { start } = node.position
-			const tagName = node.name?.toLowerCase()
-
-			// Only process elements in template section (after frontmatter or from start if no frontmatter)
-			const templateStartLine = frontmatterEnd === -1 ? 0 : frontmatterEnd + 1
-			if (start.line > templateStartLine) {
-				// Skip certain elements
-				if (['html', 'head', 'body', 'script', 'style', 'slot', 'fragment'].includes(tagName)) {
-					// Still process children
-					if (node.children && Array.isArray(node.children)) {
-						for (const child of node.children) {
-							collectElements(child, depth + 1)
-						}
-					}
-					return
-				}
-
-				// Find where to insert the attribute (after tag name, before other attributes or >)
-				const lineIndex = start.line - 1
-				if (lineIndex < 0 || lineIndex >= lines.length) {
-					return
-				}
-
-				const line = lines[lineIndex]
-				const tagStartCol = start.column - 1
-
-				// Find the position after the tag name
-				const tagMatch = line?.slice(tagStartCol).match(/^<(\w+)/)
-				if (!tagMatch) {
-					return
-				}
-
-				const insertCol = tagStartCol + tagMatch[0].length
-				const sourceAttr = ` data-astro-source-file="${filePath}" data-astro-source-line="${start.line}"`
-
-				modifications.push({
-					line: lineIndex,
-					column: insertCol,
-					insertion: sourceAttr,
-				})
-			}
-		}
-
-		// Recursively process children
-		if (node.children && Array.isArray(node.children)) {
-			for (const child of node.children) {
-				collectElements(child, depth + 1)
-			}
-		}
-	}
-
-	// Start walking from root children
-	if (ast.children && Array.isArray(ast.children)) {
-		for (const child of ast.children) {
-			collectElements(child, 0)
-		}
-	}
-
-	// Sort modifications by position (reverse order so we can apply them without recalculating positions)
-	modifications.sort((a, b) => {
-		if (a.line !== b.line) {
-			return b.line - a.line
-		}
-		return b.column - a.column
-	})
-
-	// Apply modifications
-	const modifiedLines = [...lines]
-	for (const mod of modifications) {
-		const line = modifiedLines[mod.line]
-
-		// Validate line exists - if not, there's a bug in AST positions or bounds checking
-		if (line === undefined) {
-			console.error(
-				`[astro-cms-marker] Invalid modification at line ${mod.line + 1} in ${filePath}. `
-					+ `This indicates a bug in @astrojs/compiler AST positions or bounds checking. Skipping modification.`,
-			)
-			continue
-		}
-
-		// Validate column is within line bounds
-		if (mod.column < 0 || mod.column > line.length) {
-			console.error(
-				`[astro-cms-marker] Invalid column ${mod.column} at line ${mod.line + 1} in ${filePath}. `
-					+ `Line length is ${line.length}. Skipping modification.`,
-			)
-			continue
-		}
-
-		// Apply the modification safely
-		modifiedLines[mod.line] = line.slice(0, mod.column) + mod.insertion + line.slice(mod.column)
-	}
-
-	return modifiedLines.join('\n')
-}