hikkaku 0.1.0

package/src/vite/index.ts

@@ -0,0 +1,77 @@
+import type * as sb3 from '@pnsk-lab/sb3-types'
+import { createServerModuleRunner, type PluginOption } from 'vite'
+
+const BASE_URL = 'https://scratchfoundation.github.io/scratch-gui/'
+
+export interface HikkakuViteInit {
+  entry: string
+}
+export default function hikkaku(init: HikkakuViteInit): PluginOption {
+  return {
+    name: 'vite-plugin-hikkaku',
+    config() {
+      return {
+        environments: {
+          hikkaku: {},
+          client: {},
+        },
+      }
+    },
+    resolveId(source) {
+      if (source === '/@virtual/hikkaku-client') {
+        return source
+      }
+    },
+    load(id) {
+      if (id === '/@virtual/hikkaku-client') {
+        return `
+          import 'hikkaku/client'
+        `
+      }
+    },
+    async configureServer(server) {
+      const hikkakuEnv = server.environments.hikkaku
+      if (!hikkakuEnv) {
+        throw new Error('Hikkaku environment is not configured.')
+      }
+      const runner = createServerModuleRunner(hikkakuEnv)
+      await runner.import(init.entry)
+      hikkakuEnv.hot.on('hikkaku:project', (project: sb3.ScratchProject) => {
+        server.environments.client.hot.send('hikkaku:project', project)
+      })
+
+      server.middlewares.use(async (req, res, next) => {
+        if (req.url === '/') {
+          const html = (await fetch(BASE_URL).then((res) => res.text()))
+            .replace(
+              'gui.js',
+              'https://scratchfoundation.github.io/scratch-gui/gui.js',
+            )
+            .replace(
+              '</head>',
+              '<script src="/@vite/client" type="module"></script><script type="module" src="/@virtual/hikkaku-client"></script></head>',
+            )
+          res.setHeader('Content-Type', 'text/html')
+          res.end(html)
+          return
+        }
+        if (req.url?.startsWith('/static/')) {
+          const url = new URL(req.url.slice(1), BASE_URL)
+          const response = await fetch(url.toString())
+          if (!response.ok) {
+            res.statusCode = response.status
+            res.end(`Error fetching ${url}: ${response.statusText}`)
+            return
+          }
+          res.setHeader(
+            'Content-Type',
+            response.headers.get('content-type') || 'application/octet-stream',
+          )
+          res.end(new Uint8Array(await response.arrayBuffer()))
+          return
+        }
+        next()
+      })
+    },
+  }
+}

package/tsconfig.json

@@ -0,0 +1,3 @@
+{
+  "extends": "../../tsconfig.json"
+}