solid-vue-cli 0.1.0 → 0.1.1

package/addons/chartist.js

@@ -0,0 +1,53 @@
+import fs from 'node:fs'
+import path from 'node:path'
+import { execSync } from 'node:child_process'
+import chalk from 'chalk'
+
+export default function installChartist(cwd) {
+  console.log(chalk.blue.bold('\n🚀 Installing Chartist...'))
+
+  try {
+    execSync('npm install chartist', { stdio: 'inherit', cwd })
+  } catch (err) {
+    console.error(chalk.red.bold('\n❌ Failed to install Chartist:'))
+    console.error(chalk.red(err.message))
+    return
+  }
+
+  const componentsDir = path.join(cwd, 'src', 'components')
+  if (!fs.existsSync(componentsDir)) fs.mkdirSync(componentsDir, { recursive: true })
+
+  fs.writeFileSync(path.join(componentsDir, 'LineChart.vue'), `<script setup lang="ts">
+import { ref, onMounted, onUnmounted, watch } from 'vue'
+import { LineChart } from 'chartist'
+import 'chartist/dist/index.css'
+
+const props = defineProps<{
+  labels: string[]
+  series: number[][]
+}>()
+
+const chartEl = ref<HTMLElement | null>(null)
+let chart: LineChart | null = null
+
+function render() {
+  if (!chartEl.value) return
+  chart?.detach()
+  chart = new LineChart(chartEl.value, { labels: props.labels, series: props.series })
+}
+
+onMounted(render)
+watch(() => [props.labels, props.series], render, { deep: true })
+onUnmounted(() => chart?.detach())
+</script>
+
+<template>
+  <div ref="chartEl" class="ct-chart"></div>
+</template>
+`)
+
+  console.log(chalk.green.bold('\n✅ Chartist installed successfully!'))
+  console.log(chalk.white('💡 Chartist haven\'t official Vue Binding — Wrapper component is ready:'))
+  console.log(chalk.cyan('   import LineChart from "../components/LineChart.vue"'))
+  console.log(chalk.cyan('   <LineChart :labels="[\'Sun\',\'Mon\']" :series="[[10,20]]" />'))
+}

package/addons/decimal.js

@@ -0,0 +1,44 @@
+import fs from 'node:fs'
+import path from 'node:path'
+import { execSync } from 'node:child_process'
+import chalk from 'chalk'
+
+export default function installDecimal(cwd) {
+  console.log(chalk.blue.bold('\n🚀 Installing Decimal.js...'))
+
+  try {
+    execSync('npm install decimal.js', { stdio: 'inherit', cwd })
+  } catch (err) {
+    console.error(chalk.red.bold('\n❌ Failed to install Decimal.js:'))
+    console.error(chalk.red(err.message))
+    return
+  }
+
+  const libDir = path.join(cwd, 'src', 'lib')
+  if (!fs.existsSync(libDir)) fs.mkdirSync(libDir, { recursive: true })
+
+  fs.writeFileSync(path.join(libDir, 'money.ts'), `import Decimal from 'decimal.js'
+
+export function multiply(a: number | string, b: number | string): string {
+  return new Decimal(a).times(b).toString()
+}
+
+export function add(a: number | string, b: number | string): string {
+  return new Decimal(a).plus(b).toString()
+}
+
+export function subtract(a: number | string, b: number | string): string {
+  return new Decimal(a).minus(b).toString()
+}
+
+export function formatIDR(value: number | string): string {
+  const num = new Decimal(value).toNumber()
+  return 'Rp' + num.toLocaleString('id-ID', { maximumFractionDigits: 2 })
+}
+`)
+
+  console.log(chalk.green.bold('\n✅ Decimal.js installed successfully!'))
+  console.log(chalk.white('💡 Helper is ready in src/lib/money.ts:'))
+  console.log(chalk.cyan('   import { multiply, formatIDR } from "../lib/money"'))
+  console.log(chalk.cyan('   formatIDR(multiply(qty, hargaPerKg))'))
+}

package/addons/drizzle.js

@@ -0,0 +1,60 @@
+import fs from 'node:fs'
+import path from 'node:path'
+import { execSync } from 'node:child_process'
+import chalk from 'chalk'
+
+export default function installDrizzle(cwd) {
+  console.log(chalk.blue.bold('\n🚀 Installing Drizzle ORM (SQLite dialect)...'))
+
+  try {
+    execSync('npm install drizzle-orm better-sqlite3', { stdio: 'inherit', cwd })
+    execSync('npm install -D drizzle-kit @types/better-sqlite3', { stdio: 'inherit', cwd })
+  } catch (err) {
+    console.error(chalk.red.bold('\n❌ Failed to install Drizzle packages:'))
+    console.error(chalk.red(err.message))
+    return
+  }
+
+  const dbDir = path.join(cwd, 'src', 'server', 'db')
+  if (!fs.existsSync(dbDir)) fs.mkdirSync(dbDir, { recursive: true })
+
+  fs.writeFileSync(path.join(dbDir, 'schema.ts'), `import { sqliteTable, integer, text } from 'drizzle-orm/sqlite-core'
+
+// Example table schema. Configure your own tables here. See https://orm.drizzle.team/docs/quickstart for more info.
+export const items = sqliteTable('items', {
+  id: integer('id').primaryKey({ autoIncrement: true }),
+  name: text('name').notNull(),
+  createdAt: text('created_at').notNull().default(new Date().toISOString()),
+})
+`)
+
+  fs.writeFileSync(path.join(dbDir, 'client.ts'), `import { drizzle } from 'drizzle-orm/better-sqlite3'
+import Database from 'better-sqlite3'
+import * as schema from './schema'
+
+// Local Development: SQLite database connection using better-sqlite3. This is suitable for local development and testing,
+// Change the dialect to 'd1/drizzle-orm' and update the connection method when deploying to Cloudflare D1. schema.ts file should remain the same,
+// only the connection method changes when deploying to D1.
+const sqlite = new Database('local.db')
+export const db = drizzle(sqlite, { schema })
+`)
+
+  fs.writeFileSync(path.join(cwd, 'drizzle.config.ts'), `import { defineConfig } from 'drizzle-kit'
+
+export default defineConfig({
+  schema: './src/server/db/schema.ts',
+  out: './drizzle',
+  dialect: 'sqlite',
+  dbCredentials: {
+    url: './local.db',
+  },
+})
+`)
+
+  console.log(chalk.green.bold('\n✅ Drizzle ORM installed successfully!'))
+  console.log(chalk.white('💡 Next steps:'))
+  console.log(chalk.cyan('   1. Edit src/server/db/schema.ts to define your tables'))
+  console.log(chalk.cyan('   2. Run npx drizzle-kit push   (to create tables in local.db)'))
+  console.log(chalk.cyan('   3. import { db } from "../db/client" in your API handlers at src/server/api/*.ts'))
+  console.log(chalk.yellow('   ⚠️  When deploying to Cloudflare D1, change client.ts to use drizzle-orm/d1'))
+}

package/addons/exceljs.js

@@ -0,0 +1,45 @@
+import fs from 'node:fs'
+import path from 'node:path'
+import { execSync } from 'node:child_process'
+import chalk from 'chalk'
+
+export default function installExcelJs(cwd) {
+  console.log(chalk.blue.bold('\n🚀 Installing ExcelJS...'))
+
+  try {
+    execSync('npm install exceljs', { stdio: 'inherit', cwd })
+  } catch (err) {
+    console.error(chalk.red.bold('\n❌ Failed to install ExcelJS:'))
+    console.error(chalk.red(err.message))
+    return
+  }
+
+  const libDir = path.join(cwd, 'src', 'lib')
+  if (!fs.existsSync(libDir)) fs.mkdirSync(libDir, { recursive: true })
+
+  fs.writeFileSync(path.join(libDir, 'excel.ts'), `import ExcelJS from 'exceljs'
+
+export async function exportToExcel(rows: Record<string, unknown>[], filename: string) {
+  const workbook = new ExcelJS.Workbook()
+  const sheet = workbook.addWorksheet('Sheet1')
+
+  if (rows.length > 0) {
+    sheet.columns = Object.keys(rows[0]).map((key) => ({ header: key, key, width: 18 }))
+    sheet.addRows(rows)
+  }
+
+  const buffer = await workbook.xlsx.writeBuffer()
+  const blob = new Blob([buffer], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' })
+  const url = URL.createObjectURL(blob)
+  const a = document.createElement('a')
+  a.href = url
+  a.download = filename
+  a.click()
+  URL.revokeObjectURL(url)
+}
+`)
+
+  console.log(chalk.green.bold('\n✅ ExcelJS installed successfully!'))
+  console.log(chalk.white('💡 Usage:'))
+  console.log(chalk.cyan('   await exportToExcel(data, "reports.xlsx")'))
+}

package/addons/index.js

@@ -9,6 +9,11 @@ import ofetch from './ofetch.js'
 import i18n from './i18n.js'
 import lint from './lint.js'
 import auth from './auth.js'
+import drizzle from './drizzle.js'
+import decimal from './decimal.js'
+import chartist from './chartist.js'
+import pdfLib from './pdf-lib.js'
+import exceljs from './exceljs.js'
 
 export const addons = {
   tailwind,
@@ -22,4 +27,9 @@ export const addons = {
   i18n,
   lint,
   auth,
+  drizzle,
+  decimal,
+  chartist,
+  'pdf-lib': pdfLib,
+  exceljs,
 }

package/addons/pdf-lib.js

@@ -0,0 +1,56 @@
+import fs from 'node:fs'
+import path from 'node:path'
+import { execSync } from 'node:child_process'
+import chalk from 'chalk'
+
+export default function installPdfLib(cwd) {
+  console.log(chalk.blue.bold('\n🚀 Installing pdf-lib...'))
+
+  try {
+    execSync('npm install pdf-lib', { stdio: 'inherit', cwd })
+  } catch (err) {
+    console.error(chalk.red.bold('\n❌ Failed to install pdf-lib:'))
+    console.error(chalk.red(err.message))
+    return
+  }
+
+  const libDir = path.join(cwd, 'src', 'lib')
+  if (!fs.existsSync(libDir)) fs.mkdirSync(libDir, { recursive: true })
+
+  fs.writeFileSync(path.join(libDir, 'pdf.ts'), `import { PDFDocument, StandardFonts, rgb } from 'pdf-lib'
+
+export async function generateSimplePdf(title: string, lines: string[]): Promise<Uint8Array> {
+  const pdfDoc = await PDFDocument.create()
+  const page = pdfDoc.addPage([595, 842])
+  const font = await pdfDoc.embedFont(StandardFonts.Helvetica)
+  const boldFont = await pdfDoc.embedFont(StandardFonts.HelveticaBold)
+
+  page.drawText(title, { x: 50, y: 780, size: 18, font: boldFont, color: rgb(0, 0, 0) })
+  lines.forEach((line, i) => {
+    page.drawText(line, { x: 50, y: 740 - i * 20, size: 11, font })
+  })
+
+  return pdfDoc.save()
+}
+
+export function downloadPdf(bytes: Uint8Array, filename: string) {
+  const blob = new Blob([bytes], { type: 'application/pdf' })
+  const url = URL.createObjectURL(blob)
+  const a = document.createElement('a')
+  a.href = url
+  a.download = filename
+  a.click()
+  URL.revokeObjectURL(url)
+}
+
+export function buildWhatsAppShareLink(phone: string, message: string): string {
+  return \`https://wa.me/\${phone}?text=\${encodeURIComponent(message)}\`
+}
+`)
+
+  console.log(chalk.green.bold('\n✅ pdf-lib installed successfully!'))
+  console.log(chalk.white('💡 Usage:'))
+  console.log(chalk.cyan('   const bytes = await generateSimplePdf("Nota", ["coconut: 10kg"])'))
+  console.log(chalk.cyan('   downloadPdf(bytes, "invoice.pdf")'))
+  console.log(chalk.gray('   Send via WhatsApp: window.open(buildWhatsAppShareLink(number, message))'))
+}

package/package.json

@@ -1,12 +1,15 @@
 {
   "name": "solid-vue-cli",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "type": "module",
-  "files": ["bin", "addons"],
+  "files": [
+    "bin",
+    "addons"
+  ],
   "bin": {
     "solid-vue": "./bin/cli.js"
   },
   "dependencies": {
     "chalk": "^6.0.0"
   }
-}
+}