refactor: public -> src/renderer/public

configs/vite.renderer.ts

@@ -8,6 +8,7 @@ import pkg from '../package.json'
 export default defineConfig({
   mode: process.env.NODE_ENV,
   root: join(__dirname, '../src/renderer'),
+  publicDir: join(__dirname, '../src/renderer/public'),
   plugins: [
     react(),
     styleImport({

scripts/build.mjs

@@ -4,7 +4,6 @@ import { build as viteBuild } from 'vite'
 import { build as electronBuild, Platform } from 'electron-builder'
 import { config as builderConfig } from '../configs/electron-builder.config.mjs'
 import chalk from 'chalk'
-import path from 'path'
 
 const TAG = chalk.bgBlue('[build.mjs]')
 
@@ -17,20 +16,10 @@ const viteConfigs = {
 async function buildElectron() {
   for (const [name, configPath] of Object.entries(viteConfigs)) {
     console.group(TAG, name)
-
-    /**
-     * @type {import('vite').InlineConfig}
-     */
-    const config = {
+    await viteBuild({
       configFile: configPath,
       mode: process.env.NODE_ENV,
-    }
-
-    if (name === 'renderer') {
-      config.publicDir = path.resolve('./public')
-    }
-
-    await viteBuild(config)
+    })
     console.groupEnd()
     console.log() // for beautiful log.
   }

scripts/watch.mjs

@@ -72,7 +72,6 @@ async function watchPreload(viteDevServer) {
 // bootstrap
 const viteDevServer = await createServer({
   configFile: 'configs/vite.renderer.ts',
-  publicDir: resolve('./public'),
 })
 
 await viteDevServer.listen()

src/renderer/src/App.css

@@ -1,53 +0,0 @@
-.App {
-  text-align: center;
-}
-
-.logos {
-  display: flex;
-  box-sizing: border-box;
-  align-items: center;
-  padding: 0 5vw;
-  width: 100%;
-}
-
-.logos .img-box {
-  width: 33.33%;
-}
-
-.App-logo {
-  pointer-events: none;
-}
-
-@media (prefers-reduced-motion: no-preference) {
-  .App-logo {
-    animation: App-logo-spin infinite 20s linear;
-  }
-}
-
-.App-header {
-  background-color: #282c34;
-  min-height: 100vh;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  font-size: calc(10px + 2vmin);
-  color: white;
-}
-
-.App-link {
-  color: #61dafb;
-}
-
-@keyframes App-logo-spin {
-  from {
-    transform: rotate(0deg);
-  }
-  to {
-    transform: rotate(360deg);
-  }
-}
-
-button {
-  font-size: calc(10px + 2vmin);
-}