@widlarzgroup/docusaurus-ui 0.0.2 → 0.0.3

package/eslint-plugins/allowed-css-variables.js

@@ -0,0 +1,142 @@
+const fs = require('fs');
+const path = require('path');
+
+// Extract CSS variables from a file
+function extractVariablesFromFile(filePath) {
+  if (!fs.existsSync(filePath)) {
+    return new Set();
+  }
+
+  const content = fs.readFileSync(filePath, 'utf-8');
+  const variableRegex = /^\s*(--[\w-]+)\s*:/gm;
+  const variables = new Set();
+
+  let match;
+  while ((match = variableRegex.exec(content)) !== null) {
+    variables.add(match[1]);
+  }
+
+  return variables;
+}
+
+// Extract CSS variables from the library's custom.css
+function extractLibraryVariables() {
+  const customCssPath = path.resolve(__dirname, '../src/css/custom.css');
+  return extractVariablesFromFile(customCssPath);
+}
+
+// Extract variable name from a node
+function extractVariableName(node) {
+  // Try to find the variable name in different places
+  if (node.name && node.name.startsWith('--')) {
+    return node.name;
+  }
+  
+  // Check children
+  if (node.children) {
+    for (const child of node.children) {
+      if (child.name && child.name.startsWith('--')) {
+        return child.name;
+      }
+      if (child.type === 'Identifier' && child.name && child.name.startsWith('--')) {
+        return child.name;
+      }
+    }
+  }
+  
+  // Check value
+  if (node.value) {
+    if (typeof node.value === 'string') {
+      const match = node.value.match(/--([\w-]+)/);
+      if (match) return '--' + match[1];
+    }
+    if (node.value.children) {
+      for (const child of node.value.children) {
+        if (child.name && child.name.startsWith('--')) {
+          return child.name;
+        }
+      }
+    }
+  }
+  
+  return null;
+}
+
+const plugin = {
+  meta: {
+    name: '@widlarzgroup/eslint-plugin-css-variables',
+    version: '1.0.0',
+  },
+  
+  rules: {
+    'allowed-css-variables': {
+      meta: {
+        type: 'problem',
+        docs: {
+          description: 'Enforce using only allowed CSS variables',
+        },
+        schema: [
+          {
+            type: 'object',
+            properties: {
+              extend: {
+                oneOf: [
+                  { type: 'string' },
+                  { type: 'array', items: { type: 'string' } },
+                ],
+              },
+            },
+            additionalProperties: false,
+          },
+        ],
+      },
+      
+      create(context) {
+        const options = context.options[0] || {};
+        
+        // Get allowed variables from library
+        const allowedVariables = extractLibraryVariables();
+        
+        // Get extended variables from user-specified files
+        if (options.extend) {
+          const extendFiles = Array.isArray(options.extend)
+            ? options.extend
+            : [options.extend];
+          
+          for (const file of extendFiles) {
+            const resolvedPath = path.resolve(process.cwd(), file);
+            const extendedVars = extractVariablesFromFile(resolvedPath);
+            extendedVars.forEach((v) => allowedVariables.add(v));
+          }
+        }
+        
+        return {
+          // Match any node and look for var() function calls
+          '*'(node) {
+            // Log node types to understand the AST
+            // console.log('Node type:', node.type, node.name || '');
+            
+            // Look for Function nodes with name 'var'
+            if (node.type === 'Function' && node.name === 'var') {
+              const variableName = extractVariableName(node);
+              
+              if (!variableName) return;
+              
+              // Skip if allowed (defined in library or extended files)
+              if (allowedVariables.has(variableName)) {
+                return;
+              }
+              
+              context.report({
+                node,
+                message: `Unexpected CSS variable "${variableName}". Only variables defined in custom.css (or extended files) are allowed.`,
+              });
+            }
+          },
+        };
+      },
+    },
+  },
+};
+
+module.exports = plugin;

package/lib/components/PlusBadge/PlusBadge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PlusBadge.d.ts","sourceRoot":"","sources":["../../../src/components/PlusBadge/PlusBadge.tsx"],"names":[],"mappings":"AAEA,UAAU,cAAc;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,QAAA,MAAM,SAAS,GAAI,aAA6B,cAAc,4CAc7D,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"PlusBadge.d.ts","sourceRoot":"","sources":["../../../src/components/PlusBadge/PlusBadge.tsx"],"names":[],"mappings":"AAEA,UAAU,cAAc;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,QAAA,MAAM,SAAS,gBAAiC,cAAc,4CAc7D,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/components/ProFeature/ProFeature.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProFeature.d.ts","sourceRoot":"","sources":["../../../src/components/ProFeature/ProFeature.tsx"],"names":[],"mappings":"AAEA,UAAU,eAAe;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,QAAA,MAAM,UAAU,GAAI,yBAGjB,eAAe,4CAsCjB,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"ProFeature.d.ts","sourceRoot":"","sources":["../../../src/components/ProFeature/ProFeature.tsx"],"names":[],"mappings":"AAEA,UAAU,eAAe;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,QAAA,MAAM,UAAU,4BAGb,eAAe,4CAsCjB,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/lib/components/TWGBadge/TWGBadge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TWGBadge.d.ts","sourceRoot":"","sources":["../../../src/components/TWGBadge/TWGBadge.tsx"],"names":[],"mappings":"AAEA,UAAU,aAAa;IACrB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,QAAA,MAAM,QAAQ,GAAI,oBAAoB,aAAa,4CAkBlD,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"TWGBadge.d.ts","sourceRoot":"","sources":["../../../src/components/TWGBadge/TWGBadge.tsx"],"names":[],"mappings":"AAEA,UAAU,aAAa;IACrB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,QAAA,MAAM,QAAQ,uBAAwB,aAAa,4CAkBlD,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@widlarzgroup/docusaurus-ui",
-  "version": "0.0.2",
+  "version": "0.0.3",
   "publishConfig": {
     "access": "public"
   },
@@ -12,11 +12,13 @@
       "require": "./lib/index.js",
       "import": "./lib/index.js"
     },
-    "./css/custom.css": "./lib/css/custom.css"
+    "./css/custom.css": "./lib/css/custom.css",
+    "./eslint-plugin": "./eslint-plugins/allowed-css-variables.js"
   },
   "files": [
     "lib",
-    "src"
+    "src",
+    "eslint-plugins"
   ],
   "scripts": {
     "swizzle": "docusaurus swizzle",