@fecommunity/reactpress-template-hello-world 1.0.0-beta.1 → 1.0.0-beta.4

package/.next/server/pages/toolkit-demo.js

@@ -0,0 +1,574 @@
+"use strict";
+(() => {
+var exports = {};
+exports.id = 619;
+exports.ids = [619];
+exports.modules = {
+
+/***/ 875:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (/* binding */ ToolkitDemo),
+/* harmony export */   "getStaticProps": () => (/* binding */ getStaticProps)
+/* harmony export */ });
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(997);
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var styled_jsx_style__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(9816);
+/* harmony import */ var styled_jsx_style__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(styled_jsx_style__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var next_head__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(968);
+/* harmony import */ var next_head__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(next_head__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var next_link__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6843);
+/* harmony import */ var next_link__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(next_link__WEBPACK_IMPORTED_MODULE_3__);
+Object(function webpackMissingModule() { var e = new Error("Cannot find module '@fecommunity/reactpress-toolkit/dist/api/instance'"); e.code = 'MODULE_NOT_FOUND'; throw e; }());
+Object(function webpackMissingModule() { var e = new Error("Cannot find module '@fecommunity/reactpress-toolkit/dist/utils'"); e.code = 'MODULE_NOT_FOUND'; throw e; }());
+/* harmony import */ var _components_Header__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(9503);
+/* harmony import */ var _components_Footer__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(9845);
+
+
+
+
+
+
+
+
+// Create a custom API instance with the desired baseURL
+const customApi = Object(function webpackMissingModule() { var e = new Error("Cannot find module '@fecommunity/reactpress-toolkit/dist/api/instance'"); e.code = 'MODULE_NOT_FOUND'; throw e; }())({
+    baseURL: "https://api.gaoredu.com/"
+});
+// Group utilities under a utils object to match the existing code
+const utils = {
+    formatDate: Object(function webpackMissingModule() { var e = new Error("Cannot find module '@fecommunity/reactpress-toolkit/dist/utils'"); e.code = 'MODULE_NOT_FOUND'; throw e; }()),
+    ApiError: Object(function webpackMissingModule() { var e = new Error("Cannot find module '@fecommunity/reactpress-toolkit/dist/utils'"); e.code = 'MODULE_NOT_FOUND'; throw e; }()),
+    isApiError: Object(function webpackMissingModule() { var e = new Error("Cannot find module '@fecommunity/reactpress-toolkit/dist/utils'"); e.code = 'MODULE_NOT_FOUND'; throw e; }()),
+    deepClone: Object(function webpackMissingModule() { var e = new Error("Cannot find module '@fecommunity/reactpress-toolkit/dist/utils'"); e.code = 'MODULE_NOT_FOUND'; throw e; }())
+};
+function ToolkitDemo({ articles , categories , tags , stats  }) {
+    // Example usage of utils
+    const formatDate = (dateString)=>{
+        const date = new Date(dateString);
+        return utils.formatDate(date, "YYYY-MM-DD");
+    };
+    const handleApiError = (error)=>{
+        if (utils.ApiError.isInstance(error)) {
+            console.error(`API Error ${error.code}: ${error.message}`);
+        } else {
+            console.error("Unknown error:", error);
+        }
+    };
+    return /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
+        className: "jsx-d057c7e17f2a155a" + " " + "container",
+        children: [
+            /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)((next_head__WEBPACK_IMPORTED_MODULE_2___default()), {
+                children: [
+                    /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("title", {
+                        className: "jsx-d057c7e17f2a155a",
+                        children: "Toolkit Demo - Hello World Template"
+                    }),
+                    /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("meta", {
+                        name: "description",
+                        content: "Demonstration of ReactPress Toolkit usage",
+                        className: "jsx-d057c7e17f2a155a"
+                    }),
+                    /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("link", {
+                        rel: "icon",
+                        href: "/favicon.ico",
+                        className: "jsx-d057c7e17f2a155a"
+                    })
+                ]
+            }),
+            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components_Header__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .Z, {}),
+            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("main", {
+                className: "jsx-d057c7e17f2a155a" + " " + "main",
+                children: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
+                    className: "jsx-d057c7e17f2a155a" + " " + "content-wrapper",
+                    children: [
+                        /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
+                            className: "jsx-d057c7e17f2a155a" + " " + "page-header",
+                            children: [
+                                /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("h1", {
+                                    className: "jsx-d057c7e17f2a155a" + " " + "page-title",
+                                    children: "ReactPress Toolkit Demo"
+                                }),
+                                /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("p", {
+                                    className: "jsx-d057c7e17f2a155a" + " " + "page-description",
+                                    children: "This page demonstrates how to use the ReactPress Toolkit to fetch data from the API."
+                                })
+                            ]
+                        }),
+                        /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
+                            className: "jsx-d057c7e17f2a155a" + " " + "demo-section",
+                            children: [
+                                /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("h2", {
+                                    className: "jsx-d057c7e17f2a155a" + " " + "section-title",
+                                    children: "Toolkit Features"
+                                }),
+                                /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
+                                    className: "jsx-d057c7e17f2a155a" + " " + "features-grid",
+                                    children: [
+                                        /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
+                                            className: "jsx-d057c7e17f2a155a" + " " + "feature-card",
+                                            children: [
+                                                /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("h3", {
+                                                    className: "jsx-d057c7e17f2a155a" + " " + "feature-title",
+                                                    children: "API Client"
+                                                }),
+                                                /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("p", {
+                                                    className: "jsx-d057c7e17f2a155a" + " " + "feature-description",
+                                                    children: "Use createApiInstance() to create custom API clients"
+                                                })
+                                            ]
+                                        }),
+                                        /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
+                                            className: "jsx-d057c7e17f2a155a" + " " + "feature-card",
+                                            children: [
+                                                /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("h3", {
+                                                    className: "jsx-d057c7e17f2a155a" + " " + "feature-title",
+                                                    children: "Types"
+                                                }),
+                                                /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("p", {
+                                                    className: "jsx-d057c7e17f2a155a" + " " + "feature-description",
+                                                    children: "Import type definitions like IArticle, ICategory, ITag"
+                                                })
+                                            ]
+                                        }),
+                                        /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
+                                            className: "jsx-d057c7e17f2a155a" + " " + "feature-card",
+                                            children: [
+                                                /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("h3", {
+                                                    className: "jsx-d057c7e17f2a155a" + " " + "feature-title",
+                                                    children: "Utilities"
+                                                }),
+                                                /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("p", {
+                                                    className: "jsx-d057c7e17f2a155a" + " " + "feature-description",
+                                                    children: "Use utility functions like formatDate, ApiError handling"
+                                                })
+                                            ]
+                                        })
+                                    ]
+                                })
+                            ]
+                        }),
+                        /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
+                            className: "jsx-d057c7e17f2a155a" + " " + "stats-section",
+                            children: [
+                                /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("h2", {
+                                    className: "jsx-d057c7e17f2a155a" + " " + "section-title",
+                                    children: "Site Statistics"
+                                }),
+                                /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
+                                    className: "jsx-d057c7e17f2a155a" + " " + "stats-grid",
+                                    children: [
+                                        /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
+                                            className: "jsx-d057c7e17f2a155a" + " " + "stat-card",
+                                            children: [
+                                                /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
+                                                    className: "jsx-d057c7e17f2a155a" + " " + "stat-value",
+                                                    children: stats.articlesCount
+                                                }),
+                                                /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
+                                                    className: "jsx-d057c7e17f2a155a" + " " + "stat-label",
+                                                    children: "Articles"
+                                                })
+                                            ]
+                                        }),
+                                        /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
+                                            className: "jsx-d057c7e17f2a155a" + " " + "stat-card",
+                                            children: [
+                                                /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
+                                                    className: "jsx-d057c7e17f2a155a" + " " + "stat-value",
+                                                    children: stats.categoriesCount
+                                                }),
+                                                /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
+                                                    className: "jsx-d057c7e17f2a155a" + " " + "stat-label",
+                                                    children: "Categories"
+                                                })
+                                            ]
+                                        }),
+                                        /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
+                                            className: "jsx-d057c7e17f2a155a" + " " + "stat-card",
+                                            children: [
+                                                /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
+                                                    className: "jsx-d057c7e17f2a155a" + " " + "stat-value",
+                                                    children: stats.tagsCount
+                                                }),
+                                                /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
+                                                    className: "jsx-d057c7e17f2a155a" + " " + "stat-label",
+                                                    children: "Tags"
+                                                })
+                                            ]
+                                        })
+                                    ]
+                                })
+                            ]
+                        }),
+                        /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
+                            className: "jsx-d057c7e17f2a155a" + " " + "content-section",
+                            children: [
+                                /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("h2", {
+                                    className: "jsx-d057c7e17f2a155a" + " " + "section-title",
+                                    children: "Latest Articles"
+                                }),
+                                /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
+                                    className: "jsx-d057c7e17f2a155a" + " " + "articles-list",
+                                    children: articles.slice(0, 5).map((article)=>/*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
+                                            className: "jsx-d057c7e17f2a155a" + " " + "article-item",
+                                            children: [
+                                                /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("h3", {
+                                                    className: "jsx-d057c7e17f2a155a" + " " + "article-title",
+                                                    children: article.title
+                                                }),
+                                                article.summary && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("p", {
+                                                    className: "jsx-d057c7e17f2a155a" + " " + "article-summary",
+                                                    children: article.summary
+                                                }),
+                                                /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
+                                                    className: "jsx-d057c7e17f2a155a" + " " + "article-meta",
+                                                    children: [
+                                                        article.category && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("span", {
+                                                            className: "jsx-d057c7e17f2a155a" + " " + "article-category",
+                                                            children: article.category.label
+                                                        }),
+                                                        /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("span", {
+                                                            className: "jsx-d057c7e17f2a155a" + " " + "publish-date",
+                                                            children: formatDate(article.publishAt)
+                                                        })
+                                                    ]
+                                                })
+                                            ]
+                                        }, article.id))
+                                })
+                            ]
+                        }),
+                        /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
+                            className: "jsx-d057c7e17f2a155a" + " " + "content-section",
+                            children: [
+                                /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("h2", {
+                                    className: "jsx-d057c7e17f2a155a" + " " + "section-title",
+                                    children: "Categories"
+                                }),
+                                /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
+                                    className: "jsx-d057c7e17f2a155a" + " " + "categories-grid",
+                                    children: categories.map((category)=>/*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
+                                            className: "jsx-d057c7e17f2a155a" + " " + "category-card",
+                                            children: [
+                                                /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("h3", {
+                                                    className: "jsx-d057c7e17f2a155a" + " " + "category-name",
+                                                    children: category.label
+                                                }),
+                                                /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
+                                                    className: "jsx-d057c7e17f2a155a" + " " + "category-count",
+                                                    children: [
+                                                        category.articleCount || 0,
+                                                        " articles"
+                                                    ]
+                                                })
+                                            ]
+                                        }, category.value))
+                                })
+                            ]
+                        }),
+                        /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
+                            className: "jsx-d057c7e17f2a155a" + " " + "content-section",
+                            children: [
+                                /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("h2", {
+                                    className: "jsx-d057c7e17f2a155a" + " " + "section-title",
+                                    children: "Popular Tags"
+                                }),
+                                /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
+                                    className: "jsx-d057c7e17f2a155a" + " " + "tags-list",
+                                    children: tags.slice(0, 20).map((tag)=>/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("span", {
+                                            className: "jsx-d057c7e17f2a155a" + " " + "tag-item",
+                                            children: tag.label
+                                        }, tag.value))
+                                })
+                            ]
+                        }),
+                        /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
+                            className: "jsx-d057c7e17f2a155a" + " " + "cta-section",
+                            children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx((next_link__WEBPACK_IMPORTED_MODULE_3___default()), {
+                                href: "/",
+                                children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("a", {
+                                    className: "jsx-d057c7e17f2a155a" + " " + "back-link",
+                                    children: "← Back to Home"
+                                })
+                            })
+                        })
+                    ]
+                })
+            }),
+            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components_Footer__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z, {}),
+            react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx((styled_jsx_style__WEBPACK_IMPORTED_MODULE_1___default()), {
+                id: "f2753558bab79351",
+                children: ".container.jsx-d057c7e17f2a155a{min-height:100vh;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background-color:#f8f9fa}.main.jsx-d057c7e17f2a155a{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;padding:3rem 0}.content-wrapper.jsx-d057c7e17f2a155a{max-width:1200px;margin:0 auto;padding:0 2rem}.page-header.jsx-d057c7e17f2a155a{text-align:center;margin-bottom:3rem}.page-title.jsx-d057c7e17f2a155a{font-size:2.5rem;font-weight:800;color:#111827;margin:0 0 1rem 0;letter-spacing:-.025em}.page-description.jsx-d057c7e17f2a155a{color:#6b7280;font-size:1.25rem;max-width:700px;margin:0 auto;line-height:1.7}.demo-section.jsx-d057c7e17f2a155a{margin-bottom:3rem}.features-grid.jsx-d057c7e17f2a155a{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.feature-card.jsx-d057c7e17f2a155a{background:#fff;-webkit-border-radius:12px;-moz-border-radius:12px;border-radius:12px;padding:1.5rem;-webkit-box-shadow:0 4px 6px rgba(0,0,0,.05);-moz-box-shadow:0 4px 6px rgba(0,0,0,.05);box-shadow:0 4px 6px rgba(0,0,0,.05);-webkit-transition:all.3s ease;-moz-transition:all.3s ease;-o-transition:all.3s ease;transition:all.3s ease}.feature-card.jsx-d057c7e17f2a155a:hover{-webkit-transform:translateY(-3px);-moz-transform:translateY(-3px);-ms-transform:translateY(-3px);-o-transform:translateY(-3px);transform:translateY(-3px);-webkit-box-shadow:0 10px 20px rgba(0,0,0,.1);-moz-box-shadow:0 10px 20px rgba(0,0,0,.1);box-shadow:0 10px 20px rgba(0,0,0,.1)}.feature-title.jsx-d057c7e17f2a155a{font-size:1.25rem;font-weight:600;color:#111827;margin:0 0 .75rem 0}.feature-description.jsx-d057c7e17f2a155a{color:#6b7280;line-height:1.6;margin:0}.stats-section.jsx-d057c7e17f2a155a{margin-bottom:3rem}.section-title.jsx-d057c7e17f2a155a{font-size:1.75rem;font-weight:700;color:#111827;margin:0 0 1.5rem 0;padding-bottom:.75rem;border-bottom:2px solid#e5e7eb}.stats-grid.jsx-d057c7e17f2a155a{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.stat-card.jsx-d057c7e17f2a155a{background:#fff;-webkit-border-radius:12px;-moz-border-radius:12px;border-radius:12px;padding:2rem;text-align:center;-webkit-box-shadow:0 4px 6px rgba(0,0,0,.05);-moz-box-shadow:0 4px 6px rgba(0,0,0,.05);box-shadow:0 4px 6px rgba(0,0,0,.05);-webkit-transition:all.3s ease;-moz-transition:all.3s ease;-o-transition:all.3s ease;transition:all.3s ease}.stat-card.jsx-d057c7e17f2a155a:hover{-webkit-transform:translateY(-5px);-moz-transform:translateY(-5px);-ms-transform:translateY(-5px);-o-transform:translateY(-5px);transform:translateY(-5px);-webkit-box-shadow:0 10px 20px rgba(0,0,0,.1);-moz-box-shadow:0 10px 20px rgba(0,0,0,.1);box-shadow:0 10px 20px rgba(0,0,0,.1)}.stat-value.jsx-d057c7e17f2a155a{font-size:2.5rem;font-weight:700;color:#3b82f6;margin-bottom:.5rem}.stat-label.jsx-d057c7e17f2a155a{font-size:1.1rem;color:#6b7280}.content-section.jsx-d057c7e17f2a155a{margin-bottom:3rem}.articles-list.jsx-d057c7e17f2a155a{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:1.5rem}.article-item.jsx-d057c7e17f2a155a{background:#fff;-webkit-border-radius:12px;-moz-border-radius:12px;border-radius:12px;padding:1.5rem;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.05);-moz-box-shadow:0 2px 8px rgba(0,0,0,.05);box-shadow:0 2px 8px rgba(0,0,0,.05)}.article-title.jsx-d057c7e17f2a155a{font-size:1.25rem;font-weight:600;color:#111827;margin:0 0 .75rem 0}.article-summary.jsx-d057c7e17f2a155a{color:#6b7280;line-height:1.6;margin:0 0 1rem 0}.article-meta.jsx-d057c7e17f2a155a{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;gap:1rem;font-size:.9rem}.article-category.jsx-d057c7e17f2a155a{background:#eff6ff;color:#3b82f6;padding:.25rem .75rem;-webkit-border-radius:9999px;-moz-border-radius:9999px;border-radius:9999px;font-weight:500}.publish-date.jsx-d057c7e17f2a155a{color:#9ca3af;font-style:italic}.categories-grid.jsx-d057c7e17f2a155a{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.category-card.jsx-d057c7e17f2a155a{background:#fff;-webkit-border-radius:12px;-moz-border-radius:12px;border-radius:12px;padding:1.5rem;text-align:center;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.05);-moz-box-shadow:0 2px 8px rgba(0,0,0,.05);box-shadow:0 2px 8px rgba(0,0,0,.05);-webkit-transition:all.3s ease;-moz-transition:all.3s ease;-o-transition:all.3s ease;transition:all.3s ease}.category-card.jsx-d057c7e17f2a155a:hover{-webkit-transform:translateY(-3px);-moz-transform:translateY(-3px);-ms-transform:translateY(-3px);-o-transform:translateY(-3px);transform:translateY(-3px);-webkit-box-shadow:0 6px 12px rgba(0,0,0,.1);-moz-box-shadow:0 6px 12px rgba(0,0,0,.1);box-shadow:0 6px 12px rgba(0,0,0,.1)}.category-name.jsx-d057c7e17f2a155a{font-size:1.1rem;font-weight:600;color:#111827;margin:0 0 .5rem 0}.category-count.jsx-d057c7e17f2a155a{color:#6b7280;font-size:.9rem}.tags-list.jsx-d057c7e17f2a155a{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:.5rem}.tag-item.jsx-d057c7e17f2a155a{background:#f3f4f6;color:#4b5563;padding:.4rem .8rem;-webkit-border-radius:.375rem;-moz-border-radius:.375rem;border-radius:.375rem;font-size:.875rem}.cta-section.jsx-d057c7e17f2a155a{text-align:center;margin-top:2rem}.back-link.jsx-d057c7e17f2a155a{display:inline-block;color:#3b82f6;text-decoration:none;font-weight:600;padding:.75rem 1.5rem;border:2px solid#3b82f6;-webkit-border-radius:12px;-moz-border-radius:12px;border-radius:12px;-webkit-transition:all.3s cubic-bezier(.4,0,.2,1);-moz-transition:all.3s cubic-bezier(.4,0,.2,1);-o-transition:all.3s cubic-bezier(.4,0,.2,1);transition:all.3s cubic-bezier(.4,0,.2,1)}.back-link.jsx-d057c7e17f2a155a:hover{background-color:#3b82f6;color:#fff;-webkit-transform:translateY(-2px);-moz-transform:translateY(-2px);-ms-transform:translateY(-2px);-o-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 4px 10px rgba(59,130,246,.3);-moz-box-shadow:0 4px 10px rgba(59,130,246,.3);box-shadow:0 4px 10px rgba(59,130,246,.3)}@media(max-width:768px){.content-wrapper.jsx-d057c7e17f2a155a{padding:0 1rem}.page-title.jsx-d057c7e17f2a155a{font-size:2rem}.page-description.jsx-d057c7e17f2a155a{font-size:1.1rem}.features-grid.jsx-d057c7e17f2a155a{grid-template-columns:1fr}.stats-grid.jsx-d057c7e17f2a155a{grid-template-columns:1fr}.categories-grid.jsx-d057c7e17f2a155a{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}"
+            }),
+            react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx((styled_jsx_style__WEBPACK_IMPORTED_MODULE_1___default()), {
+                id: "549ec3205eaaeed3",
+                children: 'html,body{padding:0;margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;background-color:#f8f9fa}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}'
+            })
+        ]
+    });
+}
+const getStaticProps = async ()=>{
+    try {
+        // Demonstrate different ways to use the ReactPress Toolkit
+        // Method 1: Using a custom API instance
+        const [articlesResponse, categoriesResponse, tagsResponse] = await Promise.all([
+            customApi.article.findAll(),
+            customApi.category.findAll(),
+            customApi.tag.findAll(), 
+        ]);
+        // Method 2: Using the default API instance (commented out as example)
+        // const articlesResponse = await api.article.findAll() as any;
+        // Extract the actual data from the responses
+        const articles = articlesResponse?.data?.data?.[0] || [];
+        const categories = categoriesResponse?.data?.data || [];
+        const tags = tagsResponse?.data?.data || [];
+        // Calculate statistics
+        const stats = {
+            articlesCount: articles.length,
+            categoriesCount: categories.length,
+            tagsCount: tags.length
+        };
+        return {
+            props: {
+                articles,
+                categories,
+                tags,
+                stats
+            },
+            revalidate: 60
+        };
+    } catch (error) {
+        console.error("Failed to fetch data:", error);
+        // Example of using utils.ApiError
+        if (utils.ApiError.isInstance(error)) {
+            console.error(`API Error ${error.code}: ${error.message}`);
+        }
+        return {
+            props: {
+                articles: [],
+                categories: [],
+                tags: [],
+                stats: {
+                    articlesCount: 0,
+                    categoriesCount: 0,
+                    tagsCount: 0
+                }
+            },
+            revalidate: 60
+        };
+    }
+};
+
+
+/***/ }),
+
+/***/ 3280:
+/***/ ((module) => {
+
+module.exports = require("next/dist/shared/lib/app-router-context.js");
+
+/***/ }),
+
+/***/ 2796:
+/***/ ((module) => {
+
+module.exports = require("next/dist/shared/lib/head-manager-context.js");
+
+/***/ }),
+
+/***/ 4014:
+/***/ ((module) => {
+
+module.exports = require("next/dist/shared/lib/i18n/normalize-locale-path.js");
+
+/***/ }),
+
+/***/ 8524:
+/***/ ((module) => {
+
+module.exports = require("next/dist/shared/lib/is-plain-object.js");
+
+/***/ }),
+
+/***/ 8020:
+/***/ ((module) => {
+
+module.exports = require("next/dist/shared/lib/mitt.js");
+
+/***/ }),
+
+/***/ 4406:
+/***/ ((module) => {
+
+module.exports = require("next/dist/shared/lib/page-path/denormalize-page-path.js");
+
+/***/ }),
+
+/***/ 4964:
+/***/ ((module) => {
+
+module.exports = require("next/dist/shared/lib/router-context.js");
+
+/***/ }),
+
+/***/ 1751:
+/***/ ((module) => {
+
+module.exports = require("next/dist/shared/lib/router/utils/add-path-prefix.js");
+
+/***/ }),
+
+/***/ 6220:
+/***/ ((module) => {
+
+module.exports = require("next/dist/shared/lib/router/utils/compare-states.js");
+
+/***/ }),
+
+/***/ 299:
+/***/ ((module) => {
+
+module.exports = require("next/dist/shared/lib/router/utils/format-next-pathname-info.js");
+
+/***/ }),
+
+/***/ 3938:
+/***/ ((module) => {
+
+module.exports = require("next/dist/shared/lib/router/utils/format-url.js");
+
+/***/ }),
+
+/***/ 9565:
+/***/ ((module) => {
+
+module.exports = require("next/dist/shared/lib/router/utils/get-asset-path-from-route.js");
+
+/***/ }),
+
+/***/ 5789:
+/***/ ((module) => {
+
+module.exports = require("next/dist/shared/lib/router/utils/get-next-pathname-info.js");
+
+/***/ }),
+
+/***/ 1897:
+/***/ ((module) => {
+
+module.exports = require("next/dist/shared/lib/router/utils/is-bot.js");
+
+/***/ }),
+
+/***/ 1428:
+/***/ ((module) => {
+
+module.exports = require("next/dist/shared/lib/router/utils/is-dynamic.js");
+
+/***/ }),
+
+/***/ 8854:
+/***/ ((module) => {
+
+module.exports = require("next/dist/shared/lib/router/utils/parse-path.js");
+
+/***/ }),
+
+/***/ 1292:
+/***/ ((module) => {
+
+module.exports = require("next/dist/shared/lib/router/utils/parse-relative-url.js");
+
+/***/ }),
+
+/***/ 4567:
+/***/ ((module) => {
+
+module.exports = require("next/dist/shared/lib/router/utils/path-has-prefix.js");
+
+/***/ }),
+
+/***/ 979:
+/***/ ((module) => {
+
+module.exports = require("next/dist/shared/lib/router/utils/querystring.js");
+
+/***/ }),
+
+/***/ 3297:
+/***/ ((module) => {
+
+module.exports = require("next/dist/shared/lib/router/utils/remove-trailing-slash.js");
+
+/***/ }),
+
+/***/ 6052:
+/***/ ((module) => {
+
+module.exports = require("next/dist/shared/lib/router/utils/resolve-rewrites.js");
+
+/***/ }),
+
+/***/ 4226:
+/***/ ((module) => {
+
+module.exports = require("next/dist/shared/lib/router/utils/route-matcher.js");
+
+/***/ }),
+
+/***/ 5052:
+/***/ ((module) => {
+
+module.exports = require("next/dist/shared/lib/router/utils/route-regex.js");
+
+/***/ }),
+
+/***/ 9232:
+/***/ ((module) => {
+
+module.exports = require("next/dist/shared/lib/utils.js");
+
+/***/ }),
+
+/***/ 968:
+/***/ ((module) => {
+
+module.exports = require("next/head");
+
+/***/ }),
+
+/***/ 6689:
+/***/ ((module) => {
+
+module.exports = require("react");
+
+/***/ }),
+
+/***/ 997:
+/***/ ((module) => {
+
+module.exports = require("react/jsx-runtime");
+
+/***/ }),
+
+/***/ 9816:
+/***/ ((module) => {
+
+module.exports = require("styled-jsx/style");
+
+/***/ })
+
+};
+;
+
+// load runtime
+var __webpack_require__ = require("../webpack-runtime.js");
+__webpack_require__.C(exports);
+var __webpack_exec__ = (moduleId) => (__webpack_require__(__webpack_require__.s = moduleId))
+var __webpack_exports__ = __webpack_require__.X(0, [402,415,843,990], () => (__webpack_exec__(875)));
+module.exports = __webpack_exports__;
+
+})();

package/.next/server/pages/toolkit-demo.js.nft.json

@@ -0,0 +1 @@
+{"version":1,"files":["../webpack-runtime.js","../chunks/402.js","../chunks/415.js","../chunks/843.js","../chunks/990.js","../../package.json","../../../node_modules/react","../../../node_modules/next","../../../package.json"]}

package/.next/server/pages-manifest.json

@@ -0,0 +1,9 @@
+{
+  "/_app": "pages/_app.js",
+  "/404": "pages/404.js",
+  "/_error": "pages/_error.js",
+  "/toolkit-demo": "pages/toolkit-demo.js",
+  "/_document": "pages/_document.js",
+  "/about": "pages/about.js",
+  "/": "pages/index.js"
+}