Add plugins

.github/workflows/tests.yml

@@ -18,7 +18,7 @@ jobs:
 
     - run: npm ci
     - run: npm run lint
-    - run: npm run types
+    # - run: npm run types
     - run: npm run build
     - run: npm test
 

.gitignore

@@ -1,8 +1,14 @@
 node_modules/
 babel-preset/
-jsx-runtime/
 dist/
 __test/
 
+jsx-runtime/
+!src/jsx-runtime/
+
+plugins/
+!src/plugins/
+!tests/plugins/
+
 .DS_Store
 *.tgz

.size-limit.json

@@ -3,13 +3,13 @@
     "name": "jsx",
     "path": "jsx-runtime/index.js",
     "import": "{ jsx }",
-    "limit": "346 B"
+    "limit": "302 B"
   },
   {
     "name": "Fragment",
     "path": "jsx-runtime/index.js",
     "import": "{ Fragment }",
-    "limit": "81 B"
+    "limit": "80 B"
   },
   {
     "name": "appendChildren",
@@ -21,6 +21,6 @@
     "name": "core",
     "path": "jsx-runtime/index.js",
     "import": "{ jsx, Fragment }",
-    "limit": "365 B"
+    "limit": "318 B"
   }
 ]

eslint.config.js

@@ -6,6 +6,7 @@ export default ts.config(
     ignores: [
       'babel-preset/',
       'jsx-runtime/',
+      'plugins/'
     ],
   },
   js.configs.recommended,

index.d.ts

@@ -1,6 +1,6 @@
 /// <reference lib="dom" />
 /// <reference lib="es2023" />
-import type { Properties, Property } from 'csstype';
+import type { Property } from 'csstype';
 
 export interface RefObject<T> {
   readonly current: T
@@ -99,11 +99,6 @@ export type UIEventHandler<T = Element> = EventHandler<UIEvent, T>
 export type WebGLContextEventHandler<T = Element> = EventHandler<WebGLContextEvent, T>
 export type WheelEventHandler<T = Element> = EventHandler<WheelEvent, T>
 
-export interface CSSProperties extends Properties<number | string> {
-  cssText?: string | null
-  [key: `--${string}`]: number | string
-}
-
 export type ControlsList = 'nodownload' | 'nofullscreen' | 'noremoteplayback'
 
 export interface AriaAttributes {
@@ -531,7 +526,7 @@ declare global {
        * @see https://developer.mozilla.org/en-US/docs/Glossary/Enumerated
        */
       spellcheck?: 'true' | 'false'
-      style?: string | CSSProperties
+      style?: string | {}
       tabIndex?: number | `${number}`
       title?: string
       translate?: 'yes' | 'no'
@@ -599,7 +594,9 @@ declare global {
       writingsuggestions?: boolean | '' | 'true' | 'false'
     }
 
-    export interface HTMLAttributes<T> extends AriaAttributes, Attributes {
+    export interface OverrideAttributes extends AriaAttributes, Attributes { }
+
+    export interface HTMLAttributes<T> extends OverrideAttributes {
       _?: string
       $?: Record<string, EventListener<T>>
       ref?: Ref<T>

jest.config.js

@@ -1,12 +1,15 @@
 /** @type {import('jest').Config} */
 const config = {
   cache: false,
-  rootDir: 'tests',
+  rootDir: '.',
   transform: {
     '\\.tsx?$': 'babel-jest',
   },
   setupFilesAfterEnv: [
-    '<rootDir>/utils/jest-setup.ts'
+    '<rootDir>/tests/utils/jest-setup.ts'
+  ],
+  modulePathIgnorePatterns: [
+    '<rootDir>/src/',
   ],
   testEnvironment: 'jest-environment-jsdom',
   extensionsToTreatAsEsm: ['.tsx', '.ts'],