HTMX and Tailwind usage in SSR or another project type #169

jerrygzy · 2023-10-26T12:54:28Z

jerrygzy
Oct 26, 2023

Is your feature request related to a problem? Please describe. 🤔
I am trying to use htmx for a SSR project, there is a old example using karax, since happyx is not using karax, what is the right way of using htmx in my project?

Describe the solution you'd like 💡
A tutorial for the happyx documentation will be great.

Ethosa · 2023-10-26T13:21:03Z

Ethosa
Oct 26, 2023
Maintainer

How I can see, you just need to import it via unpkg

Here two ways to use it with SSR:

Use it with nimja template engine (Docs)
Use it with just return buildHtml:

serve ...:
  get "/":
    # something code here
    return buildHtml:  # or other variable that contains builded HTML
      tHtml:
        tHead:
          ...
        tBody:
          ...

0 replies

jerrygzy · 2023-10-26T19:23:16Z

jerrygzy
Oct 26, 2023
Author

Thanks for the reply, just got some basics working,

when I Use it with nimja template engine (Docs)

hpx create --name:htmx_example --kind:SSR

edit the index.html file

<!DOCTYPE html><html>
  <head>
    <meta charset="utf-8">
    <title>{{ title }}</title>
    <script src="https://unpkg.com/[email protected]"></script>
  </head>
  <body>
    You at {{ title }} page ✨
    <button
    hx-get="https://v2.jokeapi.dev/joke/Any?format=txt&safe-mode"
    hx-target="#output"
    >Click for Joke</button>
  
    <p id="output"></p>
  </body>
</html>

run nim c -r ./src/main.nim

it works now, but the page looks very ugly, how can I use tailwindcss with happyx?

0 replies

Ethosa · 2023-10-27T03:32:19Z

Ethosa
Oct 27, 2023
Maintainer

it works now, but the page looks very ugly, how can I use tailwindcss with happyx?

You can use it now via cdn. I think about usage without cdn later.

0 replies

Ethosa · 2023-10-27T03:47:36Z

Ethosa
Oct 27, 2023
Maintainer

You can do this way:

hpx create --name:htmx_example --kind:SSR --templates --language:Nim
cd htmx_example
npm init
npm install -D tailwindcss
npx tailwindcss init

After this you should change tailwind.config.js:

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: ["./src/**/*.{html,htmx,nim,js}"],
  theme: {
    extend: {},
  },
  plugins: [],
}

Next step is create src/public/input.css:

@tailwind base;
@tailwind components;
@tailwind utilities;

Say tailwind to watch this:

npx tailwindcss -i ./src/public/input.css -o ./src/public/output.css --watch

Last step is use output.css:

<!DOCTYPE html><html>
  <head>
    <meta charset="utf-8">
    <title>{{ title }}</title>
    <script src="https://unpkg.com/[email protected]"></script>
    <link href="/public/output.css" rel="stylesheet">
  </head>
  <body>
    You at {{ title }} page ✨
    <button
      hx-get="https://v2.jokeapi.dev/joke/Any?format=txt&safe-mode"
      hx-target="#output"
      class="text-2xl rounded-md bg-red-400 hover:bg-red-500 active:bg-red-600 duration-300"
    >Click for Joke</button>
  
    <p id="output"></p>
  </body>
</html>

And run it:

cd src
nim c -r main

it should to run from src folder because staticDir uses currentDir() proc

And see result

Also you can use this way for Python/NodeJS HappyX projects or SPA/HPX project types

0 replies

jerrygzy · 2023-10-28T13:52:17Z

jerrygzy
Oct 28, 2023
Author

thanks for the help!

now I have a tailwindcss running example.

<!DOCTYPE html><html>
  <head>
    <meta charset="utf-8">
    <title>{{ title }}</title>
    <script src="https://unpkg.com/[email protected]"></script>
    <script src="https://cdn.tailwindcss.com"></script>
    <!-- <link href="/public/output.css" rel="stylesheet"> -->
  </head>
  <body>
    <main class="grid min-h-full place-items-center bg-white px-6 py-24 sm:py-32 lg:px-8">
      <div class="text-center">
        {% if title == "Ethosa" %}
        <p class="text-3xl font-semibold text-indigo-600"> welcome {{ title }}</p>
        {% else %}
        <p class="text-base font-semibold text-red-600">{{ title }}</p>
        {% endif %}
        <h1 class="mt-4 text-3xl font-bold tracking-tight text-gray-900 sm:text-5xl">Page for a Joke</h1>
        <p id="joke" class="mt-6 text-base leading-7 text-gray-600">The easiest way to go from htmx to a Joke. </p>
        <div class="mt-10 flex items-center justify-center gap-x-6">
          <button
            hx-get="https://v2.jokeapi.dev/joke/Any?format=txt&safe-mode"
            hx-target="#joke"
            class="rounded-md bg-indigo-500 px-3.5 py-2.5 text-sm font-semibold text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600">
            Get a Joke
          </button>
        </div>
      </div>
    </main>

  </body>
</html>

but I still have a question, if i want to archive the same result with 2. Use it with just return buildHtml: , how does the code looks like?

0 replies

Ethosa · 2023-10-28T14:26:51Z

Ethosa
Oct 28, 2023
Maintainer

With buildHtml it'll looks like this:

serve "127.0.0.1", 5000:
  # at http://127.0.0.1:5000/my/nice/ANYTHING_STRING_HERE
  get "/my/nice/{title:string}":
    # Some code in Nim here
    echo "blabla"
    return buildHtml:
      tHtml:
        tHead:
          tMeta(charset = "utf-8")
          tTitle: { title }
          tScript(src = "https://unpkg.com/[email protected]")
          tScript(src = "https://cdn.tailwindcss.com")
        tBody:
          tMain(class = "grid min-h-full place-items-center bg-white px-6 py-24 sm:py-32 lg:px-8"):
            if title == "Ethosa":
              tP(class = "text-3xl font-semibold text-indigo-600"):
                "Welcome, {title}"
            else:
              tP(class = "text-base font-semibold text-red-600"):
                {title}
            tH1(class = "mt-4 text-3xl font-bold tracking-tight text-gray-900 sm:text-5xl"):
              "Page for a Joke"
            tP(id = "joke", class = "mt-6 text-base leading-7 text-gray-600"):
              "The easiest way to go from htmx to a Joke."
            tDiv(class = "mt-10 flex items-center justify-center gap-x-6"):
              tButton(
                "hx-get" = "https://v2.jokeapi.dev/joke/Any?format=txt&safe-mode",
                "hx-target" = "#joke",
                class="rounded-md bg-indigo-500 px-3.5 py-2.5 text-sm font-semibold text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600"
              ):
                "Get a Joke"

0 replies

Ethosa · 2023-10-28T14:29:44Z

Ethosa
Oct 28, 2023
Maintainer

Bonus

You can create file named templates.nim:

import happyx

proc jokePage(title: string): TagRef =
  return buildHtml:
    tHtml:
      tHead:
        tMeta(charset = "utf-8")
        tTitle: { title }
        tScript(src = "https://unpkg.com/[email protected]")
        tScript(src = "https://cdn.tailwindcss.com")
      tBody:
        tMain(class = "grid min-h-full place-items-center bg-white px-6 py-24 sm:py-32 lg:px-8"):
          if title == "Ethosa":
            tP(class = "text-3xl font-semibold text-indigo-600"):
              "Welcome, {title}"
          else:
            tP(class = "text-base font-semibold text-red-600"):
              {title}
          tH1(class = "mt-4 text-3xl font-bold tracking-tight text-gray-900 sm:text-5xl"):
            "Page for a Joke"
          tP(id = "joke", class = "mt-6 text-base leading-7 text-gray-600"):
            "The easiest way to go from htmx to a Joke."
          tDiv(class = "mt-10 flex items-center justify-center gap-x-6"):
            tButton(
              "hx-get" = "https://v2.jokeapi.dev/joke/Any?format=txt&safe-mode",
              "hx-target" = "#joke",
              class="rounded-md bg-indigo-500 px-3.5 py-2.5 text-sm font-semibold text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600"
            ):
              "Get a Joke"

And use it in main.nim:

import happyx
import templates

serve "127.0.0.1", 5000:
  get "/my/nice/{title:string}":
    return jokePage(title)

0 replies

jerrygzy · 2023-10-28T22:30:38Z

jerrygzy
Oct 28, 2023
Author

it works! but when I try to abstract some component like the htmx button, it has some problem,

import happyx


proc htmxButton(get_url: string, target_id: string, name: string): TagRef =
  return tButton(
    "hx-get" = get_url,
    "hx-target" = target_id,
    class="rounded-md bg-indigo-500 px-3.5 py-2.5 text-sm font-semibold text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600"
  ):
    name

proc jokePage*(title: string): TagRef =
  return buildHtml:
    tHtml:
      tHead:
        tMeta(charset = "utf-8")
        tTitle: { title }
        tScript(src = "https://unpkg.com/[email protected]")
        tScript(src = "https://cdn.tailwindcss.com")
      tBody:
        tMain(class = "grid min-h-full place-items-center bg-white px-6 py-24 sm:py-32 lg:px-8"):
          tDiv(class="text-center"):
            if title == "Ethosa":
              tP(class = "text-3xl font-semibold text-indigo-600"):
                "Welcome, {title}"
            else:
              tP(class = "text-base font-semibold text-red-600"):
                {title}
            tH1(class = "mt-4 text-3xl font-bold tracking-tight text-gray-900 sm:text-5xl"):
              "Page for a Joke"
            tP(id = "joke", class = "mt-6 text-base leading-7 text-gray-600"):
              "The easiest way to go from htmx to a Joke."
            tDiv(class = "mt-10 flex items-center justify-center gap-x-6"):
              # try to call proc htmxButton(), but it failed
              tButton( 
                "hx-get" = "https://v2.jokeapi.dev/joke/Any?format=txt&safe-mode",
                "hx-target" = "#joke",
                class="rounded-md bg-indigo-500 px-3.5 py-2.5 text-sm font-semibold text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600"
              ):
                "Get a Joke"

also tried this, but no luck.

template htmxButton(get_url: string, target_id: string, name: string) =
  tButton(
    "hx-get" = get_url,
    "hx-target" = target_id,
    class="rounded-md bg-indigo-500 px-3.5 py-2.5 text-sm font-semibold text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600"
  ):
    name

0 replies

Ethosa · 2023-10-29T02:00:09Z

Ethosa
Oct 29, 2023
Maintainer

@jerrygzy anyway you should use buildHtml to use this syntax. Because buildHtml is macro.
So correct way is:

proc htmxButton(get_url: string, target_id: string, name: string): TagRef =
  return buildHtml:
    tButton(
      "hx-get" = get_url,
      "hx-target" = target_id,
      class="rounded-md bg-indigo-500 px-3.5 py-2.5 text-sm font-semibold text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600"
    ):
      {name}  # you should use {} for non-strings statements also

And usage is:

            tDiv(class = "mt-10 flex items-center justify-center gap-x-6"):
              {htmxButton("something_url", "something_id", "something_title")}

Bonus

I try to abstract some component

In SSR, like in SPA, you can use components to solve this issue. But SSR don't allow to use `script` statement (only `template`, `style` and `style` as css are works).
So you can use components (component blabla) instead of functions (proc blabla)

component HtmxButton:
  get_url: string
  target_id: string
  name: string
  
  `template`:
    tButton(
      "hx-get" = self.get_url,
      "hx-target" = self.target_id,
      class="rounded-md bg-indigo-500 px-3.5 py-2.5 text-sm font-semibold text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600"
    ):
      {self.name}

And usage is:

            tDiv(class = "mt-10 flex items-center justify-center gap-x-6"):
              HtmxButton("something_url", "something_id", "something_title")

0 replies

jerrygzy · 2023-10-29T14:14:21Z

jerrygzy
Oct 29, 2023
Author

the proc is working nicely again, but the component has some errors.

import happyx


proc htmxJokeWidget(get_url: string, name: string): TagRef =
  return buildHtml:
    tDiv(class = "mt-6 flex-col items-center justify-center gap-x-6"):
      tP(id = "joke", class = "mt-6 text-base leading-7 text-gray-600"):
        "The easiest way to go from htmx to a Joke."
      tButton(
        "hx-get" = get_url,
        "hx-target" = "#joke",
        class="mt-6 rounded-md bg-indigo-500 px-3.5 py-2.5 text-sm font-semibold text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600"
      ):
        {name}  # you should use {} for non-strings statements also

component HtmxButton:
  get_url: string
  target_id: string
  name: string
  
  `template`:
    tButton(
      "hx-get" = self.get_url,
      "hx-target" = self.target_id,
      class="rounded-md bg-indigo-500 px-3.5 py-2.5 text-sm font-semibold text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600"
    ):
      {self.name}

proc jokeWidget(name: string): TagRef =
  return buildHtml:
    tDiv(class = "mt-6 flex-col items-center justify-center gap-x-6"):
      tP(id = "joke", class = "mt-6 text-base leading-7 text-gray-600"):
        "The easiest way to go from htmx to a Joke."
      HtmxButton("https://v2.jokeapi.dev/joke/Any?format=txt&safe-mode", "#joke", name)

proc jokePage*(title: string): TagRef =
  return buildHtml:
    tHtml:
      tHead:
        tMeta(charset = "utf-8")
        tTitle: { title }
        tScript(src = "https://unpkg.com/[email protected]")
        tScript(src = "https://cdn.tailwindcss.com")
      tBody:
        tMain(class = "grid min-h-full place-items-center bg-white px-6 py-24 sm:py-32 lg:px-8"):
          tDiv(class="text-center"):
            if title == "Ethosa":
              tP(class = "text-3xl font-semibold text-indigo-600"):
                "Welcome, {title}"
            else:
              tP(class = "text-base font-semibold text-red-600"):
                {title}
            tH1(class = "mt-4 text-3xl font-bold tracking-tight text-gray-900 sm:text-5xl"):
              "Page for a Joke"
            #{htmxJokeWidget("https://v2.jokeapi.dev/joke/Any?format=txt&safe-mode","Get a Joke")}
            {jokeWidget("Another Joke")}

the code above is using component HtmxButton in jokeWidget, and the error msg is

/.nimble/pkgs2/happyx-3.0.0-077d59848d50b664217daebe4fa381481443866e/happyx/private/macro_utils.nim(113, 29) Error: undeclared identifier: 'hostname'
candidates (edit distance, scope distance); see '--spellSuggest': 
 (4, 7): 'name'
 (4, 10): 'appName'
 (4, 10): 'hostCPU'

5 replies

Ethosa Oct 29, 2023
Maintainer

Sure, it seems like a bug 🤔

Ethosa Oct 29, 2023
Maintainer

@jerrygzy please update happyx to latest

nimble install happyx@#head

And run again via

nim c -r -d:noliveviews main

Ethosa Oct 29, 2023
Maintainer

HtmxButton("https://v2.jokeapi.dev/joke/Any?format=txt&safe-mode", "#joke", name)

Reason in usage component instance outside of the serve macro

jerrygzy Oct 29, 2023
Author

tried again, it still has errors.

.nimble/pkgs2/happyx-3.0.0-328c9ee44d0816d62214fb9cbee2ecff9eea4df6/happyx/ssr/server.nim(344, 30) Error: type mismatch
Expression: serve(server.instance, Port(server.port), handleRequest, server.address)
  [1] server.instance: AsyncHttpServer
  [2] Port(server.port): Port
  [3] handleRequest: proc (req: Request): Future[system.void]
  [4] server.address: string

Expected one of (first mismatch at [position]):
[1] macro serve(address: string; port: int; body: untyped): untyped
[3] proc serve(server: AsyncHttpServer; port: Port;
           callback: proc (request: Request): Future[void] {.closure, gcsafe.};
           address = ""; assumedDescriptorsPerRequest = -1; domain = AF_INET): owned(
    Future[void])

Ethosa Oct 29, 2023
Maintainer

@jerrygzy in serve macro in your route use {.gcsafe.}:

serve blabla:
  get "/blabla":
    # blabla
    {.gcsafe.}:  # because jokePage is not gcsafe
      return jokePage(...)

jerrygzy · 2023-10-31T19:29:23Z

jerrygzy
Oct 31, 2023
Author

now I have this abstracted code. but reusing it seems to have a bug.

below are my code files and cmds I used.

index.nim

import happyx
import std/[random,strutils]
import ../htmx/comp

proc header(title: string): TagRef =
  return buildHtml:
    tHead:
      tMeta(charset = "utf-8")
      tTitle: { title }
      tScript(src = "https://unpkg.com/[email protected]")
      tScript(src = "https://cdn.tailwindcss.com")


proc jokeWidget(name: string): TagRef =
  const joke_url = "https://v2.jokeapi.dev/joke/Any?format=txt&safe-mode"
  let joke_id = name.replace(" ","_") & $rand(100) 
  return buildHtml:
    tDiv(class = "mt-6 flex-col items-center justify-center gap-x-6"):
      tP(id = joke_id, class = "mt-6 text-base leading-7 text-gray-600"):
        "The easiest way to go from htmx to a Joke."
      HtmxButton(joke_url, "#" & joke_id, name)


proc jokePage*(title: string): TagRef =
  return buildHtml:
    tHtml:
      {header(title)}
      tBody:
        tMain(class = "grid min-h-full place-items-center bg-white px-6 py-24 sm:py-32 lg:px-8"):
          tDiv(class="text-center"):
            if title == "Ethosa":
              tP(class = "text-3xl font-semibold text-indigo-600"):
                "Welcome, {title}"
            else:
              tP(class = "text-base font-semibold text-red-600"):
                {title}
            tH1(class = "mt-4 text-3xl font-bold tracking-tight text-gray-900 sm:text-5xl"):
              "Page for a Joke"
            #{htmxJokeWidget("https://v2.jokeapi.dev/joke/Any?format=txt&safe-mode","Get a Joke")}
            {jokeWidget("Get a Joke")}
            {jokeWidget("Another Joke")}

comp.nim

import happyx

component HtmxButton:
  get_url: string
  target_id: string
  name: string
  
  `template`:
    tButton(
      "hx-get" = self.get_url,
      "hx-target" = self.target_id,
      class="mt-6 rounded-md bg-indigo-500 px-3.5 py-2.5 text-sm font-semibold text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600"
    ):
      {self.name}

main.nim

# Import HappyX
import
  happyx
import 
  templates/index

# SQL
const Schema = "CREATE TABLE IF NOT EXISTS Example(string TEXT NOT NULL)"

# Declare template folder
templateFolder("templates")

proc render(title: string): string =
  ## Renders template and returns HTML string
  ## 
  ## `title` is template argument
  renderTemplate("index.html")

# Serve at http://127.0.0.1:5000
serve("127.0.0.1", 5000):
  # on GET HTTP method at http://127.0.0.1:5000/TEXT
  get "/{title:string}":
    #req.answerHtml render(title)
    {.gcsafe.}: 
      return jokePage(title)
  # on any HTTP method at http://127.0.0.1:5000/public/path/to/file.ext
  staticDir "public"

cmds

nim c -r -d:noliveviews main

Result

16 replies

Ethosa Nov 1, 2023
Maintainer

oh, stop, why are you clone repo? Just remove it and install happyx@#head via nimble and run your code

jerrygzy Nov 2, 2023
Author

i tried nimble install happyx@#head again with two different machine, and the version I got is

> ls /Users/owaf/.nimble/pkgs2/
...
happyx-3.0.0-868915dc210ac3760706aaa162c740fc87b682d9
...

can you show me the version after ls /Users/owaf/.nimble/pkgs2/ ?

Ethosa Nov 2, 2023
Maintainer

@jerrygzy this is strange because latest commit is 31ae74c

jerrygzy Nov 2, 2023
Author

maybe it's this ? I am not sure

Ethosa Nov 2, 2023
Maintainer

45be85d

jerrygzy · 2023-11-02T16:55:33Z

jerrygzy
Nov 2, 2023
Author

finally got 3.1.0 installed, but reusing component is still not working.

> ls /Users/owaf/.nimble/pkgs2/
...
happyx-3.1.0-923781a459cd17a4bb7d01ed7e1429a6735f4cca
...

index.nim

import happyx
import std/[random,strutils]
#import ../htmx/comp

proc header(title: string): TagRef =
  return buildHtml:
    tHead:
      tMeta(charset = "utf-8")
      tTitle: { title }
      tScript(src = "https://unpkg.com/[email protected]")
      tScript(src = "https://cdn.tailwindcss.com")


component HtmxButton:
  get_url: string
  target_id: string
  name: string
  
  `template`:
    tButton(
      "hx-get" = self.get_url,
      "hx-target" = self.target_id,
      class="mt-6 rounded-md bg-indigo-500 px-3.5 py-2.5 text-sm font-semibold text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600"
    ):
      {self.name}


const joke_url = "https://v2.jokeapi.dev/joke/Any?format=txt&safe-mode"

component JokeWidget:
  name: string

  `template`:
    nim:
      let joke_id = self.name.replace(" ","_") #& $rand(100) 
    tDiv(class = "mt-6 flex-col items-center justify-center gap-x-6"):
      tP(id = joke_id, class = "mt-6 text-base leading-7 text-gray-600"):
        "The easiest way to go from htmx to a Joke."
      HtmxButton(joke_url, "#" & joke_id, self.name)



proc jokePage*(title: string): TagRef =
  return buildHtml:
    tHtml:
      {header(title)}
      tBody:
        tMain(class = "grid min-h-full place-items-center bg-white px-6 py-24 sm:py-32 lg:px-8"):
          tDiv(class="text-center"):
            if title == "Ethosa":
              tP(class = "text-3xl font-semibold text-indigo-600"):
                "Welcome, {title} !"
            else:
              tP(class = "text-base font-semibold text-red-600"):
                {title}
            tH1(class = "mt-4 text-3xl font-bold tracking-tight text-gray-900 sm:text-5xl"):
              "Page for a Joke"
            jokeWidget("Get a Joke")
            jokeWidget("Another Joke")

Result after cmd nim c -r -d:noliveviews main

6 replies

jerrygzy Nov 3, 2023
Author

sorry, just tried with JokeWidget, but after clicking buttons does not update anything

Ethosa Nov 3, 2023
Maintainer

hm, this seems like a bug, because hx-get in HTML seems like "hx-get"

Ethosa Nov 3, 2023
Maintainer

I solve this problem in latest commit

jerrygzy Nov 3, 2023
Author

OK, Let me give a try

jerrygzy Nov 3, 2023
Author

now it works, thank you!

HTMX and Tailwind usage in SSR or another project type #169

jerrygzy Oct 26, 2023

Replies: 12 comments · 27 replies

Ethosa Oct 26, 2023 Maintainer

jerrygzy Oct 26, 2023 Author

Ethosa Oct 27, 2023 Maintainer

Ethosa Oct 27, 2023 Maintainer

jerrygzy Oct 28, 2023 Author

Ethosa Oct 28, 2023 Maintainer

Ethosa Oct 28, 2023 Maintainer

Bonus

jerrygzy Oct 28, 2023 Author

Ethosa Oct 29, 2023 Maintainer

Bonus

jerrygzy Oct 29, 2023 Author

Ethosa Oct 29, 2023 Maintainer

Ethosa Oct 29, 2023 Maintainer

Ethosa Oct 29, 2023 Maintainer

jerrygzy Oct 29, 2023 Author

Ethosa Oct 29, 2023 Maintainer

jerrygzy Oct 31, 2023 Author

Result

Ethosa Nov 1, 2023 Maintainer

jerrygzy Nov 2, 2023 Author

Ethosa Nov 2, 2023 Maintainer

jerrygzy Nov 2, 2023 Author

Ethosa Nov 2, 2023 Maintainer

jerrygzy Nov 2, 2023 Author

jerrygzy Nov 3, 2023 Author

Ethosa Nov 3, 2023 Maintainer

Ethosa Nov 3, 2023 Maintainer

jerrygzy Nov 3, 2023 Author

jerrygzy Nov 3, 2023 Author

jerrygzy
Oct 26, 2023

Replies: 12 comments 27 replies

Ethosa
Oct 26, 2023
Maintainer

jerrygzy
Oct 26, 2023
Author

Ethosa
Oct 27, 2023
Maintainer

Ethosa
Oct 27, 2023
Maintainer

jerrygzy
Oct 28, 2023
Author

Ethosa
Oct 28, 2023
Maintainer

Ethosa
Oct 28, 2023
Maintainer

jerrygzy
Oct 28, 2023
Author

Ethosa
Oct 29, 2023
Maintainer

jerrygzy
Oct 29, 2023
Author

Ethosa Oct 29, 2023
Maintainer

Ethosa Oct 29, 2023
Maintainer

Ethosa Oct 29, 2023
Maintainer

jerrygzy Oct 29, 2023
Author

Ethosa Oct 29, 2023
Maintainer

jerrygzy
Oct 31, 2023
Author

Ethosa Nov 1, 2023
Maintainer

jerrygzy Nov 2, 2023
Author

Ethosa Nov 2, 2023
Maintainer

jerrygzy Nov 2, 2023
Author

Ethosa Nov 2, 2023
Maintainer

jerrygzy
Nov 2, 2023
Author

jerrygzy Nov 3, 2023
Author

Ethosa Nov 3, 2023
Maintainer

Ethosa Nov 3, 2023
Maintainer

jerrygzy Nov 3, 2023
Author

jerrygzy Nov 3, 2023
Author