[chores] Run prettier on all HTML files in the repo

nemesifier · nemesifier · commit 450484ab2553 · 2026-01-24T10:29:28.000-03:00
diff --git a/examples/load_data_geo_extent/index.html b/examples/load_data_geo_extent/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <title>Load data using geo extent</title>
diff --git a/examples/realtime_update/index.html b/examples/realtime_update/index.html
@@ -1,53 +1,58 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
-<head>
+  <head>
     <title>Live update example</title>
-    <meta charset="utf-8">
+    <meta charset="utf-8" />
     <!-- theme can be easily customized via css -->
-    <link href="/netjsongraph.css" rel="stylesheet">
-    <link href="/netjsongraph-theme.css" rel="stylesheet">
-</head>
-<body>
-    <script src="https://cdn.socket.io/4.5.0/socket.io.min.js" integrity="sha384-7EyYLQZgWBi67fBtVxw60/OWl1kjsfrPFcaU0pp0nAh+i8FD068QogUvg85Ewy1k" crossorigin="anonymous"></script>
+    <link href="/netjsongraph.css" rel="stylesheet" />
+    <link href="/netjsongraph-theme.css" rel="stylesheet" />
+  </head>
+  <body>
+    <script
+      src="https://cdn.socket.io/4.5.0/socket.io.min.js"
+      integrity="sha384-7EyYLQZgWBi67fBtVxw60/OWl1kjsfrPFcaU0pp0nAh+i8FD068QogUvg85Ewy1k"
+      crossorigin="anonymous"
+    ></script>
     <script type="text/javascript" src="/netjsongraph.min.js"></script>
     <script type="text/javascript">
-        /*
+      /*
             The demo is used to show how to use the `JSONDataUpdate` function to update data.
             In this example we use socket.io to listen for server messages.
             Adopted the default parameters of function -- 
             overrride old data and deal with the new data with the processing function set in config.
             See other examples：
         */
-        // `graph` render by default.
-        const graph = new NetJSONGraph("/netjsonmap.json",{
-          echartsOption: {
-              legend: {
-                show: false,
-              },
-              title:{
-                text:'Live update example',
-                textStyle:{
-                  color:'#fff',
-                  fontSize:24,
-                },
-                left:'center',
-                top:20,
-              }
+      // `graph` render by default.
+      const graph = new NetJSONGraph("/netjsonmap.json", {
+        echartsOption: {
+          legend: {
+            show: false,
+          },
+          title: {
+            text: "Live update example",
+            textStyle: {
+              color: "#fff",
+              fontSize: 24,
             },
-        });
+            left: "center",
+            top: 20,
+          },
+        },
+      });
 
-        graph.render();
+      graph.render();
 
-        const socket = io("http://localhost:3000/",{ transports : ['websocket'] });
+      const socket = io("http://localhost:3000/", {transports: ["websocket"]});
 
-        socket.on("connect", function() {
-          console.log("client connected");
-        });
-        socket.on("disconnect", function() {
-          console.log("client disconnected");
-        });
+      socket.on("connect", function () {
+        console.log("client connected");
+      });
+      socket.on("disconnect", function () {
+        console.log("client disconnected");
+      });
 
-        // Update view when the data changes. override old data by default.
-        socket.on("netjsonChange", graph.utils.JSONDataUpdate.bind(graph));
+      // Update view when the data changes. override old data by default.
+      socket.on("netjsonChange", graph.utils.JSONDataUpdate.bind(graph));
     </script>
-</html>
+  </body>
+</html>
diff --git a/index.html b/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <title>Netjsongraph.js: Examples</title>
@@ -33,12 +33,13 @@
         margin: 0;
         padding: 0;
         box-sizing: border-box;
-        transition: background-color var(--transition-speed) ease,
-                    color var(--transition-speed) ease;
+        transition:
+          background-color var(--transition-speed) ease,
+          color var(--transition-speed) ease;
       }
 
       body {
-        font-family: 'Inter', sans-serif;
+        font-family: "Inter", sans-serif;
         background-color: var(--bg-primary);
         color: var(--text-primary);
         line-height: 1.6;
@@ -141,7 +142,9 @@ <h1>NetJSONGraph.js Example Demos</h1>
 
     <main>
       <div class="cards">
-        <a href="./examples/netjsongraph.html" target="_blank">Standard graph</a>
+        <a href="./examples/netjsongraph.html" target="_blank"
+          >Standard graph</a
+        >
       </div>
       <div class="cards">
         <a href="./examples/netjsongraph-elementsLegend.html" target="_blank"
@@ -249,23 +252,27 @@ <h1>NetJSONGraph.js Example Demos</h1>
     </main>
 
     <script>
-      const themeToggle = document.querySelector('.theme-toggle');
+      const themeToggle = document.querySelector(".theme-toggle");
       const htmlElement = document.documentElement;
 
       // Check for saved theme preference or system preference
-      const savedTheme = localStorage.getItem('theme');
-      const systemPrefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches;
+      const savedTheme = localStorage.getItem("theme");
+      const systemPrefersDark = window.matchMedia(
+        "(prefers-color-scheme: dark)",
+      ).matches;
 
-      if (savedTheme === 'dark' || (!savedTheme && systemPrefersDark)) {
-        htmlElement.classList.add('dark-mode');
+      if (savedTheme === "dark" || (!savedTheme && systemPrefersDark)) {
+        htmlElement.classList.add("dark-mode");
       }
 
-      themeToggle.addEventListener('click', () => {
-        htmlElement.classList.toggle('dark-mode');
+      themeToggle.addEventListener("click", () => {
+        htmlElement.classList.toggle("dark-mode");
 
         // Save theme preference
-        const currentTheme = htmlElement.classList.contains('dark-mode') ? 'dark' : 'light';
-        localStorage.setItem('theme', currentTheme);
+        const currentTheme = htmlElement.classList.contains("dark-mode")
+          ? "dark"
+          : "light";
+        localStorage.setItem("theme", currentTheme);
       });
     </script>
   </body>
diff --git a/package.json b/package.json
@@ -19,7 +19,7 @@
       "prettier --write",
       "git add"
     ],
-    "public/example_templates/**/*.html": [
+    "**/*.html": [
       "prettier --write",
       "git add"
     ]
diff --git a/run-qa-checks b/run-qa-checks
@@ -4,8 +4,8 @@ set -e
 
 yarn lint || (echo "Try running yarn lint:fix"; exit 1)
 
-prettier --check public/example_templates/**/*.html || \
-    (echo -e "Try running:\n    prettier -w public/example_templates/**/*.html"; exit 1)
+prettier --check "**/*.html" || \
+    (echo -e "Try running:\n\nprettier -w \"**/*.html\""; exit 1)
 
 openwisp-qa-check --skip-checkmigrations \
                   --skip-checkmakemigrations \

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-<!DOCTYPE html>`
	`1`	`+<!doctype html>`
`2`	`2`	`<html lang="en">`
`3`	`3`	`<head>`
`4`	`4`	`<title>Load data using geo extent</title>`
Original file line number	Diff line number	Diff line change
`@@ -19,7 +19,7 @@`
`19`	`19`	`"prettier --write",`
`20`	`20`	`"git add"`
`21`	`21`	`],`
`22`		`- "public/example_templates/*/.html": [`
	`22`	`+ "*/.html": [`
`23`	`23`	`"prettier --write",`
`24`	`24`	`"git add"`
`25`	`25`	`]`