Update-2025-02-10

Author: northprint

.dockerignore

@@ -0,0 +1,3 @@
+cdk
+node_modules
+dynamodb

.gitignore

@@ -0,0 +1,27 @@
+node_modules
+
+# Output
+.output
+.vercel
+/.svelte-kit
+/build
+/coverage
+
+# OS
+.DS_Store
+Thumbs.db
+
+# Env
+.env
+.env.*
+!.env.example
+!.env.test
+!.env.docker
+!.env.development
+
+
+# Vite
+vite.config.js.timestamp-*
+vite.config.ts.timestamp-*
+
+*storybook.log

.npmrc

@@ -0,0 +1 @@
+engine-strict=true

.prettierignore

@@ -0,0 +1,4 @@
+# Package Managers
+package-lock.json
+pnpm-lock.yaml
+yarn.lock

.prettierrc

@@ -0,0 +1,17 @@
+{
+    "tabWidth": 4,
+	"useTabs": true,
+	"singleQuote": true,
+	"trailingComma": "none",
+	"printWidth": 100,
+	"htmlWhitespaceSensitivity": "ignore",
+	"plugins": ["prettier-plugin-svelte", "prettier-plugin-tailwindcss"],
+	"overrides": [
+		{
+			"files": "*.svelte",
+			"options": {
+				"parser": "svelte"
+			}
+		}
+	]
+}

.storybook/main.ts

@@ -0,0 +1,16 @@
+import type { StorybookConfig } from '@storybook/sveltekit';
+
+const config: StorybookConfig = {
+	stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|ts|svelte)'],
+	addons: [
+		'@storybook/addon-svelte-csf',
+		'@storybook/addon-essentials',
+		'@chromatic-com/storybook',
+		'@storybook/addon-interactions'
+	],
+	framework: {
+		name: '@storybook/sveltekit',
+		options: {}
+	}
+};
+export default config;

.storybook/preview.ts

@@ -0,0 +1,15 @@
+import type { Preview } from '@storybook/svelte';
+import '../src/app.css';
+
+const preview: Preview = {
+	parameters: {
+		controls: {
+			matchers: {
+				color: /(background|color)$/i,
+				date: /Date$/i
+			}
+		}
+	}
+};
+
+export default preview;

.tool-versions

@@ -0,0 +1 @@
+nodejs 22.8.0

Dockerfile

@@ -0,0 +1,21 @@
+FROM public.ecr.aws/docker/library/node:22-bookworm-slim
+
+# Lambda WebAdapter
+COPY --from=public.ecr.aws/awsguru/aws-lambda-adapter:0.8.4 /lambda-adapter /opt/extensions/lambda-adapter
+ENV PORT=3000
+
+# 日本時間 (Asia/Tokyo) の設定
+RUN apt-get update && apt-get install -y tzdata && \
+    ln -sf /usr/share/zoneinfo/Asia/Tokyo /etc/localtime && \
+    dpkg-reconfigure -f noninteractive tzdata
+
+WORKDIR /app
+RUN npm install -g pnpm
+COPY package.json pnpm-lock.yaml ./
+# ランタイムに必要な依存関係のみをインストール
+RUN pnpm install --prod
+
+COPY ./build ./build
+
+CMD ["node", "/app/build/index.js"]
+#CMD ["ORIGIN=http://localhost:3000 node /app/build/index.js"]

Dockerfile.Svelte

@@ -0,0 +1,23 @@
+# Node.js 22 をベースにする
+FROM node:22
+
+# 日本時間 (Asia/Tokyo) の設定
+RUN apt-get update && apt-get install -y tzdata && \
+    ln -sf /usr/share/zoneinfo/Asia/Tokyo /etc/localtime && \
+    dpkg-reconfigure -f noninteractive tzdata
+
+
+# 作業ディレクトリを設定
+WORKDIR /app
+
+# pnpm をインストール
+RUN corepack enable
+
+# package.json と pnpm-lock.yaml をコピー
+COPY package.json pnpm-lock.yaml ./
+
+# 依存関係をインストール
+RUN pnpm install
+
+EXPOSE 5173
+CMD ["pnpm", "run", "docker","--host"]

Makefile

@@ -0,0 +1,70 @@
+.PHONY: help init remove_node_modules docker_build docker_down data_init cdk_synth cdk_diff cdk_deploy cdk_destroy lint logs svelte_build
+
+# .env ファイルを読み込む
+# -include .env
+
+help: ## このヘルプを表示
+	@grep -E '^[a-zA-Z_-]+:.*?## .*$$' $(MAKEFILE_LIST) | sort | awk 'BEGIN {FS = ":.*?## "}; {printf "\033[36m%-30s\033[0m %s\n", $$1, $$2}'
+
+init: ## 開発環境の初期設定
+	[ -f .env ] || cp .env.example .env
+	pnpm install
+
+remove_node_modules: ## node_modulesを削除
+	rm -rf ./node_modules
+	pnpm store prune
+
+docker_build: ## Dockerイメージをビルド
+	docker compose up -d --build --wait
+
+docker_down: ## 開発環境を停止
+	docker compose down -v --rmi all
+
+data_init: ## DynamoDBの初期データを設定
+	-@docker exec -w /dynamodb awscli-local /bin/bash -c "sh data_input.sh"
+	-@docker exec -w /dynamodb mosiri-minio-1 /bin/bash -c "sh minio_set.sh"
+
+lint: ## リントを実行
+	pnpm install
+	npx eslint src
+
+STACK_DIR := ./cdk/backend-stack
+
+svelte_build: ## Svelteのビルド
+	pnpm install
+	pnpm build
+
+cdk_synth: ## CDKを利用して差分表示
+	export AWS_ACCESS_KEY_ID==$(AWS_ACCESS_KEY_ID)
+	export AWS_DEFAULT_REGION=$(AWS_DEFAULT_REGION)
+	cd $(STACK_DIR) && pnpm build && npx cdk synth  --context env=development > stack_out.yaml
+
+cdk_diff: svelte_build cdk_synth ## CDKを利用して差分表示
+	export AWS_ACCESS_KEY_ID==$(AWS_ACCESS_KEY_ID)
+	export AWS_DEFAULT_REGION=$(AWS_DEFAULT_REGION)
+	cd $(STACK_DIR) && npx cdk diff -v --context stage=develop
+
+cdk_deploy: cdk_diff ## CDKを利用してAWSのアカウントにデプロイ
+	export AWS_ACCESS_KEY_ID==$(AWS_ACCESS_KEY_ID)
+	export AWS_DEFAULT_REGION=$(AWS_DEFAULT_REGION)
+	cd $(STACK_DIR) && npx cdk deploy --require-approval never --context env=development
+
+WALLSTAT_STACK_DIR := ./cdk/wallstat-batch-stack
+
+cdk_synth_w: ## CDKを利用して差分表示
+	export AWS_ACCESS_KEY_ID==$(AWS_ACCESS_KEY_ID)
+	export AWS_DEFAULT_REGION=$(AWS_DEFAULT_REGION)
+	cd $(WALLSTAT_STACK_DIR) && pnpm build && npx cdk synth  --context env=development > stack_out.yaml
+
+cdk_diff_w: cdk_synth ## CDKを利用して差分表示
+	export AWS_ACCESS_KEY_ID=$(AWS_ACCESS_KEY_ID)
+	export AWS_DEFAULT_REGION=$(AWS_DEFAULT_REGION)
+	cd $(WALLSTAT_STACK_DIR) && npx cdk diff -v --context stage=develop
+
+cdk_deploy_w: cdk_diff ## CDKを利用してAWSのアカウントにデプロイ
+	export AWS_ACCESS_KEY_ID=$(AWS_ACCESS_KEY_ID)
+	export AWS_DEFAULT_REGION=$(AWS_DEFAULT_REGION)
+	cd $(WALLSTAT_STACK_DIR) && npx cdk deploy --require-approval never --context env=development
+
+logs:
+	docker logs -f mosiri-sveltekit-1