refactor(build): remove esbuild as much as possible

build.js

@@ -1,30 +1,10 @@
 #!/usr/bin/env node
-import path from 'node:path'
-import fs from 'node:fs/promises'
-
+//
+// Most newer modules don't need to be bundled. But the monaco
+// and xterm packages rely on bundler-features heavily.
+//
 import esbuild from 'esbuild'
 
-const __dirname = path.dirname(new URL(import.meta.url).pathname)
-
-const cp = async (a, b) => fs.cp(
-  path.resolve(a),
-  path.join(b, path.basename(a)),
-  { recursive: true, force: true }
-)
-
-async function copy (target) {
-  await cp('src/index.html', target)
-  await cp('src/vm.js', target)
-  await cp('src/preview.js', target)
-  await cp('src/worker.js', target)
-  await cp('icons/icon.png', target)
-  await cp('src/settings.json', target)
-  await cp('src/fonts', target)
-  await cp('src/lib', target)
-  await cp('src/pages', target)
-  await cp('src/css', target)
-}
-
 async function main (argv) {
   const workerEntryPoints = [
     'vs/language/json/json.worker.js',
@@ -37,25 +17,25 @@ async function main (argv) {
   await esbuild.build({
     entryPoints: workerEntryPoints.map((entry) => `node_modules/monaco-editor/esm/${entry}`),
     bundle: true,
-    minify: false,
+    minify: true,
     format: 'iife',
     outbase: 'node_modules/monaco-editor/esm/',
     outdir: 'src/lib'
   })
 
   const params = {
-    entryPoints: ['src/index.js'],
+    entryPoints: ['src/vendor.js'],
     format: 'esm',
     bundle: true,
-    minify: false,
+    minify: true,
     sourcemap: false,
-    external: ['socket:*', 'node:*'],
     loader: {
       '.ttf': 'file'
     }
   }
 
   const target = process.env.PREFIX
+
   if (!target) {
     console.log('This script should not be run directly. It will be run by the SSC command.')
     process.exit(0)
@@ -65,8 +45,8 @@ async function main (argv) {
     ...params,
     outdir: target
   }
+
   await esbuild.build(opts)
-  await copy(target)
 }
 
 main(process.argv.slice(2))

importmap.json

@@ -2,11 +2,7 @@
   "imports": {
     "@socketsupply/tonic": "npm:@socketsupply/tonic",
     "@socketsupply/components": "npm:@socketsupply/components",
-    "@socketsupply/components/*": "npm:@socketsupply/components/*",
-    "@socketsupply/indexed": "npm:@socketsupply/indexed",
-    "monaco-editor": "npm:monaco-editor",
-    "xterm": "npm:xterm",
-    "xterm-addon-fit": "npm:xterm-addon-fit",
-    "xterm-addon-search": "npm:xterm-addon-search"
+    "@socketsupply/components/dialog": "npm:@socketsupply/components/dialog",
+    "@socketsupply/indexed": "npm:@socketsupply/indexed"
   }
 }

package.json

@@ -9,15 +9,12 @@
     "type": "git"
   },
   "devDependencies": {
-    "@socketsupply/components": "^14.0.13",
-    "@socketsupply/indexed": "^1.0.3",
-    "@socketsupply/tonic": "^15.1.2",
-    "esbuild": "^0.20.0",
     "monaco-editor": "^0.46.0",
-    "standard": "^17.1.0",
     "xterm": "^5.3.0",
     "xterm-addon-fit": "^0.8.0",
-    "xterm-addon-search": "^0.13.0"
+    "xterm-addon-search": "^0.13.0",
+    "esbuild": "^0.20.0",
+    "standard": "^17.1.0"
   },
   "scripts": {
     "build": "ssc build -r -o",
@@ -27,6 +24,9 @@
   "author": "Socket Supply Co. <[email protected]>",
   "license": "MIT",
   "dependencies": {
+    "@socketsupply/indexed": "^1.0.3",
+    "@socketsupply/tonic": "^15.1.2",
+    "@socketsupply/components": "^14.1.0",
     "@socketsupply/socket": "^0.5.4"
   }
 }

socket.ini

@@ -46,7 +46,7 @@ name = "union"
 output = "build"
 
 ; The build script. It runs before the `[build] copy` phase.
-; script = "node build.js"
+script = "node build.js"
 
 ; Key value pairs added to the envrionment.
 [env]

src/components/confirm.js

@@ -1,4 +1,4 @@
-import { TonicDialog } from 'npm:@socketsupply/components/dialog'
+import { TonicDialog } from '@socketsupply/components/dialog'
 
 class DialogConfirm extends TonicDialog {
   async prompt (opts) {

src/components/editor.js

@@ -2,8 +2,8 @@ import fs from 'socket:fs'
 import path from 'socket:path'
 import { sha256 } from 'socket:network'
 
-import * as monaco from 'npm:monaco-editor'
-import Tonic from 'npm:@socketsupply/tonic'
+import Tonic from '@socketsupply/tonic'
+import { monaco } from '../vendor.js'
 
 function rgbaToHex (rgbaString) {
   const rgbaValues = rgbaString.match(/\d+/g)

src/components/git-status.js

@@ -1,6 +1,7 @@
-import Tonic from 'npm:@socketsupply/tonic'
 import { exec } from 'socket:child_process'
 
+import Tonic from '@socketsupply/tonic'
+
 class GitStatus extends Tonic {
   async * render () {
     yield this.html`

src/components/patch-requests.js

@@ -1,8 +1,9 @@
-import Tonic from 'npm:@socketsupply/tonic'
 import path from 'socket:path'
 import fs from 'socket:fs'
 import { exec } from 'socket:child_process'
 
+import Tonic from '@socketsupply/tonic'
+
 class PatchRequests extends Tonic {
   async click (e) {
     const el = Tonic.match(e.target, '[data-event]')

src/components/project.js

@@ -4,7 +4,7 @@ import path from 'socket:path'
 import { lookup } from 'socket:mime'
 import { cp, rm } from '../lib/fs.js'
 
-import Tonic from 'npm:@socketsupply/tonic'
+import Tonic from '@socketsupply/tonic'
 
 const EXPANDED_STATE = 1
 const CLOSED_STATE = 0

src/components/properties.js

@@ -1,6 +1,7 @@
-import Tonic from 'npm:@socketsupply/tonic'
 import process from 'socket:process'
 
+import Tonic from '@socketsupply/tonic'
+
 import Config from '../lib/config.js'
 
 class AppProperties extends Tonic {

src/components/publish.js

@@ -2,8 +2,8 @@ import fs from 'socket:fs'
 import path from 'socket:path'
 import { exec, execSync } from 'socket:child_process'
 
-import Tonic from 'npm:@socketsupply/tonic'
-import { TonicDialog } from 'npm:@socketsupply/components/dialog'
+import Tonic from '@socketsupply/tonic'
+import { TonicDialog } from '@socketsupply/components/dialog'
 
 export class DialogPublish extends TonicDialog {
   click (e) {

src/components/relative-date.js

@@ -1,4 +1,4 @@
-import Tonic from 'npm:@socketsupply/tonic'
+import Tonic from '@socketsupply/tonic'
 
 const T_YEARS = 1000 * 60 * 60 * 24 * 365
 const T_MONTHS = 1000 * 60 * 60 * 24 * 30

src/components/sprite.js

@@ -1,4 +1,4 @@
-import Tonic from 'npm:@socketsupply/tonic'
+import Tonic from '@socketsupply/tonic'
 
 class AppSprite extends Tonic {
   render () {

src/components/subscribe.js

@@ -2,8 +2,8 @@ import fs from 'socket:fs'
 import path from 'socket:path'
 import { Encryption, sha256 } from 'socket:network'
 
-import Tonic from 'npm:@socketsupply/tonic'
-import { TonicDialog } from 'npm:@socketsupply/components/dialog'
+import Tonic from '@socketsupply/tonic'
+import { TonicDialog } from '@socketsupply/components/dialog'
 
 export class DialogSubscribe extends TonicDialog {
   async show () {

src/components/terminal.js

@@ -1,7 +1,7 @@
-import Tonic from 'npm:@socketsupply/tonic'
-import { Terminal } from 'npm:xterm'
-import { FitAddon as Resizer } from 'npm:xterm-addon-fit'
-import { SearchAddon as Search } from 'npm:xterm-addon-search'
+import Tonic from '@socketsupply/tonic'
+import { Terminal } from '../vendor.js'
+import { Resizer } from '../vendor.js'
+import { Search } from '../vendor.js'
 
 // const SECOND = 1000
 // const MAX_ROWS = 30 * SECOND