chore: server plugin

Tresjs · Jun 24, 2023 · 140caa2 · 140caa2
1 parent ab01e7e
commit 140caa2
Show file tree

Hide file tree

Showing 8 changed files with 79 additions and 27 deletions.
diff --git a/plugins/vite-plugin-tres/src/client/.tres-inspect/assets/index-3372999a.js b/plugins/vite-plugin-tres/src/client/.tres-inspect/assets/index-3372999a.js
diff --git a/plugins/vite-plugin-tres/src/client/.tres-inspect/assets/index-6f33960a.css b/plugins/vite-plugin-tres/src/client/.tres-inspect/assets/index-6f33960a.css
diff --git a/plugins/vite-plugin-tres/src/client/.tres-inspect/index.html b/plugins/vite-plugin-tres/src/client/.tres-inspect/index.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Vite + Vue + TS</title>
+    <script type="module" crossorigin src="/assets/index-3372999a.js"></script>
+    <link rel="stylesheet" href="/assets/index-6f33960a.css">
+  </head>
+  <body>
+    <div id="app"></div>
+
+  </body>
+</html>
diff --git a/plugins/vite-plugin-tres/src/client/.tres-inspect/vite.svg b/plugins/vite-plugin-tres/src/client/.tres-inspect/vite.svg
diff --git a/plugins/vite-plugin-tres/src/client/test/index.html b/plugins/vite-plugin-tres/src/client/test/index.html
@@ -0,0 +1,21 @@
+<script setup lang="ts">
+</script>
+
+<template>
+    Lo hemos logrado paco
+</template>
+
+<style scoped>
+.logo {
+  height: 6em;
+  padding: 1.5em;
+  will-change: filter;
+  transition: filter 300ms;
+}
+.logo:hover {
+  filter: drop-shadow(0 0 2em #646cffaa);
+}
+.logo.vue:hover {
+  filter: drop-shadow(0 0 2em #42b883aa);
+}
+</style>
diff --git a/plugins/vite-plugin-tres/src/client/vite.config.ts b/plugins/vite-plugin-tres/src/client/vite.config.ts
@@ -1,7 +1,8 @@
 import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
+import TresPlugin from '../node'
 
 // https://vitejs.dev/config/
 export default defineConfig({
-  plugins: [vue()],
+  plugins: [vue(), TresPlugin()],
 })
diff --git a/plugins/vite-plugin-tres/src/node/config.ts b/plugins/vite-plugin-tres/src/node/config.ts
@@ -0,0 +1,3 @@
+export interface Options {
+
+}
diff --git a/plugins/vite-plugin-tres/src/node/index.ts b/plugins/vite-plugin-tres/src/node/index.ts
@@ -1,15 +1,15 @@
-import { type Connect, type Plugin, type ResolvedConfig, type ViteDevServer } from 'vite'
+import { UserConfig, type Connect, type Plugin, type ResolvedConfig, type ViteDevServer } from 'vite'
 import sirv from 'sirv'
 import { createServer } from 'node:http'
 import type { AddressInfo } from 'node:net'
 import { isAbsolute, join, resolve } from 'node:path'
 import fs from 'fs-extra'
-
+import { Options } from './config'
 import { lightGreen, yellow, gray, bold } from 'kolorist'
 
 import { DIR_CLIENT } from '../dir'
 
-export const plugin = (options: Options = {}) => {
+export const plugin = (useSirv = false, options: Options = {}) => {
   const outputDir = options.outputDir ?? '.tres-inspect'
   /* let config: ResolvedConfig */
 
@@ -34,17 +34,21 @@ export const plugin = (options: Options = {}) => {
     return targetDir
   }
 
-  /*   function configureServer(server: ViteDevServer) {
-      const base = (options.base ?? server.config.base) || '/'
-  
-      server.middlewares.use((req, res, next) => {
-        // custom handle request...
-        server.middlewares.use(`${base}__inspect`, sirv(DIR_CLIENT, {
-          single: true,
-          dev: true,
-        }))
-      })
-    } */
+  function configureServer(server: ViteDevServer) {
+    const base = (options.base ?? server.config.base) || '/'
+
+    server.middlewares.use((req, res, next) => {
+      console.log(req.url)
+      next()
+    })
+
+    if (useSirv) {
+      server.middlewares.use(`${base}__tres`, sirv('.', {
+        single: true,
+        dev: true,
+      }))
+    }
+  }
 
   function createPreviewServer(staticPath: string) {
     const server = createServer()
@@ -75,19 +79,24 @@ export const plugin = (options: Options = {}) => {
   return {
     name: 'vite-plugin-tres',
     enforce: 'pre',
-    /*  apply(_, { command }) {
-       if (command === 'serve' && dev)
-         return true
-       if (command === 'build' && build)
-         return true
-       return false
-     }, */
+    apply: 'serve',
+    config(config) {
+      const thisConfig: UserConfig = {}
+      if (typeof config.server?.open === 'undefined') {
+        thisConfig.server = {
+          open: true,
+        }
+      }
+      console.log(thisConfig)
+      return thisConfig
+    },
+    configureServer,
     /*     configureServer, */
-    async buildStart() {
-      const dir = await generateBuild()
-      console.log(`  ${lightGreen('➜')}  ${bold('Tres Inspect Build Completed')}: ${dir}`)
-      createPreviewServer(dir)
-    }
+    /*  async buildStart() {
+       const dir = await generateBuild()
+       console.log(`  ${lightGreen('➜')}  ${bold('Tres Inspect Build Completed')}: ${dir}`)
+       createPreviewServer(dir)
+     } */
   }
 
 }