PostMeta에 slug 필드 추가, url 복사 개선

Author: ph-value

lib/model/post_meta.dart

@@ -7,8 +7,13 @@ class PostMeta {
   final String title;
   final String category;
   final DateTime? date;
+  final String slug;
 
-  PostMeta({required this.title, required this.category, this.date});
+  PostMeta(
+      {required this.title,
+      required this.category,
+      this.date,
+      required this.slug});
 
   factory PostMeta.fromJson(Map<String, dynamic> json) {
     final rawTitle = (json['title'] ?? '').toString().trim();
@@ -21,13 +26,21 @@ class PostMeta {
         dt = DateTime.parse(rawDate);
       } catch (_) {}
     }
-    return PostMeta(title: rawTitle, category: rawCategory, date: dt);
+
+    final rawSlug = Uri.encodeComponent((json['slug'] ?? '')
+        .toString()
+        .trim()
+        .replaceAll(RegExp(r'^-+|-+$'), ''));
+
+    return PostMeta(
+        title: rawTitle, category: rawCategory, date: dt, slug: rawSlug);
   }
 
   PostMeta withFallbacks({required String fallbackTitle}) => PostMeta(
         title: title.isNotEmpty ? title : fallbackTitle,
         category: category.isNotEmpty ? category : 'Uncategorized',
         date: date,
+        slug: slug,
       );
 }
 

lib/pages/post_list_page.dart

@@ -1,7 +1,9 @@
 import 'package:flutter/material.dart';
 import 'package:flutter/services.dart';
 import 'package:intl/intl.dart';
-import 'dart:html' as html;
+import 'package:web/web.dart' as web;
+import 'dart:js_interop';
+
 import 'package:markdown_widget/markdown_widget.dart';
 import 'package:sando_diary/model/post_meta.dart';
 
@@ -25,15 +27,17 @@ class _PostListPageState extends State<PostListPage> {
   }
 
   void _launchURLInNewTab(String url) {
-    html.window.open(url, '_blank');
+    web.window.open(url, '_blank');
   }
 
   void _copyCurrentPostUrlToClipboard() {
-    final currentUrl = html.window.location.href; // 현재 페이지의 URL 가져오기
-    Clipboard.setData(ClipboardData(text: currentUrl)); // URL을 클립보드에 복사
+    final postUrl =
+        Uri.base.resolve('/posts/${currentPost.meta.slug}').toString();
+    print('Copy URL: $postUrl');
+    Clipboard.setData(ClipboardData(text: postUrl));
 
     ScaffoldMessenger.of(context).showSnackBar(
-      SnackBar(content: Text('URL copied to clipboard!')),
+      const SnackBar(content: Text('URL copied to clipboard!')),
     );
   }
 
@@ -52,7 +56,7 @@ class _PostListPageState extends State<PostListPage> {
             data: currentDoc.body,
             config: MarkdownConfig(configs: [
               LinkConfig(
-                style: TextStyle(
+                style: const TextStyle(
                   color: Colors.cyan,
                   decoration: TextDecoration.underline,
                 ),
@@ -72,7 +76,7 @@ class _PostListPageState extends State<PostListPage> {
     return Scaffold(
       appBar: !isShowPostDetail
           ? AppBar(
-              title: Text('Blog Posts'),
+              title: const Text('Blog Posts'),
             )
           : AppBar(
               elevation: 0,
@@ -84,7 +88,7 @@ class _PostListPageState extends State<PostListPage> {
               leading: BackButton(
                 onPressed: () => setState(() {
                   isShowPostDetail = false;
-                  html.window.history.pushState(null, 'Posts', '/');
+                  web.window.history.pushState(null, 'Posts', '/');
                 }),
               ),
               actions: [

post/markdown_example.md

@@ -2,6 +2,7 @@
 title: 예제 마크다운 Test...!
 date: 2024-08-14
 category: Test
+slug: example_markdown
 ---
 
 # h1 Heading 8-)

pubspec.lock

@@ -470,7 +470,7 @@ packages:
     source: hosted
     version: "15.0.0"
   web:
-    dependency: transitive
+    dependency: "direct main"
     description:
       name: web
       sha256: "868d88a33d8a87b18ffc05f9f030ba328ffefba92d6c127917a2ba740f9cfe4a"

pubspec.yaml

@@ -19,8 +19,10 @@ dependencies:
   markdown_widget: ^2.3.2+6
   cosmic_frontmatter: ^1.0.3
   intl: ^0.20.2
+
   yaml: ^3.1.2
   url_launcher: ^6.0.20
+  web: ^1.1.1
 
 dev_dependencies:
   flutter_test: