tailwind-styled-v4 1.0.0 → 4.0.0

package/dist/webpack-loader.js

@@ -1,213 +0,0 @@
-"use strict";
-
-// src/utils/classParser.ts
-function parseClassString(cls) {
-  return Array.from(
-    new Set(
-      cls.split(/\s+/).map((c) => c.trim()).filter(Boolean)
-    )
-  );
-}
-function normalizeClasses(cls) {
-  return parseClassString(cls).sort().join(" ");
-}
-
-// src/utils/hash.ts
-function djb2(str) {
-  let hash = 5381;
-  for (let i = 0; i < str.length; i++) {
-    hash = (hash << 5) + hash ^ str.charCodeAt(i);
-    hash = hash >>> 0;
-  }
-  return hash;
-}
-function hashClass(input) {
-  const n = djb2(input);
-  return "tw-" + n.toString(16).slice(0, 5).padStart(5, "0");
-}
-
-// src/compiler/astTransform.ts
-var TEMPLATE_LITERAL_RE = /\btw\.(\w+)`((?:[^`\\]|\\.)*)`/g;
-var OBJECT_CONFIG_RE = /\btw\.(\w+)\(\s*(\{[\s\S]*?\})\s*\)/g;
-var EXTEND_CALL_RE = /(\w+)\.extend`((?:[^`\\]|\\.)*)`/g;
-var IMPORT_RE = /import\s*\{[^}]*\btw\b[^}]*\}\s*from\s*["']tailwind-styled-v4["']/;
-function cleanTemplateLiteral(raw) {
-  return raw.split("\n").map((l) => l.trim()).filter(Boolean).join(" ").replace(/\s+/g, " ").trim();
-}
-function isDynamic(raw) {
-  return raw.includes("${");
-}
-function extractBaseFromObjectConfig(objectStr) {
-  const baseMatch = objectStr.match(/base\s*:\s*["'`]([^"'`]+)["'`]/);
-  return baseMatch ? baseMatch[1].trim() : null;
-}
-function extractVariantsFromObjectConfig(objectStr) {
-  const variants = {};
-  const variantsBlockMatch = objectStr.match(/variants\s*:\s*\{([\s\S]*?)\}\s*[,}]/);
-  if (!variantsBlockMatch) return variants;
-  const block = variantsBlockMatch[1];
-  const variantKeyRe = /(\w+)\s*:\s*\{([^}]+)\}/g;
-  let km;
-  while ((km = variantKeyRe.exec(block)) !== null) {
-    const variantName = km[1];
-    const innerBlock = km[2];
-    variants[variantName] = {};
-    const valueRe = /(\w+)\s*:\s*["'`]([^"'`]+)["'`]/g;
-    let vm;
-    while ((vm = valueRe.exec(innerBlock)) !== null) {
-      variants[variantName][vm[1]] = vm[2].trim();
-    }
-  }
-  return variants;
-}
-function buildStaticAttrs(classes, opts, tag, hash) {
-  const dataAttr = opts.addDataAttr && hash ? `, "data-tw": "${hash}"` : "";
-  return `styled.${tag}.attrs(() => ({ className: "${classes}"${dataAttr} }))\`\``;
-}
-function buildStyledTagWithVariants(tag, base, _variants, opts) {
-  const dataAttr = opts.addDataAttr ? `, "data-tw": "${tag}"` : "";
-  const normalizedBase = normalizeClasses(base);
-  return `styled.${tag}.attrs((p) => ({
-    className: [
-      "${normalizedBase}",
-      p.className
-    ].filter(Boolean).join(" ")${dataAttr}
-  }))\`\``;
-}
-function transformSource(source, opts = {}) {
-  const { mode = "zero-runtime", addDataAttr = false, generateHash = true } = opts;
-  if (!IMPORT_RE.test(source) && !source.includes("tw.")) {
-    return { code: source, classes: [], changed: false };
-  }
-  let code = source;
-  let changed = false;
-  const allClasses = [];
-  if (mode === "extract-only") {
-    const classes = extractAllClasses(source);
-    return { code: source, classes, changed: false };
-  }
-  if (mode === "runtime") {
-    return { code: source, classes: extractAllClasses(source), changed: false };
-  }
-  code = code.replace(
-    TEMPLATE_LITERAL_RE,
-    (_match, tag, content) => {
-      if (isDynamic(content)) {
-        return _match;
-      }
-      const classes = cleanTemplateLiteral(content);
-      const hash = generateHash ? hashClass(`${tag}:${classes}`) : void 0;
-      allClasses.push(...classes.split(/\s+/).filter(Boolean));
-      changed = true;
-      return buildStaticAttrs(classes, { addDataAttr }, tag, hash);
-    }
-  );
-  code = code.replace(
-    OBJECT_CONFIG_RE,
-    (_match, tag, objectStr) => {
-      const base = extractBaseFromObjectConfig(objectStr);
-      const variants = extractVariantsFromObjectConfig(objectStr);
-      if (!base) return _match;
-      const baseClasses = normalizeClasses(base);
-      allClasses.push(...baseClasses.split(/\s+/).filter(Boolean));
-      for (const vMap of Object.values(variants)) {
-        for (const cls of Object.values(vMap)) {
-          allClasses.push(...cls.split(/\s+/).filter(Boolean));
-        }
-      }
-      changed = true;
-      if (Object.keys(variants).length === 0) {
-        const hash = generateHash ? hashClass(`${tag}:${baseClasses}`) : void 0;
-        return buildStaticAttrs(baseClasses, { addDataAttr }, tag, hash);
-      }
-      return buildStyledTagWithVariants(tag, baseClasses, variants, { addDataAttr });
-    }
-  );
-  code = code.replace(
-    EXTEND_CALL_RE,
-    (_match, componentName, content) => {
-      if (isDynamic(content)) return _match;
-      const classes = cleanTemplateLiteral(content);
-      allClasses.push(...classes.split(/\s+/).filter(Boolean));
-      changed = true;
-      return `styled(${componentName}).attrs((p) => ({
-  className: [p.className, "${classes}"].filter(Boolean).join(" ")
-}))\`\``;
-    }
-  );
-  if (changed && !source.includes("import styled from")) {
-    code = `import styled from "styled-components"
-${code}`;
-  }
-  return {
-    code,
-    classes: Array.from(new Set(allClasses)),
-    changed
-  };
-}
-function extractAllClasses(source) {
-  const classes = /* @__PURE__ */ new Set();
-  const addClasses = (str) => {
-    str.split(/\s+/).map((c) => c.trim()).filter((c) => c.length > 0 && /^[-a-z0-9:/[\]!.]+$/.test(c)).forEach((c) => classes.add(c));
-  };
-  let m;
-  const re1 = new RegExp(TEMPLATE_LITERAL_RE.source, "g");
-  while ((m = re1.exec(source)) !== null) addClasses(m[2]);
-  const re2 = new RegExp(OBJECT_CONFIG_RE.source, "g");
-  while ((m = re2.exec(source)) !== null) {
-    const base = extractBaseFromObjectConfig(m[2]);
-    if (base) addClasses(base);
-    const variants = extractVariantsFromObjectConfig(m[2]);
-    for (const vMap of Object.values(variants)) {
-      for (const cls of Object.values(vMap)) addClasses(cls);
-    }
-  }
-  const re3 = new RegExp(EXTEND_CALL_RE.source, "g");
-  while ((m = re3.exec(source)) !== null) addClasses(m[2]);
-  const classNameRe = /className\s*=\s*["']([^"']+)["']/g;
-  while ((m = classNameRe.exec(source)) !== null) addClasses(m[1]);
-  const cnRe = /(?:cn|clsx|twMerge|mergeClasses)\s*\(([^)]+)\)/g;
-  while ((m = cnRe.exec(source)) !== null) {
-    const inner = m[1].replace(/["'`]/g, " ");
-    addClasses(inner);
-  }
-  return Array.from(classes).sort();
-}
-
-// src/compiler/transformTw.ts
-var PROCESSABLE_EXTS = /\.(tsx|ts|jsx|js|mts|mjs)$/;
-function transformTw(source, opts = {}) {
-  const { filepath = "" } = opts;
-  if (filepath && !PROCESSABLE_EXTS.test(filepath)) {
-    return { code: source, classes: [], changed: false };
-  }
-  if (!source.includes("tw") && !source.includes("tailwind-styled")) {
-    return { code: source, classes: [], changed: false };
-  }
-  return transformSource(source, opts);
-}
-function shouldProcess(filepath) {
-  if (!PROCESSABLE_EXTS.test(filepath)) return false;
-  if (filepath.includes("node_modules")) return false;
-  if (filepath.includes(".d.ts")) return false;
-  return true;
-}
-
-// src/compiler/webpackLoader.ts
-module.exports = function tailwindStyledLoader(source) {
-  const callback = this.async();
-  const opts = this.getOptions() ?? {};
-  const filepath = this.resourcePath;
-  this.cacheable(true);
-  if (!shouldProcess(filepath)) {
-    callback(null, source);
-    return;
-  }
-  try {
-    const result = transformTw(source, { ...opts, filepath });
-    callback(null, result.code);
-  } catch (err) {
-    callback(err instanceof Error ? err : new Error(String(err)));
-  }
-};
-module.exports.raw = false;