@johnnyboy11234/esg-idea-contest 0.2.1 → 0.2.3

package/frontend/src/shared/api/index.ts

@@ -1,3 +1,6 @@
 export { ApiError, parseApiError } from './problem';
 export type { ErrorCode, FieldError } from './problem';
+export { apiFetch, setUnauthenticatedHandler } from './http';
+export type { ApiRequestInit } from './http';
+export { clearCsrfToken, getCsrfToken } from './csrf';
 export type { paths, components } from './types.generated';

package/frontend/src/shared/i18n/locales/en.ts

@@ -21,6 +21,7 @@ export const en = {
     main: 'Main navigation',
     skip: 'Skip to content',
     administrator: 'Administrator',
+    signOut: 'Sign out',
     signIn: 'Sign in',
     register: 'Register',
   },
@@ -56,8 +57,20 @@ export const en = {
     leaderEmpNo: 'Leader employee ID',
   },
   pages: {
-    login: { title: 'Sign in to your account', description: 'Enter your employee ID and password.', noAccount: 'No account yet?', panelTitle: 'ESG Idea Contest', panelBody: 'Register, form a team and submit your Idea.' },
-    register: { title: 'Create an account', description: 'Enter your details below to register.', passwordHint: 'At least 8 characters; see the rules shown while you type.', haveAccount: 'Already registered?' },
+    login: { title: 'Sign in to your account', description: 'Enter your employee ID and password.', noAccount: 'No account yet?', panelTitle: 'ESG Idea Contest', panelBody: 'Register, form a team and submit your Idea.', submitting: 'Signing in…', sessionEnded: 'Your session has ended. Please sign in again.' },
+    register: {
+      title: 'Create an account',
+      description: 'Enter your details below to register.',
+      empNoHint: '6 digits.',
+      emailHint: 'Letters, digits and symbols only, no spaces.',
+      passwordHint: '12–64 printable ASCII characters, with at least 3 of: upper case, lower case, digit, symbol.',
+      mismatch: 'The passwords do not match.',
+      haveAccount: 'Already registered?',
+      submit: 'Create account',
+      submitting: 'Creating account…',
+      summaryTitle: 'Please fix the following',
+      success: 'Your account was created. Sign in to continue.',
+    },
     ideaList: { search: 'Search', apply: 'Apply filters', create: 'Create an Idea', empty: 'No Ideas yet.' },
     ideaForm: { slidesHint: 'PDF or PPTX, up to 5 MiB.' },
     ideaCreate: { title: 'Create an Idea', submit: 'Submit Idea' },

package/frontend/src/shared/i18n/locales/zh-TW.ts

@@ -18,6 +18,7 @@ export const zhTW: Dictionary = {
     main: '主要導覽',
     skip: '跳到主要內容',
     administrator: '管理員',
+    signOut: '登出',
     signIn: '登入',
     register: '註冊',
   },
@@ -53,8 +54,20 @@ export const zhTW: Dictionary = {
     leaderEmpNo: '組長員工編號',
   },
   pages: {
-    login: { title: '登入您的帳號', description: '請輸入員工編號與密碼。', noAccount: '還沒有帳號？', panelTitle: 'ESG 創意競賽', panelBody: '註冊、組隊並提交您的創意。' },
-    register: { title: '建立帳號', description: '請在下方輸入資料以完成註冊。', passwordHint: '至少 8 個字元，輸入時會顯示規則檢查。', haveAccount: '已經註冊？' },
+    login: { title: '登入您的帳號', description: '請輸入員工編號與密碼。', noAccount: '還沒有帳號？', panelTitle: 'ESG 創意競賽', panelBody: '註冊、組隊並提交您的創意。', submitting: '登入中…', sessionEnded: '您的登入已結束，請重新登入。' },
+    register: {
+      title: '建立帳號',
+      description: '請在下方輸入資料以完成註冊。',
+      empNoHint: '6 位數字。',
+      emailHint: '僅限英數字與符號，不可包含空白。',
+      passwordHint: '12–64 個可列印 ASCII 字元，且至少包含大寫、小寫、數字、符號其中 3 類。',
+      mismatch: '兩次輸入的密碼不一致。',
+      haveAccount: '已經註冊？',
+      submit: '建立帳號',
+      submitting: '建立中…',
+      summaryTitle: '請修正以下項目',
+      success: '帳號已建立，請登入。',
+    },
     ideaList: { search: '搜尋', apply: '套用篩選', create: '建立提案', empty: '目前沒有提案。' },
     ideaForm: { slidesHint: 'PDF 或 PPTX，最大 5 MiB。' },
     ideaCreate: { title: '建立提案', submit: '送出提案' },

package/frontend/src/shared/text/index.ts

@@ -91,3 +91,23 @@ export function checkSummary(s: string, max: number): CheckResult {
   const cleaned = cleanSummary(s);
   return { cleaned, problem: check(cleaned, max, false) };
 }
+
+export type EmailProblem = '' | 'REQUIRED' | 'INVALID_FORMAT' | 'OUT_OF_RANGE';
+
+const MAX_EMAIL = 254;
+
+/**
+ * Pre-check of PRD §6.3 (the server is the judge): trim, printable ASCII only
+ * (U+0021–U+007E, so no whitespace anywhere), exactly one `@` with non-empty
+ * sides, at most 254 characters. `cleaned` is lower-cased as the server stores it.
+ * First problem in report order: REQUIRED → INVALID_FORMAT → OUT_OF_RANGE.
+ */
+export function checkEmail(s: string): { cleaned: string; problem: EmailProblem } {
+  const e = trimWhitespace(s);
+  if (e === '') return { cleaned: '', problem: 'REQUIRED' };
+  if (!/^[\u0021-\u007e]+$/.test(e)) return { cleaned: e, problem: 'INVALID_FORMAT' };
+  const at = e.indexOf('@');
+  if (at <= 0 || at === e.length - 1 || e.indexOf('@', at + 1) !== -1) return { cleaned: e, problem: 'INVALID_FORMAT' };
+  if (e.length > MAX_EMAIL) return { cleaned: e, problem: 'OUT_OF_RANGE' };
+  return { cleaned: e.toLowerCase(), problem: '' };
+}

package/frontend/src/shared/text/text.test.ts

@@ -1,5 +1,5 @@
 import cleanup from 'testdata/text-cleanup.json';
-import { checkName, checkSummary, countCodePoints, trimWhitespace } from './index';
+import { checkEmail, checkName, checkSummary, countCodePoints, trimWhitespace } from './index';
 
 describe('shared/text contract (testdata/text-cleanup.json)', () => {
   it('has cases', () => {
@@ -20,3 +20,30 @@ describe('trimWhitespace', () => {
     expect(trimWhitespace('a')).toBe('a');
   });
 });
+
+describe('checkEmail (PRD §6.3)', () => {
+  it.each([
+    ['a@x.com', 'a@x.com', ''],
+    ['  A@X.Com ', 'a@x.com', ''],
+    ['　a@x　', 'a@x', ''],
+    ['a@localhost', 'a@localhost', ''],
+    ['', '', 'REQUIRED'],
+    ['   ', '', 'REQUIRED'],
+    ['a b@x.com', 'a b@x.com', 'INVALID_FORMAT'],
+    ['a@x .com', 'a@x .com', 'INVALID_FORMAT'],
+    ['é@x.com', 'é@x.com', 'INVALID_FORMAT'],
+    ['ax.com', 'ax.com', 'INVALID_FORMAT'],
+    ['@x.com', '@x.com', 'INVALID_FORMAT'],
+    ['a@', 'a@', 'INVALID_FORMAT'],
+    ['a@@x.com', 'a@@x.com', 'INVALID_FORMAT'],
+    ['a@b@x.com', 'a@b@x.com', 'INVALID_FORMAT'],
+  ])('%j', (input, cleaned, problem) => {
+    expect(checkEmail(input)).toEqual({ cleaned, problem });
+  });
+
+  it('allows 254 characters and rejects 255', () => {
+    const at = (n: number) => `${'a'.repeat(n - 2)}@x`;
+    expect(checkEmail(at(254)).problem).toBe('');
+    expect(checkEmail(at(255)).problem).toBe('OUT_OF_RANGE');
+  });
+});

package/frontend/vite.config.ts

@@ -9,7 +9,11 @@ const testdata = fileURLToPath(new URL('../testdata', import.meta.url));
 export default defineConfig({
   plugins: [react(), tailwindcss()],
   resolve: { alias: { '@': src, testdata } },
-  server: { fs: { allow: ['..'] } },
+  server: {
+    fs: { allow: ['..'] },
+    // The app calls same-origin /api/v1; in dev the Go backend (ESG_PUBLIC_ADDR, default :8080) answers it.
+    proxy: { '/api': process.env.ESG_API_TARGET ?? 'http://localhost:8080' },
+  },
   test: {
     environment: 'jsdom',
     globals: true,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@johnnyboy11234/esg-idea-contest",
-  "version": "0.2.1",
+  "version": "0.2.3",
   "description": "ESG Idea Contest registration system: Go backend, React frontend and design documents (source distribution).",
   "license": "MIT",
   "author": "Brian Huang",