Fix lint

demo/App.tsx

@@ -1,4 +1,5 @@
 import { useState } from 'react';
+
 import { PerformanceTest } from './PerformanceTest';
 
 export const App = () => {
@@ -20,7 +21,8 @@ export const App = () => {
                 <h1 style={{ fontSize: '16px', fontWeight: 600 }}>micugl Performance Test</h1>
 
                 <button 
-                    onClick={() => setShowTest(s => !s)}
+                    type='button'
+                    onClick={() => { setShowTest(s => !s) }}
                     style={{
                         padding: '6px 12px',
                         background: showTest ? '#e94560' : '#0f3460',
@@ -36,17 +38,18 @@ export const App = () => {
                 <label style={{ display: 'flex', alignItems: 'center', gap: '8px' }}>
                     Iterations:
                     <input 
-                        type="range" 
-                        min="1" 
-                        max="16" 
+                        type='range' 
+                        min='1' 
+                        max='16' 
                         value={iterations}
-                        onChange={e => setIterations(Number(e.target.value))}
+                        onChange={e => { setIterations(Number(e.target.value)) }}
                     />
                     <span style={{ minWidth: '20px' }}>{iterations}</span>
                 </label>
 
                 <button 
-                    onClick={() => setTriggerRerender(n => n + 1)}
+                    type='button'
+                    onClick={() => { setTriggerRerender(n => n + 1) }}
                     style={{
                         padding: '6px 12px',
                         background: '#0f3460',

demo/PerformanceTest.tsx

@@ -79,7 +79,7 @@ const metrics: PerformanceMetrics = {
     shaderRenderCount: 0
 };
 
-(window as any).__micuglMetrics = metrics;
+(window as unknown as { __micuglMetrics: PerformanceMetrics }).__micuglMetrics = metrics;
 
 const MetricsDisplay = () => {
     const [displayMetrics, setDisplayMetrics] = useState<PerformanceMetrics>({ ...metrics });
@@ -88,7 +88,7 @@ const MetricsDisplay = () => {
         const interval = setInterval(() => {
             setDisplayMetrics({ ...metrics });
         }, 500);
-        return () => clearInterval(interval);
+        return () => { clearInterval(interval) };
     }, []);
 
     return (

demo/main.tsx

@@ -1,4 +1,5 @@
 import { createRoot } from 'react-dom/client';
+
 import { App } from './App';
 
 createRoot(document.getElementById('root')!).render(<App />);

eslint.config.js

@@ -134,7 +134,7 @@ export default tseslint.config(
     }
   },
   {
-    files: ['vite.config.ts'],
+    files: ['vite.config.ts', 'demo/**/*.{ts,tsx}'],
     languageOptions: {
       parserOptions: {
         allowDefaultProject: true
@@ -144,5 +144,8 @@ export default tseslint.config(
         ...globals.node
       }
     },
+    rules: {
+      'no-restricted-imports': 'off',
+    },
   }
 );

package.json

@@ -1,6 +1,6 @@
 {
   "name": "micugl",
-  "version": "0.0.12",
+  "version": "0.0.14",
   "description": "Micu gl - Small React shader library",
   "type": "module",
   "main": "dist/index.js",

tsconfig.json

@@ -24,7 +24,7 @@
       "micugl/*": ["dist/*"]
     }
   },
-  "include": ["src/**/*", "examples/**/*"],
+  "include": ["src/**/*", "examples/**/*", "demo/**/*"],
   "exclude": ["node_modules", "dist"],
   "references": [
     {