prettier

NEARBuilders · Nov 22, 2023 · 46c3209 · 46c3209
1 parent 62aec06
commit 46c3209
Show file tree

Hide file tree

Showing 13 changed files with 189 additions and 185 deletions.
diff --git a/.github/workflows/linter.yml b/.github/workflows/linter.yml
@@ -26,7 +26,7 @@ jobs:
  uses: actions/setup-node@v4
  with:
  node-version: 20
- cache: yarn 
+ cache: yarn
 
  - name: Install Dependencies
  id: install

diff --git a/.github/workflows/publish.yml b/.github/workflows/publish.yml
@@ -16,8 +16,8 @@ jobs:
  uses: actions/setup-node@v2
  with:
  node-version: 16
- cache: yarn 
- registry-url: 'https://registry.npmjs.org'
+ cache: yarn
+ registry-url: "https://registry.npmjs.org"
 
  - name: Install Dependencies
  id: install

diff --git a/.github/workflows/tests.yml b/.github/workflows/tests.yml
@@ -18,7 +18,7 @@ jobs:
  uses: actions/setup-node@v2
  with:
  node-version: 16
- cache: yarn 
+ cache: yarn
 
  - name: Install Dependencies
  id: install

diff --git a/gateway/config/flags.js b/gateway/config/flags.js
@@ -1,5 +1,5 @@
 export const flags = {
-  bosLoaderUrl: process.env.BOS_LOADER_URL || "http://127.0.0.1:4040",
-  bosLoaderWs: process.env.BOS_LOADER_WS || "ws://127.0.0.1:4040",
-  enableHotReload: process.env.ENABLE_HOT_RELOAD ?? false
-}
+ bosLoaderUrl: process.env.BOS_LOADER_URL || "http://127.0.0.1:4040",
+ bosLoaderWs: process.env.BOS_LOADER_WS || "ws://127.0.0.1:4040",
+ enableHotReload: process.env.ENABLE_HOT_RELOAD ?? false,
+};
diff --git a/gateway/config/presets/loadPreset.js b/gateway/config/presets/loadPreset.js
@@ -5,7 +5,7 @@ const loadPresets = (env = { presets: [] }) => {
  /** @type {string[]} */
  const mergedPresets = [].concat(...[presets]);
  const mergedConfigs = mergedPresets.map((presetName) =>
- require(`./webpack.${presetName}.js`)(env)
+ require(`./webpack.${presetName}.js`)(env),
  );
 
  return merge({}, ...mergedConfigs);

diff --git a/gateway/public/index.html b/gateway/public/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
  <head>
  <meta charset="utf-8" />

diff --git a/gateway/src/App.js b/gateway/src/App.js
@@ -26,23 +26,23 @@ function Viewer({ widgetSrc, code }) {
  Array.from(searchParams.entries()).reduce((props, [key, value]) => {
  props[key] = value;
  return props;
- }, {})
+ }, {}),
  );
  }, [location]);
 
  let src;
 
- if (!code) { // prioritize code if provided
+ if (!code) {
+ // prioritize code if provided
  src = widgetSrc || location.pathname;
  if (src) {
- src = src.substring(src.lastIndexOf('/', src.indexOf('.near')) + 1);
+ src = src.substring(src.lastIndexOf("/", src.indexOf(".near")) + 1);
  } else {
- src = 'devhub.near/widget/app';
+ src = "devhub.near/widget/app";
  }
  }
 
- const { components: redirectMap} = useRedirectMap();
-
+ const { components: redirectMap } = useRedirectMap();
 
  return (
  <Widget
@@ -60,7 +60,7 @@ function App(props) {
  useEffect(() => {
  initNear &&
  initNear({
- networkId: 'mainnet',
+ networkId: "mainnet",
  customElements: {
  Link: (props) => {
  if (!props.to && props.href) {

diff --git a/gateway/src/App.scss b/gateway/src/App.scss
@@ -4,18 +4,20 @@ body {
  overflow-y: scroll;
 }
 
-body, html {
+body,
+html {
  -webkit-font-smoothing: antialiased;
 }
 
 .pointer {
  cursor: pointer;
 }
 
-.btn-success, .btn-primary {
+.btn-success,
+.btn-primary {
  .text-muted {
  color: #fff !important;
- };
+ }
 }
 
 .outline-none {
@@ -33,15 +35,15 @@ a {
 }
 
 .sidebar-items {
- &> div {
+ & > div {
  border-right: 1px solid #e5e5e5;
  text-align: center;
  min-height: 4rem;
  max-height: 4rem;
  display: flex;
  }
 
- &> div:not(.apps) {
+ & > div:not(.apps) {
  min-width: 4rem;
  align-items: center !important;
  justify-content: center !important;

diff --git a/gateway/src/index.css b/gateway/src/index.css
@@ -1,12 +1,12 @@
 :root {
  --slate-dark-1: #151718;
- --slate-dark-5: #2B2F31;
+ --slate-dark-5: #2b2f31;
  --slate-dark-6: #313538;
- --slate-dark-8: #4C5155;
+ --slate-dark-8: #4c5155;
  --slate-dark-9: #697177;
- --slate-dark-11: #9BA1A6;
- --slate-dark-12: #ECEDEE;
- --blue-light-9: #0091FF;
+ --slate-dark-11: #9ba1a6;
+ --slate-dark-12: #ecedee;
+ --blue-light-9: #0091ff;
 
  --font-weight-medium: 500;
  --font-weight-bold: 600;
@@ -16,4 +16,3 @@
  --account-center-position-top: 64px;
  --account-center-position-right: -10px;
 }
-
diff --git a/gateway/src/index.js b/gateway/src/index.js
@@ -7,5 +7,5 @@ const root = ReactDOM.createRoot(document.getElementById("root"));
 root.render(
  <React.StrictMode>
  <App />
- </React.StrictMode>
+ </React.StrictMode>,
 );
diff --git a/gateway/src/useRedirectMap.js b/gateway/src/useRedirectMap.js
@@ -1,49 +1,48 @@
-import { useEffect, useState } from 'react';
-import io from 'socket.io-client';
-import { flags } from '../config/flags.js';
+import { useEffect, useState } from "react";
+import io from "socket.io-client";
+import { flags } from "../config/flags.js";
 
 function useRedirectMap() {
-  const [devJson, setDevJson] = useState({
-  components: {},
-  data: {},
-  });
-  const [uWebSocket, setUWebSocket] = useState(flags.enableHotReload);
-
-  useEffect(() => {
-  if (uWebSocket) {
-  const socket = io(flags.bosLoaderWs, {
-  reconnectionAttempts: 1 // Limit reconnection attempts
-  });
-
-  socket.on('fileChange', (d) => {
-  console.log('File change detected via WebSocket', d);
-  setDevJson(d);
-  });
-
-  socket.on('connect_error', () => {
-  console.warning('WebSocket connection error. Switching to HTTP.');
-  setUWebSocket(false);
-  socket.disconnect();
-  });
-
-  return () => {
-  socket.disconnect();
-  };
-  } else {
-  fetch(flags.bosLoaderUrl)
-  .then((r) => r.json())
-  .then((d) => {
-  console.log('File change detected via HTTP', d);
-  setDevJson(d);
-  })
-  .catch((error) => {
-  console.error('HTTP request failed:', error);
-  });
-  }
-  }, [uWebSocket]);
-
-  return devJson;
+ const [devJson, setDevJson] = useState({
+ components: {},
+ data: {},
+ });
+ const [uWebSocket, setUWebSocket] = useState(flags.enableHotReload);
+
+ useEffect(() => {
+ if (uWebSocket) {
+ const socket = io(flags.bosLoaderWs, {
+ reconnectionAttempts: 1, // Limit reconnection attempts
+ });
+
+ socket.on("fileChange", (d) => {
+ console.log("File change detected via WebSocket", d);
+ setDevJson(d);
+ });
+
+ socket.on("connect_error", () => {
+ console.warning("WebSocket connection error. Switching to HTTP.");
+ setUWebSocket(false);
+ socket.disconnect();
+ });
+
+ return () => {
+ socket.disconnect();
+ };
+ } else {
+ fetch(flags.bosLoaderUrl)
+ .then((r) => r.json())
+ .then((d) => {
+ console.log("File change detected via HTTP", d);
+ setDevJson(d);
+ })
+ .catch((error) => {
+ console.error("HTTP request failed:", error);
+ });
+ }
+ }, [uWebSocket]);
+
+ return devJson;
 }
 
-
 export default useRedirectMap;
diff --git a/gateway/webpack.config.js b/gateway/webpack.config.js
@@ -80,14 +80,14 @@ module.exports = function (env) {
  }),
  new HTMLWebpackPlugin({
  template: `${paths.publicPath}/index.html`,
- publicPath: process.env.PUBLIC_PATH ?? '/',
- minify: false
+ publicPath: process.env.PUBLIC_PATH ?? "/",
+ minify: false,
  }),
  new HTMLWebpackPlugin({
  template: `${paths.publicPath}/index.html`,
- filename: '404.html',
- publicPath: process.env.PUBLIC_PATH ?? '/',
- minify: false
+ filename: "404.html",
+ publicPath: process.env.PUBLIC_PATH ?? "/",
+ minify: false,
  }),
  new webpack.ProgressPlugin(),
  new webpack.ProvidePlugin({
@@ -98,6 +98,6 @@ module.exports = function (env) {
  ],
  },
  loadConfig(mode),
- loadPreset(env)
+ loadPreset(env),
  );
 };