bmdl-sdk 0.0.2 → 1.1.0

package/bin/cli.js

@@ -1,4 +1,138 @@
 #!/usr/bin/env node
-import { cli } from '../dist/index.js'
 
-cli()
+import {
+  copyFileSync,
+  existsSync,
+  mkdirSync,
+  readFileSync,
+  writeFileSync,
+} from 'fs'
+import { dirname, resolve } from 'path'
+import { fileURLToPath } from 'url'
+
+const __dirname = dirname(fileURLToPath(import.meta.url))
+const command = process.argv[2]
+
+// Функция инициализации проекта
+function initProject() {
+  console.log('📦 Initializing new component project...')
+
+  const projectRoot = process.cwd()
+  const templatesDir = resolve(__dirname, '../templates')
+
+  const packageJsonPath = resolve(projectRoot, 'package.json')
+  if (!existsSync(packageJsonPath)) {
+    console.error('❌ No package.json found. Run "npm init -y" first.')
+    process.exit(1)
+  }
+
+  const srcDir = resolve(projectRoot, 'src')
+  const appDir = resolve(srcDir, 'App')
+  const publicDir = resolve(projectRoot, 'public')
+
+  ;[srcDir, appDir, publicDir].forEach(dir => {
+    if (!existsSync(dir)) {
+      mkdirSync(dir, { recursive: true })
+      console.log(`📁 Created ${dir}`)
+    }
+  })
+
+  const templateFiles = {
+    'src/App/App.tsx': 'App.tsx',
+    'src/config.ts': 'config.ts',
+    'src/dataOptions.ts': 'dataOptions.ts',
+    'src/viewOptions.ts': 'viewOptions.ts',
+    'public/icon.svg': 'icon.svg',
+  }
+
+  for (const [dest, template] of Object.entries(templateFiles)) {
+    const destPath = resolve(projectRoot, dest)
+    const templatePath = resolve(templatesDir, template)
+
+    if (existsSync(templatePath) && !existsSync(destPath)) {
+      copyFileSync(templatePath, destPath)
+    }
+  }
+
+  updatePackageJson(projectRoot)
+
+  console.log('✅ Project initialized successfully!')
+  console.log('\nNext steps:')
+  console.log('  1. yarn install')
+  console.log('  2. yarn run dev')
+}
+
+//////
+
+function updatePackageJson(projectRoot) {
+  const packageJsonPath = resolve(projectRoot, 'package.json')
+  const packageJson = JSON.parse(readFileSync(packageJsonPath, 'utf-8'))
+
+  packageJson.scripts = {
+    dev: 'bmdl-sdk dev',
+    build: 'bmdl-sdk build',
+  }
+
+  // const devDependencies = {
+  //   "@types/react": "^18.2.0",
+  //   "@types/react-dom": "^18.2.0",
+  //   "@vitejs/plugin-react": "^4.0.0",
+  //   "typescript": "^5.0.0",
+  //   "vite": "^4.0.0"
+  // }
+
+  // const dependencies = {
+  //   "react": "^18.2.0",
+  //   "react-dom": "^18.2.0"
+  // }
+
+  // packageJson.devDependencies = {
+  //   ...packageJson.devDependencies,
+  //   ...devDependencies
+  // }
+
+  // packageJson.dependencies = {
+  //   ...packageJson.dependencies,
+  //   ...dependencies
+  // }
+
+  // if (!packageJson.devDependencies?.['bmdl-sdk']) {
+  //   packageJson.devDependencies = {
+  //     ...packageJson.devDependencies,
+  //     'bmdl-sdk': 'latest'
+  //   }
+  // }
+
+  writeFileSync(packageJsonPath, JSON.stringify(packageJson, null, 2))
+}
+
+async function runCommand(command) {
+  switch (command) {
+    case 'init':
+      initProject()
+      break
+    case 'dev':
+      await import('./dev.js')
+      break
+    case 'build':
+      await import('./build.js')
+      break
+    default:
+      console.log(`
+Usage:
+  bmdl-sdk init     - Initialize new widget project
+  bmdl-sdk dev      - Start development server
+  bmdl-sdk build    - Build widget for production
+
+Example:
+  mkdir my-component
+  cd my-component
+  npm init -y
+  npx bmdl-sdk init
+  yarn install
+  yarn run dev
+      `)
+  }
+}
+
+runCommand(command)

package/package.json

@@ -1,39 +1,20 @@
-{
-  "name": "bmdl-sdk",
-  "private": false,
-  "version": "0.0.2",
-  "type": "module",
-  "bin": {
-    "bmdl-sdk": "./bin/cli.js"
-  },
-  "scripts": {
-    "dev": "vite",
-    "build": "tsc && vite build",
-    "preview": "vite preview",
-    "build:component": "vite build && tsx scripts/postbuild.js"
-  },
-  "dependencies": {
-    "adm-zip": "^0.5.16",
-    "echarts": "^6.0.0",
-    "echarts-for-react": "^3.0.5",
-    "react": "^19.2.0",
-    "react-dom": "^19.2.0",
-    "teaser": "^0.1.1",
-    "tsx": "^4.22.4"
-  },
-  "devDependencies": {
-    "@eslint/js": "^9.39.1",
-    "@types/node": "^24.10.1",
-    "@types/react": "^19.2.5",
-    "@types/react-dom": "^19.2.3",
-    "@types/terser": "^3.12.0",
-    "@vitejs/plugin-react": "^5.1.1",
-    "eslint": "^9.39.1",
-    "eslint-plugin-react-hooks": "^7.0.1",
-    "eslint-plugin-react-refresh": "^0.4.24",
-    "globals": "^16.5.0",
-    "typescript": "~5.9.3",
-    "typescript-eslint": "^8.46.4",
-    "vite": "^7.2.4"
-  }
-}
+{
+  "name": "bmdl-sdk",
+  "version": "1.1.0",
+  "description": "",
+  "main": "index.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "ISC",
+  "dependencies": {
+    "react": "^19.2.7",
+    "react-dom": "^19.2.7"
+  },
+  "devDependencies": {
+    "@types/react": "^19.2.17",
+    "@types/react-dom": "^19.2.3"
+  }
+}

package/templates/App.tsx

@@ -0,0 +1,11 @@
+import React from 'react'
+import { ComponentProps } from '../types'
+
+const NameComponent: React.FC<ComponentProps> = ({
+  dataOptions,
+  viewOptions,
+}) => {
+  return <div>NameComponent</div>
+}
+
+export default NameComponent

package/templates/config.ts

@@ -0,0 +1,13 @@
+import packageJson from '../package.json'
+import { Config } from '../types'
+
+export const config: Config = {
+  label: {
+    ru: 'NameComponent',
+    en: 'NameComponent',
+  },
+  categories: [],
+  icon: 'icon.svg',
+  preview: 'preview.webp',
+  version: packageJson.version,
+}

package/templates/dataOptions.ts

@@ -0,0 +1,5 @@
+import { CreateDataOptions } from '../types'
+
+export const createDataOptions: CreateDataOptions = () => {
+  return []
+}

package/templates/viewOptions.ts

@@ -0,0 +1,5 @@
+import { CreateViewOptions } from '../types'
+
+export const createViewOptions: CreateViewOptions = () => {
+  return []
+}

package/{src/types → types}/index.ts

@@ -1,5 +1,3 @@
-export type Locale = 'ru' | 'en'
-
 export interface LocalizedText {
   ru: string
   en: string
@@ -9,10 +7,12 @@ export interface Config {
   label: LocalizedText
   categories: string[]
   icon: string
-  preview: string
+  preview?: string
   version: string
 }
 
+////////////////////////
+
 export enum ColumnType {
   String = 'string',
   Number = 'number',
@@ -43,7 +43,7 @@ export interface DataBlock {
 export type DataOptions = DataBlock[]
 export type CreateDataOptions = () => DataOptions
 
-///////////////////
+////////////////////////
 
 export interface ViewOptionBase {
   key: string
@@ -80,14 +80,9 @@ export type ViewOption = CheckboxOption | SelectOption | InputOption
 export type ViewOptions = Array<ViewOption | GroupOption>
 export type CreateViewOptions = () => ViewOptions
 
-export interface ChartData {
-  [key: string]: any
-}
+////////////////////////
 
 export interface ComponentProps {
-  dataOptions?: DataOptions
-  viewOptions?: ViewOptions
-  data?: ChartData[]
-  locale?: Locale
-  onError?: (error: Error) => void
+  dataOptions: DataOptions
+  viewOptions: ViewOptions
 }

package/dist/config.json

@@ -1,13 +0,0 @@
-{
-  "label": {
-    "ru": "Комбинированная диаграмма: Cтолбчатая и Линейная (UX)",
-    "en": "Combo Chart: Bar and Line (UX)"
-  },
-  "categories": [
-    "compare",
-    "distribution"
-  ],
-  "icon": "icon.svg",
-  "preview": "preview.webp",
-  "version": "0.0.2"
-}