@nestledjs/data-browser 0.1.0 → 0.1.1

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@nestledjs/data-browser",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "description": "Universal admin data browser for Nestled framework projects with full CRUD operations",
-  "main": "./src/index.js",
-  "types": "./src/index.d.ts",
+  "main": "./index.js",
+  "types": "./index.d.ts",
   "keywords": [
     "nestled",
     "admin",
@@ -25,7 +25,7 @@
     "@heroicons/react": "^2.0.0",
     "@nestledjs/forms": "^0.5.0",
     "@nestledjs/helpers": "^0.1.0",
-    "@nestledjs/shared-components": "^0.1.0",
+    "@nestledjs/shared-components": "^0.1.1",
     "react": "^19.0.0",
     "react-router": "^7.0.0"
   },
@@ -39,6 +39,6 @@
     "access": "public",
     "registry": "https://registry.npmjs.org/"
   },
-  "module": "./src/index.js",
+  "module": "./index.js",
   "type": "module"
 }

package/project.json

@@ -6,20 +6,16 @@
   "tags": ["publishable"],
   "targets": {
     "build": {
-      "executor": "@nx/js:tsc",
-      "outputs": ["{options.outputPath}"],
+      "executor": "nx:run-commands",
+      "outputs": ["{workspaceRoot}/dist/libs/admin-data"],
       "options": {
-        "outputPath": "dist/libs/admin-data",
-        "main": "libs/admin-data/src/index.ts",
-        "tsConfig": "libs/admin-data/tsconfig.lib.json",
-        "assets": [
-          "libs/admin-data/*.md",
-          {
-            "input": "libs/admin-data",
-            "glob": "package.json",
-            "output": "."
-          }
-        ]
+        "commands": [
+          "vite build",
+          "cp README.md ../../dist/libs/admin-data/",
+          "cp package.json ../../dist/libs/admin-data/"
+        ],
+        "cwd": "libs/admin-data",
+        "parallel": false
       }
     },
     "publish": {

package/src/lib/pages/AdminDataIndexPage.tsx

@@ -12,14 +12,14 @@ export function AdminDataIndexPage() {
   return (
     <div className="text-center py-12">
       <div className="max-w-2xl mx-auto">
-        <h1 className="text-3xl font-bold text-gray-900 mb-4">Database Administration</h1>
-        <p className="text-lg text-gray-600 mb-8">
+        <h1 className="text-3xl font-bold text-gray-900 dark:text-gray-100 mb-4">Database Administration</h1>
+        <p className="text-lg text-gray-600 dark:text-gray-300 mb-8">
           Choose a data model from the sidebar to get started with managing your database records.
         </p>
 
-        <div className="bg-blue-50 border border-blue-200 rounded-lg p-6 mb-8">
-          <h2 className="text-lg font-semibold text-blue-900 mb-2">Available Models</h2>
-          <p className="text-blue-700 mb-4">
+        <div className="bg-blue-50 dark:bg-blue-900/20 border border-blue-200 dark:border-blue-700 rounded-lg p-6 mb-8">
+          <h2 className="text-lg font-semibold text-blue-900 dark:text-blue-200 mb-2">Available Models</h2>
+          <p className="text-blue-700 dark:text-blue-300 mb-4">
             You can manage {databaseModels.length} different data models in your database:
           </p>
           <div className="grid grid-cols-2 md:grid-cols-3 gap-2 text-sm">
@@ -27,18 +27,18 @@ export function AdminDataIndexPage() {
               <Link
                 key={model.name}
                 to={`${basePath}/${kebabCase(getPluralName(model.name))}`}
-                className="text-blue-600 hover:text-blue-800 hover:underline"
+                className="text-blue-600 dark:text-blue-400 hover:text-blue-800 dark:hover:text-blue-300 hover:underline"
               >
                 {getPluralName(spacedWords(model.name))}
               </Link>
             ))}
             {databaseModels.length > 12 && (
-              <span className="text-blue-600 italic">+{databaseModels.length - 12} more...</span>
+              <span className="text-blue-600 dark:text-blue-400 italic">+{databaseModels.length - 12} more...</span>
             )}
           </div>
         </div>
 
-        <div className="text-sm text-gray-500">
+        <div className="text-sm text-gray-500 dark:text-gray-400">
           <p>
             This interface provides full CRUD (Create, Read, Update, Delete) operations for all your
             database models. Select a model from the sidebar to view and manage records.

package/vite.config.ts

@@ -0,0 +1,35 @@
+import { defineConfig } from 'vite'
+import react from '@vitejs/plugin-react'
+import { resolve } from 'path'
+import dts from 'vite-plugin-dts'
+
+export default defineConfig({
+  plugins: [
+    react(),
+    dts({
+      outDir: resolve(__dirname, '../../dist/libs/admin-data'),
+      entryRoot: resolve(__dirname, 'src'),
+      tsconfigPath: resolve(__dirname, './tsconfig.lib.json'),
+    }),
+  ],
+  build: {
+    lib: {
+      entry: resolve(__dirname, 'src/index.ts'),
+      formats: ['es'],
+      fileName: () => 'index.js',
+    },
+    rollupOptions: {
+      external: (id) => {
+        // Externalize all non-relative imports (node_modules)
+        return !id.startsWith('.') && !id.startsWith('/')
+      },
+      output: {
+        preserveModules: true,
+        preserveModulesRoot: resolve(__dirname, 'src'),
+        entryFileNames: '[name].js',
+      },
+    },
+    outDir: resolve(__dirname, '../../dist/libs/admin-data'),
+    emptyOutDir: true,
+  },
+})