🚧 fixes module.scss

Author: gfazioli

declaration.d.ts

@@ -0,0 +1,4 @@
+declare module '*.module.scss' {
+  const classes: { [key: string]: string };
+  export default classes;
+}

package-lock.json

@@ -21,10 +21,10 @@
     "@babel/core": "^7.24.3",
     "@babel/preset-env": "^7.24.3",
     "@babel/preset-react": "^7.24.1",
+    "@types/node": "^22.7.4",
     "@types/react": "^18.3.11",
     "@types/react-dom": "^18.3.0",
     "@types/wordpress__blocks": "^12.5.14",
-    "@types/wordpress__components": "^23.8.0",
     "@wordpress/scripts": "^27.7.0",
     "gulp": "^4.0.2",
     "gulp-babel": "^8.0.0",

package.json

@@ -1,3 +1,4 @@
+declare const wp: any;
 const { render } = wp.element;
 
 import '@mantine/core/styles.css';
@@ -6,6 +7,7 @@ import 'mantine-datatable/styles.css';
 
 import { MantineProvider } from '@mantine/core';
 import { Notifications } from '@mantine/notifications';
+import * as React from 'react';
 import { BrowserRouter, Route, Routes } from 'react-router-dom';
 import { Demo } from './components/Demo';
 

pnpm-lock.yaml

@@ -3,6 +3,7 @@ import { showNotification } from '@mantine/notifications';
 import { DataTable } from 'mantine-datatable';
 import { useAjax } from './use-ajax';
 
+import * as React from 'react';
 import classes from './Demo.module.scss';
 
 export const Demo = () => {

resources/assets/apps/app.jsx renamed to resources/assets/apps/app.tsx

@@ -0,0 +1,4 @@
+declare module '*.module.scss' {
+  const classes: { [key: string]: string };
+  export default classes;
+}

resources/assets/apps/components/Demo.jsx renamed to resources/assets/apps/components/Demo.tsx

@@ -0,0 +1,19 @@
+{
+    "compilerOptions": {
+        "outDir": "./public/apps",
+        "sourceMap": true,
+        "noImplicitAny": true,
+        "module": "es6",
+        "target": "es5",
+        "jsx": "react",
+        "allowJs": true,
+        "typeRoots": [
+            "./node_modules/@types",
+            "./declaration.d.ts"
+        ],
+        "moduleResolution": "node"
+    },
+    "include": [
+        "resources/assets/apps"
+    ]
+}