From 8ff05d44d238bb15cbfdb0facd7187d9ff09395b Mon Sep 17 00:00:00 2001
From: Ryan Mark <rgmark@gmail.com>
Date: Fri, 4 Sep 2026 13:51:41 -0700
Subject: [PATCH] Move the <style> attribute helpers into style-tag.js

hasScopedAttribute, getLangAttribute and hasInlineAttributeWithoutLang
were private to template-plugin.js, and unplugin-colocated.js kept its own
copy of the extensions Vite preprocesses. They answer the same question --
how a <style> block is read -- so they now live in one module.

The module is exported as
ember-scoped-css/__private_do_not_use_are_you_serious__/style-tag, a seam
for stylelint-ember-scoped-css (#422), which needs the same answers and
today has its own drifted copies of the first two. Not public API, and the
path says so. It imports nothing, so a consumer does not pull the build
pipeline in behind it.

A move, nothing else: the four things are byte-identical to what they
replace, and the same 203 tests pass.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
---
 ember-scoped-css/package.json                 |  1 +
 ember-scoped-css/src/build/style-tag.js       | 77 +++++++++++++++++++
 ember-scoped-css/src/build/template-plugin.js | 61 ++-------------
 .../src/build/unplugin-colocated.js           | 10 +--
 4 files changed, 84 insertions(+), 65 deletions(-)
 create mode 100644 ember-scoped-css/src/build/style-tag.js

diff --git a/ember-scoped-css/package.json b/ember-scoped-css/package.json
index d19b471a..a0f805eb 100644
--- a/ember-scoped-css/package.json
+++ b/ember-scoped-css/package.json
@@ -27,6 +27,7 @@
       "types": "./declarations/runtime/index.d.ts",
       "default": "./dist/runtime/index.js"
     },
+    "./__private_do_not_use_are_you_serious__/style-tag": "./src/build/style-tag.js",
     "./babel": {
       "import": "./src/build/public-exports/babel.js",
       "require": "./dist/cjs/babel.cjs"
diff --git a/ember-scoped-css/src/build/style-tag.js b/ember-scoped-css/src/build/style-tag.js
new file mode 100644
index 00000000..4183f92c
--- /dev/null
+++ b/ember-scoped-css/src/build/style-tag.js
@@ -0,0 +1,77 @@
+/**
+ * How a `<style>` element in a template is read: whether the build scopes it,
+ * and whether its contents need a preprocessor before anything can treat them
+ * as CSS.
+ *
+ * Thanks, CardStack and @ef4 for this code.
+ */
+
+const SCOPED_ATTRIBUTE_NAME = 'scoped';
+const INLINE_ATTRIBUTE_NAME = 'inline';
+const LANG_ATTRIBUTE_NAME = 'lang';
+
+/**
+ * @param {object} [node]
+ * @returns {boolean | undefined}
+ */
+export function hasScopedAttribute(node) {
+  if (!node) return;
+  if (node.tag !== 'style') return;
+  if (node.type !== 'ElementNode') return;
+
+  return node.attributes.some(
+    (attribute) => attribute.name === SCOPED_ATTRIBUTE_NAME,
+  );
+}
+
+/**
+ * @param {object} [node]
+ * @returns {boolean | undefined}
+ */
+export function hasInlineAttributeWithoutLang(node) {
+  if (!node) return;
+  if (node.tag !== 'style') return;
+  if (node.type !== 'ElementNode') return;
+
+  if (getLangAttribute(node)) {
+    return false;
+  }
+
+  return node.attributes.some(
+    (attribute) => attribute.name === INLINE_ATTRIBUTE_NAME,
+  );
+}
+
+/**
+ * Returns the value of the `lang` attribute on a `<style>` node, or null if absent.
+ *
+ * @param {object} [node]
+ * @returns {string | null}
+ */
+export function getLangAttribute(node) {
+  if (!node) return null;
+  if (node.tag !== 'style') return null;
+  if (node.type !== 'ElementNode') return null;
+
+  const attr = node.attributes.find(
+    (attribute) => attribute.name === LANG_ATTRIBUTE_NAME,
+  );
+
+  if (!attr) return null;
+
+  // The attribute value is a TextNode child of the AttrNode's value
+  const value = attr.value;
+
+  if (value?.type === 'TextNode') return value.chars || null;
+
+  return null;
+}
+
+/** File extensions that Vite can preprocess via its CSS preprocessor pipeline */
+export const PREPROCESSED_EXTENSIONS = new Set([
+  '.scss',
+  '.sass',
+  '.less',
+  '.styl',
+  '.stylus',
+]);
diff --git a/ember-scoped-css/src/build/template-plugin.js b/ember-scoped-css/src/build/template-plugin.js
index 6275ffe9..0e2ccd09 100644
--- a/ember-scoped-css/src/build/template-plugin.js
+++ b/ember-scoped-css/src/build/template-plugin.js
@@ -19,6 +19,11 @@ import {
 } from '../lib/path/utils.js';
 import { request } from '../lib/request.js';
 import { templatePlugin } from '../lib/rewriteHbs.js';
+import {
+  getLangAttribute,
+  hasInlineAttributeWithoutLang,
+  hasScopedAttribute,
+} from './style-tag.js';
 
 const noopPlugin = {
   name: 'ember-scoped-css:noop',
@@ -236,62 +241,6 @@ export function createPlugin(config) {
   };
 }
 
-/**
- * Thanks, CardStack and @ef4 for this code.
- */
-const SCOPED_ATTRIBUTE_NAME = 'scoped';
-const INLINE_ATTRIBUTE_NAME = 'inline';
-const LANG_ATTRIBUTE_NAME = 'lang';
-
-function hasScopedAttribute(node) {
-  if (!node) return;
-  if (node.tag !== 'style') return;
-  if (node.type !== 'ElementNode') return;
-
-  return node.attributes.some(
-    (attribute) => attribute.name === SCOPED_ATTRIBUTE_NAME,
-  );
-}
-
-function hasInlineAttributeWithoutLang(node) {
-  if (!node) return;
-  if (node.tag !== 'style') return;
-  if (node.type !== 'ElementNode') return;
-
-  if (getLangAttribute(node)) {
-    return false;
-  }
-
-  return node.attributes.some(
-    (attribute) => attribute.name === INLINE_ATTRIBUTE_NAME,
-  );
-}
-
-/**
- * Returns the value of the `lang` attribute on a `<style>` node, or null if absent.
- *
- * @param {object} node
- * @returns {string | null}
- */
-function getLangAttribute(node) {
-  if (!node) return null;
-  if (node.tag !== 'style') return null;
-  if (node.type !== 'ElementNode') return null;
-
-  const attr = node.attributes.find(
-    (attribute) => attribute.name === LANG_ATTRIBUTE_NAME,
-  );
-
-  if (!attr) return null;
-
-  // The attribute value is a TextNode child of the AttrNode's value
-  const value = attr.value;
-
-  if (value?.type === 'TextNode') return value.chars || null;
-
-  return null;
-}
-
 function textContent(node) {
   let textChildren = node.children.filter((c) => c.type === 'TextNode');
 
diff --git a/ember-scoped-css/src/build/unplugin-colocated.js b/ember-scoped-css/src/build/unplugin-colocated.js
index a3cf0a3c..4d5eb31b 100644
--- a/ember-scoped-css/src/build/unplugin-colocated.js
+++ b/ember-scoped-css/src/build/unplugin-colocated.js
@@ -4,18 +4,10 @@ import path from 'node:path';
 
 import { rewriteCss } from '../lib/css/rewrite.js';
 import { request } from '../lib/request.js';
+import { PREPROCESSED_EXTENSIONS } from './style-tag.js';
 
 const META = 'scoped-css:colocated';
 
-/** File extensions that Vite can preprocess via its CSS preprocessor pipeline */
-const PREPROCESSED_EXTENSIONS = new Set([
-  '.scss',
-  '.sass',
-  '.less',
-  '.styl',
-  '.stylus',
-]);
-
 /**
  * Plugin for supporting colocated styles
  *