feat: Implement new functionality

Author: misakisota

src/index.md

@@ -17,4 +17,4 @@ description: This is a simple tool I created that does not require a backend
 
 1. **Automatic account switchover**<br>
    This tool will automatically resolve permission errors on Google Forms as much as possible.</br>
-   Click [here](#) to use this tool
+   Click [here](./switchover) to use this tool

src/layouts/switchover.njk

@@ -0,0 +1,47 @@
+---
+title: Redirecting...
+layout: base.njk
+eleventyExcludeFromCollections: true
+---
+<blockquote><p><strong>Note:</strong> If it does not redirect correctly or an error occurs, please contact <a href="mailto:[email protected]">[email protected]</a>.</p></blockquote>
+<p id="result"></p>
+<script>
+  function checkUrl(url) {
+    try {
+      const parsedUrl = new URL(url);
+      const hostname = parsedUrl.hostname;
+      return (
+        parsedUrl.protocol === 'https:' &&
+        (hostname === 'google.com' || hostname.endsWith('.google.com'))
+      );
+    } catch {
+      return false;
+    }
+  }
+
+  function generateViewUrl(id) {
+    return `https://docs.google.com/forms/d/e/${id}/viewform`;
+  }
+
+  function toViewUrl(url) {
+    // Remove any u/{number}/ pattern from the URL
+    url = url.replace(/\/u\/\d+\//, '/');
+
+    const googleFormsPattern =
+      /https:\/\/docs\.google\.com\/forms\/d\/e\/([a-zA-Z0-9_-]+)(\/(?:edit|formrestricted))?/;
+
+    const match = url.match(googleFormsPattern);
+    if (match) {
+      const id = match[1];
+      return generateViewUrl(id);
+    }
+
+    const newURL = new URL(url);
+    newURL.searchParams.delete('authuser');
+    newURL.searchParams.delete('pli');
+
+    return newURL.toString();
+  }
+</script>
+
+{{ content | safe }}

src/tools/.gitkeep

@@ -0,0 +1,22 @@
+---
+permalink: /switchover/automatic/
+layout: switchover.njk
+eleventyExcludeFromCollections: true
+---
+<script>
+  const params = new URLSearchParams(document.location.search);
+  const url = params.get('url');
+
+  if (!url) {
+    document.getElementById('result').textContent = 'Error: Please provide a URL';
+    throw new Error('No URL provided');
+  }
+
+  if (!checkUrl(url)) {
+    document.getElementById('result').textContent = 'Error: Invalid URL';
+    throw new Error('Invalid URL');
+  }
+
+  const newUrl = toViewUrl(url);
+  window.location.href = newUrl;
+</script>

src/tools/switchover/automatic.njk

@@ -0,0 +1,23 @@
+---
+permalink: /switchover/chooser/
+layout: switchover.njk
+eleventyExcludeFromCollections: true
+---
+<script>
+  const params = new URLSearchParams(document.location.search);
+  const url = params.get('url');
+
+  if (!url) {
+    document.getElementById('result').textContent = 'Error: Please provide a URL';
+    throw new Error('No URL provided');
+  }
+
+  if (!checkUrl(url)) {
+    document.getElementById('result').textContent = 'Error: Invalid URL';
+    throw new Error('Invalid URL');
+  }
+
+  const encodedUrl = encodeURIComponent(toViewUrl(url));
+  const newUrl = `https://accounts.google.com/AccountChooser?continue=${encodedUrl}`;
+  window.location.href = newUrl;
+</script>

src/tools/switchover/chooser.njk

@@ -0,0 +1,21 @@
+---
+title: Automatic account switchover - Tools
+layout: base.njk
+permalink: /switchover/
+breadcrumbs:
+description: This tool will automatically resolve permission errors on Google Forms as much as possible.
+---
+
+## How to use
+
+1. **Copy the link**<br>
+   Copy the link of the Google Form that cannot be opened.
+   Example: `https://docs.google.com/forms/d/e/{id}/formrestricted`
+
+2. **Paste the link**<br>
+   Paste the link that does not open after the following URL
+   Example: `https://misakisota.com/tools/switchover/automatic/?url=https://docs.google.com/forms/d/e/{id}/formrestricted`
+
+> **Note:** For `automatic`, the account is automatically switched. With `chooser`, you can choose your own account.
+
+f you would like more details, please join my [#times_ms](https://n-highschool.slack.com/archives/C06TUUYJDT8) on N High School's Slack and ask.