8000 systemjs/docs/module-types.md at main · systemjs/systemjs · GitHub
[go: up one dir, main page]

Skip to content
{"payload":{"allShortcutsEnabled":false,"fileTree":{"docs":{"items":[{"name":"api.md","path":"docs/api.md","contentType":"file"},{"name":"errors.md","path":"docs/errors.md","contentType":"file"},{"name":"hooks.md","path":"docs/hooks.md","contentType":"file"},{"name":"import-maps.md","path":"docs/import-maps.md","contentType":"file"},{"name":"module-types.md","path":"docs/module-types.md","contentType":"file"},{"name":"nodejs.md","path":"docs/nodejs.md","contentType":"file"},{"name":"system-register.md","path":"docs/system-register.md","contentType":"file"}],"totalCount":7},"":{"items":[{"name":".github","path":".github","contentType":"directory"},{"name":"dist","path":"dist","contentType":"directory"},{"name":"docs","path":"docs","contentType":"directory"},{"name":"examples","path":"examples","contentType":"directory"},{"name":"src","path":"src","contentType":"directory"},{"name":"test","path":"test","contentType":"directory"},{"name":".agignore","path":".agignore","contentType":"file"},{"name":".gitignore","path":".gitignore","contentType":"file"},{"name":"CHANGELOG.md","path":"CHANGELOG.md","contentType":"file"},{"name":"LICENSE","path":"LICENSE","contentType":"file"},{"name":"README.md","path":"README.md","contentType":"file"},{"name":"chompfile.toml","path":"chompfile.toml","contentType":"file"},{"name":"package.json","path":"package.json","contentType":"file"},{"name":"terser.js","path":"terser.js","contentType":"file"}],"totalCount":14}},"fileTreeProcessingTime":5.5105010000000005,"foldersToFetch":[],"incompleteFileTree":false,"repo":{"id":10064545,"defaultBranch":"main","name":"systemjs","ownerLogin":"systemjs","currentUserCanPush":false,"isFork":false,"isEmpty":false,"createdAt":"2013-05-14T20:45:48.000Z","ownerAvatar":"https://avatars.githubusercontent.com/u/6577368?v=4","public":true,"private":false,"isOrgOwned":true},"codeLineWrapEnabled":false,"symbolsExpanded":false,"treeExpanded":true,"refInfo":{"name":"main","listCacheKey":"v0:1743377097.0","canEdit":false,"refType":"branch","currentOid":"9647576d43294e938ddae8fe231beb62255f4e46"},"path":"docs/module-types.md","currentUser":null,"blob":{"rawLines":null,"stylingDirectives":null,"colorizedLines":null,"csv":null,"csvError":null,"dependabotInfo":{"showConfigurationBanner":false,"configFilePath":null,"networkDependabotPath":"/systemjs/systemjs/network/updates","dismissConfigurationNoticePath":"/settings/dismiss-notice/dependabot_configuration_notice","configurationNoticeDismissed":null},"displayName":"module-types.md","displayUrl":"https://github.com/systemjs/systemjs/blob/main/docs/module-types.md?raw=true","headerInfo":{"blobSize":"4.27 KB","deleteTooltip":"You must be signed in to make or propose changes","editTooltip":"You must be signed in to make or propose changes","ghDesktopPath":"https://desktop.github.com","isGitLfs":false,"onBranch":true,"shortPath":"42ddc27","siteNavLoginPath":"/login?return_to=https%3A%2F%2Fgithub.com%2Fsystemjs%2Fsystemjs%2Fblob%2Fmain%2Fdocs%2Fmodule-types.md","isCSV":false,"isRichtext":true,"toc":[{"level":1,"text":"Module Types","anchor":"module-types","htmlText":"Module Types"},{"level":3,"text":"File Extension Limitations","anchor":"file-extension-limitations","htmlText":"File Extension Limitations"},{"level":2,"text":"JSON Modules","anchor":"json-modules","htmlText":"JSON Modules"},{"level":3,"text":"Example","anchor":"example","htmlText":"Example"},{"level":2,"text":"CSS Modules","anchor":"css-modules","htmlText":"CSS Modules"},{"level":3,"text":"Example","anchor":"example-1","htmlText":"Example"},{"level":3,"text":"Constructable Style Sheets Polyfill","anchor":"constructable-style-sheets-polyfill","htmlText":"Constructable Style Sheets Polyfill"},{"level":2,"text":"Web Assembly Modules","anchor":"web-assembly-modules","htmlText":"Web Assembly Modules"},{"level":3,"text":"Example","anchor":"example-2","htmlText":"Example"}],"lineInfo":{"truncatedLoc":"117","truncatedSloc":"89"},"mode":"file"},"image":false,"isCodeownersFile":null,"isPlain":false,"isValidLegacyIssueTemplate":false,"issueTemplate":null,"discussionTemplate":null,"language":"Markdown","languageID":222,"large":false,"planSupportInfo":{"repoIsFork":null,"repoOwnedByCurrentUser":null,"requestFullPath":"/systemjs/systemjs/blob/main/docs/module-types.md","showFreeOrgGatedFeatureMessage":null,"showPlanSupportBanner":null,"upgradeDataAttributes":null,"upgradePath":null},"publishBannersInfo":{"dismissActionNoticePath":"/settings/dismiss-notice/publish_action_from_dockerfile","releasePath":"/systemjs/systemjs/releases/new?marketplace=true","showPublishActionBanner":false},"rawBlobUrl":"https://github.com/systemjs/systemjs/raw/refs/heads/main/docs/module-types.md","renderImageOrRaw":false,"richText":"\u003carticle class=\"markdown-body entry-content container-lg\" itemprop=\"text\"\u003e\u003cdiv class=\"markdown-heading\" dir=\"auto\"\u003e\u003ch1 tabindex=\"-1\" class=\"heading-element\" dir=\"auto\"\u003eModule Types\u003c/h1\u003e\u003ca id=\"user-content-module-types\" class=\"anchor\" aria-label=\"Permalink: Module Types\" href=\"#module-types\"\u003e\u003csvg class=\"octicon octicon-link\" viewBox=\"0 0 16 16\" version=\"1.1\" width=\"16\" height=\"16\" aria-hidden=\"true\"\u003e\u003cpath d=\"m7.775 3.275 1.25-1.25a3.5 3.5 0 1 1 4.95 4.95l-2.5 2.5a3.5 3.5 0 0 1-4.95 0 .751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018 1.998 1.998 0 0 0 2.83 0l2.5-2.5a2.002 2.002 0 0 0-2.83-2.83l-1.25 1.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042Zm-4.69 9.64a1.998 1.998 0 0 0 2.83 0l1.25-1.25a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042l-1.25 1.25a3.5 3.5 0 1 1-4.95-4.95l2.5-2.5a3.5 3.5 0 0 1 4.95 0 .751.751 0 0 1-.018 1.042.751.751 0 0 1-1.042.018 1.998 1.998 0 0 0-2.83 0l-2.5 2.5a1.998 1.998 0 0 0 0 2.83Z\"\u003e\u003c/path\u003e\u003c/svg\u003e\u003c/a\u003e\u003c/div\u003e\n\u003cp dir=\"auto\"\u003eSystemJS supports loading modules that are in the following formats:\u003c/p\u003e\n\u003cmarkdown-accessiblity-table\u003e\u003ctable\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eModule Format\u003c/th\u003e\n\u003cth\u003es.js\u003c/th\u003e\n\u003cth\u003esystem.js\u003c/th\u003e\n\u003cth\u003eFile Extension\u003c/th\u003e\n\u003c/tr\u003e\n\u003c/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003ca href=\"/systemjs/systemjs/blob/main/docs/system-register.md\"\u003eSystem.register\u003c/a\u003e\u003c/td\u003e\n\u003ctd\u003e✔️\u003c/td\u003e\n\u003ctd\u003e✔️\u003c/td\u003e\n\u003ctd\u003e*\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003ca href=\"https://github.com/whatwg/html/pull/4407\" data-hovercard-type=\"pull_request\" data-hovercard-url=\"/whatwg/html/pull/4407/hovercard\"\u003eJSON Modules\u003c/a\u003e\u003c/td\u003e\n\u003ctd\u003e\u003ca href=\"/systemjs/systemjs/blob/main/dist/extras/module-types.js\"\u003eModule Types extra\u003c/a\u003e\u003c/td\u003e\n\u003ctd\u003e✔️\u003c/td\u003e\n\u003ctd\u003e*.json\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003ca href=\"https://github.com/w3c/webcomponents/blob/gh-pages/proposals/css-modules-v1-explainer.md\"\u003eCSS Modules\u003c/a\u003e\u003c/td\u003e\n\u003ctd\u003e\u003ca href=\"/systemjs/systemjs/blob/main/dist/extras/module-types.js\"\u003eModule Types extra\u003c/a\u003e\u003c/td\u003e\n\u003ctd\u003e✔️\u003c/td\u003e\n\u003ctd\u003e*.css\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003ca href=\"https://github.com/WebAssembly/esm-integration/tree/master/proposals/esm-integration\"\u003eWeb Assembly\u003c/a\u003e\u003c/td\u003e\n\u003ctd\u003e\u003ca href=\"/systemjs/systemjs/blob/main/dist/extras/module-types.js\"\u003eModule Types extra\u003c/a\u003e\u003c/td\u003e\n\u003ctd\u003e✔️\u003c/td\u003e\n\u003ctd\u003e*.wasm\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eGlobal variable\u003c/td\u003e\n\u003ctd\u003e\u003ca href=\"/systemjs/systemjs/blob/main/dist/extras/global.js\"\u003eglobal extra\u003c/a\u003e\u003c/td\u003e\n\u003ctd\u003e✔️\u003c/td\u003e\n\u003ctd\u003e*\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003ca href=\"https://github.com/amdjs/amdjs-api/wiki/AMD\"\u003eAMD\u003c/a\u003e\u003c/td\u003e\n\u003ctd\u003e\u003ca href=\"/systemjs/systemjs/blob/main/dist/extras/amd.js\"\u003eAMD extra\u003c/a\u003e\u003c/td\u003e\n\u003ctd\u003e\u003ca href=\"/systemjs/systemjs/blob/main/dist/extras/amd.js\"\u003eAMD extra\u003c/a\u003e\u003c/td\u003e\n\u003ctd\u003e*\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003ca href=\"https://github.com/umdjs/umd\"\u003eUMD\u003c/a\u003e\u003c/td\u003e\n\u003ctd\u003e\u003ca href=\"/systemjs/systemjs/blob/main/dist/extras/amd.js\"\u003eAMD extra\u003c/a\u003e\u003c/td\u003e\n\u003ctd\u003e\u003ca href=\"/systemjs/systemjs/blob/main/dist/extras/amd.js\"\u003eAMD extra\u003c/a\u003e\u003c/td\u003e\n\u003ctd\u003e*\u003c/td\u003e\n\u003c/tr\u003e\n\u003c/tbody\u003e\n\u003c/table\u003e\u003c/markdown-accessiblity-table\u003e\n\u003cdiv class=\"markdown-heading\" dir=\"auto\"\u003e\u003ch3 tabindex=\"-1\" class=\"heading-element\" dir=\"auto\"\u003eFile Extension Limitations\u003c/h3\u003e\u003ca id=\"user-content-file-extension-limitations\" class=\"anchor\" aria-label=\"Permalink: File Extension Limitations\" href=\"#file-extension-limitations\"\u003e\u003csvg class=\"octicon octicon-link\" viewBox=\"0 0 16 16\" version=\"1.1\" width=\"16\" height=\"16\" aria-hidden=\"true\"\u003e\u003cpath d=\"m7.775 3.275 1.25-1.25a3.5 3.5 0 1 1 4.95 4.95l-2.5 2.5a3.5 3.5 0 0 1-4.95 0 .751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018 1.998 1.998 0 0 0 2.83 0l2.5-2.5a2.002 2.002 0 0 0-2.83-2.83l-1.25 1.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042Zm-4.69 9.64a1.998 1.998 0 0 0 2.83 0l1.25-1.25a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042l-1.25 1.25a3.5 3.5 0 1 1-4.95-4.95l2.5-2.5a3.5 3.5 0 0 1 4.95 0 .751.751 0 0 1-.018 1.042.751.751 0 0 1-1.042.018 1.998 1.998 0 0 0-2.83 0l-2.5 2.5a1.998 1.998 0 0 0 0 2.83Z\"\u003e\u003c/path\u003e\u003c/svg\u003e\u003c/a\u003e\u003c/div\u003e\n\u003cp dir=\"auto\"\u003eWhen loading JSON modules, CSS modules and Web Assembly modules, the browser specifications require interpreting these modules based on checking their MIME type. Since SystemJS has to choose upfront whether to append a script element (for JS modules) or make a fetch request (for a JSON/CSS/Wasm module), it needs to know the module type upfront at resolution time.\u003c/p\u003e\n\u003cp dir=\"auto\"\u003eInstead of reading the MIME type, the file extension is thus used specifically for the JSON, CSS and Web Assembly module cases.\u003c/p\u003e\n\u003cdiv class=\"markdown-heading\" dir=\"auto\"\u003e\u003ch2 tabindex=\"-1\" class=\"heading-element\" dir=\"auto\"\u003eJSON Modules\u003c/h2\u003e\u003ca id=\"user-content-json-modules\" class=\"anchor\" aria-label=\"Permalink: JSON Modules\" href=\"#json-modules\"\u003e\u003csvg class=\"octicon octicon-link\" viewBox=\"0 0 16 16\" version=\"1.1\" width=\"16\" height=\"16\" aria-hidden=\"true\"\u003e\u003cpath d=\"m7.775 3.275 1.25-1.25a3.5 3.5 0 1 1 4.95 4.95l-2.5 2.5a3.5 3.5 0 0 1-4.95 0 .751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018 1.998 1.998 0 0 0 2.83 0l2.5-2.5a2.002 2.002 0 0 0-2.83-2.83l-1.25 1.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042Zm-4.69 9.64a1.998 1.998 0 0 0 2.83 0l1.25-1.25a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042l-1.25 1.25a3.5 3.5 0 1 1-4.95-4.95l2.5-2.5a3.5 3.5 0 0 1 4.95 0 .751.751 0 0 1-.018 1.042.751.751 0 0 1-1.042.018 1.998 1.998 0 0 0-2.83 0l-2.5 2.5a1.998 1.998 0 0 0 0 2.83Z\"\u003e\u003c/path\u003e\u003c/svg\u003e\u003c/a\u003e\u003c/div\u003e\n\u003cp dir=\"auto\"\u003e\u003ca href=\"https://github.com/whatwg/html/pull/4407\" data-hovercard-type=\"pull_request\" data-hovercard-url=\"/whatwg/html/pull/4407/hovercard\"\u003eJSON modules\u003c/a\u003e support importing a JSON file as the default export.\u003c/p\u003e\n\u003cdiv class=\"markdown-heading\" dir=\"auto\"\u003e\u003ch3 tabindex=\"-1\" class=\"heading-element\" dir=\"auto\"\u003eExample\u003c/h3\u003e\u003ca id=\"user-content-example\" class=\"anchor\" aria-label=\"Permalink: Example\" href=\"#example\"\u003e\u003csvg class=\"octicon octicon-link\" viewBox=\"0 0 16 16\" version=\"1.1\" width=\"16\" height=\"16\" aria-hidden=\"true\"\u003e\u003cpath d=\"m7.775 3.275 1.25-1.25a3.5 3.5 0 1 1 4.95 4.95l-2.5 2.5a3.5 3.5 0 0 1-4.95 0 .751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018 1.998 1.998 0 0 0 2.83 0l2.5-2.5a2.002 2.002 0 0 0-2.83-2.83l-1.25 1.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042Zm-4.69 9.64a1.998 1.998 0 0 0 2.83 0l1.25-1.25a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042l-1.25 1.25a3.5 3.5 0 1 1-4.95-4.95l2.5-2.5a3.5 3.5 0 0 1 4.95 0 .751.751 0 0 1-.018 1.042.751.751 0 0 1-1.042.018 1.998 1.998 0 0 0-2.83 0l-2.5 2.5a1.998 1.998 0 0 0 0 2.83Z\"\u003e\u003c/path\u003e\u003c/svg\u003e\u003c/a\u003e\u003c/div\u003e\n\u003cp dir=\"auto\"\u003e\u003cstrong\u003efile.json\u003c/strong\u003e\u003c/p\u003e\n\u003cdiv class=\"highlight highlight-source-json notranslate position-relative overflow-auto\" dir=\"auto\" data-snippet-clipboard-copy-content=\"{\n \u0026quot;some\u0026quot;: \u0026quot;json value\u0026quot;\n}\"\u003e\u003cpre\u003e{\n \u003cspan class=\"pl-ent\"\u003e\"some\"\u003c/span\u003e: \u003cspan class=\"pl-s\"\u003e\u003cspan class=\"pl-pds\"\u003e\"\u003c/span\u003ejson value\u003cspan class=\"pl-pds\"\u003e\"\u003c/span\u003e\u003c/span\u003e\n}\u003c/pre\u003e\u003c/div\u003e\n\u003cdiv class=\"highlight highlight-source-js notranslate position-relative overflow-auto\" dir=\"auto\" data-snippet-clipboard-copy-content=\"System.import('file.json').then(function (module) {\n console.log(module.default); // The json as a js object.\n});\"\u003e\u003cpre\u003e\u003cspan class=\"pl-v\"\u003eSystem\u003c/span\u003e\u003cspan class=\"pl-kos\"\u003e.\u003c/span\u003e\u003cspan class=\"pl-en\"\u003eimport\u003c/span\u003e\u003cspan class=\"pl-kos\"\u003e(\u003c/span\u003e\u003cspan class=\"pl-s\"\u003e'file.json'\u003c/span\u003e\u003cspan class=\"pl-kos\"\u003e)\u003c/span\u003e\u003cspan class=\"pl-kos\"\u003e.\u003c/span\u003e\u003cspan class=\"pl-en\"\u003ethen\u003c/span\u003e\u003cspan class=\"pl-kos\"\u003e(\u003c/span\u003e\u003cspan class=\"pl-k\"\u003efunction\u003c/span\u003e \u003cspan class=\"pl-kos\"\u003e(\u003c/span\u003e\u003cspan class=\"pl-s1\"\u003emodule\u003c/span\u003e\u003cspan class=\"pl-kos\"\u003e)\u003c/span\u003e \u003cspan class=\"pl-kos\"\u003e{\u003c/span\u003e\n \u003cspan class=\"pl-smi\"\u003econsole\u003c/span\u003e\u003cspan class=\"pl-kos\"\u003e.\u003c/span\u003e\u003cspan class=\"pl-en\"\u003elog\u003c/span\u003e\u003cspan class=\"pl-kos\"\u003e(\u003c/span\u003e\u003cspan class=\"pl-s1\"\u003emodule\u003c/span\u003e\u003cspan class=\"pl-kos\"\u003e.\u003c/span\u003e\u003cspan class=\"pl-c1\"\u003edefault\u003c/span\u003e\u003cspan class=\"pl-kos\"\u003e)\u003c/span\u003e\u003cspan class=\"pl-kos\"\u003e;\u003c/span\u003e \u003cspan class=\"pl-c\"\u003e// The json as a js object.\u003c/span\u003e\n\u003cspan class=\"pl-kos\"\u003e}\u003c/span\u003e\u003cspan class=\"pl-kos\"\u003e)\u003c/span\u003e\u003cspan class=\"pl-kos\"\u003e;\u003c/span\u003e\u003c/pre\u003e\u003c/div\u003e\n\u003cdiv class=\"markdown-heading\" dir=\"auto\"\u003e\u003ch2 tabindex=\"-1\" class=\"heading-element\" dir=\"auto\"\u003eCSS Modules\u003c/h2\u003e\u003ca id=\"user-content-css-modules\" class=\"anchor\" aria-label=\"Permalink: CSS Modules\" href=\"#css-modules\"\u003e\u003csvg class=\"octicon octicon-link\" viewBox=\"0 0 16 16\" version=\"1.1\" width=\"16\" height=\"16\" aria-hidden=\"true\"\u003e\u003cpath d=\"m7.775 3.275 1.25-1.25a3.5 3.5 0 1 1 4.95 4.95l-2.5 2.5a3.5 3.5 0 0 1-4.95 0 .751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018 1.998 1.998 0 0 0 2.83 0l2.5-2.5a2.002 2.002 0 0 0-2.83-2.83l-1.25 1.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042Zm-4.69 9.64a1.998 1.998 0 0 0 2.83 0l1.25-1.25a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042l-1.25 1.25a3.5 3.5 0 1 1-4.95-4.95l2.5-2.5a3.5 3.5 0 0 1 4.95 0 .751.751 0 0 1-.018 1.042.751.751 0 0 1-1.042.018 1.998 1.998 0 0 0-2.83 0l-2.5 2.5a1.998 1.998 0 0 0 0 2.83Z\"\u003e\u003c/path\u003e\u003c/svg\u003e\u003c/a\u003e\u003c/div\u003e\n\u003cp dir=\"auto\"\u003e\u003ca href=\"https://github.com/w3c/webcomponents/blob/gh-pages/proposals/css-modules-v1-explainer.md\"\u003eCSS Modules\u003c/a\u003e are supported \u003ca href=\"#constructed-style-sheets-polyfill\"\u003ewhen a Constructable Style Sheets polyfill is present for browsers other than Chromium\u003c/a\u003e.\u003c/p\u003e\n\u003cp dir=\"auto\"\u003eNote that the term CSS Modules refers to two separate things: (1) the browser spec, or (2) the Webpack / PostCSS plugin. The CSS modules implemented by SystemJS are the browser spec.\u003c/p\u003e\n\u003cdiv class=\"markdown-heading\" dir=\"auto\"\u003e\u003ch3 tabindex=\"-1\" class=\"heading-element\" dir=\"auto\"\u003eExample\u003c/h3\u003e\u003ca id=\"user-content-example-1\" class=\"anchor\" aria-label=\"Permalink: Example\" href=\"#example-1\"\u003e\u003csvg class=\"octicon octicon-link\" viewBox=\"0 0 16 16\" version=\"1.1\" width=\"16\" height=\"16\" aria-hidden=\"true\"\u003e\u003cpath d=\"m7.775 3.275 1.25-1.25a3.5 3.5 0 1 1 4.95 4.95l-2.5 2.5a3.5 3.5 0 0 1-4.95 0 .751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018 1.998 1.998 0 0 0 2.83 0l2.5-2.5a2.002 2.002 0 0 0-2.83-2.83l-1.25 1.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042Zm-4.69 9.64a1.998 1.998 0 0 0 2.83 0l1.25-1.25a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042l-1.25 1.25a3.5 3.5 0 1 1-4.95-4.95l2.5-2.5a3.5 3.5 0 0 1 4.95 0 .751.751 0 0 1-.018 1.042.751.751 0 0 1-1.042.018 1.998 1.998 0 0 0-2.83 0l-2.5 2.5a1.998 1.998 0 0 0 0 2.83Z\"\u003e\u003c/path\u003e\u003c/svg\u003e\u003c/a\u003e\u003c/div\u003e\n\u003cdiv class=\"highlight highlight-source-css notranslate position-relative overflow-auto\" dir=\"auto\" data-snippet-clipboard-copy-content=\"/* file.css */\n.brown {\n color: brown;\n}\"\u003e\u003cpre\u003e\u003cspan class=\"pl-c\"\u003e/* file.css */\u003c/span\u003e\n.\u003cspan class=\"pl-c1\"\u003ebrown\u003c/span\u003e {\n \u003cspan class=\"pl-c1\"\u003ecolor\u003c/span\u003e\u003cspan class=\"pl-kos\"\u003e:\u003c/span\u003e brown;\n}\u003c/pre\u003e\u003c/div\u003e\n\u003cdiv class=\"highlight highlight-source-js notranslate position-relative overflow-auto\" dir=\"auto\" data-snippet-clipboard-copy-content=\"System.import('file.css').then(function (module) {\n const styleSheet = module.default; // A CSSStyleSheet object\n document.adoptedStyleSheets = [...document.adoptedStyleSheets, styleSheet]; // now your css is available to be used.\n});\"\u003e\u003cpre\u003e\u003cspan class=\"pl-v\"\u003eSystem\u003c/span\u003e\u003cspan class=\"pl-kos\"\u003e.\u003c/span\u003e\u003cspan class=\"pl-en\"\u003eimport\u003c/span\u003e\u003cspan class=\"pl-kos\"\u003e(\u003c/span\u003e\u003cspan class=\"pl-s\"\u003e'file.css'\u003c/span\u003e\u003cspan class=\"pl-kos\"\u003e)\u003c/span\u003e\u003cspan class=\"pl-kos\"\u003e.\u003c/span\u003e\u003cspan class=\"pl-en\"\u003ethen\u003c/span\u003e\u003cspan class=\"pl-kos\"\u003e(\u003c/span\u003e\u003cspan class=\"pl-k\"\u003efunction\u003c/span\u003e \u003cspan class=\"pl-kos\"\u003e(\u003c/span\u003e\u003cspan class=\"pl-s1\"\u003emodule\u003c/span\u003e\u003cspan class=\"pl-kos\"\u003e)\u003c/span\u003e \u003cspan class=\"pl-kos\"\u003e{\u003c/span\u003e\n \u003cspan class=\"pl-k\"\u003econst\u003c/span\u003e \u003cspan class=\"pl-s1\"\u003estyleSheet\u003c/span\u003e \u003cspan class=\"pl-c1\"\u003e=\u003c/span\u003e \u003cspan class=\"pl-s1\"\u003emodule\u003c/span\u003e\u003cspan class=\"pl-kos\"\u003e.\u003c/span\u003e\u003cspan class=\"pl-c1\"\u003edefault\u003c/span\u003e\u003cspan class=\"pl-kos\"\u003e;\u003c/span\u003e \u003cspan class=\"pl-c\"\u003e// A CSSStyleSheet object\u003c/span\u003e\n \u003cspan class=\"pl-smi\"\u003edocument\u003c/span\u003e\u003cspan class=\"pl-kos\"\u003e.\u003c/span\u003e\u003cspan class=\"pl-c1\"\u003eadoptedStyleSheets\u003c/span\u003e \u003cspan class=\"pl-c1\"\u003e=\u003c/span\u003e \u003cspan class=\"pl-kos\"\u003e[\u003c/span\u003e...\u003cspan class=\"pl-smi\"\u003edocument\u003c/span\u003e\u003cspan class=\"pl-kos\"\u003e.\u003c/span\u003e\u003cspan class=\"pl-c1\"\u003eadoptedStyleSheets\u003c/span\u003e\u003cspan class=\"pl-kos\"\u003e,\u003c/span\u003e \u003cspan class=\"pl-s1\"\u003estyleSheet\u003c/span\u003e\u003cspan class=\"pl-kos\"\u003e]\u003c/span\u003e\u003cspan class=\"pl-kos\"\u003e;\u003c/span\u003e \u003cspan class=\"pl-c\"\u003e// now your css is available to be used.\u003c/span\u003e\n\u003cspan class=\"pl-kos\"\u003e}\u003c/span\u003e\u003cspan class=\"pl-kos\"\u003e)\u003c/span\u003e\u003cspan class=\"pl-kos\"\u003e;\u003c/span\u003e\u003c/pre\u003e\u003c/div\u003e\n\u003cdiv class=\"markdown-heading\" dir=\"auto\"\u003e\u003ch3 tabindex=\"-1\" class=\"heading-element\" dir=\"auto\"\u003eConstructable Style Sheets Polyfill\u003c/h3\u003e\u003ca id=\"user-content-constructable-style-sheets-polyfill\" class=\"anchor\" aria-label=\"Permalink: Constructable Style Sheets Polyfill\" href=\"#constructable-style-sheets-polyfill\"\u003e\u003csvg class=\"octicon octicon-link\" viewBox=\"0 0 16 16\" version=\"1.1\" width=\"16\" height=\"16\" aria-hidden=\"true\"\u003e\u003cpath d=\"m7.775 3.275 1.25-1.25a3.5 3.5 0 1 1 4.95 4.95l-2.5 2.5a3.5 3.5 0 0 1-4.95 0 .751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018 1.998 1.998 0 0 0 2.83 0l2.5-2.5a2.002 2.002 0 0 0-2.83-2.83l-1.25 1.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042Zm-4.69 9.64a1.998 1.998 0 0 0 2.83 0l1.25-1.25a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042l-1.25 1.25a3.5 3.5 0 1 1-4.95-4.95l2.5-2.5a3.5 3.5 0 0 1 4.95 0 .751.751 0 0 1-.018 1.042.751.751 0 0 1-1.042.018 1.998 1.998 0 0 0-2.83 0l-2.5 2.5a1.998 1.998 0 0 0 0 2.83Z\"\u003e\u003c/path\u003e\u003c/svg\u003e\u003c/a\u003e\u003c/div\u003e\n\u003cp dir=\"auto\"\u003eCSS modules export a \u003ca href=\"https://developer.mozilla.org/en-US/docs/Web/API/CSSStyleSheet\" rel=\"nofollow\"\u003eConstructable Stylesheet\u003c/a\u003e instance as their\ndefault export when imported.\u003c/p\u003e\n\u003cp dir=\"auto\"\u003eCurrently these are only available in new versions of Chromium based browsers (e.g., Chrome 73+), so usage in any other browsers will require a polyfill, such as the one at \u003ca href=\"https://www.npmjs.com/package/construct-style-sheets-polyfill\" rel=\"nofollow\"\u003ehttps://www.npmjs.com/package/construct-style-sheets-polyfill\u003c/a\u003e.\u003c/p\u003e\n\u003cp dir=\"auto\"\u003eThe polyfill can be conditionally loaded with an approach like:\u003c/p\u003e\n\u003cdiv class=\"highlight highlight-text-html-basic notranslate position-relative overflow-auto\" dir=\"auto\" data-snippet-clipboard-copy-content=\"\u0026lt;script defer src=\u0026quot;https://unpkg.com/construct-style-sheets-polyfill@2.1.0/adoptedStyleSheets.min.js\u0026quot;\u0026gt;\u0026lt;/script\u0026gt;\"\u003e\u003cpre\u003e\u003cspan class=\"pl-kos\"\u003e\u0026lt;\u003c/span\u003e\u003cspan class=\"pl-ent\"\u003escript\u003c/span\u003e \u003cspan class=\"pl-c1\"\u003edefer\u003c/span\u003e \u003cspan class=\"pl-c1\"\u003esrc\u003c/span\u003e=\"\u003cspan class=\"pl-s\"\u003ehttps://unpkg.com/construct-style-sheets-polyfill@2.1.0/adoptedStyleSheets.min.js\u003c/span\u003e\"\u003cspan class=\"pl-kos\"\u003e\u0026gt;\u003c/span\u003e\u003cspan class=\"pl-kos\"\u003e\u0026lt;/\u003c/span\u003e\u003cspan class=\"pl-ent\"\u003escript\u003c/span\u003e\u003cspan class=\"pl-kos\"\u003e\u0026gt;\u003c/span\u003e\u003c/pre\u003e\u003c/div\u003e\n\u003cp dir=\"auto\"\u003e\u003cem\u003eNote that this polyfill does not currently work in IE11.\u003c/em\u003e\u003c/p\u003e\n\u003cdiv class=\"markdown-heading\" dir=\"auto\"\u003e\u003ch2 tabindex=\"-1\" class=\"heading-element\" dir=\"auto\"\u003eWeb Assembly Modules\u003c/h2\u003e\u003ca id=\"user-content-web-assembly-modules\" class=\"anchor\" aria-label=\"Permalink: Web Assembly Modules\" href=\"#web-assembly-modules\"\u003e\u003csvg class=\"octicon octicon-link\" viewBox=\"0 0 16 16\" version=\"1.1\" width=\"16\" height=\"16\" aria-hidden=\"true\"\u003e\u003cpath d=\"m7.775 3.275 1.25-1.25a3.5 3.5 0 1 1 4.95 4.95l-2.5 2.5a3.5 3.5 0 0 1-4.95 0 .751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018 1.998 1.998 0 0 0 2.83 0l2.5-2.5a2.002 2.002 0 0 0-2.83-2.83l-1.25 1.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042Zm-4.69 9.64a1.998 1.998 0 0 0 2.83 0l1.25-1.25a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042l-1.25 1.25a3.5 3.5 0 1 1-4.95-4.95l2.5-2.5a3.5 3.5 0 0 1 4.95 0 .751.751 0 0 1-.018 1.042.751.751 0 0 1-1.042.018 1.998 1.998 0 0 0-2.83 0l-2.5 2.5a1.998 1.998 0 0 0 0 2.83Z\"\u003e\u003c/path\u003e\u003c/svg\u003e\u003c/a\u003e\u003c/div\u003e\n\u003cp dir=\"auto\"\u003e\u003ca href=\"https://github.com/WebAssembly/esm-integration/tree/master/proposals/esm-integration\"\u003eWeb Assembly Modules\u003c/a\u003e support importing Web Assembly with Web Assembly in turn supporting other modules.\u003c/p\u003e\n\u003cdiv class=\"markdown-heading\" dir=\"auto\"\u003e\u003ch3 tabindex=\"-1\" class=\"heading-element\" dir=\"auto\"\u003eExample\u003c/h3\u003e\u003ca id=\"user-content-example-2\" class=\"anchor\" aria-label=\"Permalink: Example\" href=\"#example-2\"\u003e\u003csvg class=\"octicon octicon-link\" viewBox=\"0 0 16 16\" version=\"1.1\" width=\"16\" height=\"16\" aria-hidden=\"true\"\u003e\u003cpath d=\"m7.775 3.275 1.25-1.25a3.5 3.5 0 1 1 4.95 4.95l-2.5 2.5a3.5 3.5 0 0 1-4.95 0 .751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018 1.998 1.998 0 0 0 2.83 0l2.5-2.5a2.002 2.002 0 0 0-2.83-2.83l-1.25 1.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042Zm-4.69 9.64a1.998 1.998 0 0 0 2.83 0l1.25-1.25a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042l-1.25 1.25a3.5 3.5 0 1 1-4.95-4.95l2.5-2.5a3.5 3.5 0 0 1 4.95 0 .751.751 0 0 1-.018 1.042.751.751 0 0 1-1.042.018 1.998 1.998 0 0 0-2.83 0l-2.5 2.5a1.998 1.998 0 0 0 0 2.83Z\"\u003e\u003c/path\u003e\u003c/svg\u003e\u003c/a\u003e\u003c/div\u003e\n\u003cdiv class=\"highlight highlight-text-html-basic notranslate position-relative overflow-auto\" dir=\"auto\" data-snippet-clipboard-copy-content=\"\u0026lt;script type=\u0026quot;systemjs-importmap\u0026quot;\u0026gt;\n{\n \u0026quot;imports\u0026quot;: {\n \u0026quot;example\u0026quot;: \u0026quot;./wasm-dependency.js\u0026quot;\n }\n}\n\u0026lt;/script\u0026gt;\n\u0026lt;script\u0026gt;\n System.import('/wasm-module.wasm').then(function (m) {\n // calls wasm-dependency square function through Wasm\n m.exampleExport(5); // 25\n });\n\u0026lt;/script\u0026gt;\"\u003e\u003cpre\u003e\u003cspan class=\"pl-kos\"\u003e\u0026lt;\u003c/span\u003e\u003cspan class=\"pl-ent\"\u003escript\u003c/span\u003e \u003cspan class=\"pl-c1\"\u003etype\u003c/span\u003e=\"\u003cspan class=\"pl-s\"\u003esystemjs-importmap\u003c/span\u003e\"\u003cspan class=\"pl-kos\"\u003e\u0026gt;\u003c/span\u003e\n\u003cspan class=\"pl-kos\"\u003e{\u003c/span\u003e\n \u003cspan class=\"pl-s\"\u003e\"imports\"\u003c/span\u003e: \u003cspan class=\"pl-kos\"\u003e{\u003c/span\u003e\n \u003cspan class=\"pl-s\"\u003e\"example\"\u003c/span\u003e: \u003cspan class=\"pl-s\"\u003e\"./wasm-dependency.js\"\u003c/span\u003e\n \u003cspan class=\"pl-kos\"\u003e}\u003c/span\u003e\n\u003cspan class=\"pl-kos\"\u003e}\u003c/span\u003e\n\u003cspan class=\"pl-kos\"\u003e\u0026lt;/\u003c/span\u003e\u003cspan class=\"pl-ent\"\u003escript\u003c/span\u003e\u003cspan class=\"pl-kos\"\u003e\u0026gt;\u003c/span\u003e\n\u003cspan class=\"pl-kos\"\u003e\u0026lt;\u003c/span\u003e\u003cspan class=\"pl-ent\"\u003escript\u003c/span\u003e\u003cspan class=\"pl-kos\"\u003e\u0026gt;\u003c/span\u003e\n \u003cspan class=\"pl-v\"\u003eSystem\u003c/span\u003e\u003cspan class=\"pl-kos\"\u003e.\u003c/span\u003e\u003cspan class=\"pl-en\"\u003eimport\u003c/span\u003e\u003cspan class=\"pl-kos\"\u003e(\u003c/span\u003e\u003cspan class=\"pl-s\"\u003e'/wasm-module.wasm'\u003c/span\u003e\u003cspan class=\"pl-kos\"\u003e)\u003c/span\u003e\u003cspan class=\"pl-kos\"\u003e.\u003c/span\u003e\u003cspan class=\"pl-en\"\u003ethen\u003c/span\u003e\u003cspan class=\"pl-kos\"\u003e(\u003c/span\u003e\u003cspan class=\"pl-k\"\u003efunction\u003c/span\u003e \u003cspan class=\"pl-kos\"\u003e(\u003c/span\u003e\u003cspan class=\"pl-s1\"\u003em\u003c/span\u003e\u003cspan class=\"pl-kos\"\u003e)\u003c/span\u003e \u003cspan class=\"pl-kos\"\u003e{\u003c/span\u003e\n \u003cspan class=\"pl-c\"\u003e// calls wasm-dependency square function through Wasm\u003c/span\u003e\n \u003cspan class=\"pl-s1\"\u003em\u003c/span\u003e\u003cspan class=\"pl-kos\"\u003e.\u003c/span\u003e\u003cspan class=\"pl-en\"\u003eexampleExport\u003c/span\u003e\u003cspan class=\"pl-kos\"\u003e(\u003c/span\u003e\u003cspan class=\"pl-c1\"\u003e5\u003c/span\u003e\u003cspan class=\"pl-kos\"\u003e)\u003c/span\u003e\u003cspan class=\"pl-kos\"\u003e;\u003c/span\u003e \u003cspan class=\"pl-c\"\u003e// 25\u003c/span\u003e\n \u003cspan class=\"pl-kos\"\u003e}\u003c/span\u003e\u003cspan class=\"pl-kos\"\u003e)\u003c/span\u003e\u003cspan class=\"pl-kos\"\u003e;\u003c/span\u003e\n\u003cspan class=\"pl-kos\"\u003e\u0026lt;/\u003c/span\u003e\u003cspan class=\"pl-ent\"\u003escript\u003c/span\u003e\u003cspan class=\"pl-kos\"\u003e\u0026gt;\u003c/span\u003e\u003c/pre\u003e\u003c/div\u003e\n\u003cp dir=\"auto\"\u003ewasm-dependency.js\u003c/p\u003e\n\u003cdiv class=\"highlight highlight-source-js notranslate position-relative overflow-auto\" dir=\"auto\" data-snippet-clipboard-copy-content=\"// function called from Wasm\nexport function exampleImport (num) {\n return num * num;\n}\"\u003e\u003cpre\u003e\u003cspan class=\"pl-c\"\u003e// function called from Wasm\u003c/span\u003e\n\u003cspan class=\"pl-k\"\u003eexport\u003c/span\u003e \u003cspan class=\"pl-k\"\u003efunction\u003c/span\u003e \u003cspan class=\"pl-en\"\u003eexampleImport\u003c/span\u003e \u003cspan class=\"pl-kos\"\u003e(\u003c/span\u003e\u003cspan class=\"pl-s1\"\u003enum\u003c/span\u003e\u003cspan class=\"pl-kos\"\u003e)\u003c/span\u003e \u003cspan class=\"pl-kos\"\u003e{\u003c/span\u003e\n \u003cspan class=\"pl-k\"\u003ereturn\u003c/span\u003e \u003cspan class=\"pl-s1\"\u003enum\u003c/span\u003e \u003cspan class=\"pl-c1\"\u003e*\u003c/span\u003e \u003cspan class=\"pl-s1\"\u003enum\u003c/span\u003e\u003cspan class=\"pl-kos\"\u003e;\u003c/span\u003e\n\u003cspan class=\"pl-kos\"\u003e}\u003c/span\u003e\u003c/pre\u003e\u003c/div\u003e\n\u003cp dir=\"auto\"\u003ewhere \u003ccode\u003ewasm-module.wasm\u003c/code\u003e is generated from:\u003c/p\u003e\n\u003cp dir=\"auto\"\u003e\u003cstrong\u003ewasm-module.wat\u003c/strong\u003e\u003c/p\u003e\n\u003cdiv class=\"highlight highlight-source-webassembly notranslate position-relative overflow-auto\" dir=\"auto\" data-snippet-clipboard-copy-content=\"(module\n (func $exampleImport (import \u0026quot;example\u0026quot; \u0026quot;exampleImport\u0026quot;) (param i32) (result i32))\n (func $exampleExport (export \u0026quot;exampleExport\u0026quot;) (param $value i32) (result i32)\n get_local $value\n call $exampleImport\n )\n)\"\u003e\u003cpre\u003e(\u003cspan class=\"pl-k\"\u003emodule\u003c/span\u003e\n (\u003cspan class=\"pl-k\"\u003efunc\u003c/span\u003e \u003cspan class=\"pl-smi\"\u003e$exampleImport\u003c/span\u003e (\u003cspan class=\"pl-k\"\u003eimport\u003c/span\u003e \u003cspan class=\"pl-s\"\u003e\u003cspan class=\"pl-pds\"\u003e\"\u003c/span\u003eexample\u003cspan class=\"pl-pds\"\u003e\"\u003c/span\u003e\u003c/span\u003e \u003cspan class=\"pl-s\"\u003e\u003cspan class=\"pl-pds\"\u003e\"\u003c/span\u003eexampleImport\u003cspan class=\"pl-pds\"\u003e\"\u003c/span\u003e\u003c/span\u003e) (\u003cspan class=\"pl-k\"\u003eparam\u003c/span\u003e \u003cspan class=\"pl-k\"\u003ei32\u003c/span\u003e) (\u003cspan class=\"pl-k\"\u003eresult\u003c/span\u003e \u003cspan class=\"pl-k\"\u003ei32\u003c/span\u003e))\n (\u003cspan class=\"pl-k\"\u003efunc\u003c/span\u003e \u003cspan class=\"pl-smi\"\u003e$exampleExport\u003c/span\u003e (\u003cspan class=\"pl-k\"\u003eexport\u003c/span\u003e \u003cspan class=\"pl-s\"\u003e\u003cspan class=\"pl-pds\"\u003e\"\u003c/span\u003eexampleExport\u003cspan class=\"pl-pds\"\u003e\"\u003c/span\u003e\u003c/span\u003e) (\u003cspan class=\"pl-k\"\u003eparam\u003c/span\u003e \u003cspan class=\"pl-smi\"\u003e$value\u003c/span\u003e \u003cspan class=\"pl-k\"\u003ei32\u003c/span\u003e) (\u003cspan class=\"pl-k\"\u003eresult\u003c/span\u003e \u003c 3DDF span class=\"pl-k\"\u003ei32\u003c/span\u003e)\n \u003cspan class=\"pl-en\"\u003eget_local\u003c/span\u003e \u003cspan class=\"pl-smi\"\u003e$value\u003c/span\u003e\n \u003cspan class=\"pl-k\"\u003ecall\u003c/span\u003e \u003cspan class=\"pl-smi\"\u003e$exampleImport\u003c/span\u003e\n )\n)\u003c/pre\u003e\u003c/div\u003e\n\u003c/article\u003e","renderedFileInfo":null,"shortPath":null,"symbolsEnabled":true,"tabSize":8,"topBannersInfo":{"overridingGlobalFundingFile":false,"globalPreferredFundingPath":null,"showInvalidCitationWarning":false,"citationHelpUrl":"https://docs.github.com/github/creating-cloning-and-archiving-repositories/creating-a-repository-on-github/about-citation-files","actionsOnboardingTip":null},"truncated":false,"viewable":true,"workflowRedirectUrl":null,"symbols":{"timed_out":false,"not_analyzed":false,"symbols":[{"name":"Module Types","kind":"section_1","ident_start":2,"ident_end":14,"extent_start":0,"extent_end":4375,"fully_qualified_name":"Module Types","ident_utf16":{"start":{"line_number":0,"utf16_col":2},"end":{"line_number":0,"utf16_col":14}},"extent_utf16":{"start":{"line_number":0,"utf16_col":0},"end":{"line_number":117,"utf16_col":0}}},{"name":"File Extension Limitations","kind":"section_3","ident_start":1144,"ident_end":1170,"extent_start":1140,"extent_end":1668,"fully_qualified_name":"File Extension Limitations","ident_utf16":{"start":{"line_number":14,"utf16_col":4},"end":{"line_number":14,"utf16_col":30}},"extent_utf16":{"start":{"line_number":14,"utf16_col":0},"end":{"line_number":20,"utf16_col":0}}},{"name":"JSON Modules","kind":"section_2","ident_start":1671,"ident_end":1683,"extent_start":1668,"extent_end":1989,"fully_qualified_name":"JSON Modules","ident_utf16":{"start":{"line_number":20,"utf16_col":3},"end":{"line_number":20,"utf16_col":15}},"extent_utf16":{"start":{"line_number":20,"utf16_col":0},"end":{"line_number":39,"utf16_col":0}}},{"name":"Example","kind":"section_3","ident_start":1800,"ident_end":1807,"extent_start":1796,"extent_end":1989,"fully_qualified_name":"Example","ident_utf16":{"start":{"line_number":24,"utf16_col":4},"end":{"line_number":24,"utf16_col":11}},"extent_utf16":{"start":{"line_number":24,"utf16_col":0},"end":{"line_number":39,"utf16_col":0}}},{"name":"CSS Modules","kind":"section_2","ident_start":1992,"ident_end":2003,"extent_start":1989,"extent_end":3437,"fully_qualified_name":"CSS Modules","ident_utf16":{"start":{"line_number":39,"utf16_col":3},"end":{"line_number":39,"utf16_col":14}},"extent_utf16":{"start":{"line_number":39,"utf16_col":0},"end":{"line_number":75,"utf16_col":0}}},{"name":"Example","kind":"section_3","ident_start":2438,"ident_end":2445,"extent_start":2434,"extent_end":2748,"fully_qualified_name":"Example","ident_utf16":{"start":{"line_number":45,"utf16_col":4},"end":{"line_number":45,"utf16_col":11}},"extent_utf16":{"start":{"line_number":45,"utf16_col":0},"end":{"line_number":60,"utf16_col":0}}},{"name":"Constructable Style Sheets Polyfill","kind":"section_3","ident_start":2752,"ident_end":2787,"extent_start":2748,"extent_end":3437,"fully_qualified_name":"Constructable Style Sheets Polyfill","ident_utf16":{"start":{"line_number":60,"utf16_col":4},"end":{"line_number":60,"utf16_col":39}},"extent_utf16":{"start":{"line_number":60,"utf16_col":0},"end":{"line_number":75,"utf16_col":0}}},{"name":"Web Assembly Modules","kind":"section_2","ident_start":3440,"ident_end":3460,"extent_start":3437,"extent_end":4375,"fully_qualified_name":"Web Assembly Modules","ident_utf16":{"start":{"line_number":75,"utf16_col":3},"end":{"line_number":75,"utf16_col":23}},"extent_utf16":{"start":{"line_number":75,"utf16_col":0},"end":{"line_number":117,"utf16_col":0}}},{"name":"Example","kind":"section_3","ident_start":3659,"ident_end":3666,"extent_start":3655,"extent_end":4375,"fully_qualified_name":"Example","ident_utf16":{"start":{"line_number":79,"utf16_col":4},"end":{"line_number":79,"utf16_col":11}},"extent_utf16":{"start":{"line_number":79,"utf16_col":0},"end":{"line_number":117,"utf16_col":0}}}]}},"copilotInfo":null,"copilotAccessAllowed":false,"modelsAccessAllowed":false,"modelsRepoIntegrationEnabled":false,"csrf_tokens":{"/systemjs/systemjs/branches":{"post":"b9UYdM_vAFWgBSYfrCcWF3yrUcdGC0PGBQoi9P0JfiX0lep9YyvksxOluYperooCxfNGj83eB_AnNnRLW7k_Aw"},"/repos/preferences":{"post":"34oAs87DuQsVsf2RhwuUOMcKO7Tm_4qsBqjnPKRahZmrGdPltAZrAgo_0qOxPvXFfCU9xVloKeN5-CGQPTVt8A"}}},"title":"systemjs/docs/module-types.md at main · systemjs/systemjs","appPayload":{"helpUrl":"https://docs.github.com","findFileWorkerPath":"/assets-cdn/worker/find-file-worker-7d7eb7c71814.js","findInFileWorkerPath":"/assets-cdn/worker/find-in-file-worker-1ae9fa256942.js","githubDevUrl":null,"enabled_features":{"code_nav_ui_events":false,"react_blob_overlay":false,"accessible_code_button":true,"github_models_repo_integration":false}}}
0