app.js — vite Source File
Architecture documentation for app.js, a javascript file in the vite codebase. 24 imports, 0 dependents.
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
Source
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