${title}

By ${authorName || "Anonymous"} \u2022 ${(/* @__PURE__ */ new Date()).toLocaleDateString("en-US", { year: "numeric", month: "long", day: "numeric" })}

${summary ? `

${summary}

` : ""}

${content.replace(/\n/g, "
")}

`); previewWindow.document.close(); }; return /* @__PURE__ */ import_react.default.createElement("div", { className: "min-h-screen bg-gray-50" }, /* @__PURE__ */ import_react.default.createElement("header", { className: "bg-white shadow-sm border-b" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "max-w-4xl mx-auto px-4 py-6" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "flex items-center gap-4" }, /* @__PURE__ */ import_react.default.createElement( "a", { href: "/", className: "text-gray-600 hover:text-gray-900 flex items-center gap-2" }, /* @__PURE__ */ import_react.default.createElement(import_lucide_react.ArrowLeft, { size: 20 }), "Back to Home" ), /* @__PURE__ */ import_react.default.createElement("h1", { className: "text-2xl font-bold text-gray-900" }, "Write New Post")), /* @__PURE__ */ import_react.default.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ import_react.default.createElement( "button", { type: "button", onClick: handlePreview, className: "px-4 py-2 border border-gray-300 rounded-lg hover:bg-gray-50 flex items-center gap-2" }, /* @__PURE__ */ import_react.default.createElement(import_lucide_react.Eye, { size: 16 }), "Preview" ), /* @__PURE__ */ import_react.default.createElement( "button", { type: "submit", form: "post-form", disabled: createPostMutation.isPending, className: "bg-blue-600 text-white px-6 py-2 rounded-lg hover:bg-blue-700 disabled:opacity-50 flex items-center gap-2" }, /* @__PURE__ */ import_react.default.createElement(import_lucide_react.Save, { size: 16 }), createPostMutation.isPending ? "Saving..." : "Save Post" ))))), /* @__PURE__ */ import_react.default.createElement("main", { className: "max-w-4xl mx-auto px-4 py-8" }, /* @__PURE__ */ import_react.default.createElement("form", { id: "post-form", onSubmit: handleSubmit, className: "space-y-6" }, error && /* @__PURE__ */ import_react.default.createElement("div", { className: "bg-red-50 border border-red-200 rounded-lg p-4 flex items-center gap-3" }, /* @__PURE__ */ import_react.default.createElement(import_lucide_react.AlertCircle, { size: 20, className: "text-red-600" }), /* @__PURE__ */ import_react.default.createElement("p", { className: "text-red-700" }, error)), /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("label", { htmlFor: "title", className: "block text-sm font-medium text-gray-700 mb-2" }, "Post Title *"), /* @__PURE__ */ import_react.default.createElement( "input", { type: "text", id: "title", value: title, onChange: (e) => setTitle(e.target.value), placeholder: "Enter an engaging title for your post...", className: "w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent text-lg", required: true } )), /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("label", { htmlFor: "summary", className: "block text-sm font-medium text-gray-700 mb-2" }, "Summary (Optional)"), /* @__PURE__ */ import_react.default.createElement( "textarea", { id: "summary", value: summary, onChange: (e) => setSummary(e.target.value), placeholder: "Write a brief summary of your post...", rows: "3", className: "w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent" } )), /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("label", { htmlFor: "content", className: "block text-sm font-medium text-gray-700 mb-2" }, "Content *"), /* @__PURE__ */ import_react.default.createElement( "textarea", { id: "content", value: content, onChange: (e) => setContent(e.target.value), placeholder: "Share your thoughts, ideas, and stories...", rows: "15", className: "w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent", required: true } )), /* @__PURE__ */ import_react.default.createElement("div", { className: "grid md:grid-cols-2 gap-4" }, /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("label", { htmlFor: "authorName", className: "block text-sm font-medium text-gray-700 mb-2" }, "Author Name *"), /* @__PURE__ */ import_react.default.createElement( "input", { type: "text", id: "authorName", value: authorName, onChange: (e) => setAuthorName(e.target.value), placeholder: "Your name", className: "w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent", required: true } )), /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("label", { htmlFor: "authorEmail", className: "block text-sm font-medium text-gray-700 mb-2" }, "Author Email (Optional)"), /* @__PURE__ */ import_react.default.createElement( "input", { type: "email", id: "authorEmail", value: authorEmail, onChange: (e) => setAuthorEmail(e.target.value), placeholder: "your.email@example.com", className: "w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent" } ))), /* @__PURE__ */ import_react.default.createElement("div", { className: "bg-white rounded-lg border p-6" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("h3", { className: "text-lg font-medium text-gray-900" }, "Publication Status"), /* @__PURE__ */ import_react.default.createElement("p", { className: "text-gray-600 mt-1" }, isPublished ? "This post will be published and visible to everyone" : "This post will be saved as a draft")), /* @__PURE__ */ import_react.default.createElement("label", { className: "flex items-center" }, /* @__PURE__ */ import_react.default.createElement( "input", { type: "checkbox", checked: isPublished, onChange: (e) => setIsPublished(e.target.checked), className: "w-4 h-4 text-blue-600 border-gray-300 rounded focus:ring-blue-500" } ), /* @__PURE__ */ import_react.default.createElement("span", { className: "ml-2 text-sm font-medium text-gray-700" }, "Publish immediately"))))))); } // virtual:/apps/web/src/app/layout.jsx init_injected_globals(); var queryClient = new QueryClient({ defaultOptions: { queries: { staleTime: 1e3 * 60 * 5, // 5 minutes cacheTime: 1e3 * 60 * 30, // 30 minutes retry: 1, refetchOnWindowFocus: false } } }); function RootLayout({ children }) { return /* @__PURE__ */ React.createElement(QueryClientProvider, { client: queryClient }, children); } // virtual:/__wrapped_entry__.jsx function WrappedPage(props) { let content = /* @__PURE__ */ import_react2.default.createElement(WritePage, { ...props }); content = /* @__PURE__ */ import_react2.default.createElement(RootLayout, null, content); return content; } return __toCommonJS(wrapped_entry_exports); })(); /*! Bundled license information: react/cjs/react-jsx-runtime.production.min.js: (** * @license React * react-jsx-runtime.production.min.js * * Copyright (c) Facebook, Inc. and its affiliates. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. *) lucide-react/dist/cjs/lucide-react.js: (** * @license lucide-react v0.358.0 - ISC * * This source code is licensed under the ISC license. * See the LICENSE file in the root directory of this source tree. *) */