Add Index and Project

Author: jihoonahn

Package.swift

@@ -29,7 +29,8 @@ let package = Package(
                 .target(name: "Generator")
             ],
             exclude: [
-                "Styles/global.css"
+                "Styles/global.css",
+                "Contents"
             ],
             swiftSettings: [
                 .enableUpcomingFeature("StrictConcurrency")

Public/app/daysquare/Icon.svg

@@ -0,0 +1,17 @@
+{
+  "github": "jihoonahn",
+  "projects": [
+    {"title": "DaySquare", "description": "하루를 위한 앱", "image": "/app/daysquare/Icon.svg", "url": "/projects/daysquare", "group": "App"},
+    {"title": "Layout", "repo": "pelagornis/swift-layout", "group": "Opensource"},
+    {"title": "RefineUI System Icons", "repo": "pelagornis/refineui-system-icons", "group": "Opensource"},
+    {"title": "Rex", "repo": "pelagornis/swift-rex", "group": "Opensource"},
+    {"title": "Network", "repo": "pelagornis/swift-network", "group": "Opensource"},
+    {"title": "DesignTuist", "repo": "jihoonme/designtuist", "group": "Opensource"},
+    {"title": "TuistUI", "repo": "jihoonme/tuistui", "group": "Opensource"},
+    {"title": "File", "repo": "pelagornis/swift-file", "group": "Opensource"},
+    {"title": "Command", "repo": "pelagornis/swift-command", "group": "Opensource"},
+    {"title": "Let's Swift 2023", "description": "LetSwift 컨퍼런스 발표", "date": "2023-12-13", "url": "https://www.youtube.com/watch?v=sh66E-wYOA4", "group": "Speaker"},
+    {"title": "IGA iOS 2023", "description": "iOS Meets ML 발표", "date": "2023-07-08", "url": "https://www.youtube.com/watch?v=ugNe2yFBRDM", "group": "Speaker"},
+    {"title": "제 4회 와글와글 iOS", "description": "와글와글 iOS 발표", "date": "2023-02-05", "url": "https://www.youtube.com/watch?v=rDlcnt31re0", "group": "Speaker"}
+  ]
+}

Public/portfolio.json

@@ -0,0 +1,73 @@
+document.addEventListener('DOMContentLoaded', function() {
+    var root = document.querySelector('.project-mockup-main');
+    if (!root) return;
+    var mockup = document.getElementById('project-device-mockup');
+    var row = root.querySelector('.project-mockup-device-row');
+    var tabs = root.querySelectorAll('.project-mockup-tab');
+    var typeEl = document.getElementById('project-mockup-type');
+
+    if (mockup && row && tabs.length) {
+        tabs.forEach(function(tab) {
+            tab.addEventListener('click', function() {
+                var platform = tab.getAttribute('data-platform');
+                var subtitle = tab.getAttribute('data-subtitle');
+                if (!platform) return;
+                tabs.forEach(function(t) { t.classList.remove('is-active'); });
+                tab.classList.add('is-active');
+                mockup.setAttribute('data-platform', platform);
+                mockup.className = 'device-mockup device-mockup--' + platform;
+                row.setAttribute('data-current-platform', platform);
+                if (typeEl && subtitle) typeEl.textContent = subtitle;
+            });
+        });
+    }
+
+    var viewports = root.querySelectorAll('.device-carousel-viewport');
+    viewports.forEach(function(viewport) {
+        var platform = viewport.getAttribute('data-platform');
+        if (!platform) return;
+        var dots = root.querySelectorAll('.device-carousel-dots[data-platform="' + platform + '"] .device-carousel-dot');
+        if (dots.length === 0) return;
+
+        function slideWidth() {
+            var slide = viewport.querySelector('.device-carousel-slide');
+            return (slide && slide.offsetWidth) ? slide.offsetWidth : viewport.offsetWidth;
+        }
+        function updateDotsFromScroll() {
+            var w = slideWidth();
+            if (w <= 0) return;
+            var i = Math.round(viewport.scrollLeft / w);
+            i = Math.max(0, Math.min(i, dots.length - 1));
+            for (var j = 0; j < dots.length; j++) dots[j].classList.toggle('is-active', j === i);
+        }
+        function goTo(i) {
+            var w = slideWidth();
+            viewport.scrollLeft = i * w;
+            for (var j = 0; j < dots.length; j++) dots[j].classList.toggle('is-active', j === i);
+        }
+        for (var i = 0; i < dots.length; i++) {
+            (function(idx) { dots[idx].addEventListener('click', function() { goTo(idx); }); })(i);
+        }
+        viewport.addEventListener('scroll', updateDotsFromScroll);
+        viewport.addEventListener('touchmove', updateDotsFromScroll);
+        try { viewport.addEventListener('scrollend', updateDotsFromScroll); } catch (e) {}
+        setTimeout(updateDotsFromScroll, 150);
+        requestAnimationFrame(updateDotsFromScroll);
+    });
+
+    var codeBlocks = root.querySelectorAll('.project-mockup-content pre');
+    codeBlocks.forEach(function(pre) {
+        var btn = document.createElement('button');
+        btn.textContent = 'Copy';
+        btn.className = 'copy-code-button';
+        btn.addEventListener('click', function() {
+            var code = pre.querySelector('code');
+            var text = code ? code.textContent : pre.textContent;
+            navigator.clipboard.writeText(text).then(function() {
+                btn.textContent = 'Copied!';
+                setTimeout(function() { btn.textContent = 'Copy'; }, 1500);
+            });
+        });
+        pre.appendChild(btn);
+    });
+});

Public/scripts/project-mockup.js

@@ -59,6 +59,8 @@ public struct Content {
         }
     }
 
+    /// 하위 폴더(예: Contents/Posts)의 .md도 모두 한 리스트로 평탄하게 반환합니다.
+    /// 예: Contents/*.md + Contents/Posts/*.md → 모두 /posts/{slug}/ 로 노출
     private func generatePages(from basePath: String, relativePath: String) throws -> [Page] {
         let fullPath = basePath.isEmpty ? relativePath : (relativePath.isEmpty ? basePath : "\(basePath)/\(relativePath)")
 
@@ -79,14 +81,8 @@ public struct Content {
             fileManager.fileExists(atPath: itemPath, isDirectory: &isDirectory)
 
             if isDirectory.boolValue {
-                let subPages = try generatePages(from: fullPath, relativePath: item)
-                if !subPages.isEmpty {
-                    pages.append(Page(
-                        name: item.capitalized,
-                        path: item,
-                        children: subPages
-                    ))
-                }
+                let subPages = try generatePages(from: basePath, relativePath: relativePath.isEmpty ? item : "\(relativePath)/\(item)")
+                pages.append(contentsOf: subPages)
             } else if item.hasSuffix(".md") {
                 let filePath = Path(itemPath)
                 let file = try File(path: filePath)
@@ -97,7 +93,7 @@ public struct Content {
                 }
 
                 let post = try Post.from(file: item, content: content)
-                let postHTML = layout(post, posts) // 이제 모든 포스트가 로드된 상태
+                let postHTML = layout(post, posts)
 
                 pages.append(Page(
                     name: post.metadata.title,

Sources/Generator/Content.swift

@@ -50,9 +50,11 @@ public final class Generator: Sendable {
         try setupDistFolder()
         try buildTailwindCSS()
         try copyPublicFiles()
+        try enrichPortfolioWithGitHub()
         try generatePages()
         try generateRSSFeed()
         try generateSitemap()
+        try generatePostsJSON()
 
         logger.info("✅ Website generated successfully!")
     }
@@ -115,8 +117,60 @@ public final class Generator: Sendable {
 
         logger.info("✅ Copied \(copiedCount) file(s) from Public folder")
     }
-    
-    
+
+    private func enrichPortfolioWithGitHub() throws {
+        let path = "\(distPath)/portfolio.json"
+        let fileManager = FileManager.default
+        guard fileManager.fileExists(atPath: path) else {
+            logger.info("ℹ️  portfolio.json not found, skipping GitHub enrich")
+            return
+        }
+        let data = try Data(contentsOf: Foundation.URL(fileURLWithPath: path))
+        guard var top = try JSONSerialization.jsonObject(with: data) as? [String: Any],
+              var projects = top["projects"] as? [[String: Any]] else {
+            logger.info("ℹ️  portfolio.json invalid structure, skipping GitHub enrich")
+            return
+        }
+        for i in projects.indices {
+            guard (projects[i]["group"] as? String) == "Opensource",
+                  let repoRaw = projects[i]["repo"] as? String,
+                  !repoRaw.isEmpty else { continue }
+            let repo = repoRaw.trimmingCharacters(in: .whitespacesAndNewlines)
+            guard let url = Foundation.URL(string: "https://api.github.com/repos/\(repo)") else { continue }
+            var req = URLRequest(url: url)
+            req.setValue("application/vnd.github.v3+json", forHTTPHeaderField: "Accept")
+            let (fetchData, _, _) = Self.syncDataTask(with: req)
+            guard let fetchData = fetchData,
+                  let repoInfo = try? JSONSerialization.jsonObject(with: fetchData) as? [String: Any] else {
+                logger.warning("  ⚠️  GitHub API failed for \(repo)")
+                continue
+            }
+            if let stars = repoInfo["stargazers_count"] as? Int {
+                projects[i]["stars"] = stars
+            }
+            if let desc = repoInfo["description"] as? String {
+                projects[i]["description"] = desc
+            }
+            logger.info("  ✓ Enriched: \(repo)")
+        }
+        top["projects"] = projects
+        let outData = try JSONSerialization.data(withJSONObject: top)
+        try outData.write(to: Foundation.URL(fileURLWithPath: path))
+        logger.info("✅ Portfolio enriched with GitHub stars/description")
+    }
+
+    private static func syncDataTask(with request: URLRequest) -> (Data?, URLResponse?, Error?) {
+        final class Box { var value: (Data?, URLResponse?, Error?) = (nil, nil, nil) }
+        let box = Box()
+        let semaphore = DispatchSemaphore(value: 0)
+        URLSession.shared.dataTask(with: request) { data, response, error in
+            box.value = (data, response, error)
+            semaphore.signal()
+        }.resume()
+        semaphore.wait()
+        return box.value
+    }
+
     private func generatePages() throws {
         logger.info("Generating static pages...")
 
@@ -172,6 +226,35 @@ public final class Generator: Sendable {
         logger.info("✅ Sitemap generation complete")
     }
 
+    private func generatePostsJSON() throws {
+        struct PostListItem: Encodable {
+            let title: String
+            let slug: String
+            let date: String
+            let description: String?
+            let image: String?
+            let tags: [String]
+        }
+        let formatter = ISO8601DateFormatter()
+        formatter.formatOptions = [.withInternetDateTime]
+        let items = posts.sorted { $0.metadata.date > $1.metadata.date }.map { post in
+            PostListItem(
+                title: post.metadata.title,
+                slug: post.slug,
+                date: formatter.string(from: post.metadata.date),
+                description: post.metadata.description,
+                image: post.metadata.image,
+                tags: post.metadata.tags
+            )
+        }
+        let data = try JSONEncoder().encode(items)
+        guard let jsonString = String(data: data, encoding: .utf8) else { return }
+        let jsonPath = Path("\(distPath)/posts.json")
+        let file = try File(path: jsonPath)
+        try file.write(jsonString)
+        logger.info("  ✓ Generated: posts.json -> \(distPath)/posts.json")
+    }
+    
     private func generatePage(_ page: Page, basePath: String) throws {
         let fullPath = "\(basePath)/\(page.path)"
 

Sources/Generator/Generator.swift

@@ -7,13 +7,36 @@ public struct PostMetadata: Sendable {
     public let tags: [String]
     public let image: String?
     public let description: String?
-    
-    public init(title: String, date: Date, tags: [String], image: String? = nil, description: String? = nil) {
+    /// 프로젝트 스크린 갤러리용 이미지 URL 배열 (캐러셀 표시, 플랫폼별 없을 때 fallback)
+    public let screens: [String]
+    /// 플랫폼별 스크린: screenshot/ios, screenshot/ipad, screenshot/macos 폴더 기준
+    public let screensIos: [String]
+    public let screensIpad: [String]
+    public let screensMacos: [String]
+    /// 프로젝트 지원 플랫폼 (iOS, iPad, macOS) - 목업 탭 표시용
+    public let platforms: [String]
+
+    public init(title: String, date: Date, tags: [String], image: String? = nil, description: String? = nil, screens: [String] = [], screensIos: [String] = [], screensIpad: [String] = [], screensMacos: [String] = [], platforms: [String] = ["iOS"]) {
         self.title = title
         self.date = date
         self.tags = tags
         self.image = image
         self.description = description
+        self.screens = screens
+        self.screensIos = screensIos
+        self.screensIpad = screensIpad
+        self.screensMacos = screensMacos
+        self.platforms = platforms.isEmpty ? ["iOS"] : platforms
+    }
+
+    /// 플랫폼 키(ios/ipad/mac)에 해당하는 스크린 목록. 없으면 screens 사용
+    public func screens(forPlatformKey key: String) -> [String] {
+        switch key {
+        case "ios": return screensIos.isEmpty ? screens : screensIos
+        case "ipad": return screensIpad.isEmpty ? screens : screensIpad
+        case "mac": return screensMacos.isEmpty ? screens : screensMacos
+        default: return screens
+        }
     }
 }
 
@@ -32,7 +55,7 @@ public struct Post: Sendable {
 
     public static func from(file: String, content: String) throws -> Post {
         // 새로운 Markdown Parser 사용
-        var parser = MarkdownParser()
+        let parser = MarkdownParser()
         let markdown = parser.parse(content)
 
         // slug 생성
@@ -46,8 +69,13 @@ public struct Post: Sendable {
             title: markdown.metadata["title"] ?? "Untitled",
             date: parseDate(from: markdown.metadata["date"]) ?? Date(),
             tags: parseTags(from: markdown.metadata["tags"]),
-            image: parseImage(from: markdown.metadata["image"], slug: slug),
-            description: markdown.metadata["description"]
+            image: parseImage(from: markdown.metadata["image"]),
+            description: markdown.metadata["description"],
+            screens: parseScreens(from: markdown.metadata["screens"]),
+            screensIos: parseScreens(from: markdown.metadata["screens_ios"]),
+            screensIpad: parseScreens(from: markdown.metadata["screens_ipad"]),
+            screensMacos: parseScreens(from: markdown.metadata["screens_macos"]),
+            platforms: parsePlatforms(from: markdown.metadata["platforms"])
         )
 
         return Post(
@@ -94,24 +122,38 @@ public struct Post: Sendable {
         return cleanedValue.components(separatedBy: ",").map { $0.trimmingCharacters(in: .whitespaces) }
     }
 
-    // 이미지 파싱 헬퍼 함수
-    private static func parseImage(from imageString: String?, slug: String) -> String? {
+    // 이미지 파싱: Contents 프론트매터에 적은 경로를 그대로 사용 (Public 기준 루트 상대 경로)
+    private static func parseImage(from imageString: String?) -> String? {
         guard let imageString = imageString else { return nil }
 
-        let trimmedImage = imageString.trimmingCharacters(in: .whitespacesAndNewlines)
+        let trimmed = imageString.trimmingCharacters(in: .whitespacesAndNewlines)
+        guard !trimmed.isEmpty else { return nil }
 
-        // 외부 URL인 경우 (https:// 또는 http://로 시작)
-        if trimmedImage.hasPrefix("https://") || trimmedImage.hasPrefix("http://") {
-            return trimmedImage
+        // 외부 URL 또는 이미 / 로 시작하는 절대 경로 → 그대로 사용
+        if trimmed.hasPrefix("https://") || trimmed.hasPrefix("http://") || trimmed.hasPrefix("/") {
+            return trimmed
         }
-        
-        // 로컬 경로인 경우 /thumbnail/ 경로로 변환
-        if trimmedImage.hasPrefix("/") {
-            // 이미 절대 경로인 경우 그대로 사용
-            return trimmedImage
-        } else {
-            // 상대 경로인 경우 /thumbnail/ 경로로 변환
-            return "/thumbnail/\(trimmedImage)"
+        // 상대 경로 → Public 루트 기준으로 / 경로 (예: thumbnail/foo.svg → /thumbnail/foo.svg, app/daysquare/Icon.svg → /app/daysquare/Icon.svg)
+        return "/" + trimmed
+    }
+
+    /// screens: "url1, url2, url3" 형태 파싱, 각 경로는 parseImage 규칙으로 정규화
+    private static func parseScreens(from screensString: String?) -> [String] {
+        guard let s = screensString else { return [] }
+        let trimmed = s.trimmingCharacters(in: .whitespacesAndNewlines)
+        guard !trimmed.isEmpty else { return [] }
+        return trimmed.components(separatedBy: ",").compactMap { part in
+            let p = part.trimmingCharacters(in: .whitespaces)
+            return parseImage(from: p.isEmpty ? nil : p)
         }
     }
+
+    /// platforms: "iOS, iPad, macOS" 형태 파싱
+    private static func parsePlatforms(from platformsString: String?) -> [String] {
+        guard let s = platformsString else { return ["iOS"] }
+        let trimmed = s.trimmingCharacters(in: .whitespacesAndNewlines)
+        guard !trimmed.isEmpty else { return ["iOS"] }
+        let list = trimmed.components(separatedBy: ",").map { $0.trimmingCharacters(in: .whitespaces) }.filter { !$0.isEmpty }
+        return list.isEmpty ? ["iOS"] : list
+    }
 }

Sources/Generator/Post.swift

@@ -8,7 +8,7 @@ struct Header: Component {
                 ComponentGroup(members: navigation.map { item in
                     Tooltip(text: item.name, position: .bottom) {
                         Link(url: item.href) {
-                            item.icon
+                            navIcon(for: item.href)
                         }
                         .class("flex items-center justify-center hover:bg-neutral-800 hover:text-neutral-400 rounded-full transition-colors duration-200 text-neutral-600 w-12 h-12")
                     }
@@ -38,3 +38,13 @@ struct Header: Component {
         .class("fixed top-8 left-0 right-0 flex justify-between items-center px-6 max-w-2xl mx-auto z-99")
     }
 }
+
+private func navIcon(for href: String) -> Component {
+    switch href {
+    case "/": return HomeIcon()
+    case "/posts": return PostIcon()
+    case "/projects": return PostIcon()
+    case "/about": return PersonIcon()
+    default: return PostIcon()
+    }
+}