-
+
diff --git a/workspaces/client/src/pages/program/components/ProgramPage.tsx b/workspaces/client/src/pages/program/components/ProgramPage.tsx
index d13dc9426..dc4ac66c5 100644
--- a/workspaces/client/src/pages/program/components/ProgramPage.tsx
+++ b/workspaces/client/src/pages/program/components/ProgramPage.tsx
@@ -107,6 +107,7 @@ export const ProgramPage = () => {
この番組は放送が終了しました
見逃し視聴する
diff --git a/workspaces/client/src/pages/timetable/components/ProgramDetailDialog.tsx b/workspaces/client/src/pages/timetable/components/ProgramDetailDialog.tsx
index 41e0ec14c..7ff7e9616 100644
--- a/workspaces/client/src/pages/timetable/components/ProgramDetailDialog.tsx
+++ b/workspaces/client/src/pages/timetable/components/ProgramDetailDialog.tsx
@@ -55,6 +55,7 @@ export const ProgramDetailDialog = ({ isOpen, program }: Props): ReactElement =>
diff --git a/workspaces/client/src/pages/timetable/stores/createTimetablePageStoreSlice.ts b/workspaces/client/src/pages/timetable/stores/createTimetablePageStoreSlice.ts
index ed190b39b..de9663f6e 100644
--- a/workspaces/client/src/pages/timetable/stores/createTimetablePageStoreSlice.ts
+++ b/workspaces/client/src/pages/timetable/stores/createTimetablePageStoreSlice.ts
@@ -2,7 +2,7 @@ import { lens } from '@dhmk/zustand-lens';
import { StandardSchemaV1 } from '@standard-schema/spec';
import * as schema from '@wsh-2025/schema/src/api/schema';
import { produce } from 'immer';
-import _ from 'lodash';
+import debounce from 'lodash/debounce';
import { ArrayValues } from 'type-fest';
import { DEFAULT_WIDTH } from '@wsh-2025/client/src/features/timetable/constants/grid_size';
@@ -41,7 +41,7 @@ export const createTimetablePageStoreSlice = () => {
},
columnWidthRecord: {},
currentUnixtimeMs: 0,
- refreshCurrentUnixtimeMs: _.debounce(() => {
+ refreshCurrentUnixtimeMs: debounce(() => {
set(() => ({
currentUnixtimeMs: Date.now(),
}));
diff --git a/workspaces/client/src/setups/unocss.ts b/workspaces/client/src/setups/unocss.ts
index d8e91da31..e3e1ef646 100644
--- a/workspaces/client/src/setups/unocss.ts
+++ b/workspaces/client/src/setups/unocss.ts
@@ -1,5 +1,3 @@
-import { IconifyJSON } from '@iconify/types';
-import presetIcons from '@unocss/preset-icons/browser';
import presetWind3 from '@unocss/preset-wind3';
import initUnocssRuntime, { defineConfig } from '@unocss/runtime';
@@ -45,24 +43,7 @@ async function init() {
`,
},
],
- presets: [
- presetWind3(),
- presetIcons({
- collections: {
- bi: () => import('@iconify/json/json/bi.json').then((m): IconifyJSON => m.default as IconifyJSON),
- bx: () => import('@iconify/json/json/bx.json').then((m): IconifyJSON => m.default as IconifyJSON),
- 'fa-regular': () =>
- import('@iconify/json/json/fa-regular.json').then((m): IconifyJSON => m.default as IconifyJSON),
- 'fa-solid': () =>
- import('@iconify/json/json/fa-solid.json').then((m): IconifyJSON => m.default as IconifyJSON),
- fluent: () => import('@iconify/json/json/fluent.json').then((m): IconifyJSON => m.default as IconifyJSON),
- 'line-md': () =>
- import('@iconify/json/json/line-md.json').then((m): IconifyJSON => m.default as IconifyJSON),
- 'material-symbols': () =>
- import('@iconify/json/json/material-symbols.json').then((m): IconifyJSON => m.default as IconifyJSON),
- },
- }),
- ],
+ presets: [presetWind3()],
}),
});
}
diff --git a/workspaces/client/webpack.config.mjs b/workspaces/client/webpack.config.mjs
index 9164a996e..16421b177 100644
--- a/workspaces/client/webpack.config.mjs
+++ b/workspaces/client/webpack.config.mjs
@@ -1,19 +1,22 @@
import path from 'node:path';
+// import CompressionPlugin from 'compression-webpack-plugin';
+// import TerserPlugin from 'terser-webpack-plugin';
import webpack from 'webpack';
+// import { BundleAnalyzerPlugin } from 'webpack-bundle-analyzer';
/** @type {import('webpack').Configuration} */
const config = {
- devtool: 'inline-source-map',
+ // 本番モードで最適化
+ devtool: false, // ソースマップを無効化で軽量化
entry: './src/main.tsx',
- mode: 'none',
+ mode: 'production',
+
module: {
rules: [
{
exclude: [/node_modules\/video\.js/, /node_modules\/@videojs/],
- resolve: {
- fullySpecified: false,
- },
+ resolve: { fullySpecified: false },
test: /\.(?:js|mjs|cjs|jsx|ts|mts|cts|tsx)$/,
use: {
loader: 'babel-loader',
@@ -23,8 +26,9 @@ const config = {
'@babel/preset-env',
{
corejs: '3.41',
- forceAllTransforms: true,
- targets: 'defaults',
+ // 最新版のみ対象
+ forceAllTransforms: false,
+ targets: 'last 1 version',
useBuiltIns: 'entry',
},
],
@@ -45,27 +49,33 @@ const config = {
{
resourceQuery: /arraybuffer/,
type: 'javascript/auto',
- use: {
- loader: 'arraybuffer-loader',
- },
+ use: { loader: 'arraybuffer-loader' },
},
],
},
+
+ optimization: {
+ minimize: true,
+ usedExports: true, // 未使用コードの削除
+ },
+
output: {
+ // ハッシュ付きでキャッシュ防止
chunkFilename: 'chunk-[contenthash].js',
chunkFormat: false,
filename: 'main.js',
path: path.resolve(import.meta.dirname, './dist'),
publicPath: 'auto',
},
+
plugins: [
- new webpack.optimize.LimitChunkCountPlugin({ maxChunks: 1 }),
- new webpack.EnvironmentPlugin({ API_BASE_URL: '/api', NODE_ENV: '' }),
+ new webpack.EnvironmentPlugin({ API_BASE_URL: '/api', NODE_ENV: 'production' }),
+ // new BundleAnalyzerPlugin()
],
resolve: {
alias: {
'@ffmpeg/core$': path.resolve(import.meta.dirname, 'node_modules', '@ffmpeg/core/dist/umd/ffmpeg-core.js'),
- '@ffmpeg/core/wasm$': path.resolve(import.meta.dirname, 'node_modules', '@ffmpeg/core/dist/umd/ffmpeg-core.wasm'),
+ // '@ffmpeg/core/wasm$': path.resolve(import.meta.dirname, 'node_modules', '@ffmpeg/core/dist/umd/ffmpeg-core.wasm'),
},
extensions: ['.js', '.cjs', '.mjs', '.ts', '.cts', '.mts', '.tsx', '.jsx'],
},
diff --git a/workspaces/schema/src/openapi/schema.ts b/workspaces/schema/src/openapi/schema.ts
index fb64a2f3d..16157199b 100644
--- a/workspaces/schema/src/openapi/schema.ts
+++ b/workspaces/schema/src/openapi/schema.ts
@@ -6,7 +6,7 @@ import { z } from 'zod';
import * as databaseSchema from '@wsh-2025/schema/src/database/schema';
-function assertSchema(_actual: z.ZodType>, _expected: z.ZodType): void {}
+function assertSchema(_actual: z.ZodType>, _expected: z.ZodType): void { }
const channel = z.object({
id: z.string().openapi({ format: 'uuid' }),
@@ -20,7 +20,7 @@ const episode = z.object({
title: z.string().openapi({ example: '第1話 吾輩は猫である' }),
description: z.string().openapi({
example:
- '『吾輩は猫である』（わがはいはねこである）は、夏目漱石の長編小説であり、処女小説である。1905年（明治38年）1月、『ホトトギス』にて発表されたのだが、好評を博したため、翌1906年（明治39年）8月まで継続した。上、1906年10月刊、中、1906年11月刊、下、1907年5月刊。この文章は、クリエイティブ・コモンズ 表示-継承 4.0 国際 パブリック・ライセンスのもとで公表されたウィキペディアの項目「吾輩は猫である」（https://ja.wikipedia.org/wiki/吾輩は猫である）を素材として二次利用しています。',
+ '『吾輩は猫である』（わがはいはねこである）は、',
}),
order: z.number().openapi({ example: 1 }),
seriesId: z.string().openapi({ format: 'uuid' }),
@@ -37,7 +37,7 @@ const series = z.object({
title: z.string().openapi({ example: '吾輩は猫である' }),
description: z.string().openapi({
example:
- '『吾輩は猫である』（わがはいはねこである）は、夏目漱石の長編小説であり、処女小説である。1905年（明治38年）1月、『ホトトギス』にて発表されたのだが、好評を博したため、翌1906年（明治39年）8月まで継続した。上、1906年10月刊、中、1906年11月刊、下、1907年5月刊。この文章は、クリエイティブ・コモンズ 表示-継承 4.0 国際 パブリック・ライセンスのもとで公表されたウィキペディアの項目「吾輩は猫である」（https://ja.wikipedia.org/wiki/吾輩は猫である）を素材として二次利用しています。',
+ '『吾輩は猫である』',
}),
thumbnailUrl: z.string().openapi({
example: 'https://image.example.com/assets/d13d2e22-a7ff-44ba-94a3-5f025f2b63cd.png',
@@ -50,7 +50,7 @@ const program = z.object({
title: z.string().openapi({ example: '吾輩は猫である' }),
description: z.string().openapi({
example:
- '『吾輩は猫である』（わがはいはねこである）は、夏目漱石の長編小説であり、処女小説である。1905年（明治38年）1月、『ホトトギス』にて発表されたのだが、好評を博したため、翌1906年（明治39年）8月まで継続した。上、1906年10月刊、中、1906年11月刊、下、1907年5月刊。この文章は、クリエイティブ・コモンズ 表示-継承 4.0 国際 パブリック・ライセンスのもとで公表されたウィキペディアの項目「吾輩は猫である」（https://ja.wikipedia.org/wiki/吾輩は猫である）を素材として二次利用しています。',
+ '『吾輩は猫である』',
}),
startAt: z.string().openapi({ format: 'date-time' }),
endAt: z.string().openapi({ format: 'date-time' }),
@@ -176,6 +176,7 @@ export const getProgramByIdResponse = program.extend({
// GET /recommended/:referenceId
export const getRecommendedModulesRequestParams = z.object({
+ limit: z.number().optional(),
referenceId: z.string(),
});
export const getRecommendedModulesResponse = z.array(
diff --git a/workspaces/server/database.sqlite b/workspaces/server/database.sqlite
index 5afaf4e28..6a857d8a0 100644
Binary files a/workspaces/server/database.sqlite and b/workspaces/server/database.sqlite differ
diff --git a/workspaces/server/src/api.ts b/workspaces/server/src/api.ts
index 635624b1f..18903e480 100644
--- a/workspaces/server/src/api.ts
+++ b/workspaces/server/src/api.ts
@@ -476,6 +476,7 @@ export async function registerApi(app: FastifyInstance): Promise {
where(module, { eq }) {
return eq(module.referenceId, req.params.referenceId);
},
+ limit: req.params.limit,
with: {
items: {
orderBy(item, { asc }) {
diff --git a/workspaces/server/src/index.ts b/workspaces/server/src/index.ts
index e02ab7613..1e2a13a9b 100644
--- a/workspaces/server/src/index.ts
+++ b/workspaces/server/src/index.ts
@@ -14,7 +14,7 @@ async function main() {
const app = fastify();
app.addHook('onSend', async (_req, reply) => {
- reply.header('cache-control', 'no-store');
+ reply.header('cache-control', 'public, max-age=604800'); // 604800秒 = 1週間
});
app.register(cors, {
origin: true,
diff --git a/workspaces/server/src/ssr.tsx b/workspaces/server/src/ssr.tsx
index 7603aafdd..afb3af4c3 100644
--- a/workspaces/server/src/ssr.tsx
+++ b/workspaces/server/src/ssr.tsx
@@ -1,4 +1,4 @@
-import { readdirSync } from 'node:fs';
+// import { readdirSync } from 'node:fs';
import path from 'node:path';
import { fileURLToPath } from 'node:url';
@@ -8,22 +8,22 @@ import { createRoutes } from '@wsh-2025/client/src/app/createRoutes';
import { createStore } from '@wsh-2025/client/src/app/createStore';
import type { FastifyInstance } from 'fastify';
import { createStandardRequest } from 'fastify-standard-request-reply';
-import htmlescape from 'htmlescape';
+// import htmlescape from 'htmlescape';
import { StrictMode } from 'react';
import { renderToString } from 'react-dom/server';
import { createStaticHandler, createStaticRouter, StaticRouterProvider } from 'react-router';
-function getFiles(parent: string): string[] {
- const dirents = readdirSync(parent, { withFileTypes: true });
- return dirents
- .filter((dirent) => dirent.isFile() && !dirent.name.startsWith('.'))
- .map((dirent) => path.join(parent, dirent.name));
-}
+// function getFiles(parent: string): string[] {
+// const dirents = readdirSync(parent, { withFileTypes: true });
+// return dirents
+// .filter((dirent) => dirent.isFile() && !dirent.name.startsWith('.'))
+// .map((dirent) => path.join(parent, dirent.name));
+// }
-function getFilePaths(relativePath: string, rootDir: string): string[] {
- const files = getFiles(path.resolve(rootDir, relativePath));
- return files.map((file) => path.join('/', path.relative(rootDir, file)));
-}
+// function getFilePaths(relativePath: string, rootDir: string): string[] {
+// const files = getFiles(path.resolve(rootDir, relativePath));
+// return files.map((file) => path.join('/', path.relative(rootDir, file)));
+// }
export function registerSsr(app: FastifyInstance): void {
app.register(fastifyStatic, {
@@ -59,13 +59,13 @@ export function registerSsr(app: FastifyInstance): void {
,
);
- const rootDir = path.resolve(__dirname, '../../../');
- const imagePaths = [
+ // const rootDir = path.resolve(__dirname, '../../../');
+ /* const imagePaths = [
getFilePaths('public/images', rootDir),
getFilePaths('public/animations', rootDir),
getFilePaths('public/logos', rootDir),
].flat();
-
+ */
reply.type('text/html').send(/* html */ `
@@ -73,16 +73,9 @@ export function registerSsr(app: FastifyInstance): void {
- ${imagePaths.map((imagePath) => ``).join('\n')}