@deckbuilderkit/build 0.0.0-stage → 0.1.0

package/template/web/src/i18n/en.ts

@@ -0,0 +1,89 @@
+// This app's messages; the base ones (common.*, generic errors) come from @deckbuilderkit/ui.
+export const en = {
+  'nav.section.main': 'Main',
+  'nav.home': 'Home',
+  'nav.settings': 'Settings',
+  'nav.keys': 'Keyboard shortcuts',
+  'nav.theme.dark': 'Dark theme',
+  'nav.theme.light': 'Light theme',
+  'palette.group.go': 'Go to',
+  'palette.group.theme': 'Theme',
+  'palette.group.app': 'App',
+  'palette.theme': 'Theme: {name}',
+  'palette.quit': 'Quit {name}',
+  'nav.palette': 'Command palette (Ctrl+Shift+P)',
+
+  'home.title': 'Home',
+  'home.system': 'System',
+  'home.version': 'Version',
+  'home.platform': 'Platform',
+  'home.host': 'Host',
+  'home.runtime': 'Runtime',
+  'home.mode': 'Mode',
+  'home.mode.desktop': 'Desktop window',
+  'home.mode.browser': 'Browser',
+  'home.started': 'Started',
+  'home.dataDir': 'Data folder',
+
+  'settings.title': 'Settings',
+  'settings.row.modified': 'Modified',
+  'settings.footer.reset': 'Reset',
+  'settings.footer.apply': 'Apply',
+  'settings.footer.ok': 'OK',
+  'settings.unsaved.title': 'Unsaved changes',
+  'settings.unsaved.message': 'Save your changes to the settings before closing?',
+  'settings.unsaved.save': 'Save',
+  'settings.unsaved.discard': "Don't save",
+  'settings.unsaved.cancel': 'Cancel',
+  'settings.section.general': 'General',
+  'settings.section.appearance': 'Appearance',
+  'settings.section.window': 'Window',
+  'settings.section.editor': 'Editor',
+  'settings.section.editor.fileTypes': 'File Types',
+  'settings.section.editor.externalEditors': 'External Editors',
+  'settings.section.explorer': 'Explorer',
+  'settings.section.workbench': 'Workbench',
+  'settings.section.workbench.results': 'Results',
+  'settings.section.workbench.sqlFormatter': 'SQL Formatter',
+  'settings.section.terminal': 'Terminal',
+  'settings.section.keyboard': 'Keyboard',
+  'settings.section.keyboard.shortcuts': 'Shortcuts',
+  'settings.section.system': 'System',
+  'settings.section.system.updates': 'Updates',
+  'settings.section.system.backup': 'Backup',
+  'keys.global': 'Global',
+  'settings.search': 'Search settings',
+  'settings.search.none': 'No settings found.',
+  'settings.search.clear': 'Clear search',
+  'settings.search.modified': 'Show modified settings only',
+  'settings.search.count': '{n} settings found',
+  'settings.search.count.one': '1 setting found',
+  'settings.quit': 'Quit',
+  'settings.quit.hint': 'Stops {name}. Closing the tab leaves it running.',
+  'settings.quit.hintTray': 'Stops {name}. Closing the window leaves it running in the tray.',
+  'settings.language': 'Language',
+  'settings.autostart': 'Start at login',
+  'settings.autostart.hint': 'Windows, built exe only.',
+  'settings.closeToTray': 'Keep running in the tray',
+  'settings.closeToTray.hint': 'Windows only. Takes effect after a restart.',
+  'settings.updateFolder': 'Release folder',
+  'settings.updateFolder.browse': 'Browse…',
+  'settings.updateFolder.clear': 'Clear',
+  'settings.updateFolder.pick': 'Choose the release folder',
+  'settings.updateFolder.none': 'Not set',
+  'settings.updateFolder.hint': 'Folder that `deckbuilder release --to` publishes to. Empty: the GitHub releases of the app, if it has a repo.',
+  'settings.update.current': 'Running v{version}.',
+  'settings.update.available': 'Version {version} is available.',
+  'settings.update.latest': 'Up to date.',
+  'settings.update.notConfigured': 'No update source set.',
+  'settings.update.offline': 'Update source not reachable.',
+  'settings.update.source': 'Updates from: {source}',
+  'settings.update.folder': 'Folder',
+  'settings.update.fromSource': 'Running from source: only the built exe can update itself.',
+  'settings.update.check': 'Check now',
+  'settings.update.apply': 'Update and restart',
+  'settings.update.restarting': 'Restarting with v{version}…',
+
+  'app.stopped': '{name} stopped. You can close this tab.',
+
+};

package/template/web/src/i18n/index.ts

@@ -0,0 +1,8 @@
+import { addMessages, createT } from '@deckbuilderkit/ui';
+import { en } from './en';
+import { ptBR } from './pt-BR';
+
+addMessages({ en, 'pt-BR': ptBR });
+
+export type MessageKey = keyof typeof en;
+export const t = createT<MessageKey>();

package/template/web/src/i18n/pt-BR.ts

@@ -0,0 +1,91 @@
+import type { Messages } from '@deckbuilderkit/ui';
+import type { en } from './en';
+
+export const ptBR: Messages<typeof en> = {
+  'nav.section.main': 'Principal',
+  'nav.home': 'Início',
+  'nav.settings': 'Configurações',
+  'nav.keys': 'Atalhos de teclado',
+  'nav.theme.dark': 'Tema escuro',
+  'nav.theme.light': 'Tema claro',
+  'palette.group.go': 'Ir para',
+  'palette.group.theme': 'Tema',
+  'palette.group.app': 'App',
+  'palette.theme': 'Tema: {name}',
+  'palette.quit': 'Sair do {name}',
+  'nav.palette': 'Paleta de comandos (Ctrl+Shift+P)',
+
+  'home.title': 'Início',
+  'home.system': 'Sistema',
+  'home.version': 'Versão',
+  'home.platform': 'Plataforma',
+  'home.host': 'Máquina',
+  'home.runtime': 'Runtime',
+  'home.mode': 'Modo',
+  'home.mode.desktop': 'Janela desktop',
+  'home.mode.browser': 'Navegador',
+  'home.started': 'Iniciado',
+  'home.dataDir': 'Pasta de dados',
+
+  'settings.title': 'Configurações',
+  'settings.row.modified': 'Modificado',
+  'settings.footer.reset': 'Restaurar padrões',
+  'settings.footer.apply': 'Aplicar',
+  'settings.footer.ok': 'OK',
+  'settings.unsaved.title': 'Alterações não salvas',
+  'settings.unsaved.message': 'Salvar as alterações nas configurações antes de fechar?',
+  'settings.unsaved.save': 'Salvar',
+  'settings.unsaved.discard': 'Não salvar',
+  'settings.unsaved.cancel': 'Cancelar',
+  'settings.section.general': 'Geral',
+  'settings.section.appearance': 'Aparência',
+  'settings.section.window': 'Janela',
+  'settings.section.editor': 'Editor',
+  'settings.section.editor.fileTypes': 'Tipos de arquivo',
+  'settings.section.editor.externalEditors': 'Editores externos',
+  'settings.section.explorer': 'Explorador',
+  'settings.section.workbench': 'Workbench',
+  'settings.section.workbench.results': 'Resultados',
+  'settings.section.workbench.sqlFormatter': 'Formatador de SQL',
+  'settings.section.terminal': 'Terminal',
+  'settings.section.keyboard': 'Teclado',
+  'settings.section.keyboard.shortcuts': 'Atalhos',
+  'settings.section.system': 'Sistema',
+  'settings.section.system.updates': 'Atualizações',
+  'settings.section.system.backup': 'Backup',
+  'keys.global': 'Global',
+  'settings.search': 'Pesquisar configurações',
+  'settings.search.none': 'Nenhuma configuração encontrada.',
+  'settings.search.clear': 'Limpar pesquisa',
+  'settings.search.modified': 'Mostrar só configurações modificadas',
+  'settings.search.count': '{n} configurações encontradas',
+  'settings.search.count.one': '1 configuração encontrada',
+  'settings.quit': 'Sair',
+  'settings.quit.hint': 'Encerra o {name}. Fechar a aba o deixa rodando.',
+  'settings.quit.hintTray': 'Encerra o {name}. Fechar a janela o deixa rodando na bandeja.',
+  'settings.language': 'Idioma',
+  'settings.autostart': 'Iniciar com o Windows',
+  'settings.autostart.hint': 'Somente Windows, no exe compilado.',
+  'settings.closeToTray': 'Manter em execução na bandeja',
+  'settings.closeToTray.hint': 'Somente Windows. Vale após reiniciar o app.',
+  'settings.updateFolder': 'Pasta de releases',
+  'settings.updateFolder.browse': 'Procurar…',
+  'settings.updateFolder.clear': 'Limpar',
+  'settings.updateFolder.pick': 'Escolha a pasta de releases',
+  'settings.updateFolder.none': 'Não definida',
+  'settings.updateFolder.hint': 'Pasta onde `deckbuilder release --to` publica. Vazio: os releases do GitHub do app, se ele tiver um repositório.',
+  'settings.update.current': 'Versão atual v{version}.',
+  'settings.update.available': 'A versão {version} está disponível.',
+  'settings.update.latest': 'Atualizado.',
+  'settings.update.notConfigured': 'Nenhuma fonte de atualização definida.',
+  'settings.update.offline': 'Fonte de atualização inacessível.',
+  'settings.update.source': 'Atualizações de: {source}',
+  'settings.update.folder': 'Pasta',
+  'settings.update.fromSource': 'Rodando do código-fonte: só o exe compilado se atualiza.',
+  'settings.update.check': 'Verificar agora',
+  'settings.update.apply': 'Atualizar e reiniciar',
+  'settings.update.restarting': 'Reiniciando com a v{version}…',
+
+  'app.stopped': '{name} foi encerrado. Você pode fechar esta aba.',
+
+};

package/template/web/src/main.tsx

@@ -0,0 +1,11 @@
+import { StrictMode } from 'react';
+import { createRoot } from 'react-dom/client';
+import '@deckbuilderkit/ui/styles.css';
+import './i18n';
+import { App } from './App';
+
+createRoot(document.getElementById('root')!).render(
+  <StrictMode>
+    <App />
+  </StrictMode>,
+);

package/template/web/src/screens/Home.tsx

@@ -0,0 +1,49 @@
+import type { ReactNode } from 'react';
+import { Badge, CopyButton, ErrorBanner, Icon, isDesktop, PageHead, Spinner, useAsync } from '@deckbuilderkit/ui';
+import { api } from '../api';
+import { t } from '../i18n';
+
+export function Home() {
+  const info = useAsync(() => api.info(), []);
+
+  return (
+    <div className="content">
+      <PageHead title={t('home.title')}>
+        <button className="btn btn-sm" onClick={info.reload}><Icon name="refresh" /> {t('common.retry')}</button>
+      </PageHead>
+      <div className="scroll">
+        {info.error && <ErrorBanner error={info.error} onRetry={info.reload} />}
+        {!info.data && !info.error && <Spinner />}
+        {info.data && (
+          <section className="section">
+            <h4 className="mono-label">{t('home.system')}</h4>
+            <div className="facts">
+              <Fact label={t('home.version')}><span className="mono">{info.data.version}</span></Fact>
+              <Fact label={t('home.mode')}>
+                <Badge tone={isDesktop ? 'ok' : 'info'}>{isDesktop ? t('home.mode.desktop') : t('home.mode.browser')}</Badge>
+              </Fact>
+              <Fact label={t('home.platform')}><span className="mono">{info.data.platform} / {info.data.arch}</span></Fact>
+              <Fact label={t('home.host')}>{info.data.hostname}</Fact>
+              <Fact label={t('home.runtime')}>
+                <span className="mono">bun {info.data.bun}</span>
+              </Fact>
+              <Fact label={t('home.started')}>{new Date(info.data.startedAt).toLocaleString()}</Fact>
+              <Fact label={t('home.dataDir')}>
+                <span className="fact-row"><span className="mono">{info.data.dataDir}</span><CopyButton text={info.data.dataDir} label="" /></span>
+              </Fact>
+            </div>
+          </section>
+        )}
+      </div>
+    </div>
+  );
+}
+
+function Fact({ label, children }: { label: string; children: ReactNode }) {
+  return (
+    <div className="fact">
+      <div className="fact-label">{label}</div>
+      <div className="fact-value">{children}</div>
+    </div>
+  );
+}