feat add code formatting workflow

Signed-off-by: Ricardo Silva <rephyrus0877@protonmail.com>

Author: TejInaco

.github/workflows/code-formatting.yml

@@ -0,0 +1,20 @@
+name: code-formatting
+
+on:
+  push:
+    branches:
+      - "**"
+  pull_request:
+    branches:
+      - "**"
+
+jobs:
+  run-prettier:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v2
+      - uses: actions/setup-node@v2
+        with:
+          node-version: "20"
+      - run: yarn install
+      - run: yarn prettier --check .

.github/workflows/publish-to-gh-pages.yml

@@ -11,6 +11,7 @@ on:
 
 jobs:
   publish-to-gh-pages:
+    if: github.event_name == 'push' && github.ref == 'refs/heads/master'
     runs-on: ubuntu-latest
     steps:
       - uses: actions/checkout@v2

.prettierignore

@@ -12,4 +12,5 @@
 logo
 build
 src/external
+LICENSE.md
 

.prettierrc

@@ -7,7 +7,6 @@
   "insertPragma": false,
   "singleAttributePerLine": false,
   "bracketSameLine": false,
-  "jsxBracketSameLine": false,
   "jsxSingleQuote": false,
   "printWidth": 80,
   "proseWrap": "preserve",

src/components/Dialogs/SpinnerTemplate.tsx

@@ -1,63 +1,63 @@
-/********************************************************************************
- * Copyright (c) 2025 Contributors to the Eclipse Foundation
- *
- * See the NOTICE file(s) distributed with this work for additional
- * information regarding copyright ownership.
- *
- * This program and the accompanying materials are made available under the
- * terms of the Eclipse Public License v. 2.0 which is available at
- * http://www.eclipse.org/legal/epl-2.0, or the W3C Software Notice and
- *
- * SPDX-License-Identifier: EPL-2.0 OR W3C-20150513
- ********************************************************************************/
-
-import React from "react";
-import ReactDOM from "react-dom";
-
-interface SpinnerTemplateProps {
-  fullScreen?: boolean; // overlay ->true, inline component -> false
-  className?: string;
-  show?: boolean;
-}
-
-const SpinnerTemplate: React.FC<SpinnerTemplateProps> = ({
-  fullScreen = true,
-  className = "",
-  show = true,
-}) => {
-  if (!show) {
-    return null;
-  }
-
-  const spinnerElement = <Spinner className={className} />;
-
-  if (fullScreen) {
-    return ReactDOM.createPortal(
-      <div className="bg-transparent-400 absolute left-0 top-0 z-10 flex h-full w-full items-center justify-center text-white">
-        <div className="bg-transparent-400 flex max-h-screen w-1/3 flex-col items-center justify-center p-4">
-          <div className="justify-center overflow-hidden p-2">
-            {spinnerElement}
-          </div>
-        </div>
-      </div>,
-      document.getElementById("modal-root") as HTMLElement
-    );
-  }
-
-  return (
-    <div className={`flex items-center justify-center py-4 ${className}`}>
-      {spinnerElement}
-    </div>
-  );
-};
-
-const Spinner: React.FC<{ className?: string }> = ({ className = "" }) => {
-  return (
-    <div className={`spinner-container ${className}`}>
-      <div className="loading-spinner"></div>
-    </div>
-  );
-};
-
-export { Spinner };
-export default SpinnerTemplate;
+/********************************************************************************
+ * Copyright (c) 2025 Contributors to the Eclipse Foundation
+ *
+ * See the NOTICE file(s) distributed with this work for additional
+ * information regarding copyright ownership.
+ *
+ * This program and the accompanying materials are made available under the
+ * terms of the Eclipse Public License v. 2.0 which is available at
+ * http://www.eclipse.org/legal/epl-2.0, or the W3C Software Notice and
+ *
+ * SPDX-License-Identifier: EPL-2.0 OR W3C-20150513
+ ********************************************************************************/
+
+import React from "react";
+import ReactDOM from "react-dom";
+
+interface SpinnerTemplateProps {
+  fullScreen?: boolean; // overlay ->true, inline component -> false
+  className?: string;
+  show?: boolean;
+}
+
+const SpinnerTemplate: React.FC<SpinnerTemplateProps> = ({
+  fullScreen = true,
+  className = "",
+  show = true,
+}) => {
+  if (!show) {
+    return null;
+  }
+
+  const spinnerElement = <Spinner className={className} />;
+
+  if (fullScreen) {
+    return ReactDOM.createPortal(
+      <div className="bg-transparent-400 absolute left-0 top-0 z-10 flex h-full w-full items-center justify-center text-white">
+        <div className="bg-transparent-400 flex max-h-screen w-1/3 flex-col items-center justify-center p-4">
+          <div className="justify-center overflow-hidden p-2">
+            {spinnerElement}
+          </div>
+        </div>
+      </div>,
+      document.getElementById("modal-root") as HTMLElement
+    );
+  }
+
+  return (
+    <div className={`flex items-center justify-center py-4 ${className}`}>
+      {spinnerElement}
+    </div>
+  );
+};
+
+const Spinner: React.FC<{ className?: string }> = ({ className = "" }) => {
+  return (
+    <div className={`spinner-container ${className}`}>
+      <div className="loading-spinner"></div>
+    </div>
+  );
+};
+
+export { Spinner };
+export default SpinnerTemplate;

src/components/TDViewer/base/BaseButton.tsx

@@ -13,8 +13,7 @@
 
 import React from "react";
 
-interface BaseButtonProps
-  extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+interface BaseButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
   children: React.ReactNode;
   variant?: "primary" | "secondary" | "empty";
   className?: string;

src/context/GlobalState.tsx

@@ -14,13 +14,6 @@ import React, { ReactNode, useReducer } from "react";
 
 import EdiTDorContext from "./ediTDorContext";
 import { editdorReducer } from "./editorReducers";
-import {
-  IValidationMessage,
-  INorthboundConnection,
-  IContributeCatalog,
-  EditorState,
-  Action,
-} from "types/context";
 
 export const UPDATE_OFFLINE_TD = "UPDATE_OFFLINE_TD";
 export const UPDATE_IS_MODIFIED = "UPDATE_IS_MODIFIED";

src/context/ediTDorContext.ts

@@ -11,7 +11,6 @@
  * SPDX-License-Identifier: EPL-2.0 OR W3C-20150513
  ********************************************************************************/
 import React from "react";
-import type { IEdiTDorContext } from "../types/context";
 //  Default
 const defaultContext: IEdiTDorContext = {
   offlineTD: "",

src/context/editorReducers.ts

@@ -29,13 +29,6 @@ import type {
   FormElementRoot,
   FormElementBase,
 } from "wot-thing-description-types";
-import type {
-  Action,
-  EditorState,
-  IContributeCatalog,
-  INorthboundConnection,
-  IValidationMessage,
-} from "../types/context";
 
 export const editdorReducer = (
   state: EditorState,

src/index.css

@@ -2,7 +2,6 @@
 @tailwind components;
 @tailwind utilities;
 
-
 html,
 body,
 #root {