eleventy-plugin-uncharted 0.7.0 → 0.7.2

package/css/uncharted.css

@@ -128,15 +128,15 @@
 
 .chart-legend-item {
   display: flex;
-  align-items: center;
+  align-items: baseline;
   gap: 0.5rem;
   background: transparent;
 }
 
 .chart-legend-item::before {
   content: '';
-  width: 0.75rem;
-  height: 0.75rem;
+  width: 1cap;
+  height: 1cap;
   border-radius: 2px;
   background-color: var(--color);
   flex-shrink: 0;

package/eleventy.config.js

@@ -11,7 +11,7 @@ const __dirname = path.dirname(fileURLToPath(import.meta.url));
  * Uncharted - Eleventy CSS Charts Plugin
  * @param {Object} eleventyConfig - Eleventy configuration object
  * @param {Object} [options] - Plugin options
- * @param {string} [options.dataDir] - Data directory path (defaults to _data)
+ * @param {string} [options.dataDir] - @deprecated Data directory path (now auto-detected from Eleventy's dir.data)
  * @param {boolean} [options.animate] - Enable animations globally (individual charts can override)
  * @param {string} [options.cssPath] - Output path for stylesheet (default: '/css/uncharted.css')
  * @param {boolean} [options.injectCss] - Automatically copy and inject CSS (default: true)
@@ -20,7 +20,33 @@ const __dirname = path.dirname(fileURLToPath(import.meta.url));
  * @param {boolean|string} [options.downloadData] - Enable download links globally (individual charts can override)
  */
 export default function(eleventyConfig, options = {}) {
-  const dataDir = options.dataDir || '_data';
+  // Directory config from Eleventy (populated by eleventy.directories event)
+  let eleventyDirs = null;
+
+  // Listen for Eleventy's directory configuration
+  eleventyConfig.on('eleventy.directories', (dirs) => {
+    eleventyDirs = dirs;
+  });
+
+  // Warn if deprecated dataDir option is used
+  if (options.dataDir) {
+    console.warn('[uncharted] "dataDir" option is deprecated; the plugin now auto-detects from Eleventy\'s dir.data config');
+  }
+
+  // Helper to resolve data directory
+  function getDataDir() {
+    // Plugin option takes precedence if explicitly set (deprecated)
+    if (options.dataDir) {
+      return path.resolve(process.cwd(), options.dataDir);
+    }
+    // Use Eleventy's directory configuration (already includes full path)
+    if (eleventyDirs?.data) {
+      return path.resolve(process.cwd(), eleventyDirs.data);
+    }
+    // Fallback to default
+    return path.resolve(process.cwd(), '_data');
+  }
+
   const globalAnimate = options.animate ?? false;
   const cssPath = options.cssPath || '/css/uncharted.css';
   const injectCss = options.injectCss ?? true;
@@ -67,17 +93,19 @@ export default function(eleventyConfig, options = {}) {
     });
   }
 
-  // CSV data passthrough for download links
+  // CSV data passthrough for download links (set up after directories are known)
   if (dataPassthrough) {
-    const resolvedDataDir = path.resolve(process.cwd(), dataDir);
-    eleventyConfig.addPassthroughCopy({
-      [resolvedDataDir]: dataPath.replace(/^\//, '').replace(/\/$/, '')
+    eleventyConfig.on('eleventy.directories', () => {
+      const resolvedDataDir = getDataDir();
+      eleventyConfig.addPassthroughCopy({
+        [resolvedDataDir]: dataPath.replace(/^\//, '').replace(/\/$/, '')
+      });
     });
   }
 
   eleventyConfig.addShortcode('chart', function(chartId) {
-    // Resolve data directory relative to the current working directory
-    const resolvedDataDir = path.resolve(process.cwd(), dataDir);
+    // Get resolved data directory (from Eleventy config or plugin options)
+    const resolvedDataDir = getDataDir();
 
     // Look up chart config from page data or global data
     // In Eleventy 3.x, data is available directly on `this` context

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "eleventy-plugin-uncharted",
-  "version": "0.7.0",
+  "version": "0.7.2",
   "description": "An Eleventy plugin that renders CSS-based charts from CSV data using shortcodes",
   "main": "eleventy.config.js",
   "type": "module",