Skip to content

Commit 66caecd

Browse files
committed
Refactor to cssHash
1 parent a038f72 commit 66caecd

File tree

7 files changed

+10
-10
lines changed

7 files changed

+10
-10
lines changed

src/compiler/compile/Component.ts

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -139,7 +139,7 @@ export default class Component {
139139
filename: compile_options.filename,
140140
component_name: name,
141141
dev: compile_options.dev,
142-
scope_class_getter: compile_options.scopeClass
142+
get_css_hash: compile_options.cssHash
143143
});
144144
this.stylesheet.validate(this);
145145

src/compiler/compile/css/Stylesheet.ts

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@ import MagicString from 'magic-string';
22
import { walk } from 'estree-walker';
33
import Selector from './Selector';
44
import Element from '../nodes/Element';
5-
import { Ast, CssScopeClassGetter } from '../../interfaces';
5+
import { Ast, CssHashGetter } from '../../interfaces';
66
import Component from '../Component';
77
import { CssNode } from './interfaces';
88
import hash from '../utils/hash';
@@ -275,7 +275,7 @@ class Atrule {
275275
}
276276
}
277277

278-
const getDefaultScopeClass: CssScopeClassGetter = ({ hash }) => {
278+
const get_default_css_hash: CssHashGetter = ({ hash }) => {
279279
return `svelte-${hash}`;
280280
};
281281

@@ -299,22 +299,22 @@ export default class Stylesheet {
299299
component_name,
300300
filename,
301301
dev,
302-
scope_class_getter = getDefaultScopeClass,
302+
get_css_hash = get_default_css_hash,
303303
}: {
304304
source: string;
305305
ast: Ast;
306306
filename: string | undefined;
307307
component_name: string | undefined;
308308
dev: boolean;
309-
scope_class_getter: CssScopeClassGetter;
309+
get_css_hash: CssHashGetter;
310310
}) {
311311
this.source = source;
312312
this.ast = ast;
313313
this.filename = filename;
314314
this.dev = dev;
315315

316316
if (ast.css && ast.css.children.length) {
317-
this.id = scope_class_getter({
317+
this.id = get_css_hash({
318318
filename,
319319
name: component_name,
320320
hash: hash(ast.css.content.styles),

src/compiler/compile/index.ts

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -29,7 +29,7 @@ const valid_options = [
2929
'loopGuardTimeout',
3030
'preserveComments',
3131
'preserveWhitespace',
32-
'scopeClass',
32+
'cssHash',
3333
];
3434

3535
function validate_options(options: CompileOptions, warnings: Warning[]) {

src/compiler/interfaces.ts

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -104,7 +104,7 @@ export interface Warning {
104104

105105
export type ModuleFormat = 'esm' | 'cjs';
106106

107-
export type CssScopeClassGetter = (args: {
107+
export type CssHashGetter = (args: {
108108
name: string;
109109
filename: string | undefined;
110110
hash: string;
@@ -131,7 +131,7 @@ export interface CompileOptions {
131131
css?: boolean;
132132
loopGuardTimeout?: number;
133133
namespace?: string;
134-
scopeClass?: CssScopeClassGetter;
134+
cssHash?: CssHashGetter;
135135

136136
preserveComments?: boolean;
137137
preserveWhitespace?: boolean;

test/css/samples/custom-scope-class/_config.js renamed to test/css/samples/custom-css-hash/_config.js

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
export default {
22
compileOptions: {
33
filename: 'src/components/FooSwitcher.svelte',
4-
scopeClass({ hash, name, filename }) {
4+
cssHash({ hash, name, filename }) {
55
const minFilename = filename
66
.split('/')
77
.map(i => i.charAt(0).toLowerCase())

0 commit comments

Comments
 (0)