esm-styles 0.3.3 → 0.3.5

package/dist/lib/build.js

@@ -251,6 +251,9 @@ export async function build(configPath = 'esm-styles.config.js') {
             .join('\n') +
         '\n';
     await fs.writeFile(mainCssPath, mainCss, 'utf8');
+    // 6. Create timestamp file
+    const timestampPath = path.join(normalizedBasePath, config.timestampOutputPath || '', 'timestamp.mjs');
+    await fs.writeFile(timestampPath, `export default ${Date.now()}`, 'utf8');
 }
 // Helper for file URL import
 import { pathToFileURL as pathToFileUrl } from 'node:url';

package/dist/lib/utils/timestamp.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/lib/utils/timestamp.js

@@ -0,0 +1,3 @@
+export {};
+// create file timestamp.mjs with single line:
+// export default Date.now()

package/dist/watch.js

@@ -2,6 +2,9 @@
 import { spawn } from 'child_process';
 import path from 'path';
 import process from 'process';
+import { fileURLToPath } from 'url';
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
 const configPath = process.argv[2] || 'esm-styles.config.js';
 const configModule = await import(path.isAbsolute(configPath)
     ? configPath
@@ -9,6 +12,8 @@ const configModule = await import(path.isAbsolute(configPath)
 const config = configModule.default;
 const basePath = path.resolve(process.cwd(), config.basePath || '.');
 const sourcePath = path.join(basePath, config.sourcePath || '');
+// Use absolute path to build.js from the esm-styles package
+const buildJsPath = path.join(__dirname, 'build.js');
 const nodemonArgs = [
     '--watch',
     sourcePath,
@@ -17,7 +22,7 @@ const nodemonArgs = [
     '--ignore',
     path.join(sourcePath, '$*.mjs'),
     '--exec',
-    `node dist/build.js ${configPath}`,
+    `node ${buildJsPath} ${configPath}`,
 ];
 console.log('[esm-styles] Running:', 'nodemon', ...nodemonArgs);
 const nodemon = spawn('nodemon', nodemonArgs, { stdio: 'inherit' });

package/doc/usage-guide.md

@@ -144,20 +144,21 @@ export default {
 
 ### Configuration Properties
 
-| Property             | Description                                                               |
-| -------------------- | ------------------------------------------------------------------------- |
-| `basePath`           | Base directory for all styles, relative to where the build command is run |
-| `sourcePath`         | Directory inside `basePath` containing source style files                 |
-| `outputPath`         | Directory inside `basePath` where output CSS files will be written        |
-| `sourceFilesSuffix`  | Suffix for source style files (default: `.styles.mjs`)                    |
-| `floors`             | Array of floor configurations, defining sources, layers, and output paths |
-| `importFloors`       | Array of floor names to include in the main CSS file                      |
-| `mainCssFile`        | Name of the output CSS file that imports all layer and variable files     |
-| `globalVariables`    | Name of the file containing global CSS variables                          |
-| `globalRootSelector` | Root selector for CSS variables (default: `:root`)                        |
-| `media`              | Object defining media types and their variable sets                       |
-| `mediaSelectors`     | Configuration for applying media types with selectors/queries             |
-| `mediaQueries`       | Object defining shorthand names for media queries                         |
+| Property              | Description                                                               |
+| --------------------- | ------------------------------------------------------------------------- |
+| `basePath`            | Base directory for all styles, relative to where the build command is run |
+| `sourcePath`          | Directory inside `basePath` containing source style files                 |
+| `outputPath`          | Directory inside `basePath` where output CSS files will be written        |
+| `sourceFilesSuffix`   | Suffix for source style files (default: `.styles.mjs`)                    |
+| `floors`              | Array of floor configurations, defining sources, layers, and output paths |
+| `importFloors`        | Array of floor names to include in the main CSS file                      |
+| `mainCssFile`         | Name of the output CSS file that imports all layer and variable files     |
+| `globalVariables`     | Name of the file containing global CSS variables                          |
+| `globalRootSelector`  | Root selector for CSS variables (default: `:root`)                        |
+| `media`               | Object defining media types and their variable sets                       |
+| `mediaSelectors`      | Configuration for applying media types with selectors/queries             |
+| `mediaQueries`        | Object defining shorthand names for media queries                         |
+| `timestampOutputPath` | Path where timestamp.mjs file will be written (default: `basePath`)       |
 
 ## JS to CSS Translation Rules
 

package/package.json

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