Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 | 2x 2x 2x 2x 2x 2x 2x 2x 2x 2x 2x 2x 2x 2x 2x 2x 2x 5063x 138x 138x 138x 138x 138x 138x 138x 138x 138x 138x 4925x 4925x 4925x 4925x 5063x 5063x 5063x 5063x 5063x 5063x 5063x 5063x 5063x 5063x 5063x 5063x 5063x 5063x 5063x 5063x 5063x 5063x 5063x 5063x 5063x 5063x 5063x 5063x 5063x 2x 2x 2x 2x 2x 2x 2x 2x 23x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 22x 22x 22x 22x 23x 23x 23x 23x 22x 22x 22x 22x 22x 22x 22x 22x 22x 22x 22x 22x 22x 22x 22x 22x 22x 22x | /** @import { ValidatedCompileOptions, CompileResult, ValidatedModuleCompileOptions } from '#compiler' */
/** @import { ComponentAnalysis, Analysis } from '../types' */
import { print } from 'esrap';
import { VERSION } from '../../../version.js';
import { server_component, server_module } from './server/transform-server.js';
import { client_component, client_module } from './client/transform-client.js';
import { render_stylesheet } from './css/index.js';
import { merge_with_preprocessor_map, get_source_name } from '../../utils/mapped_code.js';
import * as state from '../../state.js';
/**
* @param {ComponentAnalysis} analysis
* @param {string} source
* @param {ValidatedCompileOptions} options
* @returns {CompileResult}
*/
export function transform_component(analysis, source, options) {
if (options.generate === false) {
return {
js: /** @type {any} */ (null),
css: null,
warnings: state.warnings, // set afterwards
metadata: {
runes: analysis.runes
},
ast: /** @type {any} */ (null) // set afterwards
};
}
const program =
options.generate === 'server'
? server_component(analysis, options)
: client_component(analysis, options);
const js_source_name = get_source_name(options.filename, options.outputFilename, 'input.svelte');
const js = print(program, {
// include source content; makes it easier/more robust looking up the source map code
sourceMapContent: source,
sourceMapSource: js_source_name
});
merge_with_preprocessor_map(js, options, js_source_name);
const css =
analysis.css.ast && !analysis.inject_styles
? render_stylesheet(source, analysis, options)
: null;
return {
js,
css,
warnings: state.warnings, // set afterwards. TODO apply preprocessor sourcemap
metadata: {
runes: analysis.runes
},
ast: /** @type {any} */ (null) // set afterwards
};
}
/**
* @param {Analysis} analysis
* @param {string} source
* @param {ValidatedModuleCompileOptions} options
* @returns {CompileResult}
*/
export function transform_module(analysis, source, options) {
if (options.generate === false) {
return {
js: /** @type {any} */ (null),
css: null,
warnings: state.warnings, // set afterwards
metadata: {
runes: true
},
ast: /** @type {any} */ (null) // set afterwards
};
}
const program =
options.generate === 'server'
? server_module(analysis, options)
: client_module(analysis, options);
const basename = options.filename.split(/[/\\]/).at(-1);
if (program.body.length > 0) {
program.body[0].leadingComments = [
{
type: 'Block',
value: ` ${basename} generated by Svelte v${VERSION} `
}
];
}
return {
js: print(program, {}),
css: null,
metadata: {
runes: true
},
warnings: state.warnings, // set afterwards
ast: /** @type {any} */ (null) // set afterwards
};
}
|