@spaced-out/ui-design-system 0.5.34-beta.2 → 0.5.35

package/mcp/build-mcp-data.js

@@ -70,72 +70,69 @@ function getAllFilesRecursively(dirPath, filesList = [], baseDir = dirPath) {
 
 /**
  * Extract all components with their files (including sub-components)
+ * For main component files and sub-components, we use .d.ts files from lib/
+ * to avoid exposing source code in the public npm package
  */
 function buildComponentsData() {
   console.log('📦 Extracting components...');
-  const componentsPath = join(DESIGN_SYSTEM_PATH, 'src/components');
+  const srcComponentsPath = join(DESIGN_SYSTEM_PATH, 'src/components');
+  const libComponentsPath = join(DESIGN_SYSTEM_PATH, 'lib/components');
   const components = {};
   
-  if (!existsSync(componentsPath)) {
+  if (!existsSync(srcComponentsPath)) {
     console.warn('⚠️  Components path not found');
     return components;
   }
 
-  const componentDirs = getDirectories(componentsPath).filter(name => name !== 'index.ts');
+  const componentDirs = getDirectories(srcComponentsPath).filter(name => name !== 'index.ts');
   
   for (const componentName of componentDirs) {
-    const componentDir = join(componentsPath, componentName);
+    const srcComponentDir = join(srcComponentsPath, componentName);
+    const libComponentDir = join(libComponentsPath, componentName);
     
-    // Get all files in the component directory
-    const allFiles = getAllFilesRecursively(componentDir);
+    // Get all files in the component directory (from src for reference)
+    const allFiles = getAllFilesRecursively(srcComponentDir);
     
-    // Extract main component files
-    const mainTsx = join(componentDir, `${componentName}.tsx`);
-    const mainTs = join(componentDir, `${componentName}.ts`);
-    const mainContent = safeReadFile(mainTsx) || safeReadFile(mainTs);
+    // Extract main component .d.ts file from lib/ (type definitions only)
+    const mainDts = join(libComponentDir, `${componentName}.d.ts`);
+    const mainContent = safeReadFile(mainDts);
     
-    // Extract story files
-    const storyTsx = join(componentDir, `${componentName}.stories.tsx`);
-    const storyTs = join(componentDir, `${componentName}.stories.ts`);
+    // Extract story files (keep from src - useful for usage examples)
+    const storyTsx = join(srcComponentDir, `${componentName}.stories.tsx`);
+    const storyTs = join(srcComponentDir, `${componentName}.stories.ts`);
     const storyContent = safeReadFile(storyTsx) || safeReadFile(storyTs);
     
-    // Extract CSS file
-    const cssFile = join(componentDir, `${componentName}.module.css`);
+    // Extract CSS file (keep from src - needed for styling reference)
+    const cssFile = join(srcComponentDir, `${componentName}.module.css`);
     const cssContent = safeReadFile(cssFile);
     
-    // Extract index file
-    const indexFile = join(componentDir, 'index.ts');
-    const indexContent = safeReadFile(indexFile);
+    // Extract index .d.ts file from lib/
+    const indexDts = join(libComponentDir, 'index.d.ts');
+    const indexContent = safeReadFile(indexDts);
     
-    // Extract all additional TypeScript/TSX files (sub-components)
+    // Extract all additional sub-component .d.ts files from lib/
     const additionalFiles = {};
-    for (const file of allFiles) {
+    const libAllFiles = existsSync(libComponentDir) ? getAllFilesRecursively(libComponentDir) : [];
+    
+    for (const file of libAllFiles) {
       // Skip main files we already extracted
       if (
-        file === `${componentName}.tsx` ||
-        file === `${componentName}.ts` ||
-        file === `${componentName}.stories.tsx` ||
-        file === `${componentName}.stories.ts` ||
-        file === `${componentName}.module.css` ||
-        file === 'index.ts' ||
-        file.endsWith('.module.css') ||
-        file.endsWith('.stories.tsx') ||
-        file.endsWith('.stories.ts') ||
-        file.endsWith('.stories.module.css')
+        file === `${componentName}.d.ts` ||
+        file === 'index.d.ts' ||
+        !file.endsWith('.d.ts') ||
+        file.endsWith('.d.ts.map')
       ) {
         continue;
       }
       
-      // Only include .tsx and .ts files (sub-components)
-      if (file.endsWith('.tsx') || file.endsWith('.ts')) {
-        const fullPath = join(componentDir, file);
-        const content = safeReadFile(fullPath);
-        if (content) {
-          additionalFiles[file] = {
-            path: file,
-            content: content
-          };
-        }
+      // Include .d.ts files for sub-components
+      const fullPath = join(libComponentDir, file);
+      const content = safeReadFile(fullPath);
+      if (content) {
+        additionalFiles[file] = {
+          path: file,
+          content: content
+        };
       }
     }
     
@@ -143,10 +140,10 @@ function buildComponentsData() {
       name: componentName,
       path: `src/components/${componentName}`,
       files: {
-        main: mainContent ? { path: `${componentName}.tsx`, content: mainContent } : null,
+        main: mainContent ? { path: `${componentName}.d.ts`, content: mainContent } : null,
         story: storyContent ? { path: `${componentName}.stories.tsx`, content: storyContent } : null,
         css: cssContent ? { path: `${componentName}.module.css`, content: cssContent } : null,
-        index: indexContent ? { path: 'index.ts', content: indexContent } : null,
+        index: indexContent ? { path: 'index.d.ts', content: indexContent } : null,
         additional: additionalFiles,
       },
       allFiles,
@@ -159,48 +156,50 @@ function buildComponentsData() {
 
 /**
  * Extract all hooks
+ * For main hook files, we use .d.ts files from lib/
+ * to avoid exposing source code in the public npm package
  */
 function buildHooksData() {
   console.log('🪝 Extracting hooks...');
-  const hooksPath = join(DESIGN_SYSTEM_PATH, 'src/hooks');
+  const srcHooksPath = join(DESIGN_SYSTEM_PATH, 'src/hooks');
+  const libHooksPath = join(DESIGN_SYSTEM_PATH, 'lib/hooks');
   const hooks = {};
   
-  if (!existsSync(hooksPath)) {
+  if (!existsSync(srcHooksPath)) {
     console.warn('⚠️  Hooks path not found');
     return hooks;
   }
 
-  const hookDirs = getDirectories(hooksPath).filter(name => name !== 'index.ts');
+  const hookDirs = getDirectories(srcHooksPath).filter(name => name !== 'index.ts');
   
   for (const hookName of hookDirs) {
-    const hookDir = join(hooksPath, hookName);
-    
-    // Read main hook file
-    const mainTs = join(hookDir, `${hookName}.ts`);
-    const mainTsx = join(hookDir, `${hookName}.tsx`);
+    const srcHookDir = join(srcHooksPath, hookName);
+    const libHookDir = join(libHooksPath, hookName);
     
-    // Read story file
-    const storyTsx = join(hookDir, `${hookName}.stories.tsx`);
-    const storyTs = join(hookDir, `${hookName}.stories.ts`);
+    // Read main hook .d.ts file from lib/ (type definitions only)
+    const mainDts = join(libHookDir, `${hookName}.d.ts`);
+    const mainContent = safeReadFile(mainDts);
     
-    // Read index file
-    const indexFile = join(hookDir, 'index.ts');
-    
-    const mainContent = safeReadFile(mainTs) || safeReadFile(mainTsx);
+    // Read story file (keep from src - useful for usage examples)
+    const storyTsx = join(srcHookDir, `${hookName}.stories.tsx`);
+    const storyTs = join(srcHookDir, `${hookName}.stories.ts`);
     const storyContent = safeReadFile(storyTsx) || safeReadFile(storyTs);
-    const indexContent = safeReadFile(indexFile);
     
-    const allFiles = existsSync(hookDir) 
-      ? readdirSync(hookDir).filter(f => !f.startsWith('.'))
+    // Read index .d.ts file from lib/
+    const indexDts = join(libHookDir, 'index.d.ts');
+    const indexContent = safeReadFile(indexDts);
+    
+    const allFiles = existsSync(srcHookDir) 
+      ? readdirSync(srcHookDir).filter(f => !f.startsWith('.'))
       : [];
     
     hooks[hookName] = {
       name: hookName,
       path: `src/hooks/${hookName}`,
       files: {
-        main: mainContent ? { path: `${hookName}.ts`, content: mainContent } : null,
+        main: mainContent ? { path: `${hookName}.d.ts`, content: mainContent } : null,
         story: storyContent ? { path: `${hookName}.stories.tsx`, content: storyContent } : null,
-        index: indexContent ? { path: 'index.ts', content: indexContent } : null,
+        index: indexContent ? { path: 'index.d.ts', content: indexContent } : null,
       },
       allFiles,
     };
@@ -254,30 +253,37 @@ function buildTokensData() {
 
 /**
  * Extract all utils
+ * For util files, we use .d.ts files from lib/
+ * to avoid exposing source code in the public npm package
  */
 function buildUtilsData() {
   console.log('🔧 Extracting utils...');
-  const utilsPath = join(DESIGN_SYSTEM_PATH, 'src/utils');
+  const srcUtilsPath = join(DESIGN_SYSTEM_PATH, 'src/utils');
+  const libUtilsPath = join(DESIGN_SYSTEM_PATH, 'lib/utils');
   const utils = {};
   
-  if (!existsSync(utilsPath)) {
+  if (!existsSync(srcUtilsPath)) {
     console.warn('⚠️  Utils path not found');
     return utils;
   }
 
-  const utilDirs = getDirectories(utilsPath);
+  const utilDirs = getDirectories(srcUtilsPath);
   
   for (const utilName of utilDirs) {
-    const utilDir = join(utilsPath, utilName);
+    const srcUtilDir = join(srcUtilsPath, utilName);
+    const libUtilDir = join(libUtilsPath, utilName);
     
-    // Get all files in the util directory
-    const allFiles = getAllFilesRecursively(utilDir);
+    // Get all files in the util directory (from src for reference)
+    const allFiles = getAllFilesRecursively(srcUtilDir);
     
-    // Read all TypeScript files
+    // Read all .d.ts files from lib/
     const files = {};
-    for (const file of allFiles) {
-      if ((file.endsWith('.ts') || file.endsWith('.tsx')) && !file.endsWith('.d.ts')) {
-        const fullPath = join(utilDir, file);
+    const libAllFiles = existsSync(libUtilDir) ? getAllFilesRecursively(libUtilDir) : [];
+    
+    for (const file of libAllFiles) {
+      // Only include .d.ts files (skip .js and .d.ts.map)
+      if (file.endsWith('.d.ts') && !file.endsWith('.d.ts.map')) {
+        const fullPath = join(libUtilDir, file);
         const content = safeReadFile(fullPath);
         if (content) {
           files[file] = {

package/mcp/index.js

@@ -11,7 +11,7 @@
  *   "mcpServers": {
  *     "genesis-design-system": {
  *       "command": "npx",
- *       "args": ["-y", "@spaced-out/genesis-mcp-server@latest"]
+ *       "args": ["-y", "@spaced-out/genesis-mcp@latest"]
  *     }
  *   }
  * }

package/mcp/package.json

@@ -1,6 +1,6 @@
 {
-  "name": "@spaced-out/genesis-mcp-server",
-  "version": "1.0.15",
+  "name": "@spaced-out/genesis-mcp",
+  "version": "1.0.0",
   "description": "MCP server for Genesis UI Design System - provides AI assistants with access to components, hooks, and design tokens",
   "type": "module",
   "main": "index.js",

package/mcp/test-server.js

@@ -55,7 +55,7 @@ try {
   console.log('\n📝 Next steps:');
   console.log('   1. Update package.json version if needed');
   console.log('   2. Publish: npm publish');
-  console.log('   3. Users can run: npx @spaced-out/genesis-mcp-server@latest');
+  console.log('   3. Users can run: npx @spaced-out/genesis-mcp@latest');
   console.log('\n🎉 MCP server is ready to use!\n');
   
 } catch (error) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spaced-out/ui-design-system",
-  "version": "0.5.34-beta.2",
+  "version": "0.5.35",
   "description": "Sense UI components library",
   "author": {
     "name": "Spaced Out"