feat: Add shared package for electron ipc

4 files changed, 21 insertions, 3 deletions

diff --git a/packages/renderer/package.json b/packages/renderer/package.json
index b18b2fe..559e668 100644
--- a/packages/renderer/package.json
+++ b/packages/renderer/package.json
@@ -5,7 +5,7 @@
   "main": "dist/index.html",
   "scripts": {
     "build": "vite build",
-    "typecheck": "tsc --noEmit"
+    "typecheck": "tsc"
   },
   "dependencies": {
     "@emotion/react": "^11.7.1",
@@ -13,6 +13,7 @@
     "@fontsource/roboto": "^4.5.1",
     "@mui/icons-material": "^5.2.5",
     "@mui/material": "^5.2.5",
+    "@sophie/shared": "workspace:*",
     "react": "^17.0.2",
     "react-dom": "^17.0.2"
   },
diff --git a/packages/renderer/src/index.tsx b/packages/renderer/src/index.tsx
index 67bdf93..452448c 100644
--- a/packages/renderer/src/index.tsx
+++ b/packages/renderer/src/index.tsx
@@ -22,7 +22,10 @@ function App() {
     <React.StrictMode>
       <ThemeProvider theme={theme}>
         <CssBaseline enableColorScheme />
-        <Button variant="contained">
+        <Button
+          variant="contained"
+          onClick={window.sophieRenderer.buttonClicked}
+        >
           Hello Sophie!
         </Button>
       </ThemeProvider>
diff --git a/packages/renderer/tsconfig.json b/packages/renderer/tsconfig.json
index 4a80025..668356c 100644
--- a/packages/renderer/tsconfig.json
+++ b/packages/renderer/tsconfig.json
@@ -1,6 +1,7 @@
 {
   "extends": "../../tsconfig.json",
   "compilerOptions": {
+    "noEmit": true,
     "jsx": "react",
     "lib": [
       "dom",
@@ -8,8 +9,14 @@
       "esnext"
     ]
   },
+  "references": [
+    {
+      "path": "../shared"
+    }
+  ],
   "include": [
     "src/**/*.ts",
-    "src/**/*.tsx"
+    "src/**/*.tsx",
+    "types/**/*.d.ts"
   ]
 }
diff --git a/packages/renderer/types/sophieRenderer.d.ts b/packages/renderer/types/sophieRenderer.d.ts
new file mode 100644
index 0000000..b5b5da1
--- /dev/null
+++ b/packages/renderer/types/sophieRenderer.d.ts
@@ -0,0 +1,7 @@
+import type { SophieRenderer } from '@sophie/shared';
+
+declare global {
+  interface Window {
+    readonly sophieRenderer: SophieRenderer;
+  }
+}