drawboard-microservice 1.0.5 → 1.0.7

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "drawboard-microservice",
   "private": false,
-  "version": "1.0.5",
+  "version": "1.0.7",
   "type": "module",
-  "main": "./dist/index.js",
+  "main": "./dist/index.cjs.js",
   "module": "./dist/index.es.js",
-  "types": "./dist/index.d.ts",
+  "types": "./dist/types/index.d.ts",
   "scripts": {
     "dev": "vite",
     "build": "tsc -b && vite build",

package/src/App.tsx

@@ -56,7 +56,7 @@ const DrawingApp: React.FC = () => {
   const [statsModuleCreated, setStatsModuleCreated] = useState(false);
   const [toolsUsage, setToolsUsage] = useState<Record<string, number>>({});
   const [sessionStartTime] = useState(Date.now());
-  const [setIsDrawingActive] = useState(false);
+  const [isDrawingActive, setIsDrawingActive] = useState(false);
 
   // Инициализация виджета через widgetBridge
   useEffect(() => {
@@ -187,7 +187,7 @@ const DrawingApp: React.FC = () => {
       boardId,
       widgetId
     };
-  }, [shapes.length, toolsUsage, sessionStartTime, boardId, widgetId]);
+  }, [shapes.length, toolsUsage, sessionStartTime, boardId, widgetId]);   
 
   // Функция для создания конфига виджета
   const createWidgetConfig = useCallback((): WidgetConfig => {
@@ -372,7 +372,7 @@ const DrawingApp: React.FC = () => {
   }, [shapes, setShapes, saveToHistory]);
 
   const drawingHandlers = useDrawingHandlers(
-    drawingState,
+    setIsDrawingActive,
     shapes,
     setShapes,
     saveToHistory,
@@ -1465,4 +1465,4 @@ const DrawingApp: React.FC = () => {
   );
 };
 
-export default DrawingApp;
+export default DrawingApp;

package/src/hooks/useDrawingHandlers.ts

@@ -5,6 +5,7 @@ import { calculateBoundingBox, isPointInShape, transformPoints } from '../utils/
 import { measureLatexSize, renderLatexToHtml } from '../utils/latexUtils';
 
 export const useDrawingHandlers = (
+  setIsDrawingActive: React.Dispatch<React.SetStateAction<boolean>>,
   shapes: Shape[],
   setShapes: React.Dispatch<React.SetStateAction<Shape[]>>,
   saveToHistory: (shapes: Shape[]) => void,

package/vite.config.ts

@@ -1,16 +1,85 @@
 import { defineConfig } from 'vite';
-
+import react from '@vitejs/plugin-react';
 import { resolve } from 'path';
+import dts from 'vite-plugin-dts';
 
-export default defineConfig({
-  build: {
-    lib: {
-      entry: resolve(__dirname, 'src/index.ts'),
-      formats: ['es'],
-      fileName: 'index'
+export default defineConfig(({ command, mode }) => {
+  const isLibraryBuild = command === 'build' && mode === 'library';
+  
+  const commonConfig = {
+    plugins: [react()],
+    optimizeDeps: {
+      include: ['void-elements']
     },
-    rollupOptions: {
-      external: ['react', 'react-dom']
+    resolve: {
+      alias: {
+        '@': resolve(__dirname, 'src')
+      }
     }
+  };
+
+  if (isLibraryBuild) {
+    // Конфиг для сборки библиотеки
+    return {
+      ...commonConfig,
+      plugins: [
+        react(),
+        dts({
+          insertTypesEntry: true,
+          outDir: 'dist/types',
+          include: ['src/**/*'],
+          exclude: ['**/*.test.ts', '**/*.spec.ts', '**/*.stories.ts']
+        })
+      ],
+      build: {
+        lib: {
+          entry: resolve(__dirname, 'src/index.ts'),
+          name: 'DrawboardMicroservice',
+          fileName: (format) => `index.${format}.js`,
+          formats: ['es', 'cjs']
+        },
+        rollupOptions: {
+          external: ['react', 'react-dom', 'react/jsx-runtime'],
+          output: {
+            preserveModules: false,
+            globals: {
+              react: 'React',
+              'react-dom': 'ReactDOM',
+              'react/jsx-runtime': 'jsxRuntime'
+            },
+            // Важно для правильной генерации entry points
+            entryFileNames: '[name].js',
+          }
+        },
+        sourcemap: true,
+        outDir: 'dist',
+        minify: false, // Отключаем минификацию для лучшей отладки
+        cssCodeSplit: true,
+        // Убедитесь, что эти опции включены
+        emptyOutDir: true,
+        target: 'es2020'
+      }
+    };
   }
+
+  // Конфиг для разработки и сборки приложения
+  return {
+    ...commonConfig,
+    build: {
+      outDir: 'dist-app',
+      sourcemap: true,
+      rollupOptions: {
+        input: {
+          main: resolve(__dirname, 'index.html')
+        }
+      }
+    },
+    server: {
+      port: 5173,
+      open: true
+    },
+    preview: {
+      port: 3001
+    }
+  };
 });