More meta

cezaraugusto · cezaraugusto · commit ffc4344c6eed · 2025-01-15T21:44:11.000-03:00
diff --git a/docs/en/_meta.json b/docs/en/_meta.json
@@ -6,7 +6,7 @@
   },
   {
     "text": "Blog",
-    "link": "/blog/index",
+    "link": "/blog",
     "activeMatch": "/blog"
   }
 ]
diff --git a/docs/en/blog/announcing-2-0-0-alpha.mdx b/docs/en/blog/announcing-2-0-0-alpha.mdx
@@ -8,7 +8,7 @@ Extension.js is all about making cross-browser extension development as easy as
 
 Since being [featured on HackerNews](https://hnrankings.info/40210627/), we've made a lot of internal improvements to make the package smaller, faster, and more developer-friendly.
 
-To me, "very easy" means very low cognitive effort. It means something is familiar. Developers are familiar with copy/paste, and as a developer myself, it feels very easy if I can copy/paste code and have an instant response of what the code means without configuration. Even if the code is not understandable at first, a fast visual response is a clear indicator of how things are expected to work. That's the expectation of Extension.js v2: something very easy to work with.
+To me, "very easy" means very low cognitive effort. It means something is familiar. Developers are familiar with copy/paste, and as a developer myself, it feels very easy if I can copy/paste code and have an instant response of what the code means without configuration. Even if the code is not understandable at first, a fast visual response is a clear indicator of how things are **expected** to work. That's the expectation of Extension.js v2: something very easy to work with.
 
 **Version 2.0.0-alpha**
 
@@ -21,6 +21,8 @@ To me, "very easy" means very low cognitive effort. It means something is famili
 
 The alpha release is focused on bug fixes and testing all existing features while we finish the documentation and templates websites. Keep an eye on this blog or follow us on X for future updates.
 
+For the next release, we are going to focus on making all the existing features stable enough to document and test. 
+
 Thanks for reading. Talk soon.
 
 Cezar Augusto<br/>
diff --git a/docs/en/blog/announcing-2-0-0-beta.mdx b/docs/en/blog/announcing-2-0-0-beta.mdx
@@ -6,15 +6,21 @@
 
 Extension.js is now officially in beta.
 
+Beta comes to stabilize the features introduced in the alpha release and to fix all known issues with the browser compatibility. 
+
 **Version 2.0.0-beta**
 
 - Fixed SASS Modules not working in the content script.
 - Add support to Svelte templates.
 - Add preview command.
+- Add universal support for content_scripts (via hard-reload and hot-reload).
+- Fix all known browser issues for Firefox, Edge, and Chrome.
 - Updated documentation (this one!)
 
 The beta release is focused on making all the existing features stable enough to document and test. New features are locked until the next stable release and the documentation is now up-to-date. This is the last beta release before the release candidate.
 
+For the next release, we are going to focus on shaping Extension.js into a faster and smaller bundle that can work both locally and remotelly (via `pnpm dlx`, `yarn dlx`, and of course `npx`).
+
 Thanks for reading. Talk soon.
 
 Cezar Augusto<br/>
diff --git a/docs/en/blog/index.mdx b/docs/en/blog/index.mdx
@@ -1,5 +1,7 @@
 # Latest News
 
+Follow the latest news and updates from the team at Extension.js! Here, you will find information about new releases, features, and more. For the latest updates, we are also available on [Twitter](https://twitter.com/extension_js) and [Discord](https://discord.gg/extensionjs).
+
 ## [Announcing v2.0.0-beta](/blog/announcing-2-0-0-beta)
 
 > October 18, 2024
diff --git a/docs/en/docs/commands/dev.mdx b/docs/en/docs/commands/dev.mdx
@@ -52,8 +52,8 @@ Below is a breakdown of the available flags for the `dev` command:
 | `--polyfill`        | Boolean                      | Enables compatibility for the `browser.*` API in Chromium-based browsers                                                                                | `false`           |
 | `--profile`         | Profile path                 | Specifies a path to a browser profile for testing                                                                                                       | `default`         |
 | `-b, --browser`     | Browser to run the extension | Specifies the browser to run (`chrome`, `edge`, `firefox`, `all`)                                                                                       | `"chrome"`        |
-| `--chromium-binary` | Path to the Chromium binary  | Provides the path to a custom Chromium-based browser binary [Read more](../browsers/running-other-browsers.mdx)                                                    | `undefined`       |
-| `--gecko-binary`    | Path to the Gecko binary     | Provides the path to a custom Gecko-based browser binary [Read more](../browsers/running-other-browsers.mdx)                                                       | `undefined`       |
+| `--chromium-binary` | Path to the Chromium binary  | [Provides the path to a custom Chromium-based browser binary](../browsers/running-other-browsers.mdx)                                                    | `undefined`       |
+| `--gecko-binary`    | Path to the Gecko binary     | [Provides the path to a custom Gecko-based browser binary](../browsers/running-other-browsers.mdx)                                                       | `undefined`       |
 | `--starting-url`    | URL                          | Starting URL for testing with the extension                                                                                                             | `chrome://newtab` |
 | `--open`            | Boolean                      | Whether or not to automatically open the browser upon starting dev                                                                                      | `true`            |
 
diff --git a/docs/en/docs/commands/preview.mdx b/docs/en/docs/commands/preview.mdx
@@ -45,8 +45,8 @@ In this example, the extension is created in the `path/to/my-extension` director
 | [path or url]       | The extension path or the remote extension URL | If a path is defined, previews the local extension. If a URL is provided, pulls the extension from remote source and previews it as a local extension | `process.cwd()`   |
 | `--profile`         | Profile path                                   | Specifies a path to a browser profile for testing                                                                                                     | `default`         |
 | `-b, --browser`     | Browser to run the extension                   | Specifies the browser to run (`chrome`, `edge`, `firefox`, `all`)                                                                                     | `"chrome"`        |
-| `--chromium-binary` | Path to the Chromium binary                    | Provides the path to a custom Chromium-based browser binary [Read more](../browsers/running-other-browsers.mdx)                                                  | `undefined`       |
-| `--gecko-binary`    | Path to the Gecko binary                       | Provides the path to a custom Gecko-based browser binary [Read more](../browsers/running-other-browsers.mdx)                                                     | `undefined`       |
+| `--chromium-binary` | Path to the Chromium binary                    | [Provides the path to a custom Chromium-based browser binary](../browsers/running-other-browsers.mdx)                                                  | `undefined`       |
+| `--gecko-binary`    | Path to the Gecko binary                       | [Provides the path to a custom Gecko-based browser binary](../browsers/running-other-browsers.mdx)                                                     | `undefined`       |
 | `--starting-url`    | URL                                            | Starting URL for testing with the extension                                                                                                           | `chrome://newtab` |
 
 ## Examples
diff --git a/docs/en/docs/development/_meta.json b/docs/en/docs/development/_meta.json
@@ -4,9 +4,9 @@
   { "name": "css", "label": "CSS" },
   { "name": "javascript", "label": "JavaScript" },
   { "name": "background", "label": "Background Scripts / Service Worker" },
-  { "name": "content_scripts", "label": "Content Scripts" },
+  { "name": "content-scripts", "label": "Content Scripts" },
   { "name": "locales", "label": "Locales" },
   { "name": "json", "label": "JSON" },
   { "name": "icons", "label": "Icons" },
-  { "name": "web_accessible_resources", "label": "Web Accessible Resources" }
+  { "name": "web-accessible-resources", "label": "Web Accessible Resources" }
 ]
diff --git a/docs/en/docs/development/content-scripts.mdx b/docs/en/docs/development/content-scripts.mdx
diff --git a/docs/en/docs/development/web-accessible-resources.mdx b/docs/en/docs/development/web-accessible-resources.mdx
diff --git a/docs/en/docs/getting-started/templates.mdx b/docs/en/docs/getting-started/templates.mdx
@@ -21,7 +21,7 @@ When you run the `create` command with the `--template` flag, Extension.js fetch
 
 ## More templates
 
-You can find a list of all officially supported templates [here](https://github.com/extension-js/extension.js/tree/main/examples). Their folder name is the template param name like so, `--template=<folder_name>`.
+You can find a [list of all officially supported templates here](https://github.com/extension-js/extension.js/tree/main/examples). Their folder name is the template param name like so, `--template=<folder_name>`.
 
 ## Best Practices
 
diff --git a/docs/en/docs/hall-of-fame.mdx b/docs/en/docs/hall-of-fame.mdx
@@ -0,0 +1,17 @@
+import { PackageManagerTabs } from "@theme";
+import { AvatarImage } from "../../../theme/components/avatar-image";
+
+<AvatarImage icon="extension" />
+
+# Extension.js Hall of Fame
+
+Extension.js is an open-source project that has been made possible by the contributions of many individuals.
+
+Browser extensions are a powerful tool for extending the functionality of web browsers. They allow developers to create custom features, enhance existing functionality, and improve the user experience. The experience of developing browser extensions in the other hand can be challenging, especially when working with multiple browsers. Thanks to these individuals, Extension.js has made it easier to develop cross-browser extensions.
+
+## Contributors
+
+<img src="https://contrib.rocks/image?repo=extension-js/extension.js" alt="Extension.js Core Contributors" />
+<img src="https://contrib.rocks/image?repo=extension-js/docs" alt="Extension.js Documentation Contributors" />
+
+## Early Adopters
diff --git a/docs/public/robots.txt b/docs/public/robots.txt
@@ -1,2 +1,5 @@
 User-agent: *
 Disallow: /login
+Sitemap: https://extension.js.org/sitemap.xml
+
+Allow: https://placehold.co/
diff --git a/docs/zh/_meta.json b/docs/zh/_meta.json
diff --git a/docs/zh/index.md b/docs/zh/index.md
diff --git a/package.json b/package.json
@@ -4,6 +4,7 @@
   "version": "1.0.0",
   "description": "The 🧩 Extension official documentation website.",
   "scripts": {
+    "prebuild": "node ./postinstall-scripts.js",
     "dev": "rspress dev",
     "build": "rspress build",
     "preview": "rspress preview",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/postinstall-scripts.js b/postinstall-scripts.js
@@ -0,0 +1,59 @@
+const fs = require("fs");
+const path = require("path");
+
+function addOrUpdateMetaDescription(filePath) {
+  const metaDescriptionContent =
+    "Extension.js makes it very easy to create, develop, and distribute cross-browser extensions with no build configuration.";
+
+  // Read the HTML file
+  fs.readFile(filePath, "utf8", (err, data) => {
+    if (err) {
+      console.error("Error reading the file:", err);
+      return;
+    }
+
+    // Find the <title> tag in the HTML
+    const titleTagRegex = /<title\b[^>]*>(.*?)<\/title>/;
+    const match = data.match(titleTagRegex);
+
+    if (!match) {
+      console.error("No <title> tag found in the file.");
+      return;
+    }
+
+    const titleTag = match[0];
+    const afterTitleIndex = data.indexOf(titleTag) + titleTag.length;
+
+    // Check if a <meta name="description"> tag already exists
+    const metaDescriptionRegex = /<meta\s+name=["']description["'].*?>/;
+    if (metaDescriptionRegex.test(data)) {
+      // Update the existing meta description
+      data = data.replace(
+        metaDescriptionRegex,
+        `<meta name="description" content="${metaDescriptionContent}">`
+      );
+    } else {
+      // Insert the new meta description tag after the <title> tag
+      const newMetaTag = `<meta name="description" content="${metaDescriptionContent}">\n`;
+      data =
+        data.slice(0, afterTitleIndex) +
+        newMetaTag +
+        data.slice(afterTitleIndex);
+    }
+
+    // Write the updated HTML back to the file
+    fs.writeFile(filePath, data, "utf8", (err) => {
+      if (err) {
+        console.error("Error writing to the file:", err);
+        return;
+      }
+      console.log("Meta description updated successfully!");
+    });
+  });
+}
+
+// Path to the file
+const filePath = path.join(__dirname, "./doc_build/index.html");
+
+// Apply the patch
+addOrUpdateMetaDescription(filePath);
diff --git a/rspress.config.ts b/rspress.config.ts
@@ -8,9 +8,7 @@ import { defineConfig } from "rspress/config";
 export default defineConfig({
   root: path.join(__dirname, "docs"),
   head: ['<meta name="author" content="Cezar Augusto">'],
-  title: "The Cross-Browser Extension Framework • Extension.js",
-  // description:
-  //   "Extension.js makes it very easy to create, develop, and distribute cross-browser extensions with no build configuration.",
+  title: "Extension.js",
   lang: "en",
   logo: {
     light:
diff --git a/theme/components-home/Landingpage/Hero/index.tsx b/theme/components-home/Landingpage/Hero/index.tsx
@@ -91,7 +91,7 @@ const Hero = memo(() => {
               target="_blank"
               className="inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 border border-input bg-background shadow-sm hover:bg-accent text-accent-foreground hover:text-accent-foreground px-4 py-2 h-12"
               style={{ height: "52px" }}
-              rel="noreferrer"
+              rel="noopener noreferrer"
             >
               <svg viewBox="0 0 438.549 438.549" className="mr-3 size-4">
                 <title>GitHub icon</title>
diff --git a/theme/components-home/announcement/index.tsx b/theme/components-home/announcement/index.tsx
@@ -47,6 +47,7 @@ export function Announcement() {
       <a
         href={lang === "en" ? ANNOUNCEMENT_URL : `/${lang}${ANNOUNCEMENT_URL}`}
         className="hover:underline text-sm text-[--rp-c-bg] flex items-center"
+        rel="noopener noreferrer"
       >
         <span>
           {lang === "en"
diff --git a/theme/components/ui/card-hover-effect.tsx b/theme/components/ui/card-hover-effect.tsx
@@ -19,7 +19,7 @@ export const HoverEffect = ({
     <div
       className={cn(
         "grid grid-cols-1 md:grid-cols-2  lg:grid-cols-3  py-10",
-        className,
+        className
       )}
     >
       {items.map((item, idx) => (
@@ -29,6 +29,7 @@ export const HoverEffect = ({
           className="relative group  block p-2 h-full w-full"
           onMouseEnter={() => setHoveredIndex(idx)}
           onMouseLeave={() => setHoveredIndex(null)}
+          rel="noopener noreferrer"
         >
           <AnimatePresence>
             {hoveredIndex === idx && (

Original file line number	Diff line number	Diff line change
`@@ -6,7 +6,7 @@`
`6`	`6`	`},`
`7`	`7`	`{`
`8`	`8`	`"text": "Blog",`
`9`		`- "link": "/blog/index",`
	`9`	`+ "link": "/blog",`
`10`	`10`	`"activeMatch": "/blog"`
`11`	`11`	`}`
`12`	`12`	`]`