refactor: make unprefixed elements opt-in

BREAKING CHANGE: unprefixed elements must be explicitly added

Signed-off-by: Trezy <tre@trezy.com>

eslint.config.mjs

@@ -12,6 +12,12 @@ export default [
     {
         rules: {
             'max-len': 0,
+            '@typescript-eslint/no-empty-object-type': [
+                0,
+                {
+                    allowInterfaces: 'with-single-extends',
+                },
+            ],
         },
     },
     {
@@ -20,7 +26,6 @@ export default [
             '*.test.tsx',
         ],
         rules: {
-            '@typescript-eslint/no-unused-expressions': 0,
             '@typescript-eslint/dot-notation': [
                 0,
                 {
@@ -29,6 +34,7 @@ export default [
                     allowIndexSignaturePropertyAccess: true,
                 },
             ],
+            '@typescript-eslint/no-unused-expressions': 0,
             'dot-notation': 0,
         },
     },

src/global.ts

@@ -1,4 +1,3 @@
-import { type NamespacedPixiElements } from './typedefs/NamespacedPixiElements';
 import { type PixiElements } from './typedefs/PixiElements';
 
 import type {} from 'react';
@@ -10,7 +9,7 @@ declare module 'react'
     // eslint-disable-next-line @typescript-eslint/no-namespace
     namespace JSX
     {
-        interface IntrinsicElements extends PixiElements, NamespacedPixiElements {}
+        interface IntrinsicElements extends PixiElements {}
     }
 }
 
@@ -19,7 +18,7 @@ declare module 'react/jsx-runtime'
     // eslint-disable-next-line @typescript-eslint/no-namespace
     namespace JSX
     {
-        interface IntrinsicElements extends PixiElements, NamespacedPixiElements {}
+        interface IntrinsicElements extends PixiElements {}
     }
 }
 
@@ -28,6 +27,6 @@ declare module 'react/jsx-dev-runtime'
     // eslint-disable-next-line @typescript-eslint/no-namespace
     namespace JSX
     {
-        interface IntrinsicElements extends PixiElements, NamespacedPixiElements {}
+        interface IntrinsicElements extends PixiElements {}
     }
 }

src/index.ts

@@ -18,4 +18,6 @@ export { useExtend } from './hooks/useExtend';
 export { useSuspenseAssets } from './hooks/useSuspenseAssets';
 export { useTick } from './hooks/useTick';
 export { type ApplicationRef } from './typedefs/ApplicationRef';
+export { type PixiElements } from './typedefs/PixiElements';
 export { type PixiReactElementProps } from './typedefs/PixiReactNode';
+export { type UnprefixedPixiElements } from './typedefs/UnprefixedPixiElements';

src/typedefs/HostConfig.ts

@@ -2,7 +2,6 @@ import {
     type Container,
     type Filter,
 } from 'pixi.js';
-import { type NamespacedPixiElements } from './NamespacedPixiElements';
 import { type PixiElements } from './PixiElements';
 import { type PixiReactNode } from './PixiReactNode';
 
@@ -21,7 +20,7 @@ export interface HostConfig
     suspenseInstance: PixiReactNode;
     textInstance: PixiReactNode;
     timeoutHandle: number;
-    type: keyof PixiElements | keyof NamespacedPixiElements;
+    type: keyof PixiElements;
     updatePayload: object;
     transitionStatus: null,
 }

src/typedefs/PixiElements.ts

@@ -1,10 +1,3 @@
-import { type NameOverrides } from '../constants/NameOverrides';
-import { type PixiComponents } from './PixiComponents';
-import { type PixiReactElementProps } from './PixiReactNode';
+import { type PrefixedPixiElements } from './PrefixedPixiElements';
 
-import type * as PIXI from 'pixi.js';
-
-export type PixiElements = {
-    [K in PixiComponents as K extends keyof typeof NameOverrides ? typeof NameOverrides[K] : Uncapitalize<K>]:
-    PixiReactElementProps<typeof PIXI[K]>;
-};
+export interface PixiElements extends PrefixedPixiElements {}

src/typedefs/PrefixedPixiElements.ts

@@ -0,0 +1,5 @@
+import { type UnprefixedPixiElements } from './UnprefixedPixiElements';
+
+export type PrefixedPixiElements = {
+    [K in keyof UnprefixedPixiElements as `pixi${Capitalize<string & K>}`]: UnprefixedPixiElements[K];
+};

src/typedefs/UnprefixedPixiElements.ts

@@ -0,0 +1,10 @@
+import { type NameOverrides } from '../constants/NameOverrides';
+import { type PixiComponents } from './PixiComponents';
+import { type PixiReactElementProps } from './PixiReactNode';
+
+import type * as PIXI from 'pixi.js';
+
+export type UnprefixedPixiElements = {
+    [K in PixiComponents as K extends keyof typeof NameOverrides ? typeof NameOverrides[K] : Uncapitalize<K>]:
+    PixiReactElementProps<typeof PIXI[K]>;
+};