@ui5/create-webcomponents-package 2.10.0-rc.2 → 2.10.0

package/CHANGELOG.md

@@ -3,6 +3,22 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [2.10.0](https://github.com/SAP/ui5-webcomponents/compare/v2.10.0-rc.3...v2.10.0) (2025-05-07)
+
+**Note:** Version bump only for package @ui5/create-webcomponents-package
+
+
+
+
+
+# [2.10.0-rc.3](https://github.com/SAP/ui5-webcomponents/compare/v2.10.0-rc.2...v2.10.0-rc.3) (2025-05-01)
+
+**Note:** Version bump only for package @ui5/create-webcomponents-package
+
+
+
+
+
 # [2.10.0-rc.2](https://github.com/SAP/ui5-webcomponents/compare/v2.10.0-rc.1...v2.10.0-rc.2) (2025-04-24)
 
 **Note:** Version bump only for package @ui5/create-webcomponents-package

package/README.md

@@ -16,8 +16,6 @@ Usage:
 
 Options:
     --name <string>                      - defines the package name
-    --component-name <string>            - defines the component class name that will be created in your new package
-    --tag <string>                       - defines the tag name of the sample web component that will be created in your new package
     --test-setup <"cypress" | "manual">  - defines whether the predefined test setup should be added or it will be configured manually.
     --skip                               - skips configuration and generates package with a default value for each parameter that wasn't passed
 ```
@@ -32,8 +30,6 @@ Usage:
     yarn create @ui5/webcomponents-package [OPTIONS]
 Options:
     --name <string>                      - defines the package name
-    --component-name <string>            - defines the component class name that will be created in your new package
-    --tag <string>                       - defines the tag name of the sample web component that will be created in your new package
     --test-setup <"cypress" | "manual">  - defines whether the predefined test setup should be added or it will be configured manually.
     --skip                               - skips configuration and generates package with a default value for each parameter that wasn't passed
 ```

package/create-package.js

@@ -21,6 +21,7 @@ const SUPPORTED_TEST_SETUPS = ["cypress", "manual"];
 const SRC_DIR = path.join(__dirname, "template");
 const FILES_TO_RENAME = {
 	"npmrc": ".npmrc",
+	"env": ".env",
 	"gitignore": ".gitignore",
 	"tsconfig.template.json": "tsconfig.json",
 	"cypress/tsconfig.template.json": "cypress/tsconfig.json"
@@ -28,7 +29,6 @@ const FILES_TO_RENAME = {
 const FILES_TO_COPY = ["test/pages/img/logo.png"];
 
 // Validation Patterns
-const ComponentNamePattern = /^[A-Z][A-Za-z0-9]+$/;
 const PackageNamePattern =
 	/^(@[a-z0-9-~][a-z0-9-._~]*\/)?[a-z0-9-~][a-z0-9-._~]*$/;
 const TagPattern = /^[a-z0-9]+?-[a-zA-Z0-9\-_]+?[a-z0-9]$/;
@@ -36,8 +36,6 @@ const TagPattern = /^[a-z0-9]+?-[a-zA-Z0-9\-_]+?[a-z0-9]$/;
 // Utility Functions
 const isPackageNameValid = name =>
 	typeof name === "string" && PackageNamePattern.test(name);
-const isComponentNameValid = name =>
-	typeof name === "string" && ComponentNamePattern.test(name);
 const isTagValid = tag => typeof tag === "string" && TagPattern.test(tag);
 const isTestSetupValid = setup =>
 	typeof setup === "string" && SUPPORTED_TEST_SETUPS.includes(setup);
@@ -75,7 +73,7 @@ const generateFilesContent = async (
 				: "",
 		INIT_PACKAGE_CYPRESS_DEV_DEPS:
 			testSetup === "cypress"
-				? `"@ui5/cypress-ct-ui5-webc": "^0.0.3",\n"cypress": "^13.11.0",`
+				? `"@ui5/cypress-ct-ui5-webc": "^0.0.4",\n"cypress": "^13.11.0",`
 				: "",
 		INIT_PACKAGE_CYPRESS_TEST_COMMANDS:
 			testSetup === "cypress"
@@ -176,18 +174,6 @@ const createWebcomponentsPackage = async () => {
 		);
 	}
 
-	if (argv.componentName && !isComponentNameValid(argv.componentName)) {
-		throw new Error(
-			"The component name should be a string, starting with a capital letter [A-Z][a-z], for example: Button, MyButton, etc.",
-		);
-	}
-
-	if (argv.tag && !isTagValid(argv.tag)) {
-		throw new Error(
-			"The tag should be in kebab-case (f.e my-component) and it can't be a single word.",
-		);
-	}
-
 	if (argv.testSetup && !isTestSetupValid(argv.testSetup)) {
 		throw new Error(
 			`The test setup should be a string and one of the following options: ${SUPPORTED_TEST_SETUPS.join(", ")}`,
@@ -195,7 +181,7 @@ const createWebcomponentsPackage = async () => {
 	}
 
 	let packageName = argv.name || "my-package";
-	let componentName = argv.componentName || "MyComponent";
+	let componentName = "MyComponent";
 	let testSetup = argv.testSetup || "manual";
 	const skipSubfolder = !!argv.skipSubfolder;
 
@@ -221,20 +207,6 @@ const createWebcomponentsPackage = async () => {
 		packageName = response.name;
 	}
 
-	if (!argv.componentName) {
-		response = await prompts({
-			type: "text",
-			name: "componentName",
-			message: "Component name:",
-			initial: "MyComponent",
-			validate: value =>
-				isComponentNameValid(value)
-					? true
-					: "Component name should follow PascalCase naming convention (f.e. Button, MyButton, etc.).",
-		});
-		componentName = response.componentName;
-	}
-
 	if (!argv.testSetup) {
 		response = await prompts({
 			type: "select",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ui5/create-webcomponents-package",
-  "version": "2.10.0-rc.2",
+  "version": "2.10.0",
   "description": "UI5 Web Components: create package",
   "author": "SAP SE (https://www.sap.com)",
   "license": "Apache-2.0",
@@ -27,5 +27,5 @@
     "prompts": "^2.4.1",
     "yargs": "^17.5.1"
   },
-  "gitHead": "b898559a591c2febe8dbd0cb99a15c88eac293b2"
+  "gitHead": "756ebc59ab04b82611385fbdf6ed76fc128c0e79"
 }

package/template/cypress/component/MyFirstComponent.cy.tsx

@@ -4,10 +4,10 @@ describe('{{INIT_PACKAGE_VAR_CLASS_NAME}}.cy.tsx', () => {
   it('playground', () => {
     cy.mount(<{{INIT_PACKAGE_VAR_CLASS_NAME}} />)
 
-    cy.get("[hardcoded-button]")
+    cy.get("[{{INIT_PACKAGE_VAR_TAG}}]")
       .click();
 
-    cy.get("[hardcoded-button]")
+    cy.get("[{{INIT_PACKAGE_VAR_TAG}}]")
       .should("have.prop", "count", 1)
   })
 })

package/template/env

@@ -0,0 +1 @@
+VITE_BUNDLE_PATH="../../dist/bundle.esm.js"

package/template/{bundle.esm.js → src/bundle.esm.ts}

@@ -9,11 +9,12 @@ import { getNoConflict, setNoConflict } from "@ui5/webcomponents-base/dist/confi
 import { getFirstDayOfWeek } from "@ui5/webcomponents-base/dist/config/FormatSettings.js";
 
 // Enable additional themes and i18n texts
-import "./dist/Assets.js";
+import "./Assets.js";
 
-// Import your web components here from the dist/ directory
-import "./dist/{{INIT_PACKAGE_VAR_CLASS_NAME}}.js";
+// Import your web components here from the src/ directory
+import "./{{INIT_PACKAGE_VAR_CLASS_NAME}}.js";
 
+// @ts-expect-error
 window["sap-ui-webcomponents-bundle"] = {
 	renderFinished,
 	configuration: {

package/template/test/pages/index.html

@@ -16,7 +16,7 @@
 	</script>
 
 	<link rel="stylesheet" type="text/css" href="./css/index.css">
-	<script src="../../bundle.esm.js" type="module"></script>
+	<script src="%VITE_BUNDLE_PATH%" type="module"></script>
 </head>
 
 <body>