chore: Add cloudscape stylelint (#38)

- Upgrade necessary packages
- Add custom cloudscape stylelint
- Running linting for project

Author: michaeldowseza

.stylelintrc

@@ -6,7 +6,13 @@
     "selector-pseudo-class-no-unknown": [true, { "ignorePseudoClasses": ["global"] }],
     "selector-max-type": [0, { "ignore": ["compounded"] }],
     "selector-max-universal": [0],
-    "order/order": ["rules"]
+    "order/order": ["rules"],
+    "@cloudscape-design/license-headers": [
+      true,
+      {
+        "header": "\n Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n SPDX-License-Identifier: Apache-2.0\n"
+      }
+    ]
   },
-  "plugins": ["stylelint-use-logical", "stylelint-order"]
+  "plugins": ["stylelint-use-logical", "stylelint-order", "./build-tools/stylelint"]
 }

build-tools/stylelint/index.js

@@ -0,0 +1,5 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import licenseHeaders from "./license-headers.js";
+
+export default [licenseHeaders];

build-tools/stylelint/license-headers.js

@@ -0,0 +1,56 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import stylelint from "stylelint";
+
+const ruleName = "@cloudscape-design/license-headers";
+const messages = stylelint.utils.ruleMessages(ruleName, {
+  rejected: "Missing license header",
+});
+
+function licenseHeadersPlugin(enabled, { header }, context) {
+  if (!enabled) {
+    return;
+  }
+
+  if (!header) {
+    throw new Error(`stylelint ${ruleName} rule requires a header option.`);
+  }
+
+  const trimmedHeader = header.trim();
+
+  return (root, result) => {
+    let foundComment = false;
+    let firstComment = null;
+
+    root.walkComments(function (comment) {
+      if (comment.parent.type === "root" && comment === comment.parent.first) {
+        if (!firstComment) {
+          firstComment = comment;
+        }
+
+        if (comment.text.trim() === trimmedHeader) {
+          foundComment = true;
+        }
+      }
+    });
+
+    if (!foundComment) {
+      if (context.fix) {
+        const newComment = `/*${header}*/\n\n`;
+        root.prepend(newComment);
+      } else {
+        stylelint.utils.report({
+          message: messages.rejected,
+          node: firstComment || root,
+          result,
+          ruleName,
+        });
+      }
+    }
+  };
+}
+
+licenseHeadersPlugin.ruleName = ruleName;
+licenseHeadersPlugin.messages = messages;
+
+export default stylelint.createPlugin(ruleName, licenseHeadersPlugin);

build-tools/stylelint/package.json

@@ -0,0 +1,3 @@
+{
+  "type": "module"
+}