Next

.gitignore

@@ -1,10 +1,24 @@
-.DS_Store
+test-results
 node_modules
-/build
+
+# Output
+.output
+.vercel
+.netlify
+.wrangler
 /.svelte-kit
-/package
+/build
+
+# OS
+.DS_Store
+Thumbs.db
+
+# Env
 .env
 .env.*
 !.env.example
+!.env.test
+
+# Vite
 vite.config.js.timestamp-*
 vite.config.ts.timestamp-*

.prettierignore

@@ -1,13 +1,4 @@
-.DS_Store
-node_modules
-/build
-/.svelte-kit
-/package
-.env
-.env.*
-!.env.example
-
-# Ignore files for PNPM, NPM and YARN
-pnpm-lock.yaml
+# Package Managers
 package-lock.json
+pnpm-lock.yaml
 yarn.lock

.prettierrc

@@ -3,7 +3,16 @@
 	"singleQuote": true,
 	"trailingComma": "none",
 	"printWidth": 100,
-	"plugins": ["prettier-plugin-svelte"],
-	"pluginSearchDirs": ["."],
-	"overrides": [{ "files": "*.svelte", "options": { "parser": "svelte" } }]
+	"plugins": [
+		"prettier-plugin-svelte",
+		"prettier-plugin-tailwindcss"
+	],
+	"overrides": [
+		{
+			"files": "*.svelte",
+			"options": {
+				"parser": "svelte"
+			}
+		}
+	]
 }

README.md

@@ -1,3 +1,3 @@
 # 아이템 시뮬레이터
 
-[itemsim.com](https://itemsim.com)
+itemsim.com

components.json

@@ -0,0 +1,16 @@
+{
+	"$schema": "https://shadcn-svelte.com/schema.json",
+	"tailwind": {
+		"css": "src\\app.css",
+		"baseColor": "slate"
+	},
+	"aliases": {
+		"components": "$lib/components",
+		"utils": "$lib/utils",
+		"ui": "$lib/components/ui",
+		"hooks": "$lib/hooks",
+		"lib": "$lib"
+	},
+	"typescript": true,
+	"registry": "https://shadcn-svelte.com/registry"
+}

e2e/demo.test.ts

@@ -0,0 +1,6 @@
+import { expect, test } from '@playwright/test';
+
+test('home page has expected h1', async ({ page }) => {
+	await page.goto('/');
+	await expect(page.locator('h1')).toBeVisible();
+});

eslint.config.js

@@ -0,0 +1,39 @@
+import prettier from "eslint-config-prettier";
+import js from '@eslint/js';
+import { includeIgnoreFile } from '@eslint/compat';
+import svelte from 'eslint-plugin-svelte';
+import globals from 'globals';
+import { fileURLToPath } from 'node:url';
+import ts from 'typescript-eslint';
+import svelteConfig from './svelte.config.js';
+const gitignorePath = fileURLToPath(new URL("./.gitignore", import.meta.url));
+
+export default ts.config(
+  includeIgnoreFile(gitignorePath),
+  js.configs.recommended,
+  ...ts.configs.recommended,
+  ...svelte.configs.recommended,
+  prettier,
+  ...svelte.configs['flat/prettier'],
+  {
+    languageOptions: {
+	  globals: {
+	    ...globals.browser,
+	    ...globals.node
+	  }
+	}
+  },
+  {
+    files: ["**/*.svelte", "**/*.svelte.ts", "**/*.svelte.js"],
+    ignores: ["eslint.config.js", "svelte.config.js"],
+
+    languageOptions: {
+	  parserOptions: {
+	    projectService: true,
+	    extraFileExtensions: ['.svelte'],
+	    parser: ts.parser,
+	    svelteConfig
+	  }
+	}
+  }
+);

package.json

@@ -1,46 +1,73 @@
 {
 	"name": "itemsim",
-	"version": "0.0.1",
 	"private": true,
+	"version": "0.0.1",
 	"type": "module",
 	"scripts": {
 		"dev": "vite dev",
 		"build": "vite build",
 		"preview": "vite preview",
-		"test": "playwright test",
+		"prepare": "svelte-kit sync || echo ''",
 		"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
 		"check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
+		"format": "prettier --write .",
+		"lint": "prettier --check . && eslint .",
 		"test:unit": "vitest",
-		"lint": "prettier --plugin-search-dir . --check . && eslint .",
-		"format": "prettier --plugin-search-dir . --write ."
+		"test": "npm run test:unit -- --run && npm run test:e2e",
+		"test:e2e": "playwright test"
 	},
 	"devDependencies": {
-		"@playwright/test": "^1.43.1",
-		"@sveltejs/adapter-auto": "^2.1.1",
-		"@sveltejs/adapter-cloudflare": "^2.3.4",
-		"@sveltejs/kit": "^1.30.4",
-		"@typescript-eslint/eslint-plugin": "^5.62.0",
-		"@typescript-eslint/parser": "^5.62.0",
-		"carbon-components-svelte": "^0.73.5",
-		"carbon-icons-svelte": "^11.4.0",
-		"eslint": "^8.57.0",
-		"eslint-config-prettier": "^8.10.0",
-		"eslint-plugin-svelte3": "^4.0.0",
-		"lz-string": "^1.5.0",
-		"prettier": "^2.8.8",
-		"prettier-plugin-svelte": "^2.10.1",
-		"sass": "^1.75.0",
-		"svelte": "^3.59.2",
-		"svelte-check": "^3.6.9",
-		"tslib": "^2.6.2",
-		"typescript": "^5.4.5",
-		"vite": "^4.5.3",
-		"vitest": "^0.29.8"
+		"@eslint/compat": "^1.2.9",
+		"@eslint/js": "^9.27.0",
+		"@internationalized/date": "^3.8.1",
+		"@lucide/svelte": "^0.515.0",
+		"@playwright/test": "^1.52.0",
+		"@sveltejs/adapter-auto": "^4.0.0",
+		"@sveltejs/adapter-cloudflare": "^7.0.3",
+		"@sveltejs/kit": "^2.21.1",
+		"@sveltejs/vite-plugin-svelte": "^5.0.3",
+		"@tailwindcss/vite": "^4.1.7",
+		"@testing-library/jest-dom": "^6.6.3",
+		"@testing-library/svelte": "^5.2.8",
+		"bits-ui": "^2.9.6",
+		"clsx": "^2.1.1",
+		"eslint": "^9.27.0",
+		"eslint-config-prettier": "^10.1.5",
+		"eslint-plugin-svelte": "^3.9.0",
+		"globals": "^16.1.0",
+		"jsdom": "^26.1.0",
+		"mode-watcher": "^1.0.7",
+		"prettier": "^3.5.3",
+		"prettier-plugin-svelte": "^3.4.0",
+		"prettier-plugin-tailwindcss": "^0.6.11",
+		"svelte": "^5.33.1",
+		"svelte-check": "^4.2.1",
+		"svelte-sonner": "^1.0.1",
+		"tailwind-merge": "^3.3.0",
+		"tailwind-variants": "^1.0.0",
+		"tailwindcss": "^4.1.7",
+		"tw-animate-css": "^1.3.0",
+		"typescript": "^5.8.3",
+		"typescript-eslint": "^8.32.1",
+		"vaul-svelte": "1.0.0-next.7",
+		"vite": "^6.3.5",
+		"vitest": "^3.1.4"
+	},
+	"pnpm": {
+		"onlyBuiltDependencies": [
+			"esbuild"
+		]
 	},
+	"packageManager": "pnpm@9.15.2+sha512.93e57b0126f0df74ce6bff29680394c0ba54ec47246b9cf321f0121d8d9bb03f750a705f24edc3c1180853afd7c2c3b94196d0a3d53d3e069d9e2793ef11f321",
 	"dependencies": {
-		"@malib/gear": "^0.15.1",
-		"html-to-image": "^1.11.11",
-		"html2canvas": "^1.4.1",
-		"svelte-local-storage-store": "^0.4.0"
+		"@malib/gear": "1.0.0-next.11",
+		"@tanstack/svelte-query": "https://pkg.pr.new/@tanstack/svelte-query@746b9c5",
+		"dexie": "^4.0.11",
+		"es-hangul": "^2.3.3",
+		"html-to-image": "^1.11.13",
+		"korean-regexp": "^1.0.13",
+		"ky": "^1.8.1",
+		"lucide-svelte": "^0.511.0",
+		"virtua": "^0.41.3"
 	}
 }

playwright.config.ts

@@ -1,11 +1,10 @@
-import type { PlaywrightTestConfig } from '@playwright/test';
+import { defineConfig } from '@playwright/test';
 
-const config: PlaywrightTestConfig = {
-	webServer: {
-		command: 'npm run build && npm run preview',
-		port: 4173
-	},
-	testDir: 'tests'
-};
+export default defineConfig({
+  webServer: {
+    command: 'npm run build && npm run preview',
+    port: 4173
+  },
 
-export default config;
+  testDir: 'e2e'
+});