forma-ui 0.0.5 → 0.0.7

package/dist/utils/nextImageLoader.d.ts

@@ -0,0 +1,9 @@
+/**
+ * @Author: Mohammad Felfelani
+ * @Email: mfelfelani72@gmail.com
+ * @Team:
+ * @Date: 2025-10-08 10:05:47
+ * @Description:
+ */
+import { ImageLoaderProps } from "next/image";
+export declare const nextImageLoader: ({ src, width, quality }: ImageLoaderProps) => string;

package/dist/utils/nextImageLoader.js

@@ -0,0 +1,15 @@
+/**
+ * @Author: Mohammad Felfelani
+ * @Email: mfelfelani72@gmail.com
+ * @Team:
+ * @Date: 2025-10-08 10:05:47
+ * @Description:
+ */
+export const nextImageLoader = ({ src, width, quality }) => {
+    const isExternal = src.startsWith("http://") || src.startsWith("https://");
+    const basePath = process.env.NODE_ENV === "production"
+        ? process.env.NEXT_PUBLIC_BASE_PATH || ""
+        : "";
+    const finalSrc = isExternal ? src : `${basePath}${src}`;
+    return `${finalSrc}?w=${width}&q=${quality || 75}`;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "forma-ui",
-  "version": "0.0.5",
+  "version": "0.0.7",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "files": [
@@ -9,23 +9,30 @@
   "private": false,
   "scripts": {
     "dev": "next dev --turbopack",
-    "build": "npm run build:dist",
     "build:dist": "tsc -p tsconfig.build.json",
-    "build:server": "tsc -p tsconfig.server.json",
+    "build:server": "next build",
+    "build": "npm run build:dist && npm run build:server",
     "start": "next start",
     "lint": "eslint"
   },
   "dependencies": {
+    "axios": "^1.12.2",
     "clsx": "^2.1.1",
+    "critters": "^0.0.25",
+    "elastic-apm-node": "^4.14.0",
+    "forma-ui": "^0.0.6",
+    "js-cookie": "^3.0.5",
     "next": "15.5.4",
     "react": "19.1.0",
     "react-dom": "19.1.0",
+    "swr": "^2.3.6",
     "tailwind-merge": "^3.3.1",
     "zustand": "^5.0.8"
   },
   "devDependencies": {
     "@eslint/eslintrc": "^3.3.1",
     "@tailwindcss/postcss": "^4.1.13",
+    "@types/js-cookie": "^3.0.6",
     "@types/node": "^20.19.17",
     "@types/react": "^19.1.14",
     "@types/react-dom": "^19.1.9",

package/README.md

@@ -1,36 +0,0 @@
-This is a [Next.js](https://nextjs.org) project bootstrapped with [`create-next-app`](https://nextjs.org/docs/app/api-reference/cli/create-next-app).
-
-## Getting Started
-
-First, run the development server:
-
-```bash
-npm run dev
-# or
-yarn dev
-# or
-pnpm dev
-# or
-bun dev
-```
-
-Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
-
-You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.
-
-This project uses [`next/font`](https://nextjs.org/docs/app/building-your-application/optimizing/fonts) to automatically optimize and load [Geist](https://vercel.com/font), a new font family for Vercel.
-
-## Learn More
-
-To learn more about Next.js, take a look at the following resources:
-
-- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
-- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
-
-You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js) - your feedback and contributions are welcome!
-
-## Deploy on Vercel
-
-The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
-
-Check out our [Next.js deployment documentation](https://nextjs.org/docs/app/building-your-application/deploying) for more details.

package/dist/components/PostDetailPage.d.ts

@@ -1,7 +0,0 @@
-import { Lang } from "../config/language";
-interface PostDetailPageProps {
-    id: string;
-    lang?: Lang;
-}
-export declare const PostDetailPage: ({ id, lang }: PostDetailPageProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/PostDetailPage.js

@@ -1,47 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useState } from "react";
-import { useAppStore } from "../store/appStore";
-import { getDictionary } from "../dictionaries";
-import { useRouter, usePathname, useSearchParams } from "next/navigation";
-import { languages } from "../config/language";
-export const PostDetailPage = ({ id, lang }) => {
-    const storeLang = useAppStore((state) => state.lang);
-    const setLang = useAppStore((state) => state.setLang);
-    const [dict, setDict] = useState(null);
-    const router = useRouter();
-    const pathname = usePathname();
-    const searchParams = useSearchParams();
-    // تعیین زبان: prop اولویت دارد
-    const currentLang = lang !== null && lang !== void 0 ? lang : storeLang;
-    useEffect(() => {
-        let isMounted = true;
-        getDictionary(currentLang).then((d) => {
-            if (isMounted)
-                setDict(d);
-        });
-        return () => {
-            isMounted = false;
-        };
-    }, [currentLang]);
-    const changeLang = (newLang) => {
-        if (newLang === currentLang)
-            return;
-        if (!lang) {
-            setLang(newLang);
-            const segments = pathname.split("/").slice(1);
-            if (segments.length > 0 && Object.keys(languages).includes(segments[0])) {
-                segments[0] = newLang;
-            }
-            else {
-                segments.unshift(newLang);
-            }
-            const newPath = "/" + segments.join("/");
-            const search = searchParams.toString();
-            router.push(search ? `${newPath}?${search}` : newPath);
-        }
-    };
-    if (!dict)
-        return _jsx("div", { children: "Loading..." });
-    return (_jsxs("div", { children: [_jsxs("h2", { children: [dict.posts.title, " - ", id] }), _jsx("p", { children: dict.posts.description }), !lang && (_jsxs("div", { children: [_jsx("button", { onClick: () => changeLang("fa"), children: "\u0641\u0627\u0631\u0633\u06CC" }), _jsx("button", { onClick: () => changeLang("en"), children: "English" })] }))] }));
-};

package/dist/components/PostPage.d.ts

@@ -1,6 +0,0 @@
-import { Lang } from "../config/language";
-interface PostsPageProps {
-    lang?: Lang;
-}
-export declare const PostsPage: ({ lang }: PostsPageProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/PostPage.js

@@ -1,48 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useState } from "react";
-import { useAppStore } from "../store/appStore";
-import { getDictionary } from "../dictionaries";
-import { useRouter, usePathname, useSearchParams } from "next/navigation";
-import { languages } from "../config/language";
-export const PostsPage = ({ lang }) => {
-    const storeLang = useAppStore((state) => state.lang);
-    const setLang = useAppStore((state) => state.setLang);
-    const [dict, setDict] = useState(null);
-    const router = useRouter();
-    const pathname = usePathname();
-    const searchParams = useSearchParams();
-    // تصمیم می‌گیریم که کدام زبان استفاده شود: اول prop بعد store
-    const currentLang = lang !== null && lang !== void 0 ? lang : storeLang;
-    useEffect(() => {
-        let isMounted = true;
-        getDictionary(currentLang).then((d) => {
-            if (isMounted)
-                setDict(d);
-        });
-        return () => {
-            isMounted = false;
-        };
-    }, [currentLang]);
-    const changeLang = (newLang) => {
-        if (newLang === currentLang)
-            return;
-        // فقط وقتی prop نیست، store و URL را تغییر بده
-        if (!lang) {
-            setLang(newLang);
-            const segments = pathname.split("/").slice(1);
-            if (segments.length > 0 && Object.keys(languages).includes(segments[0])) {
-                segments[0] = newLang;
-            }
-            else {
-                segments.unshift(newLang);
-            }
-            const newPath = "/" + segments.join("/");
-            const search = searchParams.toString();
-            router.push(search ? `${newPath}?${search}` : newPath);
-        }
-    };
-    if (!dict)
-        return _jsx("div", { children: "Loading..." });
-    return (_jsxs("div", { children: [_jsx("h2", { children: dict.posts.title }), _jsx("p", { children: dict.posts.description }), !lang && (_jsxs("div", { children: [_jsx("button", { onClick: () => changeLang("fa"), children: "\u0641\u0627\u0631\u0633\u06CC" }), _jsx("button", { onClick: () => changeLang("en"), children: "English" })] }))] }));
-};

package/dist/config/language.d.ts

@@ -1,11 +0,0 @@
-export declare const languages: {
-    readonly en: {
-        readonly dir: "ltr";
-        readonly name: "English";
-    };
-    readonly fa: {
-        readonly dir: "rtl";
-        readonly name: "فارسی";
-    };
-};
-export type Lang = keyof typeof languages;

package/dist/config/language.js

@@ -1,6 +0,0 @@
-// src/config/language.ts
-export const languages = {
-    en: { dir: "ltr", name: "English" },
-    fa: { dir: "rtl", name: "فارسی" },
-    // زبان‌های دیگر اضافه کنید
-};