0.3.5

.github/workflows/deploy-website.yml

@@ -1,17 +0,0 @@
-name: deploy website
-on:
-  push:
-    branches: [main]
-    paths:
-      - "packages/website/**"
-      - "reacord/library/**/*.{ts,tsx}"
-jobs:
-  deploy:
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/checkout@v2
-      - uses: superfly/flyctl-actions@master
-        env:
-          FLY_API_TOKEN: ${{ secrets.FLY_API_TOKEN }}
-        with:
-          args: "deploy"

README.md

@@ -18,7 +18,7 @@ pnpm add reacord react discord.js
 
 ## Get Started
 
-[Visit the docs to get started.](https://reacord.fly.dev/guides/getting-started)
+[Visit the docs to get started.](https://reacord.mapleleaf.dev/guides/getting-started)
 
 ## Example
 

fly.toml

@@ -1,40 +0,0 @@
-# fly.toml file generated for reacord on 2021-12-29T14:06:41-06:00
-
-app = "reacord"
-
-kill_signal = "SIGINT"
-kill_timeout = 5
-processes = []
-
-[env]
-PORT = 8080
-
-[experimental]
-allowed_public_ports = []
-auto_rollback = true
-
-[[services]]
-http_checks = []
-internal_port = 8080
-processes = ["app"]
-protocol = "tcp"
-script_checks = []
-
-[services.concurrency]
-hard_limit = 25
-soft_limit = 20
-type = "connections"
-
-[[services.ports]]
-handlers = ["http"]
-port = 80
-
-[[services.ports]]
-handlers = ["tls", "http"]
-port = 443
-
-[[services.tcp_checks]]
-grace_period = "1s"
-interval = "15s"
-restart_limit = 0
-timeout = "2s"

packages/reacord/library/core/instance-context.tsx

@@ -10,7 +10,7 @@ export const InstanceProvider = Context.Provider
  * Get the associated instance for the current component.
  *
  * @category Core
- * @see https://reacord.fly.dev/guides/use-instance
+ * @see https://reacord.mapleleaf.dev/guides/use-instance
  */
 export function useInstance(): ReacordInstance {
   return (

packages/reacord/library/core/reacord-discord-js.ts

@@ -40,7 +40,7 @@ export class ReacordDiscordJs extends Reacord {
 
   /**
    * Sends a message to a channel.
-   * @see https://reacord.fly.dev/guides/sending-messages
+   * @see https://reacord.mapleleaf.dev/guides/sending-messages
    */
   override send(
     channelId: string,
@@ -54,7 +54,7 @@ export class ReacordDiscordJs extends Reacord {
 
   /**
    * Sends a message as a reply to a command interaction.
-   * @see https://reacord.fly.dev/guides/sending-messages
+   * @see https://reacord.mapleleaf.dev/guides/sending-messages
    */
   override reply(
     interaction: Discord.CommandInteraction,
@@ -68,7 +68,7 @@ export class ReacordDiscordJs extends Reacord {
 
   /**
    * Sends an ephemeral message as a reply to a command interaction.
-   * @see https://reacord.fly.dev/guides/sending-messages
+   * @see https://reacord.mapleleaf.dev/guides/sending-messages
    */
   override ephemeralReply(
     interaction: Discord.CommandInteraction,

packages/reacord/package.json

@@ -2,9 +2,9 @@
   "name": "reacord",
   "type": "module",
   "description": "Create interactive Discord messages using React.",
-  "version": "0.3.4",
+  "version": "0.3.5",
   "types": "./dist/main.d.ts",
-  "homepage": "https://reacord.fly.dev",
+  "homepage": "https://reacord.mapleleaf.dev",
   "repository": "https://github.com/itsMapleLeaf/reacord.git",
   "changelog": "https://github.com/itsMapleLeaf/reacord/releases",
   "license": "MIT",

packages/website/app/modules/navigation/main-navigation.tsx

@@ -9,6 +9,7 @@ export function MainNavigation() {
     <nav className="flex justify-between items-center h-16">
       <a href="/">
         <AppLogo className="w-32" />
+        <span className="sr-only">Home</span>
       </a>
       <div className="hidden md:flex gap-4">
         {mainLinks.map((link) => (

packages/website/app/modules/ui/modal.tsx

@@ -61,7 +61,7 @@ export function Modal({
   )
 }
 
-export function ControlledModal({
+export function UncontrolledModal({
   children,
   button,
 }: {

packages/website/app/root.tsx

@@ -22,15 +22,15 @@ export const meta: MetaFunction = () => ({
   "description": packageJson.description,
   "theme-color": "#21754b",
 
-  "og:url": "https://reacord.fly.dev/",
+  "og:url": "https://reacord.mapleleaf.dev/",
   "og:type": "website",
   "og:title": "Reacord",
   "og:description": "Create interactive Discord messages using React",
   "og:image": bannerUrl,
 
   "twitter:card": "summary_large_image",
-  "twitter:domain": "reacord.fly.dev",
-  "twitter:url": "https://reacord.fly.dev/",
+  "twitter:domain": "reacord.mapleleaf.dev",
+  "twitter:url": "https://reacord.mapleleaf.dev/",
   "twitter:title": "Reacord",
   "twitter:description": "Create interactive Discord messages using React",
   "twitter:image": bannerUrl,
@@ -51,6 +51,10 @@ export const links: LinksFunction = () => [
     as: "style",
     href: "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@500&family=Rubik:ital,wght@0,300;0,400;0,500;1,300;1,400;1,500&display=swap",
   },
+  {
+    rel: "stylesheet",
+    href: "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@500&family=Rubik:ital,wght@0,300;0,400;0,500;1,300;1,400;1,500&display=swap",
+  },
 ]
 
 type LoaderData = {
@@ -77,7 +81,7 @@ export default function App() {
           <script
             async
             data-website-id="49c69ade-5593-4853-9686-c9ca9d519a18"
-            src="https://maple-umami.fly.dev/umami.js"
+            src="https://umami-production-265f.up.railway.app/umami.js"
           />
         )}
       </head>

packages/website/app/routes/index.tsx

@@ -5,7 +5,7 @@ import LandingCode from "~/modules/landing/landing-code.mdx"
 import { MainNavigation } from "~/modules/navigation/main-navigation"
 import { buttonClass, maxWidthContainer } from "~/modules/ui/components"
 import { LandingAnimation } from "../modules/landing/landing-animation"
-import { ControlledModal } from "../modules/ui/modal"
+import { UncontrolledModal } from "../modules/ui/modal"
 
 export default function Landing() {
   return (
@@ -37,7 +37,7 @@ export default function Landing() {
               Get Started
             </a>
 
-            <ControlledModal
+            <UncontrolledModal
               button={(button) => (
                 <button
                   {...button}
@@ -50,7 +50,7 @@ export default function Landing() {
               <div className="text-sm sm:text-base">
                 <LandingCode />
               </div>
-            </ControlledModal>
+            </UncontrolledModal>
           </div>
         </div>