svelte Architecture Docs
Home / File/ transform-client.js — svelte Source File

transform-client.js — svelte Source File

Architecture documentation for transform-client.js, a javascript file in the svelte codebase. 112 imports, 1 dependents.

File javascript Compiler Transformer 112 imports 1 dependents 2 functions

Entity Profile

Dependency Diagram

graph LR
  7665e008_f37d_b860_a594_f2539a66af4e["transform-client.js"]
  c518b20b_2355_7b11_4ac2_2d9bb5dcfb43["utils.js"]
  7665e008_f37d_b860_a594_f2539a66af4e --> c518b20b_2355_7b11_4ac2_2d9bb5dcfb43
  27fded45_bc11_247b_d3fe_94831379f9ed["build_getter"]
  7665e008_f37d_b860_a594_f2539a66af4e --> 27fded45_bc11_247b_d3fe_94831379f9ed
  03ec0ace_6e52_c362_5e4b_06e8333b938f["is_state_source"]
  7665e008_f37d_b860_a594_f2539a66af4e --> 03ec0ace_6e52_c362_5e4b_06e8333b938f
  194b07ed_c18e_6587_618d_b4b4d02442e0["index.js"]
  7665e008_f37d_b860_a594_f2539a66af4e --> 194b07ed_c18e_6587_618d_b4b4d02442e0
  1129e6de_ad88_9249_cdc1_424cf9bba55e["render_stylesheet"]
  7665e008_f37d_b860_a594_f2539a66af4e --> 1129e6de_ad88_9249_cdc1_424cf9bba55e
  62f818c8_e890_17ed_5ec1_92f953d4a7a6["state.js"]
  7665e008_f37d_b860_a594_f2539a66af4e --> 62f818c8_e890_17ed_5ec1_92f953d4a7a6
  1d34f41d_a711_3919_605e_f13aeff6cc35["AnimateDirective.js"]
  7665e008_f37d_b860_a594_f2539a66af4e --> 1d34f41d_a711_3919_605e_f13aeff6cc35
  40b762ee_8b6b_c5e6_924e_99147d073fe7["AnimateDirective"]
  7665e008_f37d_b860_a594_f2539a66af4e --> 40b762ee_8b6b_c5e6_924e_99147d073fe7
  e5b7b6d8_db59_62cf_4830_cfc2cecac557["ArrowFunctionExpression.js"]
  7665e008_f37d_b860_a594_f2539a66af4e --> e5b7b6d8_db59_62cf_4830_cfc2cecac557
  3b34ae41_73bc_09d5_6357_99311c0a0e7b["ArrowFunctionExpression"]
  7665e008_f37d_b860_a594_f2539a66af4e --> 3b34ae41_73bc_09d5_6357_99311c0a0e7b
  96ee438d_6c6f_9aff_59f4_d00e63e9d98c["AssignmentExpression.js"]
  7665e008_f37d_b860_a594_f2539a66af4e --> 96ee438d_6c6f_9aff_59f4_d00e63e9d98c
  1f789731_ba68_8335_c783_30bddb35964b["AssignmentExpression"]
  7665e008_f37d_b860_a594_f2539a66af4e --> 1f789731_ba68_8335_c783_30bddb35964b
  126f4294_219b_2a73_5499_a210c4245cce["Attribute.js"]
  7665e008_f37d_b860_a594_f2539a66af4e --> 126f4294_219b_2a73_5499_a210c4245cce
  94712346_c9d5_2339_ffd0_ba77be0c95e6["Attribute"]
  7665e008_f37d_b860_a594_f2539a66af4e --> 94712346_c9d5_2339_ffd0_ba77be0c95e6
  style 7665e008_f37d_b860_a594_f2539a66af4e fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

/** @import * as ESTree from 'estree' */
/** @import { AST, ValidatedCompileOptions, ValidatedModuleCompileOptions } from '#compiler' */
/** @import { ComponentAnalysis, Analysis } from '../../types' */
/** @import { Visitors, ComponentClientTransformState, ClientTransformState } from './types' */
import { walk } from 'zimmerframe';
import * as b from '#compiler/builders';
import { build_getter, is_state_source } from './utils.js';
import { render_stylesheet } from '../css/index.js';
import { dev, filename } from '../../../state.js';
import { AnimateDirective } from './visitors/AnimateDirective.js';
import { ArrowFunctionExpression } from './visitors/ArrowFunctionExpression.js';
import { AssignmentExpression } from './visitors/AssignmentExpression.js';
import { Attribute } from './visitors/Attribute.js';
import { AwaitBlock } from './visitors/AwaitBlock.js';
import { AwaitExpression } from './visitors/AwaitExpression.js';
import { BinaryExpression } from './visitors/BinaryExpression.js';
import { BindDirective } from './visitors/BindDirective.js';
import { BlockStatement } from './visitors/BlockStatement.js';
import { BreakStatement } from './visitors/BreakStatement.js';
import { CallExpression } from './visitors/CallExpression.js';
import { ClassBody } from './visitors/ClassBody.js';
import { Comment } from './visitors/Comment.js';
import { Component } from './visitors/Component.js';
import { ConstTag } from './visitors/ConstTag.js';
import { DebugTag } from './visitors/DebugTag.js';
import { EachBlock } from './visitors/EachBlock.js';
import { ExportNamedDeclaration } from './visitors/ExportNamedDeclaration.js';
import { ExpressionStatement } from './visitors/ExpressionStatement.js';
import { ForOfStatement } from './visitors/ForOfStatement.js';
import { Fragment } from './visitors/Fragment.js';
import { FunctionDeclaration } from './visitors/FunctionDeclaration.js';
import { FunctionExpression } from './visitors/FunctionExpression.js';
import { HtmlTag } from './visitors/HtmlTag.js';
import { Identifier } from './visitors/Identifier.js';
import { IfBlock } from './visitors/IfBlock.js';
import { KeyBlock } from './visitors/KeyBlock.js';
import { LabeledStatement } from './visitors/LabeledStatement.js';
import { LetDirective } from './visitors/LetDirective.js';
import { MemberExpression } from './visitors/MemberExpression.js';
import { OnDirective } from './visitors/OnDirective.js';
import { Program } from './visitors/Program.js';
import { RegularElement } from './visitors/RegularElement.js';
import { RenderTag } from './visitors/RenderTag.js';
import { SlotElement } from './visitors/SlotElement.js';
import { SnippetBlock } from './visitors/SnippetBlock.js';
import { SpreadAttribute } from './visitors/SpreadAttribute.js';
import { SvelteBody } from './visitors/SvelteBody.js';
import { SvelteComponent } from './visitors/SvelteComponent.js';
import { SvelteDocument } from './visitors/SvelteDocument.js';
import { SvelteElement } from './visitors/SvelteElement.js';
import { SvelteFragment } from './visitors/SvelteFragment.js';
import { SvelteBoundary } from './visitors/SvelteBoundary.js';
import { SvelteHead } from './visitors/SvelteHead.js';
import { SvelteSelf } from './visitors/SvelteSelf.js';
import { SvelteWindow } from './visitors/SvelteWindow.js';
import { TitleElement } from './visitors/TitleElement.js';
import { TransitionDirective } from './visitors/TransitionDirective.js';
import { UpdateExpression } from './visitors/UpdateExpression.js';
import { UseDirective } from './visitors/UseDirective.js';
import { AttachTag } from './visitors/AttachTag.js';
// ... (660 more lines)

Domain

Subdomains

Functions

Dependencies

Imported By

Source

Frequently Asked Questions

What does transform-client.js do?
transform-client.js is a source file in the svelte codebase, written in javascript. It belongs to the Compiler domain, Transformer subdomain.
What functions are defined in transform-client.js?
transform-client.js defines 2 function(s): client_component, client_module.
What does transform-client.js depend on?
transform-client.js imports 112 module(s): AnimateDirective, AnimateDirective.js, ArrowFunctionExpression, ArrowFunctionExpression.js, AssignmentExpression, AssignmentExpression.js, AttachTag, AttachTag.js, and 104 more.
What files import transform-client.js?
transform-client.js is imported by 1 file(s): index.js.
Where is transform-client.js in the architecture?
transform-client.js is located at packages/svelte/src/compiler/phases/3-transform/client/transform-client.js (domain: Compiler, subdomain: Transformer, directory: packages/svelte/src/compiler/phases/3-transform/client).

Analyze Your Own Codebase

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

Try Supermodel Free