build(calendar-web): add calendar-web to workspace

Author: Illia Obukhau

packages/customWidgets/calendar-web/CHANGELOG.md

@@ -6,8 +6,6 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 
 ## [Unreleased]
 
-## [1.0.14] - 2022-11-16
-
 ### Changed
 
 -   Update moment.js to version 2.29.4

packages/customWidgets/calendar-web/package-lock.json

@@ -4,58 +4,71 @@
   "version": "1.0.14",
   "description": "Display and manage calendar events",
   "copyright": "© Mendix Technology BV 2022. All rights reserved.",
+  "license": "Apache-2.0",
   "repository": {
     "type": "git",
     "url": "https://github.com/mendix/web-widgets.git"
   },
-  "testProject": {
-    "githubUrl": "https://github.com/mendix/testProjects",
-    "branchName": "calendar-web"
+  "mxpackage": {
+    "name": "Calendar",
+    "type": "widget",
+    "mpkName": "Calendar.mpk"
   },
-  "license": "Apache-2.0",
   "marketplace": {
     "minimumMXVersion": "7.14.1",
-    "appNumber": 107954
+    "appNumber": 107954,
+    "appName": "Calendar"
+  },
+  "testProject": {
+    "githubUrl": "https://github.com/mendix/testProjects",
+    "branchName": "calendar-web"
   },
+  "packagePath": "com.mendix.widget.custom",
   "scripts": {
-    "format": "echo \"Error: no format specified\" && exit 1",
-    "lint": "echo \"Error: no lint specified\" && exit 1",
-    "lint:fix": "echo \"Error: no lint:fix specified\" && exit 1",
-    "build": "webpack-cli -c webpack.config.dev.js && npm run create-mpk",
-    "release": "webpack-cli -c webpack.config.prod.js && npm run create-mpk",
-    "create-mpk": "node ./scripts/create-mpk.js"
+    "build": "ts-node --project scripts/tsconfig.json scripts/build.ts development",
+    "create-gh-release": "rui-create-gh-release",
+    "format": "pluggable-widgets-tools format",
+    "lint": "eslint --config ../../../.eslintrc.js --ext .jsx,.js,.ts,.tsx src/",
+    "publish-marketplace": "rui-publish-marketplace",
+    "release": "ts-node --project scripts/tsconfig.json scripts/build.ts production",
+    "update-changelog": "rui-update-changelog-widget",
+    "verify": "rui-verify-package-format"
   },
   "config": {
     "mendixHost": "http://localhost:8080",
     "developmentPort": 3000
   },
   "devDependencies": {
-    "@mendix/pluggable-widgets-tools": ">=9.0.0",
+    "@babel/core": "^7.0.0",
+    "@mendix/pluggable-widgets-tools": "^9.18.0",
+    "@mendix/release-utils-internal": "workspace:*",
     "@types/classnames": "^2.2.6",
     "@types/date-arithmetic": "^3.1.2",
+    "@types/react": "^17.0.52",
     "@types/react-big-calendar": "0.20.20",
-    "@types/react-dnd": "^3.0.2",
-    "@types/react-dnd-html5-backend": "^3.0.2",
-    "eslint": "^7.20.0",
-    "jest": "^26.6.1",
-    "webpack": "^5.3.2",
-    "webpack-cli": "^4.1.0",
+    "@types/react-dom": "^17.0.18",
     "babel-loader": "^8.2.1",
-    "fork-ts-checker-webpack-plugin": "^5.2.1",
     "copy-webpack-plugin": "^6.2.1",
-    "ts-loader": "^8.0.7",
-    "style-loader": "^2.0.0",
     "css-loader": "^5.0.0",
+    "eslint": "^7.20.0",
+    "fork-ts-checker-webpack-plugin": "^5.2.1",
+    "jest": "^26.6.1",
+    "mendix-client": "^7.15.8",
+    "react": "~17.0.2",
+    "react-dom": "~17.0.2",
     "sass": "^1.43.4",
     "sass-loader": "^12.4.0",
+    "style-loader": "^2.0.0",
+    "to-string-loader": "^1.1.6",
+    "ts-loader": "^8.0.7",
     "typescript": "4.5.4",
-    "mendix-client": "^7.15.8",
-    "to-string-loader": "^1.1.6"
+    "webpack": "^5.3.2",
+    "webpack-cli": "^4.1.0"
   },
   "dependencies": {
     "classnames": "^2.2.6",
     "date-arithmetic": "^3.1.0",
-    "moment": "^2.24.0",
+    "moment": "^2.29.4",
     "react-big-calendar": "0.19.2",
     "react-dnd": "2.6.0",
     "react-dnd-html5-backend": "^5.0.1"

packages/customWidgets/calendar-web/package.json

@@ -0,0 +1,42 @@
+import { cp, mkdir, zip, exec } from "@mendix/release-utils-internal/shell";
+import { logStep, removeDist, runWidgetSteps, WidgetStepParams } from "@mendix/release-utils-internal/steps";
+import { dirname, join } from "node:path";
+
+const [, , env] = process.argv;
+const isProd = env === "production";
+const copyToProject = !isProd && process.env.MX_PROJECT_PATH;
+
+async function createMPK({ config }: WidgetStepParams): Promise<void> {
+    logStep("Create mpk");
+    const { paths, output } = config;
+    mkdir("-p", dirname(output.files.mpk));
+    await zip(join(paths.tmp, "widgets"), output.files.mpk);
+}
+
+async function main(): Promise<void> {
+    await runWidgetSteps({
+        packagePath: process.cwd(),
+        steps: [
+            removeDist,
+            async () => {
+                logStep("Bundling");
+                const wpc = isProd ? "webpack.config.prod.js" : "webpack.config.dev.js";
+                await exec(`webpack -c ${wpc}`);
+            },
+            createMPK,
+            async ({ config }) => {
+                if (copyToProject) {
+                    logStep("Copy widget to targetProject");
+                    const dir = join(config.paths.targetProject, "widgets");
+                    mkdir("-p", dir);
+                    cp(config.output.files.mpk, dir);
+                }
+            }
+        ]
+    });
+}
+
+main().catch(err => {
+    console.error(err);
+    process.exit(1);
+});

packages/customWidgets/calendar-web/scripts/build.ts

@@ -0,0 +1,3 @@
+{
+    "extends": "@mendix/release-utils-internal/tsconfig"
+}

packages/customWidgets/calendar-web/scripts/create-mpk.js

@@ -1,5 +1,5 @@
 packages:
   - "packages/*/*"
   - "automation/*"
-  - "!packages/customWidgets/*"
+  - "!packages/customWidgets/signature-web"
   - "!packages/tools/custom-widgets-utils-internal"