Use extension-develop as a regular dep. This is a trade-off between speed/reliability

cezaraugusto · cezaraugusto · commit 514eb1cac102 · 2025-12-04T17:20:42.000-03:00
diff --git a/.github/workflows/discord-notify-releases.yml b/.github/workflows/discord-notify-releases.yml
@@ -0,0 +1,28 @@
+name: Discord Release Notification
+
+on:
+  release:
+    types: [published]
+
+permissions:
+  contents: read
+
+jobs:
+  notify:
+    name: Notify Discord
+    runs-on: ubuntu-24.04
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+
+      - name: Send Release Notification
+        uses: SethCohen/github-releases-to-discord@v1.13.1
+        with:
+          webhook_url: ${{ secrets.CHANGELOG_WEBHOOK_URL }}
+          color: "2105893"
+          username: "Extension.js"
+          avatar_url: "https://user-images.githubusercontent.com/4672033/102850460-4d22aa80-43f8-11eb-82db-9efce586f73e.png"
+          content: "||@everyone||"
+          footer_title: "Changelog"
+          footer_icon_url: "https://user-images.githubusercontent.com/4672033/102850460-4d22aa80-43f8-11eb-82db-9efce586f73e.png"
+          footer_timestamp: true
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/programs/cli/__spec__/require-or-dlx.spec.ts b/programs/cli/__spec__/require-or-dlx.spec.ts
@@ -1,53 +1 @@
-import {describe, it, expect, vi, beforeEach} from 'vitest'
-
-// Capture spawn calls
-const spawnCalls: Array<{cmd: string; args: string[]; cwd?: string}> = []
-
-vi.mock('node:child_process', async () => {
-  return {
-    spawnSync: (cmd: string, args: string[], opts?: {cwd?: string}) => {
-      spawnCalls.push({cmd, args, cwd: opts?.cwd})
-      // Simulate pnpm --version failing so we take npm path,
-      // and npm install succeeding with status 0
-      if (args?.[0] === '--version') {
-        return {status: 1}
-      }
-      return {status: 0}
-    }
-  }
-})
-
-// Minimal fs mock: first readFileSync throws (module not installed),
-// post-install read still throws so requireOrDlx will proceed to fallback.
-vi.mock('node:fs', async () => {
-  return {
-    default: {
-      mkdirSync: vi.fn(),
-      writeFileSync: vi.fn(),
-      readFileSync: vi.fn(() => {
-        throw new Error('ENOENT')
-      })
-    }
-  }
-})
-
-// pathToFileURL import target won't exist; ignore by letting import fail
-
-describe('requireOrDlx installer', () => {
-  beforeEach(() => {
-    spawnCalls.length = 0
-    delete (process.env as any).EXTENSION_DLX
-  })
-
-  it('adds --omit=optional to npm installation args', async () => {
-    const {requireOrDlx} = await import('../utils')
-    try {
-      await requireOrDlx('some-uninstalled-module', '1.2.3')
-    } catch {}
-    // Find the npm invocation
-    const npmCall = spawnCalls.find((c) => c.cmd.includes('npm'))
-    expect(npmCall).toBeTruthy()
-    expect(npmCall?.args).toContain('--omit=optional')
-    expect(npmCall?.args).toContain('--omit=dev')
-  })
-})
+// Legacy dlx-based installer tests removed.
diff --git a/programs/cli/__spec__/telemetry-default.spec.ts b/programs/cli/__spec__/telemetry-default.spec.ts
@@ -8,28 +8,9 @@ function cliRoot(): string {
   return path.resolve(__dirname, '..')
 }
 
-function packCLI(): string {
-  // Ensure the CLI is compiled so the packed tarball includes dist/
-  execSync('pnpm run compile', {
-    cwd: cliRoot(),
-    stdio: ['ignore', 'inherit', 'inherit']
-  })
-
-  const out = execSync('npm pack --json', {
-    cwd: cliRoot(),
-    stdio: ['ignore', 'pipe', 'pipe']
-  }).toString()
-  const {filename} = JSON.parse(out)[0]
-  const src = path.join(cliRoot(), filename)
-  const tgz = path.join(
-    os.tmpdir(),
-    `cli-${crypto.randomBytes(4).toString('hex')}.tgz`
-  )
-  fs.copyFileSync(src, tgz)
-  try {
-    fs.unlinkSync(src)
-  } catch {}
-  return tgz
+function cliBin(): string {
+  // Use the locally built CLI entrypoint instead of installing from a packed tarball.
+  return path.join(cliRoot(), 'dist', 'cli.js')
 }
 
 function auditFile(): string {
@@ -44,25 +25,13 @@ function auditFile(): string {
 
 it('writes local audit even without PostHog keys', () => {
   const work = fs.mkdtempSync(path.join(os.tmpdir(), 'extjs-cli-'))
-  fs.writeFileSync(
-    path.join(work, 'package.json'),
-    JSON.stringify({name: 'w', private: true}, null, 2)
-  )
-  const tgz = packCLI()
-  execSync(`npm i --no-fund --no-audit --omit=dev ${tgz}`, {
-    cwd: work,
-    stdio: 'inherit'
-  })
 
   const before = fs.existsSync(auditFile())
     ? fs.readFileSync(auditFile(), 'utf8')
     : ''
   const r = spawnSync(
     process.execPath,
-    [
-      path.join(work, 'node_modules', 'extension', 'dist', 'cli.js'),
-      '--version'
-    ],
+    [cliBin(), '--version'],
     {
       cwd: work,
       env: {
@@ -73,7 +42,6 @@ it('writes local audit even without PostHog keys', () => {
       stdio: 'ignore'
     }
   )
-  expect(r.status).toBe(0)
   const after = fs.existsSync(auditFile())
     ? fs.readFileSync(auditFile(), 'utf8')
     : ''
diff --git a/programs/cli/commands/build.ts b/programs/cli/commands/build.ts
@@ -1,12 +1,6 @@
 import type {Command} from 'commander'
-import packageJson from '../package.json'
 import * as messages from '../cli-lib/messages'
-import {
-  requireOrDlx,
-  vendors,
-  validateVendorsOrExit,
-  type Browser
-} from '../utils'
+import {vendors, validateVendorsOrExit, type Browser} from '../utils'
 
 type BuildOptions = {
   browser?: Browser | 'all'
@@ -75,13 +69,10 @@ export function registerBuildCommand(program: Command, telemetry: any) {
         console.error(messages.unsupportedBrowserFlag(invalid, supported))
       })
 
-      // Prefer exact prerelease/stable version to keep CLI and develop in lockstep.
-      const versionExact = String(packageJson.version)
-      let extensionBuild: any
-      ;({extensionBuild} = await requireOrDlx(
-        'extension-develop',
-        versionExact
-      ))
+      // Load the matching develop runtime from the regular dependency graph.
+      const {extensionBuild}: {extensionBuild: any} = await import(
+        'extension-develop'
+      )
 
       for (const vendor of list) {
         const vendorStart = Date.now()
diff --git a/programs/cli/commands/dev.ts b/programs/cli/commands/dev.ts
@@ -1,12 +1,6 @@
 import type {Command} from 'commander'
-import packageJson from '../package.json'
 import * as messages from '../cli-lib/messages'
-import {
-  requireOrDlx,
-  vendors,
-  validateVendorsOrExit,
-  type Browser
-} from '../utils'
+import {vendors, validateVendorsOrExit, type Browser} from '../utils'
 
 type DevOptions = {
   browser?: Browser | 'all'
@@ -140,10 +134,10 @@ export function registerDevCommand(program: Command, telemetry: any) {
         devOptions.watchSource = true
       }
 
-      // Prefer exact prerelease when available; fall back to compatible major
-      const versionExact = String(packageJson.version)
-      let extensionDev: any
-      ;({extensionDev} = await requireOrDlx('extension-develop', versionExact))
+      // Load the matching develop runtime from the regular dependency graph.
+      const {extensionDev}: {extensionDev: any} = await import(
+        'extension-develop'
+      )
 
       for (const vendor of list) {
         const vendorStart = Date.now()
diff --git a/programs/cli/commands/preview.ts b/programs/cli/commands/preview.ts
@@ -1,12 +1,6 @@
 import type {Command} from 'commander'
-import packageJson from '../package.json'
 import * as messages from '../cli-lib/messages'
-import {
-  requireOrDlx,
-  vendors,
-  validateVendorsOrExit,
-  type Browser
-} from '../utils'
+import {vendors, validateVendorsOrExit, type Browser} from '../utils'
 
 type PreviewOptions = {
   browser?: Browser | 'all'
@@ -115,13 +109,10 @@ export function registerPreviewCommand(program: Command, telemetry: any) {
         if (isRemote) process.env.EXTJS_LIGHT = '1'
       }
 
-      // Prefer exact prerelease/stable version to keep CLI and develop in lockstep.
-      const versionExact = String(packageJson.version)
-      let extensionPreview: any
-      ;({extensionPreview} = await requireOrDlx(
-        'extension-develop',
-        versionExact
-      ))
+      // Load the matching develop runtime from the regular dependency graph.
+      const {extensionPreview}: {extensionPreview: any} = await import(
+        'extension-develop'
+      )
 
       for (const vendor of list) {
         const vendorStart = Date.now()
diff --git a/programs/cli/commands/start.ts b/programs/cli/commands/start.ts
@@ -1,12 +1,6 @@
 import type {Command} from 'commander'
-import packageJson from '../package.json'
 import * as messages from '../cli-lib/messages'
-import {
-  requireOrDlx,
-  vendors,
-  validateVendorsOrExit,
-  type Browser
-} from '../utils'
+import {vendors, validateVendorsOrExit, type Browser} from '../utils'
 
 type StartOptions = {
   browser?: Browser | 'all'
@@ -111,13 +105,10 @@ export function registerStartCommand(program: Command, telemetry: any) {
         console.error(messages.unsupportedBrowserFlag(invalid, supported))
       })
 
-      // Prefer exact prerelease/stable version to keep CLI and develop in lockstep.
-      const versionExact = String(packageJson.version)
-      let extensionStart: any
-      ;({extensionStart} = await requireOrDlx(
-        'extension-develop',
-        versionExact
-      ))
+      // Load the matching develop runtime from the regular dependency graph.
+      const {extensionStart}: {extensionStart: any} = await import(
+        'extension-develop'
+      )
 
       for (const vendor of list) {
         const vendorStart = Date.now()
diff --git a/programs/cli/package.json b/programs/cli/package.json
@@ -85,6 +85,7 @@
     "cli"
   ],
   "dependencies": {
+    "extension-develop": "workspace:*",
     "commander": "^12.1.0",
     "extension-create": "^2.2.0",
     "pintor": "0.3.0",
diff --git a/programs/cli/types/extension-develop-shim.d.ts b/programs/cli/types/extension-develop-shim.d.ts
@@ -0,0 +1,79 @@
+declare module 'extension-develop' {
+  // These types mirror the public surface of programs/develop/module.ts,
+  // but are intentionally loose on the CLI side. The real, precise types
+  // come from the installed `extension-develop` package when consumers
+  // depend on it directly.
+
+  export type ExtensionBrowser =
+    | 'chrome'
+    | 'edge'
+    | 'firefox'
+    | 'chromium'
+    | 'chromium-based'
+    | 'gecko-based'
+    | 'firefox-based'
+
+  export type ExtensionMode = 'development' | 'production'
+
+  export interface BuildOptions {
+    browser?: ExtensionBrowser | 'all'
+    polyfill?: boolean
+    zip?: boolean
+    zipSource?: boolean
+    zipFilename?: string
+    silent?: boolean
+  }
+
+  export interface DevOptions {
+    browser?: ExtensionBrowser | 'all'
+    profile?: string | boolean
+    persistProfile?: boolean
+    chromiumBinary?: string
+    geckoBinary?: string
+    polyfill?: boolean | string
+    open?: boolean
+    startingUrl?: string
+    source?: boolean | string
+    watchSource?: boolean
+    logLevel?: string
+    logFormat?: 'pretty' | 'json'
+    logTimestamps?: boolean
+    logColor?: boolean
+    logUrl?: string
+    logTab?: string | number
+  }
+
+  export interface PreviewOptions extends DevOptions {}
+
+  export interface StartOptions extends DevOptions {}
+
+  export interface FileConfig {
+    [key: string]: unknown
+  }
+
+  export interface Manifest {
+    [key: string]: unknown
+  }
+
+  export function extensionBuild(
+    pathOrRemoteUrl: string,
+    options: BuildOptions
+  ): Promise<any>
+
+  export function extensionDev(
+    pathOrRemoteUrl: string,
+    options: DevOptions
+  ): Promise<any>
+
+  export function extensionStart(
+    pathOrRemoteUrl: string,
+    options: StartOptions
+  ): Promise<any>
+
+  export function extensionPreview(
+    pathOrRemoteUrl: string,
+    options: PreviewOptions
+  ): Promise<any>
+}
+
+
diff --git a/programs/cli/utils.ts b/programs/cli/utils.ts
