bmdl-sdk 1.5.5 → 1.5.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bmdl-sdk",
-  "version": "1.5.5",
+  "version": "1.5.7",
   "type": "module",
   "main": "index.js",
   "bin": {
@@ -15,14 +15,20 @@
   "author": "",
   "license": "ISC",
   "dependencies": {
+    "react": "^19.2.7",
+    "react-dom": "^19.2.7"
+  },
+  "devDependencies": {
+    "@types/node": "^26.1.1",
     "@types/react": "^19.2.17",
     "@types/react-dom": "^19.2.3",
     "@vitejs/plugin-react": "^4.0.0",
-    "react": "^19.2.7",
-    "react-dom": "^19.2.7",
     "vite": "^4.0.0"
   },
-  "devDependencies": {
-    "@types/node": "^26.1.1"
+  "peerDependencies": {
+    "@types/react": "^19.2.17",
+    "@types/react-dom": "^19.2.3",
+    "@vitejs/plugin-react": "^4.0.0",
+    "vite": "^4.0.0"
   }
 }

package/src/App.tsx

@@ -19,9 +19,9 @@ const App: React.FC = () => {
     const loadWidget = async () => {
       try {
         // Динамически импортируем компонент из проекта разработчика
-        const widgetModule = (await import('/src/app/App.tsx')) as WidgetModule
-        const dataOptionsModule = await import('/src/dataOptions.ts')
-        const viewOptionsModule = await import('/src/viewOptions.ts')
+        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())

package/src/main.tsx

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

package/vite.config.ts

@@ -1,8 +1,7 @@
+import { defineConfig } from 'vite'
 import react from '@vitejs/plugin-react'
 import { resolve } from 'path'
-import { defineConfig } from 'vite'
 
-// Получаем корень проекта разработчика
 const projectRoot = process.env.PROJECT_ROOT || process.cwd()
 const sdkRoot = process.cwd()
 
@@ -13,20 +12,19 @@ export default defineConfig({
   plugins: [react()],
   server: {
     port: 3000,
-    open: true,
-    watch: {
-      // Следим за изменениями в проекте разработчика
-      ignored: ['!**/node_modules/**'],
-    },
+    open: true
   },
   resolve: {
     alias: {
-      // Перенаправляем импорты из /src в проект разработчика
-      '/src': resolve(projectRoot, 'src'),
-    },
+      '@project': resolve(projectRoot, 'src')
+    }
   },
   optimizeDeps: {
-    include: ['react', 'react-dom'],
+    include: ['react', 'react-dom', 'react-dom/client']
   },
-  publicDir: resolve(sdkRoot, 'public'),
-})
+  build: {
+    commonjsOptions: {
+      include: [/react-dom/, /react/]
+    }
+  }
+})