visitors.Atrule() — svelte Function Reference

Architecture documentation for the visitors.Atrule() function in index.js from the svelte codebase.

Function javascript Compiler Analyzer calls 2

Entity Profile

Compiler→ Analyzer→ visitors.Atrule() — svelte Function Reference

Dependency Diagram

graph TD
  fa8ef7cf_988d_d252_4484_d1cb9060ae67["visitors.Atrule()"]
  194b07ed_c18e_6587_618d_b4b4d02442e0["index.js"]
  fa8ef7cf_988d_d252_4484_d1cb9060ae67 -->|defined in| 194b07ed_c18e_6587_618d_b4b4d02442e0
  aee1cb4d_8fc3_fbc4_d431_00510040685f["is_keyframes_node()"]
  fa8ef7cf_988d_d252_4484_d1cb9060ae67 -->|calls| aee1cb4d_8fc3_fbc4_d431_00510040685f
  8e10e0b5_42cd_f5d4_1013_8f80e38b577c["is_in_global_block()"]
  fa8ef7cf_988d_d252_4484_d1cb9060ae67 -->|calls| 8e10e0b5_42cd_f5d4_1013_8f80e38b577c
  style fa8ef7cf_988d_d252_4484_d1cb9060ae67 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/svelte/src/compiler/phases/3-transform/css/index.js lines 82–99

	Atrule(node, { state, next, path }) {
		if (is_keyframes_node(node)) {
			let start = node.start + node.name.length + 1;
			while (state.code.original[start] === ' ') start += 1;
			let end = start;
			while (state.code.original[end] !== '{' && state.code.original[end] !== ' ') end += 1;

			if (node.prelude.startsWith('-global-')) {
				state.code.remove(start, start + 8);
			} else if (!is_in_global_block(path)) {
				state.code.prependRight(start, `${state.hash}-`);
			}

			return; // don't transform anything within
		}

		next();
	},