astro Architecture Docs
Home / Function/ parseInlineCSSToReactLikeObject() — astro Function Reference

parseInlineCSSToReactLikeObject() — astro Function Reference

Architecture documentation for the parseInlineCSSToReactLikeObject() function in parse-inline-css-to-react.ts from the astro codebase.

Function typescript CoreAstro RenderingEngine calls 1

Entity Profile

Dependency Diagram

graph TD
  936aea3f_9f9e_ab18_6d9e_52429dc8e6f1["parseInlineCSSToReactLikeObject()"]
  1a1626cf_4043_99b2_c85a_aca5ce991757["parse-inline-css-to-react.ts"]
  936aea3f_9f9e_ab18_6d9e_52429dc8e6f1 -->|defined in| 1a1626cf_4043_99b2_c85a_aca5ce991757
  856b01e6_64d6_a4ce_93be_c7868b61b93d["convertCssDirectiveNameToReactCamelCase()"]
  936aea3f_9f9e_ab18_6d9e_52429dc8e6f1 -->|calls| 856b01e6_64d6_a4ce_93be_c7868b61b93d
  style 936aea3f_9f9e_ab18_6d9e_52429dc8e6f1 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/integrations/markdoc/src/html/css/parse-inline-css-to-react.ts lines 3–16

export function parseInlineCSSToReactLikeObject(
	css: string | undefined | null,
): React.CSSProperties | undefined {
	if (typeof css === 'string') {
		const cssObject: Record<string, string> = {};
		styleToObject(css, (originalCssDirective: string, value: string) => {
			const reactCssDirective = convertCssDirectiveNameToReactCamelCase(originalCssDirective);
			cssObject[reactCssDirective] = value;
		});
		return cssObject;
	}

	return undefined;
}

Domain

Subdomains

Defined In

Calls

Source

Frequently Asked Questions

What does parseInlineCSSToReactLikeObject() do?
parseInlineCSSToReactLikeObject() is a function in the astro codebase, defined in packages/integrations/markdoc/src/html/css/parse-inline-css-to-react.ts.
Where is parseInlineCSSToReactLikeObject() defined?
parseInlineCSSToReactLikeObject() is defined in packages/integrations/markdoc/src/html/css/parse-inline-css-to-react.ts at line 3.
What does parseInlineCSSToReactLikeObject() call?
parseInlineCSSToReactLikeObject() calls 1 function(s): convertCssDirectiveNameToReactCamelCase.

Analyze Your Own Codebase

Get architecture documentation, dependency graphs, and domain analysis for your codebase in minutes.

Try Supermodel Free