WIP for new showcode desktop rebuild

stevebauman · May 9, 2024 · 71478cb · 71478cb
1 parent 3476dec
commit 71478cb
Show file tree

Hide file tree

Showing 4 changed files with 426 additions and 18 deletions.
diff --git a/nuxt.config.js b/nuxt.config.js
@@ -1,7 +1,5 @@
 const MonacoWebpackPlugin = require('monaco-editor-webpack-plugin');
 
-const path = require('path');
-
 const isDesktop = process.env.IS_DESKTOP === 'true';
 
 module.exports = {
@@ -72,10 +70,11 @@ module.exports = {
         'plugins/shiki',
         'plugins/queue',
         'plugins/events',
-        'plugins/ipc-fake',
         'plugins/v-tooltip',
         'plugins/vue-tailwind',
         'plugins/auto-animate',
+
+        ...(isDesktop ? ['plugins/ipc'] : ['plugins/ipc-fake']),
     ],
 
     // Auto import components: https://go.nuxtjs.dev/config-components
@@ -95,12 +94,10 @@ module.exports = {
         },
     },
 
-    router: isDesktop
-        ? {
-              mode: 'hash',
-              base: './',
-          }
-        : {},
+    router: isDesktop ? {
+        mode: 'hash',
+        base: './',
+    } : {},
 
     pwa: {
         workbox: {
@@ -121,6 +118,11 @@ module.exports = {
     build: {
         extend(config) {
             config.plugins.push(new MonacoWebpackPlugin());
+
+            if (isDesktop) {
+                config.target = 'electron-renderer';
+                config.output.hashFunction = "sha256";
+            }
         },
 
         babel: {

diff --git a/package.json b/package.json
@@ -8,12 +8,11 @@
     },
     "license": "MIT",
     "scripts": {
-        "build": "nuxt build",
         "dev": "nuxt",
-        "generate": "nuxt generate",
-        "shiki:publish": "npx esno ./scripts/publishShikiAssets",
         "start": "nuxt start",
-        "test": "cd browser && php application pest:dusk"
+        "generate": "nuxt generate",
+        "test": "cd browser && php application pest:dusk",
+        "shiki:publish": "npx esno ./scripts/publishShikiAssets"
     },
     "devDependencies": {
         "@formkit/auto-animate": "1.0.0-beta.1",
@@ -60,7 +59,8 @@
         "vue-color": "^2.8.1",
         "vue-feather-icons": "^5.1.0",
         "vue-tailwind": "^2.5.0",
-        "vuedraggable": "^2.24.3"
+        "vuedraggable": "^2.24.3",
+        "electron": "^30.0.3"
     },
     "overrides": {
         "@formkit/auto-animate": {

diff --git a/plugins/shiki.js b/plugins/shiki.js
@@ -7,8 +7,8 @@ import {
 } from '@stevebauman/shiki';
 import collect from 'collect.js';
 
-setCDN('/shiki/');
-setWasm('/shiki/dist/onig.wasm');
+setCDN('shiki/');
+setWasm('shiki/dist/onig.wasm');
 
 export default async (context, inject) => {
     const highlighter = await getHighlighter({