Home / File/ app.js — vite Source File

app.js — vite Source File

Architecture documentation for app.js, a javascript file in the vite codebase. 24 imports, 0 dependents.

File javascript ViteCore BuildPipeline 24 imports 1 functions

Entity Profile

Dependency Diagram

graph LR
  0f9d76be_e53d_c7b0_19de_4d75927470b1["app.js"]
  51e96894_3556_ed5c_1ede_97d449867adf["node:path"]
  0f9d76be_e53d_c7b0_19de_4d75927470b1 --> 51e96894_3556_ed5c_1ede_97d449867adf
  8a0576c1_f31d_e823_1704_dc9469ec97c1["test-read-file-content"]
  0f9d76be_e53d_c7b0_19de_4d75927470b1 --> 8a0576c1_f31d_e823_1704_dc9469ec97c1
  82dbbd8a_92a6_ffe6_7d19_1d36db1682ff["test-primitive-export"]
  0f9d76be_e53d_c7b0_19de_4d75927470b1 --> 82dbbd8a_92a6_ffe6_7d19_1d36db1682ff
  1f1d79a8_5082_6e3e_31a9_7dd0224079b4["test-ts-transpiled-exports"]
  0f9d76be_e53d_c7b0_19de_4d75927470b1 --> 1f1d79a8_5082_6e3e_31a9_7dd0224079b4
  743d27ef_4bc1_348c_84cd_8ba24df6a322["test-object-assigned-exports"]
  0f9d76be_e53d_c7b0_19de_4d75927470b1 --> 743d27ef_4bc1_348c_84cd_8ba24df6a322
  c2fe0596_0d43_1c8c_5a1d_0943025aeb9a["test-forwarded-export"]
  0f9d76be_e53d_c7b0_19de_4d75927470b1 --> c2fe0596_0d43_1c8c_5a1d_0943025aeb9a
  4fcac27f_9c0a_c366_94e1_d4afee31f904["bcrypt"]
  0f9d76be_e53d_c7b0_19de_4d75927470b1 --> 4fcac27f_9c0a_c366_94e1_d4afee31f904
  46c250f2_b18d_73eb_2e24_fe70f3ca31e8["test-define-properties-exports"]
  0f9d76be_e53d_c7b0_19de_4d75927470b1 --> 46c250f2_b18d_73eb_2e24_fe70f3ca31e8
  7aba95cf_f3db_2af4_7d6f_aabdf4574ce6["test-define-property-exports"]
  0f9d76be_e53d_c7b0_19de_4d75927470b1 --> 7aba95cf_f3db_2af4_7d6f_aabdf4574ce6
  05996f9c_7534_cd12_ec51_470407cd8661["test-only-object-assigned-exports"]
  0f9d76be_e53d_c7b0_19de_4d75927470b1 --> 05996f9c_7534_cd12_ec51_470407cd8661
  12b470b3_c10d_b69e_a445_48db30c5d371["test-require-absolute"]
  0f9d76be_e53d_c7b0_19de_4d75927470b1 --> 12b470b3_c10d_b69e_a445_48db30c5d371
  09055ddc_73c8_35b8_fc3a_610dfb1ea555["test-no-external-cjs"]
  0f9d76be_e53d_c7b0_19de_4d75927470b1 --> 09055ddc_73c8_35b8_fc3a_610dfb1ea555
  2880c5db_9cf3_faaf_40bb_177c9c5a2c51["test-import-builtin-cjs"]
  0f9d76be_e53d_c7b0_19de_4d75927470b1 --> 2880c5db_9cf3_faaf_40bb_177c9c5a2c51
  ad67b642_49f0_02b7_4c89_f4387ddcca0f["test-linked-no-external"]
  0f9d76be_e53d_c7b0_19de_4d75927470b1 --> ad67b642_49f0_02b7_4c89_f4387ddcca0f
  style 0f9d76be_e53d_c7b0_19de_4d75927470b1 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

import path from 'node:path'
import readFileContent from '@vitejs/test-read-file-content'
import primitiveExport from '@vitejs/test-primitive-export'
import tsDefaultExport, {
  hello as tsNamedExport,
} from '@vitejs/test-ts-transpiled-exports'
import objectAssignedExports from '@vitejs/test-object-assigned-exports'
import forwardedExport from '@vitejs/test-forwarded-export'
import bcrypt from '@node-rs/bcrypt'
import definePropertiesExports from '@vitejs/test-define-properties-exports'
import definePropertyExports from '@vitejs/test-define-property-exports'
import onlyObjectAssignedExports from '@vitejs/test-only-object-assigned-exports'
import requireAbsolute from '@vitejs/test-require-absolute'
import noExternalCjs from '@vitejs/test-no-external-cjs'
import importBuiltinCjs from '@vitejs/test-import-builtin-cjs'
import { hello as linkedNoExternal } from '@vitejs/test-linked-no-external'
import virtualMessage from '@vitejs/test-pkg-exports/virtual'
import moduleConditionMessage from '@vitejs/test-module-condition'
import '@vitejs/test-css-lib'

// This import will set a 'Hello World!" message in the nested-external non-entry dependency
import '@vitejs/test-non-optimized-with-nested-external'

import * as optimizedWithNestedExternal from '@vitejs/test-optimized-with-nested-external'
import * as optimizedCjsWithNestedExternal from '@vitejs/test-optimized-cjs-with-nested-external'
import * as optimizeDepsNestedInclude from '@vitejs/test-nested-exclude'

import { setMessage } from '@vitejs/test-external-entry/entry'
setMessage('Hello World!')
import externalUsingExternalEntry from '@vitejs/test-external-using-external-entry'
import isomorphicModuleMessage from 'virtual:isomorphic-module'

export async function render(url, rootDir) {
  let html = ''

  const encryptedMsg = await bcrypt.hash('Secret Message!', 10)
  html += `\n<p class="encrypted-msg">encrypted message: ${encryptedMsg}</p>`

  const fileContent = await readFileContent(path.resolve(rootDir, 'message'))
  html += `\n<p class="file-message">msg read via fs/promises: ${fileContent}</p>`

  html += `\n<p class="primitive-export-message">message from primitive export: ${primitiveExport}</p>`

  // `.default()` as incorrectly packaged
  const tsDefaultExportMessage = tsDefaultExport.default()
  html += `\n<p class="ts-default-export-message">message from ts-default-export: ${tsDefaultExportMessage}</p>`

  const tsNamedExportMessage = tsNamedExport()
  html += `\n<p class="ts-named-export-message">message from ts-named-export: ${tsNamedExportMessage}</p>`

  const objectAssignedExportsMessage = objectAssignedExports.hello()
  html += `\n<p class="object-assigned-exports-message">message from object-assigned-exports: ${objectAssignedExportsMessage}</p>`

  const forwardedExportMessage = forwardedExport.hello()
  html += `\n<p class="forwarded-export-message">message from forwarded-export: ${forwardedExportMessage}</p>`

  const definePropertiesExportsMsg = definePropertiesExports.hello()
  html += `\n<p class="define-properties-exports-msg">message from define-properties-exports: ${definePropertiesExportsMsg}</p>`

  const definePropertyExportsMsg = definePropertyExports.hello()
  html += `\n<p class="define-property-exports-msg">message from define-property-exports: ${definePropertyExportsMsg}</p>`

  const onlyObjectAssignedExportsMessage = onlyObjectAssignedExports.hello()
  html += `\n<p class="only-object-assigned-exports-msg">message from only-object-assigned-exports: ${onlyObjectAssignedExportsMessage}</p>`

  const requireAbsoluteMessage = requireAbsolute.hello()
  html += `\n<p class="require-absolute-msg">message from require-absolute: ${requireAbsoluteMessage}</p>`

  const noExternalCjsMessage = noExternalCjs.hello()
  html += `\n<p class="no-external-cjs-msg">message from no-external-cjs: ${noExternalCjsMessage}</p>`

  const importBuiltinCjsMessage = importBuiltinCjs.hello()
  html += `\n<p class="import-builtin-cjs-msg">message from import-builtin-cjs: ${importBuiltinCjsMessage}</p>`

  const optimizedWithNestedExternalMessage = optimizedWithNestedExternal.hello()
  html += `\n<p class="optimized-with-nested-external">message from optimized-with-nested-external: ${optimizedWithNestedExternalMessage}</p>`

  const optimizedCjsWithNestedExternalMessage =
    optimizedCjsWithNestedExternal.hello()
  html += `\n<p class="optimized-cjs-with-nested-external">message from optimized-cjs-with-nested-external: ${optimizedCjsWithNestedExternalMessage}</p>`

  const externalUsingExternalEntryMessage = externalUsingExternalEntry.hello()
  html += `\n<p class="external-using-external-entry">message from external-using-external-entry: ${externalUsingExternalEntryMessage}</p>`

  const linkedNoExternalMessage = linkedNoExternal()
  html += `\n<p class="linked-no-external">linked-no-external msg: ${linkedNoExternalMessage}</p>`

  html += `\n<p class="dep-virtual">message from dep-virtual: ${virtualMessage}</p>`

  html += `\n<p class="css-lib">I should be blue</p>`

  html += `\n<p class="module-condition">${moduleConditionMessage}</p>`

  html += `\n<p class="isomorphic-module-server">${isomorphicModuleMessage}</p>`

  html += `\n<p class="isomorphic-module-browser"></p>`

  html += `\n<p class="optimize-deps-nested-include">message from optimize-deps-nested-include: ${optimizeDepsNestedInclude.nestedInclude}</p>`

  return html + '\n'
}

Domain

Subdomains

Functions

Dependencies

  • bcrypt
  • entry
  • node:path
  • test-css-lib
  • test-define-properties-exports
  • test-define-property-exports
  • test-external-using-external-entry
  • test-forwarded-export
  • test-import-builtin-cjs
  • test-linked-no-external
  • test-module-condition
  • test-nested-exclude
  • test-no-external-cjs
  • test-non-optimized-with-nested-external
  • test-object-assigned-exports
  • test-only-object-assigned-exports
  • test-optimized-cjs-with-nested-external
  • test-optimized-with-nested-external
  • test-primitive-export
  • test-read-file-content
  • test-require-absolute
  • test-ts-transpiled-exports
  • virtual
  • virtual:isomorphic-module

Frequently Asked Questions

What does app.js do?
app.js is a source file in the vite codebase, written in javascript. It belongs to the ViteCore domain, BuildPipeline subdomain.
What functions are defined in app.js?
app.js defines 1 function(s): render.
What does app.js depend on?
app.js imports 24 module(s): bcrypt, entry, node:path, test-css-lib, test-define-properties-exports, test-define-property-exports, test-external-using-external-entry, test-forwarded-export, and 16 more.
Where is app.js in the architecture?
app.js is located at playground/ssr-deps/src/app.js (domain: ViteCore, subdomain: BuildPipeline, directory: playground/ssr-deps/src).

Analyze Your Own Codebase

Get architecture documentation, dependency graphs, and domain analysis for your codebase in minutes.

Try Supermodel Free