legend-state-dev-tools 0.0.2 → 0.0.5

package/packages/core/src/ui/toolbar.ts

@@ -1,108 +0,0 @@
-import { renderToolbar, type ToolbarData } from './template-engine';
-import { getStoredBoolean, setStoredBoolean } from './shared-utils';
-
-export class Toolbar {
-  private container: HTMLElement | null = null;
-  private isDragging = false;
-  private offsetX = 0;
-  private offsetY = 0;
-  private isMinimized: boolean = getStoredBoolean('toolbar-minimized', false);
-  private panelVisible = false;
-
-  private onTogglePanel?: () => void;
-  private rootName: string;
-
-  constructor(options: { onTogglePanel?: () => void; rootName?: string } = {}) {
-    this.onTogglePanel = options.onTogglePanel;
-    this.rootName = options.rootName || 'state$';
-  }
-
-  public mount(): void {
-    if (this.container) return;
-
-    this.container = document.createElement('div');
-    this.container.id = 'lsdt-toolbar';
-    if (this.isMinimized) {
-      this.container.classList.add('lsdt-toolbar-minimized');
-    }
-
-    document.body.appendChild(this.container);
-    this.render();
-    this.attachEventListeners();
-  }
-
-  private render(): void {
-    if (!this.container) return;
-
-    const data: ToolbarData = {
-      isMinimized: this.isMinimized,
-      panelVisible: this.panelVisible,
-      rootName: this.rootName,
-    };
-
-    this.container.innerHTML = renderToolbar(data);
-  }
-
-  private attachEventListeners(): void {
-    if (!this.container) return;
-
-    this.container.addEventListener('click', this.handleClick);
-    this.container.addEventListener('mousedown', this.handleMouseDown);
-    document.addEventListener('mousemove', this.handleMouseMove);
-    document.addEventListener('mouseup', this.handleMouseUp);
-  }
-
-  private handleClick = (e: Event): void => {
-    const target = e.target as HTMLElement;
-    const actionElement = target.closest('[data-action]');
-    if (!actionElement) return;
-
-    const action = actionElement.getAttribute('data-action');
-    if (action === 'toggle-panel') {
-      this.onTogglePanel?.();
-    }
-  };
-
-  private handleMouseDown = (e: MouseEvent): void => {
-    const target = e.target as HTMLElement;
-    if (target.tagName === 'BUTTON') return;
-
-    this.isDragging = true;
-    if (this.container) {
-      this.container.classList.add('dragging');
-      const rect = this.container.getBoundingClientRect();
-      this.offsetX = e.clientX - rect.left;
-      this.offsetY = e.clientY - rect.top;
-    }
-  };
-
-  private handleMouseMove = (e: MouseEvent): void => {
-    if (!this.isDragging || !this.container) return;
-
-    this.container.style.left = `${e.clientX - this.offsetX}px`;
-    this.container.style.top = `${e.clientY - this.offsetY}px`;
-    this.container.style.right = 'auto';
-    this.container.style.bottom = 'auto';
-  };
-
-  private handleMouseUp = (): void => {
-    this.isDragging = false;
-    this.container?.classList.remove('dragging');
-  };
-
-  public setPanelVisible(visible: boolean): void {
-    this.panelVisible = visible;
-    this.render();
-  }
-
-  public unmount(): void {
-    if (this.container) {
-      this.container.removeEventListener('click', this.handleClick);
-      this.container.removeEventListener('mousedown', this.handleMouseDown);
-      this.container.remove();
-      this.container = null;
-    }
-    document.removeEventListener('mousemove', this.handleMouseMove);
-    document.removeEventListener('mouseup', this.handleMouseUp);
-  }
-}

package/packages/core/tsconfig.json

@@ -1,9 +0,0 @@
-{
-  "extends": "../../tsconfig.json",
-  "compilerOptions": {
-    "outDir": "./dist",
-    "rootDir": "./src"
-  },
-  "include": ["src/**/*"],
-  "exclude": ["dist/**/*"]
-}

package/packages/core/vite.config.ts

@@ -1,71 +0,0 @@
-import { defineConfig } from 'vite';
-import { resolve } from 'path';
-import { copyFileSync } from 'fs';
-import dts from 'vite-plugin-dts';
-
-export default defineConfig({
-  plugins: [
-    {
-      name: 'eta-raw-loader',
-      transform(code, id) {
-        if (id.endsWith('.eta')) {
-          return {
-            code: `export default ${JSON.stringify(code)};`,
-            map: null,
-          };
-        }
-      },
-    },
-    dts({
-      include: ['src/**/*.ts', 'src/**/*.tsx'],
-      exclude: ['src/**/*.test.ts'],
-      rollupTypes: true,
-      insertTypesEntry: true,
-    }),
-    {
-      name: 'copy-styles',
-      closeBundle() {
-        copyFileSync(
-          resolve(__dirname, 'src/styles.css'),
-          resolve(__dirname, 'dist/styles.css')
-        );
-      },
-    },
-  ],
-  build: {
-    lib: {
-      entry: resolve(__dirname, 'src/index.ts'),
-      name: 'LegendStateDevTools',
-      formats: ['es', 'cjs'],
-      fileName: (format) => (format === 'es' ? 'index.mjs' : 'index.js'),
-    },
-    rollupOptions: {
-      external: [
-        'react',
-        'react-dom',
-        'react-dom/client',
-        'react/jsx-runtime',
-        'eta',
-        'json-edit-react',
-        '@legendapp/state',
-      ],
-      output: {
-        globals: {
-          react: 'React',
-          'react-dom': 'ReactDOM',
-          'react-dom/client': 'ReactDOMClient',
-          eta: 'Eta',
-          'json-edit-react': 'JsonEditReact',
-          '@legendapp/state': 'LegendState',
-        },
-      },
-    },
-    outDir: 'dist',
-    emptyOutDir: true,
-    sourcemap: true,
-    minify: 'esbuild',
-  },
-  resolve: {
-    extensions: ['.ts', '.tsx', '.js', '.jsx', '.eta'],
-  },
-});

package/tsconfig.json

@@ -1,17 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "ES2020",
-    "module": "ESNext",
-    "lib": ["ES2020", "DOM", "DOM.Iterable"],
-    "moduleResolution": "bundler",
-    "strict": true,
-    "skipLibCheck": true,
-    "esModuleInterop": true,
-    "resolveJsonModule": true,
-    "isolatedModules": true,
-    "declaration": true,
-    "declarationMap": true,
-    "jsx": "react-jsx"
-  },
-  "exclude": ["examples/**/*", "node_modules/**/*", "**/dist/**/*"]
-}