// ui_primitives.jsx — テーマ対応のUI部品
const APP_FONT = "'Inter', -apple-system, BlinkMacSystemFont, 'Hiragino Sans', 'Noto Sans JP', system-ui, sans-serif";
function TYPE_META(t) {
return {
memo: { label: 'MEMO', color: t.purple, bg: t.mode === 'dark' ? '#2A1F3D' : '#F1ECFA' },
idea: { label: 'IDEA', color: t.purple2, bg: t.mode === 'dark' ? '#2D1F42' : '#EEE6FC' },
task: { label: 'TASK', color: t.orange, bg: t.mode === 'dark' ? '#3A2418' : '#FFF1E5' },
output: { label: 'OUTPUT', color: t.primary, bg: t.primarySoft },
outcome: { label: 'OUTCOME', color: t.primary, bg: t.primarySoft },
};
}
function relTime(ts) {
const d = (Date.now() - ts) / (24 * 3600 * 1000);
if (d < 1/(24*60)) return 'たった今';
if (d < 1/24) return Math.round(d * 24 * 60) + '分前';
if (d < 1) return Math.round(d * 24) + '時間前';
if (d < 30) return Math.round(d) + '日前';
return Math.round(d / 30) + 'ヶ月前';
}
function formatDate(ts) {
const d = new Date(ts);
const today = new Date();
const y = today.getFullYear() === d.getFullYear();
return y
? `${d.getMonth()+1}月${d.getDate()}日`
: `${d.getFullYear()}/${d.getMonth()+1}/${d.getDate()}`;
}
function formatDateFull(ts) {
const d = new Date(ts);
const days = ['日', '月', '火', '水', '木', '金', '土'];
return `${d.getMonth()+1}月${d.getDate()}日 ${days[d.getDay()]}`;
}
function formatTime(ts) {
const d = new Date(ts);
const h = String(d.getHours()).padStart(2, '0');
const m = String(d.getMinutes()).padStart(2, '0');
return `${h}:${m}`;
}
function isSameDay(a, b) {
const da = new Date(a), db = new Date(b);
return da.getFullYear() === db.getFullYear()
&& da.getMonth() === db.getMonth()
&& da.getDate() === db.getDate();
}
function dateKey(ts) {
const d = new Date(ts);
return `${d.getFullYear()}-${d.getMonth()+1}-${d.getDate()}`;
}
function AppKicker({ children, color }) {
const t = useT();
return (
{children}
);
}
function AppH2({ children, style = {} }) {
const t = useT();
return (
{children}
);
}
function IconBtn({ children, onClick, title, active, style = {} }) {
const t = useT();
return (
);
}
// --- SVGアイコン（inline、軽量）---
const Icons = {
plus: (s=16) => ,
check: (s=14) => ,
close: (s=16) => ,
inbox: (s=18) => ,
timeline: (s=18) => ,
sprout: (s=18) => ,
settings: (s=18) => ,
mic: (s=14) => ,
cal: (s=14) => ,
more: (s=16) => ,
arrow: (s=12) => ,
sun: (s=16) => ,
moon: (s=16) => ,
trash: (s=14) => ,
download: (s=14) => ,
sparkle: (s=14) => ,
};
Object.assign(window, {
APP_FONT, TYPE_META, relTime, formatDate, formatDateFull, formatTime, isSameDay, dateKey,
AppKicker, AppH2, IconBtn, Icons,
});