Remove solid-events; tidy imports

Author: Rafferty97

package.json

@@ -89,7 +89,6 @@
     "@kobalte/core": "^0.13.11",
     "@tanstack/solid-virtual": "^3.13.18",
     "clsx": "^2.1.1",
-    "radashi": "^12.7.1",
-    "solid-events": "^0.0.6"
+    "radashi": "^12.7.1"
   }
 }

pnpm-lock.yaml

@@ -1,5 +1,5 @@
 import { createEffect, createMemo, createSignal, JSX, onCleanup } from 'solid-js'
-import { devicePixelRatio } from '../lib/devicePixelRatio'
+import { devicePixelRatio } from 'src/lib/devicePixelRatio'
 import { cn } from 'src/lib/classnames'
 import '../components/ResizeBar.css'
 

src/components/ResizeBar.tsx

@@ -0,0 +1,20 @@
+import { onCleanup } from 'solid-js'
+
+export type Handler<T> = (callback: (payload: T) => void) => void
+
+export function createEvent<T>() {
+  const listeners = new Set<(payload: T) => void>()
+
+  const subscribe: Handler<T> = callback => {
+    listeners.add(callback)
+    onCleanup(() => listeners.delete(callback))
+  }
+
+  const emit = (payload: T) => {
+    for (const listener of listeners) {
+      listener(payload)
+    }
+  }
+
+  return [subscribe, emit] as const
+}

src/lib/createEvent.ts

@@ -1,8 +1,8 @@
 import { createEffect, createMemo, createSignal, onCleanup, Show, Component } from 'solid-js'
 import { Dynamic } from 'solid-js/web'
-import { Handler } from 'solid-events'
+import { Handler } from 'src/lib/createEvent'
 import { CellContentProps, CellFormat } from './CellContent'
-import { Rect } from '../lib/rect'
+import { Rect } from 'src/lib/rect'
 
 export interface CellProps {
   component: Component<CellContentProps>

src/table/Cell.tsx

@@ -1,5 +1,5 @@
 import { JSXElement } from 'solid-js'
-import { calcCursorPosition } from '../lib/calcCursorPosition'
+import { calcCursorPosition } from 'src/lib/calcCursorPosition'
 import { cn } from 'src/lib/classnames'
 
 export type CellContentProps = {

src/table/CellContent.tsx

@@ -1,5 +1,5 @@
 import { Show } from 'solid-js'
-import { devicePixelRatio } from '../lib/devicePixelRatio'
+import { devicePixelRatio } from 'src/lib/devicePixelRatio'
 import { cn } from 'src/lib/classnames'
 
 export interface OutlineProps {

src/table/Outline.tsx

@@ -11,18 +11,18 @@ import {
 import { createVirtualizer } from '@tanstack/solid-virtual'
 import { isEqual } from 'src/lib/isEqual'
 import type { ActiveRange, CellIndex, Column } from './types'
-import { devicePixelRatio, createSize } from '../lib/devicePixelRatio'
-import { isPrintableKey } from '../lib/isPrintableKey'
-import { findIndex } from '../lib/findIndex'
+import { devicePixelRatio, createSize } from 'src/lib/devicePixelRatio'
+import { isPrintableKey } from 'src/lib/isPrintableKey'
+import { findIndex } from 'src/lib/findIndex'
 import { TableHeader } from './TableHeader'
 import { TableRow } from './TableRow'
 import { CellInputContainer } from './Cell'
 import { Outline } from './Outline'
-import { watchViewport } from '../lib/watchViewport'
+import { watchViewport } from 'src/lib/watchViewport'
 import { Z_INDEX } from './zIndex'
 import { modifierKey } from 'src/lib/modifierKey'
 import { CellContextMenu } from './ContextMenu'
-import { createEvent } from 'solid-events'
+import { createEvent } from 'src/lib/createEvent'
 import { TextContent } from './CellContent'
 import './Table.css'
 

src/table/Table.tsx

@@ -1,6 +1,6 @@
 import { createRoot } from 'solid-js'
 import { isServer } from 'solid-js/web'
-import { Table } from '../src'
+import { Table } from 'src'
 import { describe, expect, it } from 'vitest'
 
 describe('environment', () => {