make value-parser -> parse-value

Author: bartveneman

package.json

@@ -35,6 +35,10 @@
 			"types": "./dist/parse-atrule-prelude.d.ts",
 			"import": "./dist/parse-atrule-prelude.js"
 		},
+		"./parse-value": {
+			"types": "./dist/parse-value.d.ts",
+			"import": "./dist/parse-value.js"
+		},
 		"./parse-anplusb": {
 			"types": "./dist/parse-anplusb.d.ts",
 			"import": "./dist/parse-anplusb.js"

src/index.ts

@@ -4,6 +4,7 @@
 export { parse } from './parse'
 export { parse_selector } from './parse-selector'
 export { parse_atrule_prelude } from './parse-atrule-prelude'
+export { parse_value } from './parse-value'
 export { tokenize } from './tokenize'
 export { walk, traverse } from './walk'
 

src/value-parser.test.ts src/parse-value.test.tssrc/value-parser.test.ts renamed to src/parse-value.test.ts

@@ -1,7 +1,7 @@
 // Value Parser - Parses CSS declaration values into structured AST nodes
 import { Lexer } from './lexer'
-import type { CSSDataArena } from './arena'
 import {
+	CSSDataArena,
 	NODE_VALUE_KEYWORD,
 	NODE_VALUE_NUMBER,
 	NODE_VALUE_DIMENSION,
@@ -25,6 +25,7 @@ import {
 	TOKEN_RIGHT_PAREN,
 } from './token-types'
 import { is_whitespace, CHAR_MINUS_HYPHEN, CHAR_PLUS, CHAR_ASTERISK, CHAR_FORWARD_SLASH } from './string-utils'
+import { CSSNode } from './css-node'
 
 export class ValueParser {
 	private lexer: Lexer
@@ -216,3 +217,22 @@ export class ValueParser {
 		return node
 	}
 }
+
+/**
+ * Parse a CSS declaration value string and return an array of value AST nodes
+ * @param value_string - The CSS value to parse (e.g., "1px solid red")
+ * @returns An array of CSSNode objects representing the parsed value
+ */
+export function parse_value(value_string: string): CSSNode[] {
+	// Create an arena for the value nodes
+	const arena = new CSSDataArena(CSSDataArena.capacity_for_source(value_string.length))
+
+	// Create value parser
+	const value_parser = new ValueParser(arena, value_string)
+
+	// Parse the entire source as a value
+	const node_indices = value_parser.parse_value(0, value_string.length)
+
+	// Wrap each node index in a CSSNode
+	return node_indices.map((index) => new CSSNode(arena, value_string, index))
+}

src/value-parser.ts src/parse-value.tssrc/value-parser.ts renamed to src/parse-value.ts

@@ -15,7 +15,7 @@ import {
 	FLAG_HAS_DECLARATIONS,
 } from './arena'
 import { CSSNode } from './css-node'
-import { ValueParser } from './value-parser'
+import { ValueParser } from './parse-value'
 import { SelectorParser } from './parse-selector'
 import { AtRulePreludeParser } from './parse-atrule-prelude'
 import {

src/parse.ts

@@ -3,11 +3,11 @@ import { NODE_AT_RULE, NODE_STYLE_RULE, NODE_STYLESHEET } from '../../dist/index
 
 describe('Package exports', () => {
 	test('should export main exports from main entry', async () => {
-		let { CSSNode, walk, walk_enter_leave, parse, parse_atrule_prelude, parse_selector } = await import('../../dist/index.js')
+		let { CSSNode, walk, traverse, parse, parse_atrule_prelude, parse_selector } = await import('../../dist/index.js')
 
 		expect(typeof CSSNode).toBe('function')
 		expect(typeof walk).toBe('function')
-		expect(typeof walk_enter_leave).toBe('function')
+		expect(typeof traverse).toBe('function')
 		expect(typeof parse_atrule_prelude).toBe('function')
 		expect(typeof parse_selector).toBe('function')
 		expect(typeof parse).toBe('function')

test/build/exports.test.ts

@@ -9,6 +9,7 @@ export default defineConfig({
 				parse: './src/parse.ts',
 				'parse-selector': './src/parse-selector.ts',
 				'parse-atrule-prelude': './src/parse-atrule-prelude.ts',
+				'parse-value': './src/parse-value.ts',
 				'parse-anplusb': './src/parse-anplusb.ts',
 			},
 			formats: ['es'],