gonia 0.1.2 → 0.1.3

package/dist/vite/plugin.js

@@ -113,15 +113,56 @@ function detectDirectives(code, id, isDev, attributePrefixes, elementPrefixes, c
     }
     return found;
 }
+/**
+ * Get options for a directive from the directiveOptions config.
+ */
+function getDirectiveOptions(name, directiveOptions) {
+    if (!directiveOptions)
+        return undefined;
+    if (typeof directiveOptions === 'function') {
+        return directiveOptions(name);
+    }
+    return directiveOptions[name];
+}
+/**
+ * Serialize directive options to a string for code generation.
+ */
+function serializeOptions(options) {
+    const parts = [];
+    if (options.scope !== undefined) {
+        parts.push(`scope: ${options.scope}`);
+    }
+    if (options.template !== undefined) {
+        if (typeof options.template === 'string') {
+            parts.push(`template: ${JSON.stringify(options.template)}`);
+        }
+        else {
+            // Function templates can't be serialized - warn and skip
+            console.warn('[gonia] Function templates in directiveOptions are not supported. Use a string template.');
+        }
+    }
+    if (options.provide !== undefined) {
+        // provide can contain functions which can't be serialized
+        console.warn('[gonia] "provide" in directiveOptions is not supported via plugin config.');
+    }
+    return `{ ${parts.join(', ')} }`;
+}
 /**
  * Generate import statements for detected directives.
  */
-function generateImports(directives, customDirectives, currentFile, rootDir) {
+function generateImports(directives, customDirectives, currentFile, rootDir, directiveOptions) {
     if (directives.size === 0)
         return '';
     // Group by module
     const moduleImports = new Map();
+    // Track which directives need configuration
+    const directivesToConfigure = [];
     for (const name of directives) {
+        // Check if this directive has options
+        const options = getDirectiveOptions(name, directiveOptions);
+        if (options) {
+            directivesToConfigure.push({ name, options });
+        }
         // Check built-in first
         const builtin = BUILTIN_DIRECTIVES[name];
         if (builtin) {
@@ -152,6 +193,14 @@ function generateImports(directives, customDirectives, currentFile, rootDir) {
     }
     // Generate import statements
     const statements = [];
+    // Add configureDirective import if we have options to apply
+    if (directivesToConfigure.length > 0) {
+        const goniaImports = moduleImports.get('gonia') ?? [];
+        if (!goniaImports.includes('configureDirective')) {
+            goniaImports.push('configureDirective');
+        }
+        moduleImports.set('gonia', goniaImports);
+    }
     for (const [module, imports] of moduleImports) {
         if (imports.length > 0) {
             statements.push(`import { ${imports.join(', ')} } from '${module}';`);
@@ -161,6 +210,10 @@ function generateImports(directives, customDirectives, currentFile, rootDir) {
             statements.push(`import '${module}';`);
         }
     }
+    // Add configureDirective calls
+    for (const { name, options } of directivesToConfigure) {
+        statements.push(`configureDirective('${name}', ${serializeOptions(options)});`);
+    }
     return statements.length > 0 ? statements.join('\n') + '\n' : '';
 }
 /**
@@ -239,7 +292,7 @@ function transformInject(code) {
  * ```
  */
 export function gonia(options = {}) {
-    const { autoDirectives = true, includeDirectives = [], excludeDirectives = [], directiveSources = [], directiveAttributePrefixes = ['g-'], directiveElementPrefixes = options.directiveElementPrefixes ?? options.directiveAttributePrefixes ?? ['g-'], } = options;
+    const { autoDirectives = true, includeDirectives = [], excludeDirectives = [], directiveSources = [], directiveAttributePrefixes = ['g-'], directiveElementPrefixes = options.directiveElementPrefixes ?? options.directiveAttributePrefixes ?? ['g-'], directiveOptions, } = options;
     let isDev = false;
     let rootDir = process.cwd();
     // Map of custom directive name -> DirectiveInfo
@@ -303,7 +356,7 @@ export function gonia(options = {}) {
                     const hasGoniaImport = code.includes("from 'gonia/directives'") ||
                         code.includes('from "gonia/directives"');
                     // For custom directives, check if already imported
-                    const importStatement = generateImports(detected, customDirectives, id, rootDir);
+                    const importStatement = generateImports(detected, customDirectives, id, rootDir, directiveOptions);
                     if (importStatement && !hasGoniaImport) {
                         result = importStatement + result;
                         modified = true;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gonia",
-  "version": "0.1.2",
+  "version": "0.1.3",
   "description": "A lightweight, SSR-first reactive UI library with declarative directives",
   "type": "module",
   "license": "MIT",
@@ -36,6 +36,10 @@
       "types": "./dist/server/index.d.ts",
       "import": "./dist/server/index.js"
     },
+    "./directives": {
+      "types": "./dist/directives/index.d.ts",
+      "import": "./dist/directives/index.js"
+    },
     "./vite": {
       "types": "./dist/vite/index.d.ts",
       "import": "./dist/vite/index.js"