ui5-cc-chart 0.1.0 → 0.1.1

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/.eslintignore

@@ -0,0 +1,5 @@
+# Exclude folders
+node_modules
+
+# Include all JS files
+!*.js

package/.eslintrc.json

@@ -0,0 +1,13 @@
+{
+  "env": {
+    "browser": true,
+    "es6": true
+  },
+  "globals": {
+    "sap": true
+  },
+  "extends": ["eslint:recommended"],
+  "rules": {
+    "prefer-const": "warn"
+  }
+}

package/.github/workflows/release-auto.yml

@@ -0,0 +1,31 @@
+name: Release (automatic)
+
+on:
+  push:
+    tags:
+      - "v*" # Push events to matching v*, i.e. v1.0, v20.15.10
+
+env:
+  HUSKY_SKIP: true
+
+jobs:
+  release:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v2
+        with:
+          fetch-depth: 0
+      - uses: actions/setup-node@v2
+        with:
+          node-version: "16"
+
+      - name: Install dependencies
+        run: npm install
+
+      - name: Publish to NPM
+        run: |
+          echo "//registry.npmjs.org/:_authToken=${NPM_TOKEN}" > ~/.npmrc
+          echo ":::: Publishing as $(npm whoami)"
+          npm publish
+        env:
+          NPM_TOKEN: ${{ secrets.NPM_RELEASE_AUTH_TOKEN }}

package/.husky/pre-commit

@@ -0,0 +1,4 @@
+#!/bin/sh
+. "$(dirname "$0")/_/husky.sh"
+
+npm run hooks:pre-commit

package/.husky/pre-push

@@ -0,0 +1,4 @@
+#!/bin/sh
+. "$(dirname "$0")/_/husky.sh"
+
+npm run hooks:pre-push

package/.husky/skip.js

@@ -0,0 +1,5 @@
+if (process.env.HUSKY_SKIP) {
+	process.exit(0);
+} else {
+	process.exit(1);
+}

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/package.json

@@ -1,10 +1,36 @@
 {
   "name": "ui5-cc-chart",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "description": "UI5 Custom Control: Chart.js",
   "author": "UI5 Community",
   "license": "Apache-2.0",
+  "scripts": {
+    "prepare": "node ./.husky/skip.js || husky install",
+    "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"
+  },
+  "devDependencies": {
+    "@commitlint/cli": "^16.2.4",
+    "@commitlint/config-conventional": "^16.2.4",
+    "@prettier/plugin-xml": "^2.1.0",
+    "conventional-changelog-cli": "^2.2.2",
+    "eslint": "^8.15.0",
+    "husky": "^8.0.1",
+    "lint-staged": "^12.4.1",
+    "npm-run-all": "^4.1.5",
+    "prettier": "^2.6.2",
+    "prettier-plugin-properties": "^0.1.0",
+    "pretty-quick": "^3.1.3"
   }
 }