bmdl-sdk 2.0.0 → 2.0.1

package/bin/dev.js

@@ -47,21 +47,22 @@ console.log('🔧 Starting Vite development server...')
 console.log('🌐 http://localhost:3000')
 console.log('')
 
-// Запускаем Vite - убираем --root, используем только --config
 const next = spawn(
   'npx',
-  ['next', 'dev', '--port', '3000'],
+  ['next', 'dev', '--port', '3000', '--experimental-app'],
   {
     stdio: 'inherit',
     shell: true,
-    cwd: sdkRoot, // Работаем из папки SDK
+    cwd: sdkRoot,
     env: {
       ...process.env,
       PROJECT_ROOT: projectRoot,
       NODE_ENV: 'development',
+      NEXT_PUBLIC_PROJECT_ROOT: projectRoot,
     },
-  },
-)
+  }
+);
+
 
 next.on('close', code => {
   if (code !== 0) {

package/next.config.ts

@@ -2,22 +2,30 @@ import type { NextConfig } from 'next'
 import createNextIntlPlugin from 'next-intl/plugin'
 import packageJson from './package.json'
 
+const path = require('path');
+
+const projectRoot = process.env.PROJECT_ROOT || process.cwd()
+
 const withNextIntl = createNextIntlPlugin('./src/config/i18n.config.ts')
 
 const nextConfig: NextConfig = {
 	reactStrictMode: false,
-  transpilePackages: ['bmdl-sdk'],
   webpack: (config, { isServer }) => {
-    // Добавляем поддержку импорта из проекта разработчика
-    config.resolve.alias['@project'] = process.env.PROJECT_ROOT 
-      ? `${process.env.PROJECT_ROOT}/src` 
-      : '../line/src'
-    
-    return config
+    // Разрешаем импорт из проекта пользователя
+    config.resolve.modules = [
+      path.resolve(process.env.PROJECT_ROOT || process.cwd()),
+      'node_modules',
+      ...config.resolve.modules,
+    ];
+
+    // Добавляем поддержку TypeScript из проекта
+    config.resolve.extensions = ['.tsx', '.ts', '.jsx', '.js', '.json'];
+
+    return config;
   },
-  // Включаем экспериментальные функции для динамических импортов
-  experimental: {
-    esmExternals: true
+  // Отключаем строгую проверку для файлов вне SDK
+  typescript: {
+    ignoreBuildErrors: true,
   },
 	env: {
 		NEXT_PUBLIC_APP_VERSION: packageJson.version,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bmdl-sdk",
-  "version": "2.0.0",
+  "version": "2.0.1",
   "type": "module",
   "main": "index.js",
   "bin": {

package/src/components/organisms/ComponentWidget/ComponentWidget.tsx

@@ -1,107 +1,9 @@
-'use client'
+import dynamic from 'next/dynamic'
 
-import { useEffect, useState } from 'react'
-import { ComponentProps } from '../../../../index'
-
-// Интерфейс для динамического импорта виджета
-interface WidgetModule {
-  default: React.ComponentType<ComponentProps>
-}
-
-export function ComponentWidget() {
-  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)
-        // @ts-ignore
-        setDataOptions(dataOptionsModule.createDataOptions())
-        // @ts-ignore
-        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>
-    )
+export const ComponentWidget = dynamic(
+  () => import(`${process.env.PROJECT_ROOT}/src/app/App.tsx`),
+  { 
+    ssr: false,
+    loading: () => <div>Loading...</div>
   }
-
-  if (error) {
-    return (
-      <div
-        style={{
-          display: 'flex',
-          justifyContent: 'center',
-          alignItems: 'center',
-          height: '100%',
-          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={{
-        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: '100%',
-        }}
-      >
-        <WidgetComponent dataOptions={dataOptions} viewOptions={viewOptions} />
-      </div>
-    </div>
-  )
-}
+);

package/templates/App.tsx

@@ -1,5 +1,5 @@
 import React from 'react'
-import { ComponentProps } from '../src/zold/index.d2'
+import { ComponentProps } from '../'
 
 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 '../src/zold/index.d2'
+import { CreateDataOptions } from '../'
 
 export const createDataOptions: CreateDataOptions = () => {
   return []

package/templates/viewOptions.ts

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