jiek 2.3.2 → 2.3.4

package/src/bin/index.cts

@@ -1,7 +0,0 @@
-import '#~/bin/common'
-
-import '../commands/publish'
-
-import parseArgv from '#~/bin/parseArgv'
-
-parseArgv()

package/src/bin/parseArgv.ts

@@ -1,26 +0,0 @@
-import { program } from 'commander'
-import process from 'node:process'
-
-const { argv } = process
-const env: Record<string, string> = {}
-let isPassThrough = false
-const newArgv = argv.filter((arg) => {
-  if (isPassThrough) {
-    return true
-  }
-  if (arg === '--') {
-    isPassThrough = true
-    return false
-  }
-  const m = /^--env\.(\w+)=(.*)$/.exec(arg)
-  if (m) {
-    env[m[1]] = m[2]
-    return false
-  }
-  return true
-})
-for (const [key, value] of Object.entries(env)) {
-  process.env[key] = value
-}
-
-export default () => program.parse(newArgv)

package/src/bridge.ts

@@ -1,46 +0,0 @@
-import type { Module } from '#~/rollup/bundle-analyzer'
-
-import { sendMessage } from 'execa'
-
-export const bridgeDisabledRef = { value: false }
-
-export interface RollupBuildEntryCtx {
-  type: 'esm' | 'cjs'
-  name: string
-  path: string
-  exportConditions: string[]
-  input: string
-}
-
-export interface RollupBuildEventMap {
-  init: {
-    leafMap: Map<string, string[][]>
-    targetsLength: number
-  }
-  progress: RollupBuildEntryCtx & {
-    tags?: string[]
-    event?: string
-    message?: string
-  }
-  watchChange: RollupBuildEntryCtx & {
-    id: string
-  }
-  modulesAnalyze: RollupBuildEntryCtx & {
-    modules: Module[]
-  }
-  debug: unknown
-}
-
-export type RollupBuildEvent = keyof RollupBuildEventMap extends infer K
-  ? K extends infer Item extends keyof RollupBuildEventMap ? {
-      type: Item
-      data: RollupBuildEventMap[Item]
-    }
-  : never
-  : never
-
-export const publish = async <K extends keyof RollupBuildEventMap>(type: K, data: RollupBuildEventMap[K]) => {
-  if (bridgeDisabledRef.value) return Promise.resolve()
-
-  return sendMessage({ type, data })
-}

package/src/commands/base.ts

@@ -1,18 +0,0 @@
-import { program } from 'commander'
-import pkg from 'jiek/package.json'
-
-import { filterDescription } from '#~/commands/descriptions'
-import { IS_WORKSPACE } from '#~/commands/meta'
-import { type } from '#~/utils/filterSupport'
-
-program
-  .name('jk/jiek')
-  .version(pkg.version)
-  .description(`${pkg.description} - Version ${pkg.version}`)
-  .option('-c, --config-path <configPath>', 'Custom jiek config path')
-  .option('--env.<name>=<value>', 'Set the environment variable.')
-
-if (type !== '' && IS_WORKSPACE) {
-  program
-    .option('-f, --filter <filter>', filterDescription)
-}

package/src/commands/build/analyzer.ts

@@ -1,122 +0,0 @@
-import type { Command } from 'commander'
-
-import { CLIENT_CUSTOM_RENDER_SCRIPT } from '#~/commands/build/client/index'
-import { parseBoolean } from '#~/commands/utils/optionParser'
-import type { Module } from '#~/rollup/bundle-analyzer'
-import type { createServer } from '#~/server'
-import { checkDependency } from '#~/utils/checkDependency'
-import { existsSync, mkdirSync, statSync, writeFileSync } from 'node:fs'
-import path from 'node:path'
-
-export interface AnalyzerBuildOptions {
-  ana?: boolean
-  /**
-   * @default '.jk-analyses'
-   */
-  'ana.dir': string
-  /**
-   * @default 'server'
-   */
-  'ana.mode': string
-  'ana.open'?: boolean
-  /**
-   * @default 'parsed'
-   */
-  'ana.size': string
-}
-
-export const registerAnalyzerCommandOptions = (command: Command) =>
-  command
-    .option('--ana', 'Enable the bundle analyzer.', parseBoolean)
-    .option('--ana.dir <DIR>', 'The directory of the bundle analyzer.', '.jk-analyses')
-    .option(
-      '--ana.mode <MODE>',
-      'The mode of the bundle analyzer, support "static", "json" and "server".',
-      'server'
-    )
-    .option('--ana.open', 'Open the bundle analyzer in the browser.', parseBoolean)
-    .option(
-      '--ana.size <SIZE>',
-      'The default size of the bundle analyzer, support "stat", "parsed" and "gzip".',
-      'parsed'
-    )
-
-export const useAnalyzer = async (options: AnalyzerBuildOptions, server?: ReturnType<typeof createServer>) => {
-  const modules: Module[] = []
-  let bundleAnalyzerModule: typeof import('vite-bundle-analyzer') | undefined
-  const analyzer = options.ana
-    ? {
-      dir: options['ana.dir'],
-      mode: options['ana.mode'],
-      open: options['ana.open'],
-      size: options['ana.size']
-    }
-    : undefined
-  if (
-    options.ana
-    && ![
-      'stat',
-      'parsed',
-      'gzip'
-    ].includes(analyzer?.size ?? '')
-  ) {
-    throw new Error('The value of `ana.size` must be "stat", "parsed" or "gzip"')
-  }
-
-  if (analyzer) {
-    await checkDependency('vite-bundle-analyzer')
-    bundleAnalyzerModule = await import('vite-bundle-analyzer')
-  }
-
-  const refreshAnalyzer = async (cwd: string, applyModules: typeof modules) => {
-    if (!(analyzer && server && bundleAnalyzerModule)) return
-
-    if (analyzer.mode === 'json') {
-      const anaDir = path.resolve(cwd, analyzer.dir)
-      if (!existsSync(anaDir)) {
-        mkdirSync(anaDir, { recursive: true })
-      }
-      const gitIgnorePath = path.resolve(anaDir, '.gitignore')
-      if (!existsSync(gitIgnorePath)) {
-        writeFileSync(gitIgnorePath, '*\n!.gitignore\n')
-      }
-      const npmIgnorePath = path.resolve(anaDir, '.npmignore')
-      if (!existsSync(npmIgnorePath)) {
-        writeFileSync(npmIgnorePath, '*\n')
-      }
-      if (!statSync(anaDir).isDirectory()) {
-        throw new Error(`The directory '${anaDir}' is not a directory.`)
-      }
-    }
-
-    const { renderView, injectHTMLTag } = bundleAnalyzerModule
-    applyModules.forEach(m => {
-      const index = modules.findIndex(({ filename }) => filename === m.filename)
-      if (index === -1) {
-        modules.push(m)
-      } else {
-        modules[index] = m
-      }
-    })
-    let html = await renderView(modules, {
-      title: `Jiek Analyzer`,
-      mode: analyzer.size as 'stat' | 'parsed' | 'gzip'
-    })
-    html = injectHTMLTag({
-      html,
-      injectTo: 'body',
-      descriptors: [
-        { kind: 'script', text: CLIENT_CUSTOM_RENDER_SCRIPT }
-      ]
-    })
-    void server.renderTo('/ana', html)
-  }
-
-  return {
-    modules,
-    refreshAnalyzer,
-    ANALYZER_ENV: {
-      JIEK_ANALYZER: analyzer ? JSON.stringify(analyzer) : undefined
-    }
-  }
-}

package/src/commands/build/client/analyzer.tsx

@@ -1,121 +0,0 @@
-import type { Module } from '#~/rollup/bundle-analyzer'
-
-interface Node {
-  id: string
-  filename: string
-  parent?: Node
-}
-
-declare global {
-  // @ts-ignore
-  // eslint-disable-next-line no-var,vars-on-top
-  var React: typeof import('react')
-  // eslint-disable-next-line no-var,vars-on-top
-  var analyzeModule: Module[]
-  interface WindowEventMap {
-    'graph:click': CustomEvent<
-      | undefined
-      | { node: Node }
-    >
-    'send:filter': CustomEvent<{
-      analyzeModule: Module[]
-    }>
-  }
-}
-
-export function Main() {
-  const { useState, useMemo, useEffect, useCallback } = React
-  const [path, setPath] = useState(() => location.pathname.replace(/^\/ana\/?/, ''))
-  const [pkgName, entry] = useMemo(() => {
-    const pkgName = /^(@[^/]+\/[^/]+|[^/]+)\/?/.exec(path)?.[1]
-    return [
-      pkgName,
-      (pkgName != null) ? path.replace(`${pkgName}/`, '') : undefined
-    ]
-  }, [path])
-  const push = useCallback((newPath: string) => {
-    setPath(newPath)
-    document.title = `${document.title.replace(/ - \/.*/, '')} - \/${newPath}`
-    history.pushState(null, '', `/ana/${newPath}`)
-  }, [])
-  const filterModules = useCallback((startWith: string) => {
-    const modules = analyzeModule.filter(m => m.filename.startsWith(startWith))
-    dispatchEvent(new CustomEvent('send:filter', { detail: { analyzeModule: modules } }))
-  }, [])
-  useEffect(() => {
-    if (path !== '') {
-      document.title = `${document.title.replace(/ - \/.*/, '')} - \/${path}`
-    } else {
-      document.title = document.title.replace(/ - \/.*/, '')
-    }
-    filterModules(path)
-  }, [path, filterModules])
-  useEffect(() => {
-    const offGraphClick = listen('graph:click', ({ detail }) => {
-      if (!detail) return
-
-      let root = detail.node
-      while (root.parent) {
-        root = root.parent
-      }
-      if (root.filename === path) return
-      push(root.filename)
-    })
-    return () => {
-      offGraphClick()
-    }
-  }, [push])
-  function listen<T extends keyof WindowEventMap>(type: T, listener: (this: Window, ev: WindowEventMap[T]) => any) {
-    window.addEventListener(type, listener)
-    return () => {
-      window.removeEventListener(type, listener)
-    }
-  }
-  return (
-    <div
-      style={{
-        padding: '12px 55px'
-      }}
-    >
-      /
-      <select
-        style={{
-          appearance: 'none',
-          border: 'none',
-          background: 'none'
-        }}
-        value={pkgName}
-        onChange={e => push(e.target.value)}
-      >
-        <option value=''>All</option>
-        {analyzeModule
-          .map(m => /^(@[^/]+\/[^/]+|[^/]+)\/?/.exec(m.filename)?.[1])
-          .filter((v, i, a) => a.indexOf(v) === i)
-          .map(v => (
-            <option key={v} value={v}>{v}</option>
-          ))}
-      </select>
-      {pkgName != null && <>
-        /
-        <select
-          style={{
-            appearance: 'none',
-            border: 'none',
-            background: 'none'
-          }}
-          value={entry}
-          onChange={e => push(`${pkgName}/${e.target.value}`)}
-        >
-          <option value=''>All</option>
-          {analyzeModule
-            .filter(m => m.filename.startsWith(`${pkgName}/`))
-            .map(m => m.filename.replace(`${pkgName}/`, ''))
-            .filter((v, i, a) => a.indexOf(v) === i)
-            .map(v => (
-              <option key={v} value={v}>{v}</option>
-            ))}
-        </select>
-      </>}
-    </div>
-  )
-}

package/src/commands/build/client/index.ts

@@ -1,26 +0,0 @@
-import { Main } from './analyzer'
-
-declare global {
-  // eslint-disable-next-line no-var,vars-on-top
-  var CUSTOM_SIDE_BAR: boolean
-  // eslint-disable-next-line no-var,vars-on-top
-  var __REPLACE_INJECT__: string
-}
-
-function render() {
-  CUSTOM_SIDE_BAR = true
-  window.addEventListener('client:ready', () =>
-    window.dispatchEvent(
-      new CustomEvent('send:ui', {
-        detail: { type: 'Main', Component: __REPLACE_INJECT__ }
-      })
-    ))
-}
-
-export const CLIENT_CUSTOM_RENDER_SCRIPT = [
-  Main.toString(),
-  render
-    .toString()
-    .replace('__REPLACE_INJECT__', Main.name),
-  `(${render.name})()`
-].join('\n')