ui5-cc-chart 0.1.0 → 0.1.2

package/.commitlintrc.json

@@ -0,0 +1,3 @@
+{
+  "extends": ["@commitlint/config-conventional"]
+}

package/.editorconfig

@@ -0,0 +1,22 @@
+# EditorConfig helps developers define and maintain consistent
+# coding styles between different editors and IDEs
+# editorconfig.org
+
+root = true
+
+[*]
+# We recommend you to keep these unchanged
+end_of_line = lf
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true
+
+# Change these settings to your own preference
+indent_style = tab
+
+[*.{yaml,yml,md,json,xml,properties}]
+indent_size = 2
+indent_style = space
+
+[*.md]
+trim_trailing_whitespace = false

package/.github/workflows/publish.yml

@@ -0,0 +1,54 @@
+name: Publish
+
+# Trigger on tag push AND manual trigger
+on:
+  push:
+    tags:
+      - "v*.*.*"
+  workflow_dispatch: # Manual trigger
+
+permissions:
+  contents: read
+  id-token: write # REQUIRED for trusted publishing (OIDC)
+
+jobs:
+  publish:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: 24
+          cache: "npm"
+          registry-url: "https://registry.npmjs.org/"
+
+      - name: Read package name
+        id: pkg
+        run: |
+          echo "NAME=$(jq -r '.name' package.json)" >> $GITHUB_ENV
+
+      - name: Decide publish method
+        run: |
+          if npm view "$NAME" > /dev/null 2>&1; then
+            echo "EXISTS=true" >> $GITHUB_ENV
+            echo "Package exists → using trusted publishing"
+          else
+            echo "EXISTS=false" >> $GITHUB_ENV
+            echo "Package does not exist → bootstrap publish"
+          fi
+
+      - name: Publish
+        env:
+          NPM_BOOTSTRAP_TOKEN: ${{ secrets.NPM_BOOTSTRAP_TOKEN }}
+        run: |
+          if [ "$EXISTS" = "false" ]; then
+            echo "//registry.npmjs.org/:_authToken=${NPM_BOOTSTRAP_TOKEN}" > ~/.npmrc
+          fi
+
+          npm publish --access public
+
+          if [ "$EXISTS" = "false" ]; then
+            rm ~/.npmrc
+          fi

package/.husky/pre-commit

@@ -0,0 +1 @@
+npm run hooks:pre-commit

package/.husky/pre-push

@@ -0,0 +1 @@
+npm run hooks:pre-push

package/.lintstagedrc.json

@@ -0,0 +1,3 @@
+{
+  "**/*.js": "eslint"
+}

package/.prettierignore

@@ -0,0 +1,12 @@
+# Ignore specific files
+package-lock.json
+
+# Ignore build output folders
+/docs/**
+/webapp/**
+
+# Ignore files by extension
+/**/*.svg
+/**/*.png
+/**/*.md
+

package/.prettierrc.json

@@ -0,0 +1,18 @@
+{
+  "singleQuote": false,
+  "printWidth": 200,
+  "endOfLine": "lf",
+  "tabWidth": 4,
+  "useTabs": true,
+  "overrides": [
+    {
+      "files": ["*.yaml", "*.yml", "*.md", "*.json", "*.xml", "*.properties"],
+      "options": {
+        "useTabs": false,
+        "tabWidth": 2,
+        "keySeparator": "=",
+        "xmlWhitespaceSensitivity": "ignore"
+      }
+    }
+  ]
+}

package/CHANGELOG.md

@@ -0,0 +1,14 @@
+## 0.1.1 (2022-05-10)
+
+
+### Bug Fixes
+
+* make line chart the default ([bd41b41](https://github.com/ui5-community/ui5-cc-chart/commit/bd41b4199c487a041d63b982bd87ed50c9077f3b))
+
+
+### Features
+
+* finalize public project ([6291ba6](https://github.com/ui5-community/ui5-cc-chart/commit/6291ba6102e7d15c1c8a50ff73770e4f842a55cd))
+
+
+

package/Chart.css

@@ -1,3 +1,3 @@
 .chart {
-    padding: 4rem;
+	padding: 4rem;
 }

package/Chart.js

@@ -1,71 +1,71 @@
-sap.ui.define(["sap/ui/core/Control", "chart.js/auto", "sap/ui/dom/includeStylesheet"], function(Control, Chart, includeStylesheet) {
+sap.ui.define(["sap/ui/core/Control", "chart.js/auto", "sap/ui/dom/includeStylesheet"], function (Control, Chart, includeStylesheet) {
+	return Control.extend("ui5-cc-chart.Chart", {
+		metadata: {
+			properties: {
+				type: {
+					type: "string",
+					defaultValue: "line",
+				},
+				title: "string",
+				color: "sap.ui.core.CSSColor",
+			},
+			aggregations: {
+				records: {
+					type: "ui5-cc-chart.ChartRecord",
+				},
+			},
+			defaultAggregation: "records",
+		},
+		renderer: {
+			apiVersion: 2,
+			render: function (rm, chart) {
+				rm.openStart("div", chart);
+				rm.style("color", chart.getColor());
+				rm.class("chart");
+				rm.openEnd();
 
-    return Control.extend("ui5-cc-chart.Chart", {
-        metadata: {
-            properties: {
-                "type": {
-                    type: "string",
-                    defaultValue: "line"
-                },
-                "title": "string",
-                "color": "sap.ui.core.CSSColor"
-            },
-            aggregations: {
-                "records": {
-                    type: "ui5-cc-chart.ChartRecord"
-                }
-            },
-            defaultAggregation: "records"
-        },
-        renderer: {
-            apiVersion: 2,
-            render: function(rm, chart) {
-                rm.openStart("div", chart);
-                rm.style("color", chart.getColor());
-                rm.class("chart");
-                rm.openEnd();
-
-                rm.openStart("canvas", chart.getId() + "-canvas");
-                rm.openEnd();
-                rm.close("canvas");
-
-                rm.close("div");
-            }
-        },
-        _getChartData: function() {
-            const aRecords = this.getRecords();
-            return {
-                labels: aRecords.map(record => {
-                    return record.getLabel();
-                }),
-                datasets: [{
-                    label: this.getTitle(),
-                    backgroundColor: this.getColor(),
-                    borderColor: this.getColor(),
-                    data: aRecords.map(record => {
-                        return record.getValue();
-                    })
-                }]
-            };
-        },
-        init: function() {
-            includeStylesheet(sap.ui.require.toUrl("ui5-cc-chart/Chart.css"));
-        },
-        onAfterRendering: function() {
-            if (!this._chart) {
-                this._chart = new Chart(this.getDomRef("canvas"), {
-                    type: this.getType(),
-                    data: this._getChartData(),
-                    options: {
-                        responsive: true,
-                        animation: false
-                    }
-                });
-            } else {
-                this._chart.data = this._getChartData();
-                this._chart.update();
-            }
-        }
-    });
+				rm.openStart("canvas", chart.getId() + "-canvas");
+				rm.openEnd();
+				rm.close("canvas");
 
+				rm.close("div");
+			},
+		},
+		_getChartData: function () {
+			const aRecords = this.getRecords();
+			return {
+				labels: aRecords.map((record) => {
+					return record.getLabel();
+				}),
+				datasets: [
+					{
+						label: this.getTitle(),
+						backgroundColor: this.getColor(),
+						borderColor: this.getColor(),
+						data: aRecords.map((record) => {
+							return record.getValue();
+						}),
+					},
+				],
+			};
+		},
+		init: function () {
+			includeStylesheet(sap.ui.require.toUrl("ui5-cc-chart/Chart.css"));
+		},
+		onAfterRendering: function () {
+			if (!this._chart) {
+				this._chart = new Chart(this.getDomRef("canvas"), {
+					type: this.getType(),
+					data: this._getChartData(),
+					options: {
+						responsive: true,
+						animation: false,
+					},
+				});
+			} else {
+				this._chart.data = this._getChartData();
+				this._chart.update();
+			}
+		},
+	});
 });

package/ChartRecord.js

@@ -1,12 +1,10 @@
-sap.ui.define(["sap/ui/core/Element"], function(Element) {
-
-    return Element.extend("ui5-cc-chart.ChartRecord", {
-        metadata: {
-            properties: {
-                label: "string",
-                value: "float"
-            }
-        }
-    });
-
+sap.ui.define(["sap/ui/core/Element"], function (Element) {
+	return Element.extend("ui5-cc-chart.ChartRecord", {
+		metadata: {
+			properties: {
+				label: "string",
+				value: "float",
+			},
+		},
+	});
 });

package/README.md

@@ -78,6 +78,18 @@ Please use the GitHub bug tracking system to post questions, bug reports or to c
 
 Any type of contribution (code contributions, pull requests, issues) to this showcase will be equally appreciated.
 
+## Releasing
+
+To release a new version of the package, you just need to run the following command:
+
+```sh
+# Release a new version of the package
+npm version [major|minor|patch]
+
+# Publish the package (push the change and the tag)
+npm run version:publish
+```
+
 ## License
 
 This work is [dual-licensed](../../LICENSE) under Apache 2.0 and the Derived Beer-ware License. The official license will be Apache 2.0 but finally you can choose between one of them if you use this work.

package/eslint.config.js

@@ -0,0 +1,22 @@
+const globals = require("globals");
+const js = require("@eslint/js");
+
+module.exports = [
+	js.configs.recommended,
+	{
+		languageOptions: {
+			globals: {
+				...globals.browser,
+				sap: "readonly",
+			},
+			ecmaVersion: 2023,
+			sourceType: "script",
+		},
+		rules: {
+			"prefer-const": "warn",
+		},
+	},
+	{
+		ignores: ["eslint.config.js"],
+	},
+];

package/package.json

@@ -1,10 +1,39 @@
 {
   "name": "ui5-cc-chart",
-  "version": "0.1.0",
+  "version": "0.1.2",
   "description": "UI5 Custom Control: Chart.js",
   "author": "UI5 Community",
   "license": "Apache-2.0",
+  "repository": {
+    "url": "https://github.com/ui5-community/ui5-cc-chart"
+  },
+  "scripts": {
+    "lint": "eslint .",
+    "lint:staged": "lint-staged",
+    "lint:commit": "commitlint -e",
+    "prettier": "prettier --write .",
+    "prettier:staged": "pretty-quick --staged --verbose",
+    "changelog": "conventional-changelog -p angular -i CHANGELOG.md -s",
+    "hooks:pre-commit": "npm-run-all --sequential prettier:staged lint:staged",
+    "hooks:pre-push": "npm-run-all --sequential lint:commit",
+    "version": "npm run changelog && git add --all",
+    "version:publish": "git push && git push --tags"
+  },
   "dependencies": {
-    "chart.js": "^3.7.1"
+    "chart.js": "^4.5.1"
+  },
+  "devDependencies": {
+    "@commitlint/cli": "^20.2.0",
+    "@commitlint/config-conventional": "^20.2.0",
+    "@prettier/plugin-xml": "^3.4.2",
+    "conventional-changelog-cli": "^5.0.0",
+    "eslint": "^9.39.2",
+    "globals": "^16.5.0",
+    "husky": "^9.1.7",
+    "lint-staged": "^16.2.7",
+    "npm-run-all": "^4.1.5",
+    "prettier": "^3.7.4",
+    "prettier-plugin-properties": "^0.3.1",
+    "pretty-quick": "^4.2.2"
   }
 }