@stencil/templates 5.0.0-beta.12 → 5.0.0-beta.14
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/index.d.mts +14 -1
- package/dist/index.mjs +28 -1
- package/package.json +2 -2
package/dist/index.d.mts
CHANGED
|
@@ -19,6 +19,19 @@ declare function toPascalCase(str: string): string;
|
|
|
19
19
|
*/
|
|
20
20
|
declare function getComponentBoilerplate(tagName: string, styleExtension?: string): string;
|
|
21
21
|
//#endregion
|
|
22
|
+
//#region src/generate/css-component.d.ts
|
|
23
|
+
/**
|
|
24
|
+
* Returns the CSS-only component boilerplate for `stencil generate` - a documented tag
|
|
25
|
+
* definition with no backing JS class, no shadow root, and no `customElements.define()`.
|
|
26
|
+
* See `packages/core/src/compiler/css-components/`.
|
|
27
|
+
* SASS indented syntax uses indentation instead of braces.
|
|
28
|
+
*
|
|
29
|
+
* @param tagName - Dash-case custom element tag name.
|
|
30
|
+
* @param ext - File extension (e.g. `'css'`, `'scss'`, `'sass'`, `'less'`). Defaults to `'css'`.
|
|
31
|
+
* @returns Stylesheet source string for the new CSS-only component file.
|
|
32
|
+
*/
|
|
33
|
+
declare function getCssOnlyComponentBoilerplate(tagName: string, ext?: string): string;
|
|
34
|
+
//#endregion
|
|
22
35
|
//#region src/generate/style.d.ts
|
|
23
36
|
/**
|
|
24
37
|
* Returns the stylesheet boilerplate for `stencil generate`.
|
|
@@ -110,4 +123,4 @@ declare function getUsageExampleBoilerplate(tagName: string): string;
|
|
|
110
123
|
*/
|
|
111
124
|
declare function getPreviewHtmlBoilerplate(tagName: string, entryScriptSrc: string | null): string;
|
|
112
125
|
//#endregion
|
|
113
|
-
export { type ConfigSelections, type DocKey, type IndexHtmlSelections, type OutputKey, PROJECT_TEMPLATES, type PackageJsonFields, type ProjectTemplateId, type StyleExtension, generateIndexHtml, generatePackageJsonFields, generateStencilConfig, getComponentBoilerplate, getPreviewHtmlBoilerplate, getStyleBoilerplate, getTemplatePath, getUsageExampleBoilerplate, toPascalCase };
|
|
126
|
+
export { type ConfigSelections, type DocKey, type IndexHtmlSelections, type OutputKey, PROJECT_TEMPLATES, type PackageJsonFields, type ProjectTemplateId, type StyleExtension, generateIndexHtml, generatePackageJsonFields, generateStencilConfig, getComponentBoilerplate, getCssOnlyComponentBoilerplate, getPreviewHtmlBoilerplate, getStyleBoilerplate, getTemplatePath, getUsageExampleBoilerplate, toPascalCase };
|
package/dist/index.mjs
CHANGED
|
@@ -39,6 +39,33 @@ export class ${toPascalCase(tagName)} {
|
|
|
39
39
|
`;
|
|
40
40
|
}
|
|
41
41
|
//#endregion
|
|
42
|
+
//#region src/generate/css-component.ts
|
|
43
|
+
/**
|
|
44
|
+
* Returns the CSS-only component boilerplate for `stencil generate` - a documented tag
|
|
45
|
+
* definition with no backing JS class, no shadow root, and no `customElements.define()`.
|
|
46
|
+
* See `packages/core/src/compiler/css-components/`.
|
|
47
|
+
* SASS indented syntax uses indentation instead of braces.
|
|
48
|
+
*
|
|
49
|
+
* @param tagName - Dash-case custom element tag name.
|
|
50
|
+
* @param ext - File extension (e.g. `'css'`, `'scss'`, `'sass'`, `'less'`). Defaults to `'css'`.
|
|
51
|
+
* @returns Stylesheet source string for the new CSS-only component file.
|
|
52
|
+
*/
|
|
53
|
+
function getCssOnlyComponentBoilerplate(tagName, ext = "css") {
|
|
54
|
+
if (ext === "sass") return `/**
|
|
55
|
+
* @component
|
|
56
|
+
*/
|
|
57
|
+
${tagName}
|
|
58
|
+
display: block
|
|
59
|
+
`;
|
|
60
|
+
return `/**
|
|
61
|
+
* @component
|
|
62
|
+
*/
|
|
63
|
+
${tagName} {
|
|
64
|
+
display: block;
|
|
65
|
+
}
|
|
66
|
+
`;
|
|
67
|
+
}
|
|
68
|
+
//#endregion
|
|
42
69
|
//#region src/generate/style.ts
|
|
43
70
|
/**
|
|
44
71
|
* Returns the stylesheet boilerplate for `stencil generate`.
|
|
@@ -208,4 +235,4 @@ ${entryScriptSrc ? ` <script type="module" src="${entryScriptSrc}"><\/script>
|
|
|
208
235
|
`;
|
|
209
236
|
}
|
|
210
237
|
//#endregion
|
|
211
|
-
export { PROJECT_TEMPLATES, generateIndexHtml, generatePackageJsonFields, generateStencilConfig, getComponentBoilerplate, getPreviewHtmlBoilerplate, getStyleBoilerplate, getTemplatePath, getUsageExampleBoilerplate, toPascalCase };
|
|
238
|
+
export { PROJECT_TEMPLATES, generateIndexHtml, generatePackageJsonFields, generateStencilConfig, getComponentBoilerplate, getCssOnlyComponentBoilerplate, getPreviewHtmlBoilerplate, getStyleBoilerplate, getTemplatePath, getUsageExampleBoilerplate, toPascalCase };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@stencil/templates",
|
|
3
|
-
"version": "5.0.0-beta.
|
|
3
|
+
"version": "5.0.0-beta.14",
|
|
4
4
|
"description": "Project and generate templates for Stencil",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"scaffolding",
|
|
@@ -33,7 +33,7 @@
|
|
|
33
33
|
"vitest": "^4.1.10"
|
|
34
34
|
},
|
|
35
35
|
"peerDependencies": {
|
|
36
|
-
"@stencil/core": "^5.0.0 || 5.0.0-beta.
|
|
36
|
+
"@stencil/core": "^5.0.0 || 5.0.0-beta.14"
|
|
37
37
|
},
|
|
38
38
|
"volta": {
|
|
39
39
|
"extends": "../../package.json"
|