@style-this/core 0.2.0 → 0.2.1

package/dist/atomic.d.mts

@@ -0,0 +1,5 @@
+//#region src/atomic.d.ts
+declare const __style_this_atomic_marker = true;
+//#endregion
+export { __style_this_atomic_marker };
+//# sourceMappingURL=atomic.d.mts.map

package/dist/atomic.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"atomic.d.mts","names":[],"sources":["../src/atomic.ts"],"sourcesContent":[],"mappings":";cAOa,0BAAA"}

package/dist/atomic.mjs

@@ -0,0 +1,10 @@
+//#region src/atomic.ts
+(function() {
+	if (typeof __style_this_atomic_init === "undefined") globalThis.__style_this_atomic_init = true;
+})();
+const __style_this_atomic_marker = true;
+throw new Error("@style-this/core/atomic should not be imported directly. The transformer converts this import into a virtual module.");
+
+//#endregion
+export { __style_this_atomic_marker };
+//# sourceMappingURL=atomic.mjs.map

package/dist/atomic.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"atomic.mjs","names":[],"sources":["../src/atomic.ts"],"sourcesContent":["// This code runs as a side effect during module load, preventing tree-shaking\n(function () {\n  if (typeof __style_this_atomic_init === 'undefined') {\n    (globalThis as any).__style_this_atomic_init = true;\n  }\n})();\n\nexport const __style_this_atomic_marker = true;\n\nthrow new Error(\n  '@style-this/core/atomic should not be imported directly. ' +\n  'The transformer converts this import into a virtual module.'\n);\n"],"mappings":";CACC,WAAY;AACX,KAAI,OAAO,6BAA6B,YACtC,CAAC,WAAmB,2BAA2B;IAE/C;AAEJ,MAAa,6BAA6B;AAE1C,MAAM,IAAI,MACR,uHAED"}

package/dist/cssSourceMap.d.mts

@@ -0,0 +1,31 @@
+//#region src/compiler.d.ts
+
+type CssSourceMapData = Array<{
+  className: string;
+  start: number;
+  end: number;
+}>;
+//#endregion
+//#region src/cssSourceMap.d.ts
+interface SourceMapSegment {
+  generatedLine: number;
+  generatedColumn: number;
+  originalLine: number;
+  originalColumn: number;
+  source: string;
+}
+interface SourceMap {
+  version: number;
+  file?: string;
+  sources: string[];
+  sourcesContent: string[];
+  names: string[];
+  mappings: string;
+}
+/**
+ * Generate a CSS source map that maps generated CSS classes back to original source locations
+ */
+declare function generateCssSourceMap(cssContent: string, sourcemapData: CssSourceMapData, originalFilepath: string, originalSource: string, generatedFilepath?: string): SourceMap;
+//#endregion
+export { SourceMap, SourceMapSegment, generateCssSourceMap };
+//# sourceMappingURL=cssSourceMap.d.mts.map

package/dist/cssSourceMap.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cssSourceMap.d.mts","names":[],"sources":["../src/compiler.ts","../src/cssSourceMap.ts"],"sourcesContent":[],"mappings":";;KA2BY,gBAAA,GAAmB;;;;;;;AAAnB,UCzBK,gBAAA,CDyBW;;;;ECzBX,cAAA,EAAA,MAAgB;EAQhB,MAAA,EAAA,MAAS;AAY1B;UAZiB,SAAA;;;;;;;;;;;iBAYD,oBAAA,oCAEC,iGAId"}

package/dist/cssSourceMap.mjs

@@ -0,0 +1,106 @@
+//#region src/cssSourceMap.ts
+/**
+* Generate a CSS source map that maps generated CSS classes back to original source locations
+*/
+function generateCssSourceMap(cssContent, sourcemapData, originalFilepath, originalSource, generatedFilepath) {
+	const segments = [];
+	for (const entry of sourcemapData) {
+		const position = findSelectorInCss(cssContent, `.${entry.className}`);
+		if (position) {
+			const originalPos = getLineAndColumn(originalSource, entry.start);
+			segments.push({
+				generatedLine: position.line,
+				generatedColumn: position.column,
+				originalLine: originalPos.line,
+				originalColumn: originalPos.column,
+				source: originalFilepath
+			});
+		}
+	}
+	const mappings = segmentsToVLQ(segments);
+	return {
+		version: 3,
+		file: generatedFilepath,
+		sources: [originalFilepath],
+		sourcesContent: [originalSource],
+		names: [],
+		mappings
+	};
+}
+function findSelectorInCss(css, selector) {
+	const index = css.indexOf(selector);
+	if (index === -1) return null;
+	const beforeSelector = css.substring(0, index);
+	return {
+		line: (beforeSelector.match(/\n/g) || []).length,
+		column: index - beforeSelector.lastIndexOf("\n") - 1
+	};
+}
+function getLineAndColumn(source, offset) {
+	const beforeOffset = source.substring(0, offset);
+	const line = (beforeOffset.match(/\n/g) || []).length;
+	const column = offset - beforeOffset.lastIndexOf("\n") - 1;
+	return {
+		line,
+		column: Math.max(0, column)
+	};
+}
+/**
+* Convert segments to VLQ-encoded mappings string
+* This is a simplified implementation - for production, consider using a library
+*/
+function segmentsToVLQ(segments) {
+	if (segments.length === 0) return "";
+	segments.sort((a, b) => {
+		if (a.generatedLine !== b.generatedLine) return a.generatedLine - b.generatedLine;
+		return a.generatedColumn - b.generatedColumn;
+	});
+	const lines = [];
+	let currentLine = 0;
+	let previousGeneratedColumn = 0;
+	let previousOriginalLine = 0;
+	let previousOriginalColumn = 0;
+	let previousSourceIndex = 0;
+	for (const segment of segments) {
+		while (currentLine < segment.generatedLine) {
+			lines.push("");
+			currentLine++;
+			previousGeneratedColumn = 0;
+		}
+		const values = [
+			segment.generatedColumn - previousGeneratedColumn,
+			0 - previousSourceIndex,
+			segment.originalLine - previousOriginalLine,
+			segment.originalColumn - previousOriginalColumn
+		];
+		lines[currentLine] = (lines[currentLine] ? lines[currentLine] + "," : "") + values.map(encodeVLQ).join("");
+		previousGeneratedColumn = segment.generatedColumn;
+		previousOriginalLine = segment.originalLine;
+		previousOriginalColumn = segment.originalColumn;
+		previousSourceIndex = 0;
+	}
+	return lines.join(";");
+}
+/**
+* Encode a value as VLQ (Variable Length Quantity)
+*/
+function encodeVLQ(value) {
+	const VLQ_BASE_SHIFT = 5;
+	const VLQ_BASE = 1 << VLQ_BASE_SHIFT;
+	const VLQ_BASE_MASK = VLQ_BASE - 1;
+	const VLQ_CONTINUATION_BIT = VLQ_BASE;
+	const BASE64_CHARS = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/";
+	let encoded = value < 0 ? -value << 1 | 1 : value << 1;
+	let result = "";
+	do {
+		let digit = encoded & VLQ_BASE_MASK;
+		encoded >>>= VLQ_BASE_SHIFT;
+		if (encoded > 0) digit |= VLQ_CONTINUATION_BIT;
+		result += BASE64_CHARS[digit];
+	} while (encoded > 0);
+	return result;
+}
+
+//#endregion
+export { generateCssSourceMap };
+//# sourceMappingURL=cssSourceMap.mjs.map

package/dist/cssSourceMap.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"cssSourceMap.mjs","names":["segments: SourceMapSegment[]","lines: string[]"],"sources":["../src/cssSourceMap.ts"],"sourcesContent":["import type { CssSourceMapData } from \"./compiler.js\";\n\nexport interface SourceMapSegment {\n  generatedLine: number;\n  generatedColumn: number;\n  originalLine: number;\n  originalColumn: number;\n  source: string;\n}\n\nexport interface SourceMap {\n  version: number;\n  file?: string;\n  sources: string[];\n  sourcesContent: string[];\n  names: string[];\n  mappings: string;\n}\n\n/**\n * Generate a CSS source map that maps generated CSS classes back to original source locations\n */\nexport function generateCssSourceMap(\n  cssContent: string,\n  sourcemapData: CssSourceMapData,\n  originalFilepath: string,\n  originalSource: string,\n  generatedFilepath?: string,\n): SourceMap {\n  const segments: SourceMapSegment[] = [];\n\n  // For each CSS class, find its position in the generated CSS and map it back\n  for (const entry of sourcemapData) {\n    const selector = `.${entry.className}`;\n    const position = findSelectorInCss(cssContent, selector);\n\n    if (position) {\n      // Calculate line and column from byte offset in original source\n      const originalPos = getLineAndColumn(originalSource, entry.start);\n\n      segments.push({\n        generatedLine: position.line,\n        generatedColumn: position.column,\n        originalLine: originalPos.line,\n        originalColumn: originalPos.column,\n        source: originalFilepath,\n      });\n    }\n  }\n\n  // Convert segments to VLQ mappings\n  const mappings = segmentsToVLQ(segments);\n\n  return {\n    version: 3,\n    file: generatedFilepath,\n    sources: [originalFilepath],\n    sourcesContent: [originalSource],\n    names: [],\n    mappings,\n  };\n}\n\nfunction findSelectorInCss(\n  css: string,\n  selector: string,\n): { line: number; column: number } | null {\n  const index = css.indexOf(selector);\n  if (index === -1) return null;\n\n  const beforeSelector = css.substring(0, index);\n  const line = (beforeSelector.match(/\\n/g) || []).length;\n  const lastNewline = beforeSelector.lastIndexOf(\"\\n\");\n  const column = index - lastNewline - 1;\n\n  return { line, column };\n}\n\nfunction getLineAndColumn(\n  source: string,\n  offset: number,\n): { line: number; column: number } {\n  const beforeOffset = source.substring(0, offset);\n  const line = (beforeOffset.match(/\\n/g) || []).length;\n  const lastNewline = beforeOffset.lastIndexOf(\"\\n\");\n  const column = offset - lastNewline - 1;\n\n  return { line, column: Math.max(0, column) };\n}\n\n/**\n * Convert segments to VLQ-encoded mappings string\n * This is a simplified implementation - for production, consider using a library\n */\nfunction segmentsToVLQ(segments: SourceMapSegment[]): string {\n  if (segments.length === 0) return \"\";\n\n  // Sort segments by generated position\n  segments.sort((a, b) => {\n    if (a.generatedLine !== b.generatedLine) {\n      return a.generatedLine - b.generatedLine;\n    }\n    return a.generatedColumn - b.generatedColumn;\n  });\n\n  const lines: string[] = [];\n  let currentLine = 0;\n  let previousGeneratedColumn = 0;\n  let previousOriginalLine = 0;\n  let previousOriginalColumn = 0;\n  let previousSourceIndex = 0;\n\n  for (const segment of segments) {\n    // Add empty line segments for skipped lines\n    while (currentLine < segment.generatedLine) {\n      lines.push(\"\");\n      currentLine++;\n      previousGeneratedColumn = 0;\n    }\n\n    // Encode this segment\n    const values = [\n      segment.generatedColumn - previousGeneratedColumn,\n      0 - previousSourceIndex, // source index (always 0 for us)\n      segment.originalLine - previousOriginalLine,\n      segment.originalColumn - previousOriginalColumn,\n    ];\n\n    lines[currentLine] =\n      (lines[currentLine] ? lines[currentLine] + \",\" : \"\") +\n      values.map(encodeVLQ).join(\"\");\n\n    previousGeneratedColumn = segment.generatedColumn;\n    previousOriginalLine = segment.originalLine;\n    previousOriginalColumn = segment.originalColumn;\n    previousSourceIndex = 0;\n  }\n\n  return lines.join(\";\");\n}\n\n/**\n * Encode a value as VLQ (Variable Length Quantity)\n */\nfunction encodeVLQ(value: number): string {\n  const VLQ_BASE_SHIFT = 5;\n  const VLQ_BASE = 1 << VLQ_BASE_SHIFT;\n  const VLQ_BASE_MASK = VLQ_BASE - 1;\n  const VLQ_CONTINUATION_BIT = VLQ_BASE;\n\n  const BASE64_CHARS =\n    \"ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/\";\n\n  // Convert to sign-magnitude representation\n  let encoded = value < 0 ? ((-value) << 1) | 1 : value << 1;\n\n  let result = \"\";\n  do {\n    let digit = encoded & VLQ_BASE_MASK;\n    encoded >>>= VLQ_BASE_SHIFT;\n\n    if (encoded > 0) {\n      digit |= VLQ_CONTINUATION_BIT;\n    }\n\n    result += BASE64_CHARS[digit];\n  } while (encoded > 0);\n\n  return result;\n}\n"],"mappings":";;;;AAsBA,SAAgB,qBACd,YACA,eACA,kBACA,gBACA,mBACW;CACX,MAAMA,WAA+B,EAAE;AAGvC,MAAK,MAAM,SAAS,eAAe;EAEjC,MAAM,WAAW,kBAAkB,YADlB,IAAI,MAAM,YAC6B;AAExD,MAAI,UAAU;GAEZ,MAAM,cAAc,iBAAiB,gBAAgB,MAAM,MAAM;AAEjE,YAAS,KAAK;IACZ,eAAe,SAAS;IACxB,iBAAiB,SAAS;IAC1B,cAAc,YAAY;IAC1B,gBAAgB,YAAY;IAC5B,QAAQ;IACT,CAAC;;;CAKN,MAAM,WAAW,cAAc,SAAS;AAExC,QAAO;EACL,SAAS;EACT,MAAM;EACN,SAAS,CAAC,iBAAiB;EAC3B,gBAAgB,CAAC,eAAe;EAChC,OAAO,EAAE;EACT;EACD;;AAGH,SAAS,kBACP,KACA,UACyC;CACzC,MAAM,QAAQ,IAAI,QAAQ,SAAS;AACnC,KAAI,UAAU,GAAI,QAAO;CAEzB,MAAM,iBAAiB,IAAI,UAAU,GAAG,MAAM;AAK9C,QAAO;EAAE,OAJK,eAAe,MAAM,MAAM,IAAI,EAAE,EAAE;EAIlC,QAFA,QADK,eAAe,YAAY,KAAK,GACf;EAEd;;AAGzB,SAAS,iBACP,QACA,QACkC;CAClC,MAAM,eAAe,OAAO,UAAU,GAAG,OAAO;CAChD,MAAM,QAAQ,aAAa,MAAM,MAAM,IAAI,EAAE,EAAE;CAE/C,MAAM,SAAS,SADK,aAAa,YAAY,KAAK,GACZ;AAEtC,QAAO;EAAE;EAAM,QAAQ,KAAK,IAAI,GAAG,OAAO;EAAE;;;;;;AAO9C,SAAS,cAAc,UAAsC;AAC3D,KAAI,SAAS,WAAW,EAAG,QAAO;AAGlC,UAAS,MAAM,GAAG,MAAM;AACtB,MAAI,EAAE,kBAAkB,EAAE,cACxB,QAAO,EAAE,gBAAgB,EAAE;AAE7B,SAAO,EAAE,kBAAkB,EAAE;GAC7B;CAEF,MAAMC,QAAkB,EAAE;CAC1B,IAAI,cAAc;CAClB,IAAI,0BAA0B;CAC9B,IAAI,uBAAuB;CAC3B,IAAI,yBAAyB;CAC7B,IAAI,sBAAsB;AAE1B,MAAK,MAAM,WAAW,UAAU;AAE9B,SAAO,cAAc,QAAQ,eAAe;AAC1C,SAAM,KAAK,GAAG;AACd;AACA,6BAA0B;;EAI5B,MAAM,SAAS;GACb,QAAQ,kBAAkB;GAC1B,IAAI;GACJ,QAAQ,eAAe;GACvB,QAAQ,iBAAiB;GAC1B;AAED,QAAM,gBACH,MAAM,eAAe,MAAM,eAAe,MAAM,MACjD,OAAO,IAAI,UAAU,CAAC,KAAK,GAAG;AAEhC,4BAA0B,QAAQ;AAClC,yBAAuB,QAAQ;AAC/B,2BAAyB,QAAQ;AACjC,wBAAsB;;AAGxB,QAAO,MAAM,KAAK,IAAI;;;;;AAMxB,SAAS,UAAU,OAAuB;CACxC,MAAM,iBAAiB;CACvB,MAAM,WAAW,KAAK;CACtB,MAAM,gBAAgB,WAAW;CACjC,MAAM,uBAAuB;CAE7B,MAAM,eACJ;CAGF,IAAI,UAAU,QAAQ,IAAM,CAAC,SAAU,IAAK,IAAI,SAAS;CAEzD,IAAI,SAAS;AACb,IAAG;EACD,IAAI,QAAQ,UAAU;AACtB,eAAa;AAEb,MAAI,UAAU,EACZ,UAAS;AAGX,YAAU,aAAa;UAChB,UAAU;AAEnB,QAAO"}

package/package.json

@@ -1,12 +1,10 @@
 {
   "name": "@style-this/core",
-  "version": "0.2.0",
+  "version": "0.2.1",
   "description": "CSS-in-JS library for the modern web - core module",
   "type": "module",
   "files": [
-    "dist",
-    "src/cssSourceMap.ts",
-    "src/atomic.ts"
+    "dist"
   ],
   "main": "./dist/index.mjs",
   "module": "./dist/index.mjs",
@@ -24,14 +22,14 @@
       "default": "./dist/compiler.cjs"
     },
     "./cssSourceMap": {
-      "types": "./src/cssSourceMap.ts",
-      "import": "./src/cssSourceMap.ts",
-      "default": "./src/cssSourceMap.ts"
+      "types": "./dist/cssSourceMap.d.mts",
+      "import": "./dist/cssSourceMap.mjs",
+      "default": "./dist/cssSourceMap.mjs"
     },
     "./atomic": {
-      "types": "./src/atomic.ts",
-      "import": "./src/atomic.ts",
-      "default": "./src/atomic.ts"
+      "types": "./dist/atomic.d.mts",
+      "import": "./dist/atomic.mjs",
+      "default": "./dist/atomic.mjs"
     },
     "./package.json": "./package.json"
   },

package/src/atomic.ts

@@ -1,13 +0,0 @@
-// This code runs as a side effect during module load, preventing tree-shaking
-(function () {
-  if (typeof __style_this_atomic_init === 'undefined') {
-    (globalThis as any).__style_this_atomic_init = true;
-  }
-})();
-
-export const __style_this_atomic_marker = true;
-
-throw new Error(
-  '@style-this/core/atomic should not be imported directly. ' +
-  'The transformer converts this import into a virtual module.'
-);

package/src/cssSourceMap.ts

@@ -1,170 +0,0 @@
-import type { CssSourceMapData } from "./compiler.js";
-
-export interface SourceMapSegment {
-  generatedLine: number;
-  generatedColumn: number;
-  originalLine: number;
-  originalColumn: number;
-  source: string;
-}
-
-export interface SourceMap {
-  version: number;
-  file?: string;
-  sources: string[];
-  sourcesContent: string[];
-  names: string[];
-  mappings: string;
-}
-
-/**
- * Generate a CSS source map that maps generated CSS classes back to original source locations
- */
-export function generateCssSourceMap(
-  cssContent: string,
-  sourcemapData: CssSourceMapData,
-  originalFilepath: string,
-  originalSource: string,
-  generatedFilepath?: string,
-): SourceMap {
-  const segments: SourceMapSegment[] = [];
-
-  // For each CSS class, find its position in the generated CSS and map it back
-  for (const entry of sourcemapData) {
-    const selector = `.${entry.className}`;
-    const position = findSelectorInCss(cssContent, selector);
-
-    if (position) {
-      // Calculate line and column from byte offset in original source
-      const originalPos = getLineAndColumn(originalSource, entry.start);
-
-      segments.push({
-        generatedLine: position.line,
-        generatedColumn: position.column,
-        originalLine: originalPos.line,
-        originalColumn: originalPos.column,
-        source: originalFilepath,
-      });
-    }
-  }
-
-  // Convert segments to VLQ mappings
-  const mappings = segmentsToVLQ(segments);
-
-  return {
-    version: 3,
-    file: generatedFilepath,
-    sources: [originalFilepath],
-    sourcesContent: [originalSource],
-    names: [],
-    mappings,
-  };
-}
-
-function findSelectorInCss(
-  css: string,
-  selector: string,
-): { line: number; column: number } | null {
-  const index = css.indexOf(selector);
-  if (index === -1) return null;
-
-  const beforeSelector = css.substring(0, index);
-  const line = (beforeSelector.match(/\n/g) || []).length;
-  const lastNewline = beforeSelector.lastIndexOf("\n");
-  const column = index - lastNewline - 1;
-
-  return { line, column };
-}
-
-function getLineAndColumn(
-  source: string,
-  offset: number,
-): { line: number; column: number } {
-  const beforeOffset = source.substring(0, offset);
-  const line = (beforeOffset.match(/\n/g) || []).length;
-  const lastNewline = beforeOffset.lastIndexOf("\n");
-  const column = offset - lastNewline - 1;
-
-  return { line, column: Math.max(0, column) };
-}
-
-/**
- * Convert segments to VLQ-encoded mappings string
- * This is a simplified implementation - for production, consider using a library
- */
-function segmentsToVLQ(segments: SourceMapSegment[]): string {
-  if (segments.length === 0) return "";
-
-  // Sort segments by generated position
-  segments.sort((a, b) => {
-    if (a.generatedLine !== b.generatedLine) {
-      return a.generatedLine - b.generatedLine;
-    }
-    return a.generatedColumn - b.generatedColumn;
-  });
-
-  const lines: string[] = [];
-  let currentLine = 0;
-  let previousGeneratedColumn = 0;
-  let previousOriginalLine = 0;
-  let previousOriginalColumn = 0;
-  let previousSourceIndex = 0;
-
-  for (const segment of segments) {
-    // Add empty line segments for skipped lines
-    while (currentLine < segment.generatedLine) {
-      lines.push("");
-      currentLine++;
-      previousGeneratedColumn = 0;
-    }
-
-    // Encode this segment
-    const values = [
-      segment.generatedColumn - previousGeneratedColumn,
-      0 - previousSourceIndex, // source index (always 0 for us)
-      segment.originalLine - previousOriginalLine,
-      segment.originalColumn - previousOriginalColumn,
-    ];
-
-    lines[currentLine] =
-      (lines[currentLine] ? lines[currentLine] + "," : "") +
-      values.map(encodeVLQ).join("");
-
-    previousGeneratedColumn = segment.generatedColumn;
-    previousOriginalLine = segment.originalLine;
-    previousOriginalColumn = segment.originalColumn;
-    previousSourceIndex = 0;
-  }
-
-  return lines.join(";");
-}
-
-/**
- * Encode a value as VLQ (Variable Length Quantity)
- */
-function encodeVLQ(value: number): string {
-  const VLQ_BASE_SHIFT = 5;
-  const VLQ_BASE = 1 << VLQ_BASE_SHIFT;
-  const VLQ_BASE_MASK = VLQ_BASE - 1;
-  const VLQ_CONTINUATION_BIT = VLQ_BASE;
-
-  const BASE64_CHARS =
-    "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/";
-
-  // Convert to sign-magnitude representation
-  let encoded = value < 0 ? ((-value) << 1) | 1 : value << 1;
-
-  let result = "";
-  do {
-    let digit = encoded & VLQ_BASE_MASK;
-    encoded >>>= VLQ_BASE_SHIFT;
-
-    if (encoded > 0) {
-      digit |= VLQ_CONTINUATION_BIT;
-    }
-
-    result += BASE64_CHARS[digit];
-  } while (encoded > 0);
-
-  return result;
-}