@knighted/css 1.0.0-rc.9 → 1.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/generateTypes.cjs +214 -139
- package/dist/cjs/generateTypes.d.cts +65 -16
- package/dist/cjs/loader-helpers.cjs +6 -0
- package/dist/cjs/loader-helpers.d.cts +4 -0
- package/dist/cjs/loader.cjs +2 -0
- package/dist/cjs/loader.d.cts +2 -1
- package/dist/cjs/moduleGraph.cjs +5 -4
- package/dist/cjs/stableSelectors.cjs +29 -0
- package/dist/cjs/stableSelectors.d.cts +15 -0
- package/dist/cjs/stableSelectorsLiteral.cjs +8 -5
- package/dist/cjs/stableSelectorsLiteral.d.cts +2 -0
- package/dist/generateTypes.d.ts +65 -16
- package/dist/generateTypes.js +214 -139
- package/dist/loader-helpers.d.ts +4 -0
- package/dist/loader-helpers.js +3 -0
- package/dist/loader.d.ts +2 -1
- package/dist/loader.js +2 -0
- package/dist/moduleGraph.js +5 -4
- package/dist/stableSelectors.d.ts +15 -0
- package/dist/stableSelectors.js +28 -0
- package/dist/stableSelectorsLiteral.d.ts +2 -0
- package/dist/stableSelectorsLiteral.js +8 -5
- package/loader-queries.d.ts +6 -1
- package/package.json +9 -1
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import type { KnightedCssCombinedModule } from './loader.cjs';
|
|
2
|
+
type KnightedCssCombinedExtras = Readonly<Record<string, unknown>>;
|
|
3
|
+
export declare function asKnightedCssCombinedModule<TModule, TExtras extends KnightedCssCombinedExtras = Record<never, never>>(module: unknown): KnightedCssCombinedModule<TModule, TExtras>;
|
|
4
|
+
export {};
|
package/dist/cjs/loader.cjs
CHANGED
|
@@ -18,6 +18,7 @@ const loader = async function loader(source) {
|
|
|
18
18
|
namespace: resolvedNamespace,
|
|
19
19
|
resourcePath: this.resourcePath,
|
|
20
20
|
emitWarning: message => emitKnightedWarning(this, message),
|
|
21
|
+
target: 'js',
|
|
21
22
|
})
|
|
22
23
|
: undefined;
|
|
23
24
|
const injection = buildInjection(css, {
|
|
@@ -80,6 +81,7 @@ const pitch = function pitch() {
|
|
|
80
81
|
namespace: resolvedNamespace,
|
|
81
82
|
resourcePath: this.resourcePath,
|
|
82
83
|
emitWarning: message => emitKnightedWarning(this, message),
|
|
84
|
+
target: 'js',
|
|
83
85
|
})
|
|
84
86
|
: undefined;
|
|
85
87
|
return createCombinedModule(request, css, {
|
package/dist/cjs/loader.d.cts
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import type { LoaderDefinitionFunction, PitchLoaderDefinitionFunction } from 'webpack';
|
|
2
2
|
import { type CssOptions } from './css.cjs';
|
|
3
|
-
|
|
3
|
+
type KnightedCssCombinedExtras = Readonly<Record<string, unknown>>;
|
|
4
|
+
export type KnightedCssCombinedModule<TModule, TExtras extends KnightedCssCombinedExtras = Record<never, never>> = TModule & TExtras & {
|
|
4
5
|
knightedCss: string;
|
|
5
6
|
};
|
|
6
7
|
export interface KnightedCssVanillaOptions {
|
package/dist/cjs/moduleGraph.cjs
CHANGED
|
@@ -197,7 +197,10 @@ function normalizeSpecifier(raw) {
|
|
|
197
197
|
if (!trimmed || trimmed.startsWith('\0')) {
|
|
198
198
|
return '';
|
|
199
199
|
}
|
|
200
|
-
const
|
|
200
|
+
const querySearchOffset = trimmed.startsWith('#') ? 1 : 0;
|
|
201
|
+
const remainder = trimmed.slice(querySearchOffset);
|
|
202
|
+
const queryMatchIndex = remainder.search(/[?#]/);
|
|
203
|
+
const queryIndex = queryMatchIndex === -1 ? -1 : querySearchOffset + queryMatchIndex;
|
|
201
204
|
const withoutQuery = queryIndex === -1 ? trimmed : trimmed.slice(0, queryIndex);
|
|
202
205
|
if (!withoutQuery) {
|
|
203
206
|
return '';
|
|
@@ -303,9 +306,7 @@ function createResolverFactory(cwd, extensions, scriptExtensions, graphOptions)
|
|
|
303
306
|
options.extensionAlias = extensionAlias;
|
|
304
307
|
}
|
|
305
308
|
const tsconfigOption = resolveResolverTsconfig(graphOptions?.tsConfig, cwd);
|
|
306
|
-
|
|
307
|
-
options.tsconfig = tsconfigOption;
|
|
308
|
-
}
|
|
309
|
+
options.tsconfig = tsconfigOption ?? 'auto';
|
|
309
310
|
return new oxc_resolver_1.ResolverFactory(options);
|
|
310
311
|
}
|
|
311
312
|
function buildExtensionAlias(scriptExtensions) {
|
|
@@ -6,8 +6,10 @@ exports.stableClass = stableClass;
|
|
|
6
6
|
exports.stableSelector = stableSelector;
|
|
7
7
|
exports.createStableClassFactory = createStableClassFactory;
|
|
8
8
|
exports.stableClassName = stableClassName;
|
|
9
|
+
exports.mergeStableClass = mergeStableClass;
|
|
9
10
|
const DEFAULT_NAMESPACE = 'knighted';
|
|
10
11
|
const defaultJoin = (values) => values.filter(Boolean).join(' ');
|
|
12
|
+
const toArray = (value) => Array.isArray(value) ? value : [value];
|
|
11
13
|
const normalizeToken = (token) => {
|
|
12
14
|
const sanitized = token
|
|
13
15
|
.trim()
|
|
@@ -42,3 +44,30 @@ function stableClassName(styles, key, options) {
|
|
|
42
44
|
return join([hashed, stable]);
|
|
43
45
|
}
|
|
44
46
|
exports.stableClassFromModule = stableClassName;
|
|
47
|
+
function mergeStableClass(input) {
|
|
48
|
+
if ('token' in input) {
|
|
49
|
+
return mergeSingle(input);
|
|
50
|
+
}
|
|
51
|
+
return mergeBatch(input);
|
|
52
|
+
}
|
|
53
|
+
function mergeSingle(input) {
|
|
54
|
+
const join = input.join ?? defaultJoin;
|
|
55
|
+
const hashed = toArray(input.hashed);
|
|
56
|
+
const stable = input.selector?.trim().length
|
|
57
|
+
? input.selector
|
|
58
|
+
: stableClass(input.token, { namespace: input.namespace });
|
|
59
|
+
return join([...hashed, stable]);
|
|
60
|
+
}
|
|
61
|
+
function mergeBatch(input) {
|
|
62
|
+
const join = input.join ?? defaultJoin;
|
|
63
|
+
const output = {};
|
|
64
|
+
for (const key of Object.keys(input.hashed)) {
|
|
65
|
+
const hashedValue = input.hashed[key];
|
|
66
|
+
const selector = input.selectors?.[String(key)];
|
|
67
|
+
const stable = selector?.trim().length
|
|
68
|
+
? selector
|
|
69
|
+
: stableClass(String(key), { namespace: input.namespace });
|
|
70
|
+
output[key] = join([...toArray(hashedValue), stable]);
|
|
71
|
+
}
|
|
72
|
+
return output;
|
|
73
|
+
}
|
|
@@ -5,9 +5,24 @@ export interface StableClassNameOptions extends StableSelectorOptions {
|
|
|
5
5
|
token?: string;
|
|
6
6
|
join?: (values: string[]) => string;
|
|
7
7
|
}
|
|
8
|
+
export interface MergeStableClassSingleInput extends StableSelectorOptions {
|
|
9
|
+
hashed: string | string[];
|
|
10
|
+
selector?: string;
|
|
11
|
+
token: string;
|
|
12
|
+
join?: (values: string[]) => string;
|
|
13
|
+
}
|
|
14
|
+
export interface MergeStableClassBatchInput<Hashed extends Record<string, string | string[]>, Selectors extends Record<string, string> | undefined = Record<string, string>> extends StableSelectorOptions {
|
|
15
|
+
hashed: Hashed;
|
|
16
|
+
selectors?: Selectors;
|
|
17
|
+
join?: (values: string[]) => string;
|
|
18
|
+
}
|
|
8
19
|
export declare function stableToken(token: string, options?: StableSelectorOptions): string;
|
|
9
20
|
export declare function stableClass(token: string, options?: StableSelectorOptions): string;
|
|
10
21
|
export declare function stableSelector(token: string, options?: StableSelectorOptions): string;
|
|
11
22
|
export declare function createStableClassFactory(options?: StableSelectorOptions): (token: string) => string;
|
|
12
23
|
export declare function stableClassName<T extends Record<string, string>>(styles: T, key: keyof T | string, options?: StableClassNameOptions): string;
|
|
13
24
|
export declare const stableClassFromModule: typeof stableClassName;
|
|
25
|
+
export declare function mergeStableClass(input: MergeStableClassSingleInput): string;
|
|
26
|
+
export declare function mergeStableClass<Hashed extends Record<string, string | string[]>>(input: MergeStableClassBatchInput<Hashed>): {
|
|
27
|
+
[Key in keyof Hashed]: string;
|
|
28
|
+
};
|
|
@@ -7,20 +7,23 @@ exports.formatStableSelectorMap = formatStableSelectorMap;
|
|
|
7
7
|
const lightningcss_1 = require("lightningcss");
|
|
8
8
|
const helpers_js_1 = require("./helpers.cjs");
|
|
9
9
|
function buildStableSelectorsLiteral(options) {
|
|
10
|
+
const target = options.target ?? 'ts';
|
|
10
11
|
const trimmedNamespace = options.namespace.trim();
|
|
11
12
|
if (!trimmedNamespace) {
|
|
12
13
|
options.emitWarning(`stableSelectors requested for ${options.resourcePath} but "stableNamespace" resolved to an empty value.`);
|
|
13
|
-
return
|
|
14
|
-
literal: 'export const stableSelectors = {} as const;\n',
|
|
15
|
-
selectorMap: new Map(),
|
|
16
|
-
};
|
|
14
|
+
return finalizeLiteral(new Map(), target);
|
|
17
15
|
}
|
|
18
16
|
const selectorMap = collectStableSelectors(options.css, trimmedNamespace, options.resourcePath);
|
|
19
17
|
if (selectorMap.size === 0) {
|
|
20
18
|
options.emitWarning(`stableSelectors requested for ${options.resourcePath} but no selectors matched namespace "${trimmedNamespace}".`);
|
|
21
19
|
}
|
|
20
|
+
return finalizeLiteral(selectorMap, target);
|
|
21
|
+
}
|
|
22
|
+
function finalizeLiteral(selectorMap, target) {
|
|
23
|
+
const formatted = formatStableSelectorMap(selectorMap);
|
|
24
|
+
const suffix = target === 'ts' ? ' as const' : '';
|
|
22
25
|
return {
|
|
23
|
-
literal: `export const stableSelectors = ${
|
|
26
|
+
literal: `export const stableSelectors = ${formatted}${suffix};\n`,
|
|
24
27
|
selectorMap,
|
|
25
28
|
};
|
|
26
29
|
}
|
|
@@ -2,11 +2,13 @@ export interface StableSelectorsLiteralResult {
|
|
|
2
2
|
literal: string;
|
|
3
3
|
selectorMap: Map<string, string>;
|
|
4
4
|
}
|
|
5
|
+
type StableSelectorsLiteralTarget = 'ts' | 'js';
|
|
5
6
|
export declare function buildStableSelectorsLiteral(options: {
|
|
6
7
|
css: string;
|
|
7
8
|
namespace: string;
|
|
8
9
|
resourcePath: string;
|
|
9
10
|
emitWarning: (message: string) => void;
|
|
11
|
+
target?: StableSelectorsLiteralTarget;
|
|
10
12
|
}): StableSelectorsLiteralResult;
|
|
11
13
|
export declare function collectStableSelectors(css: string, namespace: string, filename?: string): Map<string, string>;
|
|
12
14
|
declare function collectStableSelectorsByRegex(css: string, namespace: string): Map<string, string>;
|
package/dist/generateTypes.d.ts
CHANGED
|
@@ -1,54 +1,103 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
1
|
+
import { createRequire } from 'node:module';
|
|
2
|
+
import { moduleType } from 'node-module-type';
|
|
3
|
+
import { getTsconfig } from 'get-tsconfig';
|
|
4
|
+
import { type MatchPath } from 'tsconfig-paths';
|
|
5
|
+
import { cssWithMeta } from './css.js';
|
|
6
|
+
interface ImportMatch {
|
|
3
7
|
specifier: string;
|
|
4
|
-
|
|
8
|
+
importer: string;
|
|
5
9
|
}
|
|
10
|
+
interface ManifestEntry {
|
|
11
|
+
file: string;
|
|
12
|
+
hash: string;
|
|
13
|
+
}
|
|
14
|
+
type SelectorModuleManifest = Record<string, ManifestEntry>;
|
|
15
|
+
interface TsconfigResolutionContext {
|
|
16
|
+
absoluteBaseUrl?: string;
|
|
17
|
+
matchPath?: MatchPath;
|
|
18
|
+
}
|
|
19
|
+
type CssWithMetaFn = typeof cssWithMeta;
|
|
6
20
|
export interface GenerateTypesResult {
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
declarations: DeclarationRecord[];
|
|
21
|
+
selectorModulesWritten: number;
|
|
22
|
+
selectorModulesRemoved: number;
|
|
10
23
|
warnings: string[];
|
|
11
|
-
|
|
12
|
-
typesIndexPath: string;
|
|
24
|
+
manifestPath: string;
|
|
13
25
|
}
|
|
14
26
|
export interface GenerateTypesOptions {
|
|
15
27
|
rootDir?: string;
|
|
16
28
|
include?: string[];
|
|
17
29
|
outDir?: string;
|
|
18
|
-
typesRoot?: string;
|
|
19
30
|
stableNamespace?: string;
|
|
20
31
|
}
|
|
32
|
+
type ModuleTypeDetector = () => ReturnType<typeof moduleType>;
|
|
33
|
+
declare function resolvePackageRoot(): string;
|
|
21
34
|
export declare function generateTypes(options?: GenerateTypesOptions): Promise<GenerateTypesResult>;
|
|
22
35
|
declare function normalizeIncludeOptions(include: string[] | undefined, rootDir: string): string[];
|
|
36
|
+
declare function collectCandidateFiles(entries: string[]): Promise<string[]>;
|
|
37
|
+
declare function findSpecifierImports(filePath: string): Promise<ImportMatch[]>;
|
|
23
38
|
declare function stripInlineLoader(specifier: string): string;
|
|
24
39
|
declare function splitResourceAndQuery(specifier: string): {
|
|
25
40
|
resource: string;
|
|
26
41
|
query: string;
|
|
27
42
|
};
|
|
28
|
-
declare function
|
|
29
|
-
declare function
|
|
30
|
-
declare function
|
|
43
|
+
declare function extractSelectorSourceSpecifier(specifier: string): string | undefined;
|
|
44
|
+
declare function resolveImportPath(resourceSpecifier: string, importerPath: string, rootDir: string, tsconfig?: TsconfigResolutionContext): Promise<string | undefined>;
|
|
45
|
+
declare function buildSelectorModuleManifestKey(resolvedPath: string): string;
|
|
46
|
+
declare function buildSelectorModulePath(resolvedPath: string): string;
|
|
47
|
+
declare function formatSelectorModuleSource(selectors: Map<string, string>): string;
|
|
48
|
+
declare function readManifest(manifestPath: string): Promise<SelectorModuleManifest>;
|
|
49
|
+
declare function writeManifest(manifestPath: string, manifest: SelectorModuleManifest): Promise<void>;
|
|
50
|
+
declare function removeStaleSelectorModules(previous: SelectorModuleManifest, next: SelectorModuleManifest): Promise<number>;
|
|
51
|
+
declare function relativeToRoot(filePath: string, rootDir: string): string;
|
|
52
|
+
declare function ensureSelectorModule(resolvedPath: string, selectors: Map<string, string>, previousManifest: SelectorModuleManifest, nextManifest: SelectorModuleManifest): Promise<boolean>;
|
|
53
|
+
declare function resolveWithTsconfigPaths(specifier: string, tsconfig?: TsconfigResolutionContext): Promise<string | undefined>;
|
|
54
|
+
declare function loadTsconfigResolutionContext(rootDir: string, loader?: typeof getTsconfig): TsconfigResolutionContext | undefined;
|
|
55
|
+
declare function normalizeTsconfigPaths(paths: Record<string, string[] | string> | undefined): Record<string, string[]> | undefined;
|
|
56
|
+
declare function isNonRelativeSpecifier(specifier: string): boolean;
|
|
57
|
+
declare function createProjectPeerResolver(rootDir: string): (name: string) => Promise<any>;
|
|
58
|
+
declare function getProjectRequire(rootDir: string): ReturnType<typeof createRequire>;
|
|
31
59
|
export declare function runGenerateTypesCli(argv?: string[]): Promise<void>;
|
|
32
60
|
export interface ParsedCliArgs {
|
|
33
61
|
rootDir: string;
|
|
34
62
|
include?: string[];
|
|
35
63
|
outDir?: string;
|
|
36
|
-
typesRoot?: string;
|
|
37
64
|
stableNamespace?: string;
|
|
38
65
|
help?: boolean;
|
|
39
66
|
}
|
|
40
67
|
declare function parseCliArgs(argv: string[]): ParsedCliArgs;
|
|
41
68
|
declare function printHelp(): void;
|
|
42
69
|
declare function reportCliResult(result: GenerateTypesResult): void;
|
|
70
|
+
declare function setCssWithMetaImplementation(impl?: CssWithMetaFn): void;
|
|
71
|
+
declare function setModuleTypeDetector(detector?: ModuleTypeDetector): void;
|
|
72
|
+
declare function setImportMetaUrlProvider(provider?: () => string | undefined): void;
|
|
43
73
|
export declare const __generateTypesInternals: {
|
|
44
74
|
stripInlineLoader: typeof stripInlineLoader;
|
|
45
75
|
splitResourceAndQuery: typeof splitResourceAndQuery;
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
76
|
+
extractSelectorSourceSpecifier: typeof extractSelectorSourceSpecifier;
|
|
77
|
+
findSpecifierImports: typeof findSpecifierImports;
|
|
78
|
+
resolveImportPath: typeof resolveImportPath;
|
|
79
|
+
resolvePackageRoot: typeof resolvePackageRoot;
|
|
80
|
+
relativeToRoot: typeof relativeToRoot;
|
|
81
|
+
collectCandidateFiles: typeof collectCandidateFiles;
|
|
49
82
|
normalizeIncludeOptions: typeof normalizeIncludeOptions;
|
|
83
|
+
normalizeTsconfigPaths: typeof normalizeTsconfigPaths;
|
|
84
|
+
setCssWithMetaImplementation: typeof setCssWithMetaImplementation;
|
|
85
|
+
setModuleTypeDetector: typeof setModuleTypeDetector;
|
|
86
|
+
setImportMetaUrlProvider: typeof setImportMetaUrlProvider;
|
|
87
|
+
isNonRelativeSpecifier: typeof isNonRelativeSpecifier;
|
|
88
|
+
createProjectPeerResolver: typeof createProjectPeerResolver;
|
|
89
|
+
getProjectRequire: typeof getProjectRequire;
|
|
90
|
+
loadTsconfigResolutionContext: typeof loadTsconfigResolutionContext;
|
|
91
|
+
resolveWithTsconfigPaths: typeof resolveWithTsconfigPaths;
|
|
50
92
|
parseCliArgs: typeof parseCliArgs;
|
|
51
93
|
printHelp: typeof printHelp;
|
|
52
94
|
reportCliResult: typeof reportCliResult;
|
|
95
|
+
buildSelectorModuleManifestKey: typeof buildSelectorModuleManifestKey;
|
|
96
|
+
buildSelectorModulePath: typeof buildSelectorModulePath;
|
|
97
|
+
formatSelectorModuleSource: typeof formatSelectorModuleSource;
|
|
98
|
+
ensureSelectorModule: typeof ensureSelectorModule;
|
|
99
|
+
removeStaleSelectorModules: typeof removeStaleSelectorModules;
|
|
100
|
+
readManifest: typeof readManifest;
|
|
101
|
+
writeManifest: typeof writeManifest;
|
|
53
102
|
};
|
|
54
103
|
export {};
|