bmdl-sdk 1.5.8 → 2.0.0

package/src/utils/dynamicMessage.util.ts

@@ -0,0 +1,9 @@
+import { TranslateFn } from '@/types'
+
+export function dynamicMessage(message: string, te: TranslateFn): string {
+	const isDynamicText = message.includes('|')
+	const [text, variable] = message.split('|')
+	const [key, value] = (variable || '').split('=')
+
+	return isDynamicText ? te(text, { [key]: value }) : te(message)
+}

package/src/utils/getInitials.util.ts

@@ -0,0 +1,10 @@
+export function getInitials(fio: string): string {
+	return fio
+		.split(' ')
+		.map((item, index) => {
+			if (index > 1) return ''
+			//
+			return item[0]
+		})
+		.join('')
+}

package/src/utils/hideEmail.util.ts

@@ -0,0 +1,14 @@
+export function hideEmail(value?: string): string {
+	const email = value?.includes('@') ? value : ''
+
+	if (!email) return '*****@*****'
+
+	return email
+		.split('@')
+		.map((item, index) => {
+			if (index) return item
+			//
+			return item[0] + '*****'
+		})
+		.join('@')
+}

package/src/utils/index.ts

@@ -0,0 +1,12 @@
+export { _ } from './bm.util'
+export { bytes, type SizeStringValue } from './bytes.util'
+export { fromNow, getFormatDate, isWeekPassed } from './date.util'
+export { dynamicMessage } from './dynamicMessage.util'
+export { getInitials } from './getInitials.util'
+export { hideEmail } from './hideEmail.util'
+export { getPaginationData, getRangePagination } from './pagination.util'
+export { twJoin } from './twJoin.util'
+export { twMerge } from './twMerge.util'
+export { formatFileSize, getAcceptedTypesText } from './upload.util'
+export { addParam, getParam, getParams, removeParam } from './url.util'
+

package/src/utils/pagination.util.ts

@@ -0,0 +1,144 @@
+import { IPagination, IPaginationOptions } from '@/types'
+
+export function getPaginationData(pagination: IPaginationOptions): IPagination {
+	const { limit, page, pages, total } = pagination
+
+	const hasPrevPage = page > 0
+	const hasNextPage = page < pages - 1
+
+	const pageNumbers = generatePageNumbers(page, pages)
+
+	return {
+		limit,
+		page,
+		pages,
+		total,
+		hasPrevPage,
+		hasNextPage,
+		pageNumbers
+	}
+}
+
+////////////
+
+function generatePageNumbers(
+	currentPage: number,
+	totalPages: number
+): (number | 'ellipsis')[] {
+	if (totalPages <= 7) {
+		return Array.from({ length: totalPages }, (_, i) => i + 1)
+	}
+
+	const result: (number | 'ellipsis')[] = []
+
+	result.push(1)
+
+	if (totalPages === 8) {
+		if (currentPage < 4) {
+			result.push(2, 3, 4, 5)
+			result.push('ellipsis')
+			result.push(8)
+		} else {
+			result.push('ellipsis')
+			result.push(4, 5, 6, 7, 8)
+		}
+		return result
+	}
+
+	if (totalPages === 9) {
+		if (currentPage <= 4) {
+			result.push(2, 3, 4, 5)
+			result.push('ellipsis')
+			result.push(9)
+		} else if (currentPage === 5) {
+			result.push('ellipsis', 3, 4, 5, 6, 7, 'ellipsis', 9)
+		} else {
+			result.push('ellipsis')
+			result.push(5, 6, 7, 8, 9)
+		}
+		return result
+	}
+
+	if (totalPages === 10) {
+		if (currentPage <= 4) {
+			result.push(2, 3, 4, 5)
+			result.push('ellipsis')
+			result.push(10)
+		} else if (currentPage === 5) {
+			result.push('ellipsis', 3, 4, 5, 6, 7, 'ellipsis', 10)
+		} else if (currentPage === 6) {
+			result.push('ellipsis', 4, 5, 6, 7, 8, 'ellipsis', 10)
+		} else {
+			result.push('ellipsis')
+			result.push(6, 7, 8, 9, 10)
+		}
+		return result
+	}
+
+	if (totalPages === 11) {
+		if (currentPage <= 4) {
+			result.push(2, 3, 4, 5)
+			result.push('ellipsis')
+			result.push(11)
+		} else if (currentPage >= 5 && currentPage <= 7) {
+			result.push('ellipsis')
+			result.push(
+				currentPage - 2,
+				currentPage - 1,
+				currentPage,
+				currentPage + 1,
+				currentPage + 2
+			)
+			result.push('ellipsis')
+			result.push(11)
+		} else {
+			result.push('ellipsis')
+			result.push(7, 8, 9, 10, 11)
+		}
+		return result
+	}
+
+	if (currentPage <= 4) {
+		result.push(2, 3, 4, 5)
+		result.push('ellipsis')
+		result.push(totalPages)
+	} else if (currentPage >= totalPages - 3) {
+		result.push('ellipsis')
+		result.push(
+			totalPages - 4,
+			totalPages - 3,
+			totalPages - 2,
+			totalPages - 1,
+			totalPages
+		)
+	} else {
+		result.push('ellipsis')
+		result.push(
+			currentPage - 2,
+			currentPage - 1,
+			currentPage,
+			currentPage + 1,
+			currentPage + 2
+		)
+		result.push('ellipsis')
+		result.push(totalPages)
+	}
+
+	return result
+}
+
+////////////
+
+export function getRangePagination(
+	pagination: IPaginationOptions
+): Record<string, number> {
+	const { page, limit, total } = pagination
+	//
+	const startIndex = page * limit
+	const endIndex = Math.min((page + 1) * limit, total)
+	//
+	return {
+		from: startIndex + 1,
+		to: endIndex
+	}
+}

package/src/utils/twJoin.util.ts

@@ -0,0 +1,49 @@
+import { _ } from './bm.util'
+
+interface IBaseStyles {
+	mouse?: string | string[]
+	position?: string | string[]
+	display?: string | string[]
+	text?: string | string[]
+	visual?: string | string[]
+	transform?: string | string[]
+	animation?: string | string[]
+}
+
+interface IExtraStyles {
+	hover?: string | string[] | (IBaseStyles & IExtraStyles)
+	focus?: string | string[] | (IBaseStyles & IExtraStyles)
+	active?: string | string[] | (IBaseStyles & IExtraStyles)
+	disabled?: string | string[] | (IBaseStyles & IExtraStyles)
+	placeholder?: string | string[] | (IBaseStyles & IExtraStyles)
+	attrs?: string | string[] | (IBaseStyles & IExtraStyles)
+	childs?: string | string[] | (IBaseStyles & IExtraStyles)
+	adaptive?: string | string[] | (IBaseStyles & IExtraStyles)
+	dark?: string | string[] | (IBaseStyles & IExtraStyles)
+	after?: string | string[] | (IBaseStyles & IExtraStyles)
+}
+
+interface ITwJoin extends IBaseStyles, IExtraStyles {
+	tw?: string | string[]
+	vars?: string | string[]
+}
+
+const stylesFlat = (styles: ITwJoin): string[] => {
+	if (_.isObject(styles)) {
+		return (Object.values(styles) as ITwJoin[]).flatMap(stylesFlat)
+	}
+	//
+	if (_.isArray(styles)) {
+		return styles as string[]
+	}
+	//
+	if (_.isString(styles)) {
+		return [styles]
+	}
+	//
+	return []
+}
+
+export function twJoin(styles: ITwJoin): string {
+	return Object.values(styles).flatMap(stylesFlat).filter(Boolean).join(' ')
+}

package/src/utils/twMerge.util.ts

@@ -0,0 +1,6 @@
+import { type ClassValue, clsx } from 'clsx'
+import { twMerge as merge } from 'tailwind-merge'
+
+export function twMerge(...inputs: ClassValue[]) {
+	return merge(clsx(inputs))
+}

package/src/utils/upload.util.ts

@@ -0,0 +1,26 @@
+import { TranslateFn } from '@/types'
+
+export function getAcceptedTypesText(
+	acceptedTypes = '*',
+	t: TranslateFn
+): string {
+	if (acceptedTypes === '*') return t('types.all')
+
+	const types = acceptedTypes.split(',').map(type => {
+		if (type.startsWith('.')) return type
+		if (type.endsWith('/*')) return type.replace('/*', ` ${t('files')}`)
+		return type
+	})
+
+	return types.join(', ').replace(/\./g, '')
+}
+
+////////////
+
+export function formatFileSize(bytes: number, t: TranslateFn): string {
+	if (bytes === 0) return `0 ${t('bytes')}`
+	const k = 1024
+	const sizes = ['Bytes', 'KB', 'MB', 'GB']
+	const i = Math.floor(Math.log(bytes) / Math.log(k))
+	return parseFloat((bytes / Math.pow(k, i)).toFixed(2)) + ' ' + sizes[i]
+}

package/src/utils/url.util.ts

@@ -0,0 +1,29 @@
+import { AppRouterInstance } from 'next/dist/shared/lib/app-router-context.shared-runtime'
+
+export function getParam(key: string) {
+	const url = new URL(window.location.href)
+	return url.searchParams.get(key)
+}
+
+export function getParams() {
+	const url = new URL(window.location.href)
+	const params: Record<string, any> = {
+		length: url.searchParams.size
+	}
+	url.searchParams.forEach((value, key) => {
+		params[key] = value
+	})
+	return params
+}
+
+export function addParam(router: AppRouterInstance, key: string, value: any) {
+	const url = new URL(window.location.href)
+	url.searchParams.set(key, value)
+	router.push(url.toString())
+}
+
+export function removeParam(router: AppRouterInstance, key: string) {
+	const url = new URL(window.location.href)
+	url.searchParams.delete(key)
+	router.push(url.toString())
+}

package/templates/App.tsx

@@ -1,5 +1,5 @@
 import React from 'react'
-import { ComponentProps } from '../'
+import { ComponentProps } from '../src/zold/index.d2'
 
 const NameComponent: React.FC<ComponentProps> = ({
   dataOptions,

package/templates/config.ts

@@ -1,5 +1,5 @@
-import { Config } from '../'
 import packageJson from '../package.json'
+import { Config } from '../src/zold/index.d2'
 
 export const config: Config = {
   label: {

package/templates/dataOptions.ts

@@ -1,4 +1,4 @@
-import { CreateDataOptions } from '../'
+import { CreateDataOptions } from '../src/zold/index.d2'
 
 export const createDataOptions: CreateDataOptions = () => {
   return []

package/templates/viewOptions.ts

@@ -1,4 +1,4 @@
-import { CreateViewOptions } from '../'
+import { CreateViewOptions } from '../src/zold/index.d2'
 
 export const createViewOptions: CreateViewOptions = () => {
   return []

package/tsconfig.json

@@ -1,7 +1,41 @@
-{
-  "compilerOptions": {
-    "resolveJsonModule": true,
-    "esModuleInterop": true,
-    "jsx": "react-jsx"
-  }
+{
+  "compilerOptions": {
+    "target": "ES2021",
+    "lib": [
+      "dom",
+      "dom.iterable",
+      "esnext"
+    ],
+    "allowJs": true,
+    "skipLibCheck": true,
+    "strict": true,
+    "noEmit": true,
+    "esModuleInterop": true,
+    "module": "esnext",
+    "moduleResolution": "bundler",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "jsx": "react-jsx",
+    "incremental": true,
+    "plugins": [
+      {
+        "name": "next"
+      }
+    ],
+    "paths": {
+      "@/*": [
+        "./src/*"
+      ]
+    }
+  },
+  "include": [
+    "next-env.d.ts",
+    "**/*.ts",
+    "**/*.tsx",
+    ".next/types/**/*.ts",
+    ".next/dev/types/**/*.ts"
+  ],
+  "exclude": [
+    "node_modules"
+  ]
 }

package/index.html

@@ -1,12 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-  <meta charset="UTF-8" />
-  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>BMDL SDK</title>
-</head>
-<body>
-  <div id="root"></div>
-  <script type="module" src="/src/main.tsx"></script>
-</body>
-</html>

package/src/App.tsx

@@ -1,187 +0,0 @@
-import React, { useEffect, useState } from 'react'
-import { ComponentProps } from '..'
-
-// Интерфейс для динамического импорта виджета
-interface WidgetModule {
-  default: React.ComponentType<ComponentProps>
-}
-
-const App: React.FC = () => {
-  const [WidgetComponent, setWidgetComponent] =
-    useState<React.ComponentType<ComponentProps> | null>(null)
-  const [dataOptions, setDataOptions] = useState<any>(null)
-  const [viewOptions, setViewOptions] = useState<any>(null)
-  const [loading, setLoading] = useState(true)
-  const [error, setError] = useState<string | null>(null)
-
-  useEffect(() => {
-    // Загружаем компонент виджета из проекта
-    const loadWidget = async () => {
-      try {
-        // Динамически импортируем компонент из проекта разработчика
-        const widgetModule = (await import('@project/app/App.tsx')) as WidgetModule
-        const dataOptionsModule = await import('@project/dataOptions.ts')
-        const viewOptionsModule = await import('@project/viewOptions.ts')
-
-        setWidgetComponent(() => widgetModule.default)
-        setDataOptions(dataOptionsModule.createDataOptions())
-        setViewOptions(viewOptionsModule.createViewOptions())
-        setLoading(false)
-      } catch (err) {
-        console.error('Failed to load widget:', err)
-        setError('Failed to load widget component. Please check your files.')
-        setLoading(false)
-      }
-    }
-
-    loadWidget()
-  }, [])
-
-  if (loading) {
-    return (
-      <div
-        style={{
-          display: 'flex',
-          justifyContent: 'center',
-          alignItems: 'center',
-          height: '100vh',
-        }}
-      >
-        <h2>Loading widget...</h2>
-      </div>
-    )
-  }
-
-  if (error) {
-    return (
-      <div
-        style={{
-          display: 'flex',
-          justifyContent: 'center',
-          alignItems: 'center',
-          height: '100vh',
-          flexDirection: 'column',
-        }}
-      >
-        <h2 style={{ color: 'red' }}>Error</h2>
-        <p>{error}</p>
-        <p style={{ fontSize: '14px', color: '#666' }}>
-          Make sure you have src/App/App.tsx, src/config.ts, src/dataOptions.ts,
-          src/viewOptions.ts
-        </p>
-      </div>
-    )
-  }
-
-  if (!WidgetComponent) {
-    return null
-  }
-
-  return (
-    <div
-      style={{
-        display: 'flex',
-        height: '100vh',
-        fontFamily: 'Arial, sans-serif',
-      }}
-    >
-      {/* Левая половина - информация SDK */}
-      <div
-        style={{
-          flex: 1,
-          padding: '20px',
-          backgroundColor: '#f0f4f8',
-          borderRight: '2px solid #ddd',
-          overflow: 'auto',
-        }}
-      >
-        <h2 style={{ marginTop: 0 }}>🔧 BMDL SDK Preview</h2>
-        <div
-          style={{
-            backgroundColor: 'white',
-            padding: '15px',
-            borderRadius: '8px',
-            marginBottom: '15px',
-          }}
-        >
-          <h4>📊 Widget Info</h4>
-          <div id='widget-info'>
-            {/* Информация будет добавлена из config.ts */}
-          </div>
-        </div>
-        <div
-          style={{
-            backgroundColor: 'white',
-            padding: '15px',
-            borderRadius: '8px',
-          }}
-        >
-          <h4>📦 Data Options</h4>
-          <pre
-            style={{
-              background: '#f5f5f5',
-              padding: '10px',
-              borderRadius: '4px',
-              fontSize: '12px',
-            }}
-          >
-            {JSON.stringify(dataOptions, null, 2)}
-          </pre>
-        </div>
-        <div
-          style={{
-            backgroundColor: 'white',
-            padding: '15px',
-            borderRadius: '8px',
-            marginTop: '15px',
-          }}
-        >
-          <h4>⚙️ View Options</h4>
-          <pre
-            style={{
-              background: '#f5f5f5',
-              padding: '10px',
-              borderRadius: '4px',
-              fontSize: '12px',
-            }}
-          >
-            {JSON.stringify(viewOptions, null, 2)}
-          </pre>
-        </div>
-        <div style={{ marginTop: '20px', fontSize: '12px', color: '#666' }}>
-          <p>
-            💡 Edit src/App/App.tsx, src/dataOptions.ts, or src/viewOptions.ts
-            to see changes
-          </p>
-        </div>
-      </div>
-
-      {/* Правая половина - виджет разработчика */}
-      <div
-        style={{
-          flex: 1,
-          padding: '20px',
-          backgroundColor: '#ffffff',
-          overflow: 'auto',
-        }}
-      >
-        <h3 style={{ marginTop: 0 }}>📱 Your Widget</h3>
-        <div
-          style={{
-            border: '2px dashed #ccc',
-            borderRadius: '8px',
-            padding: '20px',
-            minHeight: '400px',
-          }}
-        >
-          <WidgetComponent
-            dataOptions={dataOptions}
-            viewOptions={viewOptions}
-          />
-        </div>
-      </div>
-    </div>
-  )
-}
-
-export default App

package/src/main.tsx

@@ -1,15 +0,0 @@
-import React from 'react'
-import ReactDOM from 'react-dom/client'
-import App from './App'
-
-console.log('🚀 BMDL SDK Starting...')
-
-const rootElement = document.getElementById('root')
-if (rootElement) {
-  const root = ReactDOM.createRoot(rootElement)
-  root.render(
-    <React.StrictMode>
-      <App />
-    </React.StrictMode>,
-  )
-}