feat: export react typings #35

Currently, using wokwi elements within a React TypeScript projects results in errors such as:

Property 'wokwi-led' does not exist on type 'JSX.IntrinsicElements'.

This adds the required typings so that TypeScript recognizes all the Wokwi elements within the JSX context.

Author: urish

_templates/element/new/react-types-import.ts.t

@@ -0,0 +1,7 @@
+---
+to: src/react-types.ts
+inject: true
+before: \ndeclare global
+skip_if: \{ <%= h.className(name) %>Element \}
+---
+import { <%= h.className(name) %>Element } from './<%= name %>-element';

_templates/element/new/react-types.ts.t

@@ -0,0 +1,7 @@
+---
+to: src/react-types.ts
+inject: true
+before: \}\s+\}\s+\}
+skip_if: 'wokwi-<%= name %>'
+---
+      'wokwi-<%= name %>': Partial<<%= h.className(name) %>Element>;

src/index.ts

@@ -1,3 +1,4 @@
+import './react-types';
 export { SevenSegmentElement } from './7segment-element';
 export { ArduinoUnoElement } from './arduino-uno-element';
 export { LCD1602Element } from './lcd1602-element';

src/react-types.ts

@@ -0,0 +1,36 @@
+/* eslint-disable @typescript-eslint/no-namespace */
+/* eslint-disable @typescript-eslint/no-unused-vars */
+
+import { SevenSegmentElement } from './7segment-element';
+import { ArduinoUnoElement } from './arduino-uno-element';
+import { BuzzerElement } from './buzzer-element';
+import { LCD1602Element } from './lcd1602-element';
+import { LEDElement } from './led-element';
+import { MembraneKeypadElement } from './membrane-keypad-element';
+import { NeoPixelElement } from './neopixel-element';
+import { NeopixelMatrixElement } from './neopixel-matrix-element';
+import { PotentiometerElement } from './potentiometer-element';
+import { PushbuttonElement } from './pushbutton-element';
+import { ResistorElement } from './resistor-element';
+import { RotaryDialerElement } from './rotary-dialer-element';
+import { SSD1306Element } from './ssd1306-element';
+
+declare global {
+  namespace JSX {
+    interface IntrinsicElements {
+      'wokwi-7segment': Partial<SevenSegmentElement>;
+      'wokwi-arduino-uno': Partial<ArduinoUnoElement>;
+      'wokwi-lcd1602': Partial<LCD1602Element>;
+      'wokwi-led': Partial<LEDElement>;
+      'wokwi-neopixel': Partial<NeoPixelElement>;
+      'wokwi-pushbutton': Partial<PushbuttonElement>;
+      'wokwi-resistor': Partial<ResistorElement>;
+      'wokwi-membrane-keypad': Partial<MembraneKeypadElement>;
+      'wokwi-potentiometer': Partial<PotentiometerElement>;
+      'wokwi-neopixel-matrix': Partial<NeopixelMatrixElement>;
+      'wokwi-ssd1306': Partial<SSD1306Element>;
+      'wokwi-buzzer': Partial<BuzzerElement>;
+      'wokwi-rotary-dialer': Partial<RotaryDialerElement>;
+    }
+  }
+}