@bananacool467/authtics-host 0.1.0 → 0.1.2

package/README.md

@@ -1,10 +1,8 @@
 # Authtics Host
 
-Version 0.1.0
+Version 0.1.2
 License: MIT
 
-**(NOTE: THIS IS AUTHTICS HOST'S FIRST RELEASE 🎉🎉🎉)**
-
 Authtics Host is a framework inspired by Next.js. Authtics Host supports SSR (Server-Side Rendering) and uses esbuild.
 
 **(NOTE: The short name for Authtics Host is HostJS or Host.js)**
@@ -107,11 +105,12 @@ export default function App() {
   return (
     <RouteMap>
       <Route at="/" statusCode={200} page={Index} />
-    <RouteMap/>
+    </RouteMap>
   )
 }
 ```
 **(NOTE: You can change the `statusCode` to anything you want, the property is optional, it either gives 404 or 200 if the `statusCode` is missing.)**
+
 **(NOTE: To make an 404 page you can use:**
 ```tsx
 <Route statusCode={404} page={NotFound} />
@@ -160,6 +159,8 @@ The Developer Panel is what you could use to help you debug your code. The Devel
 **About Host** — Shows the current version of Authtics Host
 **Server Info** — Shows how much heap was used and how much CPU was used on the server and how much requests there were and how much users are currently on the site and how long the site has been up
 
+The information the Developer Panel shows is just your **DAT** (Developer Access Token).
+
 **(NOTE: If you do not set DAT restriction (Which will be explained on how to set it up in the next section), you will only get access to the Console and Network tabs)**
 
 ## Developer Panel Notes And Warnings And DAT (Developer Access Token)

package/dist/devPanel.js

@@ -177,6 +177,9 @@ export default function DevPanel() {
     const [hostName, setHostName] = useState(undefined);
     const [protocol, setProtocol] = useState(undefined);
     const [path, setPath] = useState(undefined);
+    const contextMenuTimeoutMobile = useRef(undefined);
+    const [cursorPosition, setCursorPosition] = useState({ x: 0, y: 0 });
+    const [contextMenuShown, setContextMenuShown] = useState(false);
     const [isSsr, setIsSsr] = useState(false);
     const datRestrictionMissingRef = useRef(true);
     const cpuUsage = useRef(0);
@@ -376,6 +379,18 @@ export default function DevPanel() {
             }, 250);
         }, 250);
     }, []);
+    const datTouchStart = (e) => {
+        e.preventDefault();
+        setCursorPosition({ x: e.clientX || e.touches[0].clientX, y: e.clientY || e.touches[0].clientY });
+        contextMenuTimeoutMobile.current = setTimeout(() => {
+            setContextMenuShown(true);
+            clearTimeout(contextMenuTimeoutMobile.current);
+        }, 1000);
+    };
+    const datTouchEnd = (e) => {
+        e.preventDefault();
+        clearTimeout(contextMenuTimeoutMobile.current);
+    };
     const restart = async () => {
         const resp = await fetch('/__authtics_host_apis__/restart', {
             method: 'POST',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bananacool467/authtics-host",
-  "version": "0.1.0",
+  "version": "0.1.2",
   "description": "A Next.js-inspired SSR framework for Node.js with TypeScript and JSX support.",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -36,7 +36,8 @@
     "hot-reload",
     "dev",
     "developer",
-    "HostJS"
+    "HostJS",
+    "Host.js"
   ],
   "author": "bananacool467",
   "license": "MIT",