litestar-vite 0.7.1__tar.gz → 0.8.0__tar.gz

{litestar_vite-0.7.1 → litestar_vite-0.8.0}/PKG-INFO

@@ -1,6 +1,6 @@
 Metadata-Version: 2.3
 Name: litestar-vite
-Version: 0.7.1
+Version: 0.8.0
 Summary: Vite plugin for Litestar
 Project-URL: Changelog, https://cofin.github.io/litestar-vite/latest/changelog
 Project-URL: Discord, https://discord.gg/X3FJqy8d2j

{litestar_vite-0.7.1 → litestar_vite-0.8.0}/pyproject.toml

@@ -25,7 +25,7 @@ license = { text = "MIT" }
 name = "litestar-vite"
 readme = "README.md"
 requires-python = ">=3.8"
-version = "0.7.1"
+version = "0.8.0"
 
 [project.urls]
 Changelog = "https://cofin.github.io/litestar-vite/latest/changelog"
@@ -85,7 +85,7 @@ test = [
 allow_dirty = true
 commit = true
 commit_args = "--no-verify"
-current_version = "0.7.1"
+current_version = "0.8.0"
 ignore_missing_files = false
 ignore_missing_version = false
 message = "chore(release): bump to v{new_version}"
@@ -120,6 +120,27 @@ name = "litestar-vite"
 version = "{current_version}"
 """
 
+[[tool.bumpversion.files]]
+filename = "package-lock.json"
+replace = """
+  "name": "litestar-vite-plugin",
+  "version": "{new_version}",
+"""
+search = """
+  "name": "litestar-vite-plugin",
+  "version": "{current_version}",
+"""
+[[tool.bumpversion.files]]
+filename = "package-lock.json"
+replace = """
+      "name": "litestar-vite-plugin",
+      "version": "{new_version}",
+"""
+search = """
+      "name": "litestar-vite-plugin",
+      "version": "{current_version}",
+"""
+
 [tool.pytest.ini_options]
 addopts = "--dist loadfile -n auto"
 filterwarnings = ["ignore::DeprecationWarning:pkg_resources.*"]

litestar_vite-0.8.0/src/js/src/index.ts

@@ -0,0 +1,566 @@
+import fs from "node:fs"
+import type { AddressInfo } from "node:net"
+import path from "node:path"
+import { fileURLToPath } from "node:url"
+import colors from "picocolors"
+import { type ConfigEnv, type Plugin, type PluginOption, type ResolvedConfig, type SSROptions, type UserConfig, loadEnv } from "vite"
+import fullReload, { type Config as FullReloadConfig } from "vite-plugin-full-reload"
+
+interface PluginConfig {
+  /**
+   * The path or paths of the entry points to compile.
+   */
+  input: string | string[]
+  /**
+   * The base path to use for all asset URLs.
+   *
+   * @default '/static/'
+   */
+  assetUrl?: string
+  /**
+   * The public directory where all compiled/bundled assets should be written.
+   *
+   * @default 'public/dist'
+   */
+  bundleDirectory?: string
+  /**
+   * Litestar's public assets directory.  These are the assets that Vite will serve when developing.
+   *
+   * @default 'resources'
+   */
+  resourceDirectory?: string
+
+  /**
+   * The path to the "hot" file.
+   *
+   * @default `${bundleDirectory}/hot`
+   */
+  hotFile?: string
+
+  /**
+   * The path of the SSR entry point.
+   */
+  ssr?: string | string[]
+
+  /**
+   * The directory where the SSR bundle should be written.
+   *
+   * @default '${bundleDirectory}/bootstrap/ssr'
+   */
+  ssrOutputDirectory?: string
+
+  /**
+   * Configuration for performing full page refresh on python (or other) file changes.
+   *
+   * {@link https://github.com/ElMassimo/vite-plugin-full-reload}
+   * @default false
+   */
+  refresh?: boolean | string | string[] | RefreshConfig | RefreshConfig[]
+
+  /**
+   * Utilize TLS certificates.
+   *
+   * @default null
+   */
+  detectTls?: string | boolean | null
+  /**
+   * Transform the code while serving.
+   */
+  transformOnServe?: (code: string, url: DevServerUrl) => string
+}
+
+interface RefreshConfig {
+  paths: string[]
+  config?: FullReloadConfig
+}
+
+interface LitestarPlugin extends Plugin {
+  config: (config: UserConfig, env: ConfigEnv) => UserConfig
+}
+
+type DevServerUrl = `${"http" | "https"}://${string}:${number}`
+
+let exitHandlersBound = false
+
+export const refreshPaths = ["**/*.py", "**/*.j2", "**/*.html.j2", "**/*.html", "**/assets/**/*"]
+
+/**
+ * Litestar plugin for Vite.
+ *
+ * @param config - A config object or relative path(s) of the scripts to be compiled.
+ */
+export default function litestar(config: string | string[] | PluginConfig): [LitestarPlugin, ...Plugin[]] {
+  const pluginConfig = resolvePluginConfig(config)
+
+  return [resolveLitestarPlugin(pluginConfig), ...(resolveFullReloadConfig(pluginConfig) as Plugin[])]
+}
+
+/**
+ * Resolve the Litestar Plugin configuration.
+ */
+function resolveLitestarPlugin(pluginConfig: Required<PluginConfig>): LitestarPlugin {
+  let viteDevServerUrl: DevServerUrl
+  let resolvedConfig: ResolvedConfig
+  let userConfig: UserConfig
+
+  const defaultAliases: Record<string, string> = {
+    "@": pluginConfig.resourceDirectory || "/resources/",
+  }
+
+  return {
+    name: "litestar",
+    enforce: "post",
+    config: (config, { command, mode }) => {
+      userConfig = config
+      const ssr = !!userConfig.build?.ssr
+      const env = loadEnv(mode, userConfig.envDir || process.cwd(), "")
+      const assetUrl = env.ASSET_URL || pluginConfig.assetUrl
+      const serverConfig = command === "serve" ? (resolveDevelopmentEnvironmentServerConfig(pluginConfig.detectTls) ?? resolveEnvironmentServerConfig(env)) : undefined
+
+      ensureCommandShouldRunInEnvironment(command, env)
+
+      return {
+        base: userConfig.base ?? (command === "build" ? resolveBase(pluginConfig, assetUrl) : pluginConfig.assetUrl),
+        publicDir: userConfig.publicDir ?? false,
+        clearScreen: false,
+        build: {
+          manifest: userConfig.build?.manifest ?? (ssr ? false : "manifest.json"),
+          ssrManifest: userConfig.build?.ssrManifest ?? (ssr ? "ssr-manifest.json" : false),
+          outDir: userConfig.build?.outDir ?? resolveOutDir(pluginConfig, ssr),
+          rollupOptions: {
+            input: userConfig.build?.rollupOptions?.input ?? resolveInput(pluginConfig, ssr),
+          },
+          assetsInlineLimit: userConfig.build?.assetsInlineLimit ?? 0,
+        },
+        server: {
+          origin: userConfig.server?.origin ?? "__litestar_vite_placeholder__",
+          ...(process.env.VITE_ALLOW_REMOTE
+            ? {
+                host: userConfig.server?.host ?? "0.0.0.0",
+                port: userConfig.server?.port ?? (env.VITE_PORT ? Number.parseInt(env.VITE_PORT) : 5173),
+                strictPort: userConfig.server?.strictPort ?? true,
+              }
+            : undefined),
+          ...(serverConfig
+            ? {
+                host: userConfig.server?.host ?? serverConfig.host,
+                hmr:
+                  userConfig.server?.hmr === false
+                    ? false
+                    : {
+                        ...serverConfig.hmr,
+                        ...(userConfig.server?.hmr === true ? {} : userConfig.server?.hmr),
+                      },
+                https: userConfig.server?.https ?? serverConfig.https,
+              }
+            : undefined),
+        },
+        resolve: {
+          alias: Array.isArray(userConfig.resolve?.alias)
+            ? [
+                ...(userConfig.resolve?.alias ?? []),
+                ...Object.keys(defaultAliases).map((alias) => ({
+                  find: alias,
+                  replacement: defaultAliases[alias],
+                })),
+              ]
+            : {
+                ...defaultAliases,
+                ...userConfig.resolve?.alias,
+              },
+        },
+        ssr: {
+          noExternal: noExternalInertiaHelpers(userConfig),
+        },
+      }
+    },
+    configResolved(config) {
+      resolvedConfig = config
+    },
+    transform(code: string): string | undefined {
+      if (resolvedConfig.command === "serve") {
+        const transformedCode = code.replace(/__litestar_vite_placeholder__/g, viteDevServerUrl)
+        return pluginConfig.transformOnServe(transformedCode, viteDevServerUrl)
+      }
+      return undefined
+    },
+    configureServer(server) {
+      const envDir = resolvedConfig.envDir || process.cwd()
+      const appUrl = loadEnv(resolvedConfig.mode, envDir, "APP_URL").APP_URL ?? "undefined"
+
+      server.httpServer?.once("listening", () => {
+        const address = server.httpServer?.address()
+
+        const isAddressInfo = (x: string | AddressInfo | null | undefined): x is AddressInfo => typeof x === "object"
+        if (isAddressInfo(address)) {
+          viteDevServerUrl = userConfig.server?.origin ? (userConfig.server.origin as DevServerUrl) : resolveDevServerUrl(address, server.config, userConfig)
+          fs.mkdirSync(path.dirname(pluginConfig.hotFile), { recursive: true })
+          fs.writeFileSync(pluginConfig.hotFile, viteDevServerUrl)
+
+          setTimeout(() => {
+            server.config.logger.info(`\n  ${colors.red(`${colors.bold("LITESTAR")} ${litestarVersion()}`)}  ${colors.dim("plugin")} ${colors.bold(`v${pluginVersion()}`)}`)
+            server.config.logger.info("")
+            server.config.logger.info(`  ${colors.green("➜")}  ${colors.bold("APP_URL")}: ${colors.cyan(appUrl.replace(/:(\d+)/, (_, port) => `:${colors.bold(port)}`))}`)
+          }, 100)
+        }
+      })
+
+      if (!exitHandlersBound) {
+        const clean = () => {
+          if (fs.existsSync(pluginConfig.hotFile)) {
+            fs.rmSync(pluginConfig.hotFile)
+          }
+        }
+
+        process.on("exit", clean)
+        process.on("SIGINT", () => process.exit())
+        process.on("SIGTERM", () => process.exit())
+        process.on("SIGHUP", () => process.exit())
+
+        exitHandlersBound = true
+      }
+
+      return () =>
+        server.middlewares.use((req, res, next) => {
+          if (req.url === "/index.html") {
+            res.statusCode = 404
+
+            res.end(
+              fs
+                .readFileSync(path.join(dirname(), "dev-server-index.html"))
+                .toString()
+                .replace(/{{ APP_URL }}/g, appUrl),
+            )
+          }
+
+          next()
+        })
+    },
+  }
+}
+
+/**
+ * Validate the command can run in the given environment.
+ */
+function ensureCommandShouldRunInEnvironment(command: "build" | "serve", env: Record<string, string>): void {
+  const validEnvironmentNames = ["dev", "development", "local", "docker"]
+  if (command === "build" || env.LITESTAR_BYPASS_ENV_CHECK === "1") {
+    return
+  }
+
+  if (typeof env.LITESTAR_MODE !== "undefined" && validEnvironmentNames.some((e) => e === env.LITESTAR_MODE)) {
+    throw Error(
+      "You should only run Vite dev server when Litestar is development mode. You should build your assets for production instead. To disable this ENV check you may set LITESTAR_BYPASS_ENV_CHECK=1",
+    )
+  }
+
+  if (typeof env.CI !== "undefined") {
+    throw Error(
+      "You should not run the Vite HMR server in CI environments. You should build your assets for production instead. To disable this ENV check you may set LITESTAR_BYPASS_ENV_CHECK=1",
+    )
+  }
+}
+
+/**
+ * The version of Litestar being run.
+ */
+function litestarVersion(): string {
+  return ""
+}
+
+/**
+ * The version of the Litestar Vite plugin being run.
+ */
+function pluginVersion(): string {
+  try {
+    return JSON.parse(fs.readFileSync(path.join(dirname(), "../package.json")).toString())?.version
+  } catch {
+    return ""
+  }
+}
+
+/**
+ * Convert the users configuration into a standard structure with defaults.
+ */
+function resolvePluginConfig(config: string | string[] | PluginConfig): Required<PluginConfig> {
+  if (typeof config === "undefined") {
+    throw new Error("litestar-vite-plugin: missing configuration.")
+  }
+  const resolvedConfig = typeof config === "string" || Array.isArray(config) ? { input: config, ssr: config } : config
+
+  if (typeof resolvedConfig.input === "undefined") {
+    throw new Error('litestar-vite-plugin: missing configuration for "input".')
+  }
+  if (typeof resolvedConfig.resourceDirectory === "string") {
+    resolvedConfig.resourceDirectory = resolvedConfig.resourceDirectory.trim().replace(/^\/+/, "")
+
+    if (resolvedConfig.resourceDirectory === "") {
+      throw new Error("litestar-vite-plugin: resourceDirectory must be a subdirectory. E.g. 'resources'.")
+    }
+  }
+
+  if (typeof resolvedConfig.bundleDirectory === "string") {
+    resolvedConfig.bundleDirectory = resolvedConfig.bundleDirectory.trim().replace(/^\/+/, "").replace(/\/+$/, "")
+
+    if (resolvedConfig.bundleDirectory === "") {
+      throw new Error("litestar-vite-plugin: bundleDirectory must be a subdirectory. E.g. 'public'.")
+    }
+  }
+
+  if (typeof resolvedConfig.ssrOutputDirectory === "string") {
+    resolvedConfig.ssrOutputDirectory = resolvedConfig.ssrOutputDirectory.trim().replace(/^\/+/, "").replace(/\/+$/, "")
+  }
+
+  if (resolvedConfig.refresh === true) {
+    resolvedConfig.refresh = [{ paths: refreshPaths }]
+  }
+
+  return {
+    input: resolvedConfig.input,
+    assetUrl: resolvedConfig.assetUrl ?? "static",
+    resourceDirectory: resolvedConfig.resourceDirectory ?? "/resources/",
+    bundleDirectory: resolvedConfig.bundleDirectory || (resolvedConfig.bundleDirectory ?? "public"),
+    ssr: resolvedConfig.ssr ?? resolvedConfig.input,
+    ssrOutputDirectory: resolvedConfig.ssrOutputDirectory ?? path.join(resolvedConfig.resourceDirectory ?? "resources", "bootstrap/ssr"),
+    refresh: resolvedConfig.refresh ?? false,
+    hotFile: resolvedConfig.hotFile ?? path.join(resolvedConfig.bundleDirectory ?? "public", "hot"),
+    detectTls: resolvedConfig.detectTls ?? false,
+    transformOnServe: resolvedConfig.transformOnServe ?? ((code) => code),
+  }
+}
+
+/**
+ * Resolve the Vite base option from the configuration.
+ */
+function resolveBase(config: Required<PluginConfig>, assetUrl: string): string {
+  return assetUrl + (assetUrl.endsWith("/") ? "" : "/")
+}
+
+/**
+ * Resolve the Vite input path from the configuration.
+ */
+function resolveInput(config: Required<PluginConfig>, ssr: boolean): string | string[] | undefined {
+  if (ssr) {
+    return config.ssr
+  }
+
+  return config.input
+}
+
+/**
+ * Resolve the Vite outDir path from the configuration.
+ */
+function resolveOutDir(config: Required<PluginConfig>, ssr: boolean): string | undefined {
+  if (ssr) {
+    return config.ssrOutputDirectory
+  }
+
+  return path.join(config.bundleDirectory)
+}
+
+function resolveFullReloadConfig({ refresh: config }: Required<PluginConfig>): PluginOption[] {
+  if (typeof config === "boolean") {
+    return []
+  }
+
+  if (typeof config === "string") {
+    config = [{ paths: [config] }]
+  }
+
+  if (!Array.isArray(config)) {
+    config = [config]
+  }
+
+  if (config.some((c) => typeof c === "string")) {
+    config = [{ paths: config }] as RefreshConfig[]
+  }
+
+  return (config as RefreshConfig[]).flatMap((c) => {
+    const plugin = fullReload(c.paths, c.config)
+
+    /* eslint-disable-next-line @typescript-eslint/ban-ts-comment */
+    /** @ts-ignore */
+    plugin.__litestar_plugin_config = c
+
+    return plugin
+  })
+}
+
+/**
+ * Resolve the dev server URL from the server address and configuration.
+ */
+function resolveDevServerUrl(address: AddressInfo, config: ResolvedConfig, userConfig: UserConfig): DevServerUrl {
+  const configHmrProtocol = typeof config.server.hmr === "object" ? config.server.hmr.protocol : null
+  const clientProtocol = configHmrProtocol ? (configHmrProtocol === "wss" ? "https" : "http") : null
+  const serverProtocol = config.server.https ? "https" : "http"
+  const protocol = clientProtocol ?? serverProtocol
+
+  const configHmrHost = typeof config.server.hmr === "object" ? config.server.hmr.host : null
+  const configHost = typeof config.server.host === "string" ? config.server.host : null
+  const remoteHost = process.env.VITE_ALLOW_REMOTE && !userConfig.server?.host ? "localhost" : null
+  const serverAddress = isIpv6(address) ? `[${address.address}]` : address.address
+  const host = configHmrHost ?? remoteHost ?? configHost ?? serverAddress
+
+  const configHmrClientPort = typeof config.server.hmr === "object" ? config.server.hmr.clientPort : null
+  const port = configHmrClientPort ?? address.port
+
+  return `${protocol}://${host}:${port}`
+}
+
+function isIpv6(address: AddressInfo): boolean {
+  return (
+    address.family === "IPv6" ||
+    // In node >=18.0 <18.4 this was an integer value. This was changed in a minor version.
+    // See: https://github.com/laravel/vite-plugin/issues/103
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore-next-line
+    address.family === 6
+  )
+}
+
+/**
+ * Add the Inertia helpers to the list of SSR dependencies that aren't externalized.
+ *
+ * @see https://vitejs.dev/guide/ssr.html#ssr-externals
+ */
+function noExternalInertiaHelpers(config: UserConfig): true | Array<string | RegExp> {
+  /* eslint-disable-next-line @typescript-eslint/ban-ts-comment */
+  /* @ts-ignore */
+  const userNoExternal = (config.ssr as SSROptions | undefined)?.noExternal
+  const pluginNoExternal = ["litestar-vite-plugin"]
+
+  if (userNoExternal === true) {
+    return true
+  }
+
+  if (typeof userNoExternal === "undefined") {
+    return pluginNoExternal
+  }
+
+  return [...(Array.isArray(userNoExternal) ? userNoExternal : [userNoExternal]), ...pluginNoExternal]
+}
+
+/**
+ * Resolve the server config from the environment.
+ */
+function resolveEnvironmentServerConfig(env: Record<string, string>):
+  | {
+      hmr?: { host: string }
+      host?: string
+      https?: { cert: Buffer; key: Buffer }
+    }
+  | undefined {
+  if (!env.VITE_SERVER_KEY && !env.VITE_SERVER_CERT) {
+    return
+  }
+
+  if (!fs.existsSync(env.VITE_SERVER_KEY) || !fs.existsSync(env.VITE_SERVER_CERT)) {
+    throw Error(
+      `Unable to find the certificate files specified in your environment. Ensure you have correctly configured VITE_SERVER_KEY: [${env.VITE_SERVER_KEY}] and VITE_SERVER_CERT: [${env.VITE_SERVER_CERT}].`,
+    )
+  }
+
+  const host = resolveHostFromEnv(env)
+
+  if (!host) {
+    throw Error(`Unable to determine the host from the environment's APP_URL: [${env.APP_URL}].`)
+  }
+
+  return {
+    hmr: { host },
+    host,
+    https: {
+      key: fs.readFileSync(env.VITE_DEV_SERVER_KEY),
+      cert: fs.readFileSync(env.VITE_DEV_SERVER_CERT),
+    },
+  }
+}
+
+/**
+ * Resolve the host name from the environment.
+ */
+function resolveHostFromEnv(env: Record<string, string>): string | undefined {
+  try {
+    return new URL(env.APP_URL).host
+  } catch {
+    return
+  }
+}
+
+/**
+ * Resolve the Herd or Valet server config for the given host.
+ */
+function resolveDevelopmentEnvironmentServerConfig(host: string | boolean | null):
+  | {
+      hmr?: { host: string }
+      host?: string
+      https?: { cert: string; key: string }
+    }
+  | undefined {
+  if (host === false) {
+    return
+  }
+
+  const configPath = determineDevelopmentEnvironmentConfigPath()
+
+  if (typeof configPath === "undefined" && host === null) {
+    return
+  }
+
+  if (typeof configPath === "undefined") {
+    throw Error("Unable to find the Herd or Valet configuration directory. Please check they are correctly installed.")
+  }
+
+  const resolvedHost = host === true || host === null ? `${path.basename(process.cwd())}.${resolveDevelopmentEnvironmentTld(configPath)}` : host
+
+  const keyPath = path.resolve(configPath, "certs", `${resolvedHost}.key`)
+  const certPath = path.resolve(configPath, "certs", `${resolvedHost}.crt`)
+
+  if ((!fs.existsSync(keyPath) || !fs.existsSync(certPath)) && host === null) {
+    throw Error(`Unable to find certificate files for your host [${host}] in the [${configPath}/certs] directory.`)
+  }
+
+  return {
+    hmr: { host: resolvedHost },
+    host: resolvedHost,
+    https: {
+      key: keyPath,
+      cert: certPath,
+    },
+  }
+}
+
+/**
+ * Resolve the path configuration directory.
+ */
+function determineDevelopmentEnvironmentConfigPath(): string | undefined {
+  const envConfigPath = path.resolve(process.cwd(), ".config")
+
+  if (fs.existsSync(envConfigPath)) {
+    return envConfigPath
+  }
+
+  return path.resolve(process.cwd(), ".config")
+}
+
+/**
+ * Resolve the TLD via the config path.
+ */
+function resolveDevelopmentEnvironmentTld(configPath: string): string {
+  const configFile = path.resolve(configPath, "config.json")
+
+  if (!fs.existsSync(configFile)) {
+    throw Error(`Unable to find the configuration file [${configFile}].`)
+  }
+
+  const config: { tld: string } = JSON.parse(fs.readFileSync(configFile, "utf-8"))
+
+  return config.tld
+}
+
+/**
+ * The directory of the current file.
+ */
+function dirname(): string {
+  return fileURLToPath(new URL(".", import.meta.url))
+}