when using translatable into separate file failed to compile

[jerrygzy]

I have been refactoring my code, for translatable I moved it to a separate file translations.nim, but I got Error: undeclared identifier: 'translates, here is my code

translations.nim

import happyx


translatable:
    "Language":
        "RU" -> "Язык"
        "JA" -> "言語"
        "ZH" -> "语言"
    "Menu":
        "ZH" -> "菜单"
        "JA" -> "メニュー"
        "RU" -> "Меню"
    "main page":
        "ZH" -> "主页"
        "JA" -> "メインページ"
        "RU" -> "Главная"

index.nim

import 
    happyx,
    translations

# Header
proc header(title: string, description: string): TagRef =
  return buildHtml:
    tHead:
      tMeta(charset = "utf-8")
      tMeta(name="viewport", content="width=device-width, initial-scale=1")
      tMeta(name="description", content=description)
      tTitle: { title }
      # Htmx , hyperscript, extensions
      tScript(src = "https://unpkg.com/[email protected]") 
      tScript(src = "https://unpkg.com/[email protected]") 
      tScript(src = "https://unpkg.com/htmx.org/dist/ext/ws.js")
      # font-awesome, daisyUI and tailwind from CDN
      tLink( href="https://cdn.bootcdn.net/ajax/libs/font-awesome/6.4.2/css/all.css", rel="stylesheet") # find icons from https://fontawesome.com/search
      tLink( href="https://cdn.jsdelivr.net/npm/[email protected]/dist/full.min.css", rel="stylesheet", type="text/css")
      tScript(src = "https://cdn.tailwindcss.com") 

proc mainPage*(title: string, cookies: StringTableRef): TagRef =  

    let acceptLanguage = cookies.getLanguage()
    let acceptTheme = cookies.getTheme()

    return buildHtml:
        tHtml(lang = "en", "data-theme" = acceptTheme): 
            {header(title,  "main page")}
        tBody():
            tDiv(class="bg-base-100 drawer"):
                tInput(id="drawer", type="checkbox", class="drawer-toggle") 
                tDiv(class="drawer-content"):
                    {translate "Menu"}

Error message

> nim c -r -d:noliveviews main

Hint: used config file '/Users/owaf/.choosenim/toolchains/nim-2.0.0/config/nim.cfg' [Conf]
Hint: used config file '/Users/owaf/.choosenim/toolchains/nim-2.0.0/config/config.nims' [Conf]
....................................................................................................................................................................................................................................................................
/Users/oaf/Work/Nim/happyX/htmx_example4/src/index.nim(57, 12) template/generic instantiation of `buildHtml` from here
/Users/oaf/Work/Nim/happyX/htmx_example4/src/index.nim(64, 32) template/generic instantiation of `translate` from here
/Users/oaf/.nimble/pkgs2/happyx-3.4.0-3f0a006bf913cfa58c99cd29db6cf80767795e62/happyx/spa/translatable.nim(141, 25) Error: undeclared identifier: 'translates'
candidates (edit distance, scope distance); see '--spellSuggest': 
 (1, 17): 'translate'

[Ethosa]

reason in Nim importing system.

Wrong

a.nim:

# public variable
var x*: int = 0

b.nim:

import a

echo x

main.nim:

import b  # expected output is 0, but got error

Right Way

a.nim:

# public variable
var x*: int = 0

b.nim:

import a

echo x

main.nim:

import a
import b  # expected output is 0 - success!

Another Way

a.nim:

# public variable
var x*: int = 0

b.nim:

echo x  # no error lol

main.nim:

import a
import b  # expected output is 0, but got error

[Ethosa]

So you should import ALL files of your project into src/main.nim

[jerrygzy]

I tried as you said, but still got same error...

translations.nim

import happyx

translatable:
    "Language":
        "RU" -> "Язык"
        "ZH" -> "语言"
        "JA" -> "言語"
    "Menu":
        "RU" -> "Меню"
        "ZH" -> "菜单"
        "JA" -> "メニュー"
    "main page":
        "RU" -> "Главная"
        "ZH" -> "主页"
        "JA" -> "メインページ"

main.nim

import
  happyx,
  index,
  translations


serve("0.0.0.0", 5000):
  get "/":
    echo inCookies
    {.gcsafe.}:
      return mainPage("APP_NAME", inCookies) 

index.nim

import 
    happyx,
    translations

# Header
proc header(title: string, description: string): TagRef =
  return buildHtml:
    tHead:
      tMeta(charset = "utf-8")
      tMeta(name="viewport", content="width=device-width, initial-scale=1")
      tMeta(name="description", content=description)
      tTitle: { title }
      # Htmx , hyperscript, extensions
      tScript(src = "https://unpkg.com/[email protected]") 
      tScript(src = "https://unpkg.com/[email protected]") 
      tScript(src = "https://unpkg.com/htmx.org/dist/ext/ws.js")
      # font-awesome, daisyUI and tailwind from CDN
      tLink( href="https://cdn.bootcdn.net/ajax/libs/font-awesome/6.4.2/css/all.css", rel="stylesheet") # find icons from https://fontawesome.com/search
      tLink( href="https://cdn.jsdelivr.net/npm/[email protected]/dist/full.min.css", rel="stylesheet", type="text/css")
      tScript(src = "https://cdn.tailwindcss.com") 



proc mainPage*(title: string, cookies: StringTableRef): TagRef =  

    let acceptLanguage = "EN" 

    return buildHtml:
        tHtml(lang = "en", "data-theme" = "light"): 
            {header(title,  translate "main page")} #translate 
        tBody():
            tDiv(class="bg-base-100 drawer"):
                tInput(id="drawer", type="checkbox", class="drawer-toggle") 
                tDiv(class="drawer-content"):
                    {translate "Menu"}

Error message

> nim c -r -d:noliveviews main
Hint: used config file '/Users/owaf/.choosenim/toolchains/nim-2.0.0/config/nim.cfg' [Conf]
Hint: used config file '/Users/owaf/.choosenim/toolchains/nim-2.0.0/config/config.nims' [Conf]
...................................................................................................................................................................................................................................................................
/Users/owa/Work/Nim/happyX/htmx_example4/src/index.nim(57, 12) template/generic instantiation of `buildHtml` from here
/Users/owa/Work/Nim/happyX/htmx_example4/src/index.nim(59, 39) template/generic instantiation of `translate` from here
/Users/owa/.nimble/pkgs2/happyx-3.4.0-3f0a006bf913cfa58c99cd29db6cf80767795e62/happyx/spa/translatable.nim(141, 25) Error: undeclared identifier: 'translates'
candidates (edit distance, scope distance); see '--spellSuggest': 
 (1, 14): 'translate'

[Ethosa]

hm, I'll check it soon