@dasidev/dasi-ui 1.0.2 → 1.0.6

package/bin/dash-cli.cjs

@@ -0,0 +1,191 @@
+#!/usr/bin/env node
+const { program } = require('commander');
+const inquirer = require('inquirer');
+const fs = require('fs-extra');
+const path = require('path');
+const chalk = require('chalk');
+const ora = require('ora');
+
+program
+    .name('dasi-ui')
+    .description('DASI UI - Complete Admin Template Setup')
+    .version('1.0.6');
+
+program
+    .command('init')
+    .description('Initialize DASI UI admin template')
+    .action(async () => {
+        console.log(chalk.blue.bold('🚀 Welcome to DASI UI Admin Template Setup'));
+        console.log(chalk.gray('This will set up a complete admin dashboard in your current directory\n'));
+
+        const questions = [
+            {
+                type: 'input',
+                name: 'projectName',
+                message: '📦 Project name:',
+                default: 'my-admin-app',
+                validate: (input) => input.length > 0 || 'Project name is required'
+            },
+            {
+                type: 'input',
+                name: 'appTitle',
+                message: '📱 App title:',
+                default: 'DASI Admin Dashboard'
+            },
+            {
+                type: 'input',
+                name: 'appDescription',
+                message: '📝 App description:',
+                default: 'Complete admin dashboard built with DASI UI'
+            },
+            {
+                type: 'input',
+                name: 'author',
+                message: '👤 Author name:',
+                default: 'DASI Developer'
+            },
+            {
+                type: 'list',
+                name: 'packageManager',
+                message: '📦 Choose package manager:',
+                choices: ['npm', 'yarn', 'pnpm'],
+                default: 'npm'
+            },
+            {
+                type: 'input',
+                name: 'apiUrl',
+                message: '🔗 API base URL:',
+                default: 'http://localhost:8080/api'
+            },
+            {
+                type: 'confirm',
+                name: 'darkMode',
+                message: '🌙 Enable dark mode?',
+                default: true
+            },
+            {
+                type: 'confirm',
+                name: 'includeAuth',
+                message: '🔐 Include authentication module?',
+                default: true
+            },
+            {
+                type: 'confirm',
+                name: 'includeCharts',
+                message: '📊 Include chart components?',
+                default: true
+            },
+            {
+                type: 'confirm',
+                name: 'includeMaps',
+                message: '🗺️ Include map components?',
+                default: false
+            },
+            {
+                type: 'confirm',
+                name: 'gitInit',
+                message: '📚 Initialize git repository?',
+                default: true
+            },
+            {
+                type: 'confirm',
+                name: 'installDeps',
+                message: '📥 Install dependencies now?',
+                default: true
+            }
+        ];
+        
+        const answers = await inquirer.prompt(questions);
+        const spinner = ora('Setting up DASI UI Admin Template...').start();
+        
+        try {
+            const currentPath = process.cwd();
+            const templatePath = path.join(__dirname, '../');
+            
+            await fs.copy(templatePath, currentPath, {
+                filter: (src) => {
+                    return !src.includes('node_modules') && 
+                           !src.includes('dist') && 
+                           !src.includes('.git') &&
+                           !src.includes('package-lock.json') &&
+                           !src.includes('yarn.lock');
+                }
+            });
+            
+            spinner.text = '⚙️ Updating configuration...';
+            const packageJsonPath = path.join(currentPath, 'package.json');
+            let packageJson = await fs.readJson(packageJsonPath);
+            
+            packageJson.name = answers.projectName;
+            packageJson.description = answers.appDescription;
+            packageJson.author = answers.author;
+            packageJson.version = '0.1.0';  
+            
+            const envContent = `VITE_APP_TITLE=${answers.appTitle}
+                VITE_APP_DESCRIPTION=${answers.appDescription}
+                VITE_APP_AUTHOR=${answers.author}
+                VITE_API_URL=${answers.apiUrl}
+                VITE_DARK_MODE=${answers.darkMode}
+                VITE_INCLUDE_AUTH=${answers.includeAuth}
+                VITE_INCLUDE_CHARTS=${answers.includeCharts}
+                VITE_INCLUDE_MAPS=${answers.includeMaps}`;
+            
+            await fs.writeFile(path.join(currentPath, '.env.example'), envContent);
+            await fs.copyFile(path.join(currentPath, '.env.example'), path.join(currentPath, '.env'));
+            
+            await fs.writeJson(packageJsonPath, packageJson, { spaces: 2 });
+            
+            if (answers.gitInit) {
+                spinner.text = '📚 Initializing git repository...';
+                try {
+                    const { execSync } = require('child_process');
+                    execSync('git init', { stdio: 'ignore' });
+                    execSync('git add .', { stdio: 'ignore' });
+                    execSync('git commit -m "Initial commit: DASI UI Admin Template"', { stdio: 'ignore' });
+                } catch (error) {
+                    console.log(chalk.yellow('⚠️ Git initialization failed, continuing...'));
+                }
+            }
+            
+            if (answers.installDeps) {
+                spinner.text = '📦 Installing dependencies...';
+                try {
+                    const { execSync } = require('child_process');
+                    execSync(`${answers.packageManager} install`, { stdio: 'pipe' });
+                } catch (error) {
+                    spinner.warn('⚠️ Dependencies installation failed');
+                    console.log(chalk.yellow(`Please run manually: ${answers.packageManager} install`));
+                }
+            }
+            
+            spinner.succeed('✅ DASI UI Admin Template setup completed!');
+            
+            console.log(chalk.green('\n🎉 Setup Complete! Your admin dashboard is ready.'));
+            console.log(chalk.green('\n📋 What you get:'));
+            console.log(chalk.white('   • Complete admin dashboard'));
+            console.log(chalk.white('   • Authentication system' + (answers.includeAuth ? ' ✅' : ' ❌')));
+            console.log(chalk.white('   • Chart components' + (answers.includeCharts ? ' ✅' : ' ❌')));
+            console.log(chalk.white('   • Map components' + (answers.includeMaps ? ' ✅' : ' ❌')));
+            console.log(chalk.white('   • Dark mode' + (answers.darkMode ? ' ✅' : ' ❌')));
+            console.log(chalk.white('   • TypeScript support'));
+            console.log(chalk.white('   • Tailwind CSS styling'));
+            console.log(chalk.white('   • Vue 3 + Pinia + Vue Router'));
+            
+            console.log(chalk.green('\n🚀 Next steps:'));
+            console.log(chalk.white(`   ${answers.packageManager} run dev`));
+            console.log(chalk.gray('   Open http://localhost:3000 to view your admin dashboard'));
+            
+            console.log(chalk.green('\n📚 Documentation:'));
+            console.log(chalk.white('   • README.md for detailed setup'));
+            console.log(chalk.white('   • src/ folder for all components'));
+            console.log(chalk.white('   • .env file for configuration'));
+            
+        } catch (error) {
+            spinner.fail('❌ Setup failed!');
+            console.error(chalk.red('Error Details:'));
+            console.error(chalk.red(error.message));
+            process.exit(1);
+        }
+    });
+
+program.parse();

package/bin/{dasi-cli.cjs → dasi-cli-old.cjs}

@@ -1,3 +1,4 @@
+#!/usr/bin/env node
 const { program } = require('commander');
 const inquirer = require('inquirer');
 const fs = require('fs-extra');
@@ -9,7 +10,7 @@ const { execSync } = require('child_process');
 program
     .name('dasi-ui')
     .description('DASI UI - Create admin dashboard projects')
-    .version('1.0.0')
+    .version('1.0.4')
 
 program
     .command('create <project-name>')
@@ -76,12 +77,6 @@ program
                 message: 'Include chart components?',
                 default: true
             },
-            {
-                type: 'confirm',
-                name: 'includeMaps',
-                message: 'Include map components?',
-                default: false
-            },
             {
                 type: 'confirm',
                 name: 'includeForms',
@@ -127,8 +122,8 @@ program
             
             await fs.ensureDir(path.join(projectPath, 'src'));
             await fs.ensureDir(path.join(projectPath, 'public'));
-            // const templatePath = path.join(__dirname, '../templates', answers.template);
-            // await fs.copy(templatePath, projectPath);
+            const templatePath = path.join(__dirname, '../templates', answers.template);
+            await fs.copy(templatePath, projectPath);
 
             const packagejson = {
                 name: projectName,
@@ -143,7 +138,7 @@ program
                     preview: "vite preview"
                 },
                 dependencies: {
-                    "@dasidev/dasi-ui": "^1.0.1",
+                    "@dasidev/dasi-ui": "^1.0.4",
                     "vue": "^3.4.0",
                     "vue-router": "^4.2.0",
                     "pinia": "^2.1.0"
@@ -230,7 +225,15 @@ program
 
             if (options.install) {
                 spinner.text = 'Installing dependencies...';
-                execSync(`${answers.packageManager} install`, { cwd: projectPath, stdio: 'ignore' });
+                try {
+                    execSync(`${answers.packageManager} install`, { cwd: projectPath, stdio: 'ignore' });
+                } catch (error) {
+                    spinner.fail('Dependencies installation failed. Please install manually.');
+                    console.error(chalk.red('Error Details:'));
+                    console.error(chalk.red(error.message));
+                    console.error(chalk.red(error.stack));
+                    process.exit(1);
+                }
             }
 
             spinner.succeed(`Project ${projectName} created successfully!`);
@@ -253,3 +256,5 @@ program
         }
         
     })
+
+program.parse();

package/index.html

@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8">
+    <link rel="icon" href="/favicon.ico">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap" rel="stylesheet">
+
+    <title>Framework Web</title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/src/main.ts"></script>
+  </body>
+</html>

package/package.json

@@ -1,16 +1,21 @@
 {
   "name": "@dasidev/dasi-ui",
-  "version": "1.0.2",
+  "version": "1.0.6",
   "private": false,
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.es.js",
   "types": "dist/index.d.ts",
   "files": [
-    "dist",
-    "src",
-    "README.md",
+    "src/**/*",
+    "public/**/*",
+    "index.html",
+    "vite.config.ts",
+    "tailwind.config.js",
+    "postcss.config.js",
+    "tsconfig.json",
     "package.json",
+    "README.md",
     "bin"
   ],
   "exports": {
@@ -54,9 +59,10 @@
   },
   "scripts": {
     "dev": "vite",
-    "build": "run-p type-check \"build-only {@}\" --",
+    "build": "vite build",
     "build-lib": "vite build --config vite.lib.config.ts",
     "build-docs": "vite build --config vite.docs.config.ts",
+    "release": "npm version patch && npm publish --access public",
     "preview": "vite preview",
     "test": "vitest",
     "test:unit": "vitest",
@@ -70,7 +76,6 @@
     "format": "prettier --write \"src/**/*.{vue,js,ts,jsx,tsx,json,md}\"",
     "cli": "node bin/dasi-cli.cjs",
     "prepublishOnly": "npm run build-lib && npm run test:run",
-    "release": "npm version patch && npm publish",
     "release:minor": "npm version minor && npm publish",
     "release:major": "npm version major && npm publish"
   },
@@ -92,7 +97,7 @@
     "@vuepic/vue-datepicker": "^8.8.1",
     "@vueuse/core": "^10.9.0",
     "axios": "^1.6.0",
-    "chalk": "^5.6.2",
+    "chalk": "^4.1.2",
     "chart.js": "^4.4.2",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.1.0",
@@ -107,7 +112,7 @@
     "fs-extra": "^11.3.3",
     "go-captcha-vue": "^2.0.6",
     "highlight.js": "^11.9.0",
-    "inquirer": "^13.2.1",
+    "inquirer": "^8.2.7",
     "jspdf": "^3.0.2",
     "jspdf-autotable": "^5.0.2",
     "lucide-vue-next": "^0.542.0",
@@ -117,7 +122,7 @@
     "ol": "^9.2.4",
     "ol-contextmenu": "^5.5.0",
     "ol-ext": "^4.0.21",
-    "ora": "^9.1.0",
+    "ora": "^5.4.1",
     "pdfjs-dist": "^5.3.31",
     "peerjs": "^1.5.2",
     "pinia": "^2.1.0",

package/tailwind.config.js

@@ -0,0 +1,137 @@
+const animate = require("tailwindcss-animate");
+
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+  darkMode: "class",
+  content: [
+    "./pages/**/*.{ts,tsx,vue}",
+    "./components/**/*.{ts,tsx,vue}",
+    "./app/**/*.{ts,tsx,vue}",
+    "./src/**/*.{ts,tsx,vue}",
+    "./vueform.config.js",
+    "./node_modules/@vueform/vueform/themes/tailwind/**/*.vue",
+    "./node_modules/@vueform/vueform/themes/tailwind/**/*.js",
+  ],
+  theme: {
+    container: {
+      center: true,
+      padding: "2rem",
+      screens: {
+        "2xl": "1400px"
+      }
+    },
+    extend: {
+      fontFamily: {
+        sans: ["Inter", "sans-serif"]
+      },
+      ringColor: {
+        ring: "#2671D9"
+      },
+      transitionDuration: {
+        DEFAULT: "300ms"
+      },
+      colors: {
+        // Framework primary colors (based on dasi-web-app but generalized)
+        primary_main: "#2671D9",
+        primary_hover: "#297df0",
+        bg_main: "#f6fafd",
+        hover_main: "#e8f1fb",
+        active_main: "#e8f1fb",
+        text_main: "#4D5E80",
+
+        // Dark mode colors
+        dark_bg: '#0a0a0a',
+        dark_bg_transparent: '#0a0a0a11',
+        dark_bg2: '#111',
+        dark_bg3: '#151515',
+        dark_bg3a: '#1a1a1a',
+        dark_bg4: '#222',
+        dark_bg5: '#252525',
+        dark_bg6: '#333',
+        dark_bg7: '#353535',
+        dark_bg8: '#444',
+        dark_border: '#151515',
+        dark_border2: '#222',
+        dark_border3: '#252525',
+        dark_border4: '#333',
+        dark_border5: '#353535',
+        dark_text: '#ccc',
+
+        // shadcn-vue colors
+        border: "hsl(var(--border))",
+        input: "hsl(var(--input))",
+        ring: "hsl(var(--ring))",
+        background: "hsl(var(--background))",
+        foreground: "hsl(var(--foreground))",
+        primary: {
+          DEFAULT: "#2671D9",
+          foreground: "hsl(var(--primary-foreground))"
+        },
+        secondary: {
+          DEFAULT: "hsl(var(--secondary))",
+          foreground: "hsl(var(--secondary-foreground))"
+        },
+        destructive: {
+          DEFAULT: "hsl(var(--destructive))",
+          foreground: "hsl(var(--destructive-foreground))"
+        },
+        muted: {
+          DEFAULT: "hsl(var(--muted))",
+          foreground: "hsl(var(--muted-foreground))"
+        },
+        accent: {
+          DEFAULT: "hsl(var(--accent))",
+          foreground: "hsl(var(--accent-foreground))"
+        },
+        popover: {
+          DEFAULT: "hsl(var(--popover))",
+          foreground: "hsl(var(--popover-foreground))"
+        },
+        card: {
+          DEFAULT: "hsl(var(--card))",
+          foreground: "hsl(var(--card-foreground))"
+        }
+      },
+      borderRadius: {
+        xl: "calc(var(--radius) + 4px)",
+        lg: "var(--radius)",
+        md: "calc(var(--radius) - 2px)",
+        sm: "calc(var(--radius) - 4px)"
+      },
+      keyframes: {
+        "accordion-down": {
+          from: { height: 0 },
+          to: { height: "var(--radix-accordion-content-height)" }
+        },
+        "accordion-up": {
+          from: { height: "var(--radix-accordion-content-height)" },
+          to: { height: 0 }
+        },
+        "collapsible-down": {
+          from: { height: 0 },
+          to: { height: "var(--radix-collapsible-content-height)" }
+        },
+        "collapsible-up": {
+          from: { height: "var(--radix-collapsible-content-height)" },
+          to: { height: 0 }
+        },
+        progress: {
+          "0%": { transform: " translateX(0) scaleX(0)" },
+          "40%": { transform: "translateX(0) scaleX(0.4)" },
+          "100%": { transform: "translateX(100%) scaleX(0.5)" }
+        }
+      },
+      transformOrigin: {
+        "left-right": "0% 50%"
+      },
+      animation: {
+        "accordion-down": "accordion-down 0.2s ease-out",
+        "accordion-up": "accordion-up 0.2s ease-out",
+        "collapsible-down": "collapsible-down 0.2s ease-in-out",
+        "collapsible-up": "collapsible-up 0.2s ease-in-out",
+        progress: "progress 1s infinite linear"
+      }
+    }
+  },
+  plugins: [animate, require("@vueform/vueform/tailwind")]
+};

package/tsconfig.json

@@ -0,0 +1,14 @@
+{
+  "files": [],
+  "references": [
+    {
+      "path": "./tsconfig.node.json"
+    },
+    {
+      "path": "./tsconfig.app.json"
+    },
+    {
+      "path": "./tsconfig.vitest.json"
+    }
+  ]
+}

package/vite.config.ts

@@ -0,0 +1,33 @@
+import { fileURLToPath, URL } from 'node:url'
+
+import { defineConfig } from 'vite'
+import vue from '@vitejs/plugin-vue'
+import vueJsx from '@vitejs/plugin-vue-jsx'
+import viteRawPlugin from 'vite-raw-plugin'
+
+import tailwind from "tailwindcss"
+import autoprefixer from "autoprefixer"
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  css: {
+    postcss: {
+      plugins: [tailwind(), autoprefixer()],
+    },
+  },
+  plugins: [
+    vue(),
+    vueJsx(),
+    viteRawPlugin({
+      fileRegex: /\.md$/
+    }),
+  ],
+  resolve: {
+    alias: {
+      '@': fileURLToPath(new URL('./src', import.meta.url))
+    }
+  },
+  optimizeDeps: {
+    exclude: ['highlight.js'],
+  }
+})

package/dist/date-selector-test-BlukYeWl.js

@@ -1,91 +0,0 @@
-const e = {
-  schema: {
-    // Test 1: Basic date picker
-    testDate: {
-      type: "DateSelectorElement",
-      label: "Test Date",
-      placeholder: "Select a date",
-      pickerType: "date",
-      rules: ["required"]
-    },
-    // Test 2: Date range
-    testDateRange: {
-      type: "DateSelectorElement",
-      label: "Test Date Range",
-      placeholder: "Select date range",
-      pickerType: "date",
-      range: !0
-    },
-    // Test 3: DateTime picker
-    testDateTime: {
-      type: "DateSelectorElement",
-      label: "Test DateTime",
-      placeholder: "Select date and time",
-      pickerType: "datetime",
-      timePickerInline: !0
-    },
-    // Test 4: DateTime range
-    testDateTimeRange: {
-      type: "DateSelectorElement",
-      label: "Test DateTime Range",
-      placeholder: "Select date time range",
-      pickerType: "datetime",
-      range: !0,
-      timePickerInline: !0
-    },
-    // Test 5: Month picker
-    testMonth: {
-      type: "DateSelectorElement",
-      label: "Test Month",
-      placeholder: "Select month",
-      pickerType: "month",
-      locale: "id"
-    },
-    // Test 6: Month range
-    testMonthRange: {
-      type: "DateSelectorElement",
-      label: "Test Month Range",
-      placeholder: "Select month range",
-      pickerType: "month",
-      range: !0,
-      locale: "id"
-    },
-    // Test 7: Year picker (using date picker with year navigation)
-    testYear: {
-      type: "DateSelectorElement",
-      label: "Test Year",
-      placeholder: "Select year",
-      pickerType: "year",
-      yearRange: [2020, 2030]
-    },
-    // Test 8: Year range (using date range picker with year navigation)
-    testYearRange: {
-      type: "DateSelectorElement",
-      label: "Test Year Range",
-      placeholder: "Select year range",
-      pickerType: "year",
-      range: !0,
-      yearRange: [2020, 2030]
-    },
-    // Test 9: Custom format
-    testCustomFormat: {
-      type: "DateSelectorElement",
-      label: "Test Custom Format",
-      placeholder: "Select date",
-      pickerType: "date",
-      displayFormat: "DD-MM-YYYY"
-    },
-    // Test 10: Disabled
-    testDisabled: {
-      type: "DateSelectorElement",
-      label: "Test Disabled",
-      placeholder: "This is disabled",
-      pickerType: "date",
-      disabled: !0,
-      default: "2024-01-01"
-    }
-  }
-};
-export {
-  e as dateSelectorTestSchema
-};