esm-styles 0.4.2 → 0.4.3

package/dist/lib/build.js

@@ -39,6 +39,17 @@ function createAliasPlugin(aliases, sourcePath) {
 function escapeRegex(str) {
     return str.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
 }
+/**
+ * Write a file atomically: write to a temp file in the same directory, then
+ * rename it over the target. rename() is atomic on the same filesystem and
+ * swaps the inode, so file watchers (Vite, Cursor) reliably pick up a single
+ * clean replacement instead of observing a truncate-then-write mid-flight.
+ */
+async function writeAtomic(filePath, data, encoding = 'utf8') {
+    const tmpPath = `${filePath}.tmp`;
+    await fs.writeFile(tmpPath, data, encoding);
+    await fs.rename(tmpPath, filePath);
+}
 /**
  * Import a module with alias resolution using esbuild.
  * Falls back to direct import when no aliases are configured.
@@ -103,7 +114,7 @@ export async function build(configPath = 'esm-styles.config.js') {
         const rootSelector = config.globalRootSelector || ':root';
         const comment = generateCssComment(config.globalVariables);
         const wrappedCss = `${comment}${rootSelector} {\n${cssVars}\n}`;
-        await fs.writeFile(outputFile, wrappedCss, 'utf8');
+        await writeAtomic(outputFile, wrappedCss);
         cssFiles.push({ type: 'global', file: 'global.css' });
     }
     // 3. Process media variable sets
@@ -141,7 +152,7 @@ export async function build(configPath = 'esm-styles.config.js') {
                     }
                     const comment = generateCssComment(setName);
                     const block = `${comment}${fullSelector} {\n${cssVars}\n}`;
-                    await fs.writeFile(outputFile, block, 'utf8');
+                    await writeAtomic(outputFile, block);
                     cssFiles.push({
                         type: 'media',
                         file: fileName,
@@ -226,7 +237,7 @@ export async function build(configPath = 'esm-styles.config.js') {
             const supportingModuleObj = buildSupportingModule([], true);
             const supportingModulePath = path.join(sourcePath, `$${mediaType}.mjs`);
             const moduleContent = `export default ${JSON.stringify(supportingModuleObj, null, 2)}\n`;
-            await fs.writeFile(supportingModulePath, moduleContent, 'utf8');
+            await writeAtomic(supportingModulePath, moduleContent);
         }
     }
     // 4. Process each floor (replaces legacy layers)
@@ -270,7 +281,7 @@ export async function build(configPath = 'esm-styles.config.js') {
             });
             wrappedCss = result.code;
         }
-        await fs.writeFile(outputFile, wrappedCss, 'utf8');
+        await writeAtomic(outputFile, wrappedCss);
         // Calculate relative path from default output directory for imports
         const relativePath = floorOutputPath
             ? path.relative(outputPath, outputFile)
@@ -319,17 +330,11 @@ export async function build(configPath = 'esm-styles.config.js') {
             .filter(Boolean)
             .join('\n') +
         '\n';
-    await fs.writeFile(mainCssPath, mainCss, 'utf8');
+    await writeAtomic(mainCssPath, mainCss);
     // 6. Create timestamp file
     const { outputPath: timestampOutputPath, extension: timestampExtension } = config.timestamp || { outputPath: '', extension: 'mjs' };
     const timestampPath = path.join(config.basePath || '.', timestampOutputPath, 'timestamp.' + timestampExtension);
-    // Write atomically: write to a temp file in the same directory, then rename
-    // over the target. rename() is atomic on the same filesystem and swaps the
-    // inode, so file watchers (Vite, Cursor) reliably pick up the change instead
-    // of observing a truncate-then-write mid-flight.
-    const timestampTmpPath = `${timestampPath}.tmp`;
-    await fs.writeFile(timestampTmpPath, `export default ${Date.now()}`, 'utf8');
-    await fs.rename(timestampTmpPath, timestampPath);
+    await writeAtomic(timestampPath, `export default ${Date.now()}`);
 }
 // Helper for file URL import
 import { pathToFileURL as pathToFileUrl } from 'node:url';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "esm-styles",
-  "version": "0.4.2",
+  "version": "0.4.3",
   "description": "A library for working with ESM styles",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",