gitalk-react 1.0.0-beta.1

package/lib/i18n/de.json

@@ -0,0 +1,20 @@
+{
+  "init": "Gitalking ...",
+  "no-found-related": "Zugehöriger %{link} nicht gefunden",
+  "please-contact": "Bitte kontaktiere %{user} um den Kommentar zu initialisieren",
+  "init-issue": "Initialisiere Issue",
+  "leave-a-comment": "Hinterlasse einen Kommentar",
+  "preview": "Vorschau",
+  "edit": "Editieren",
+  "comment": "Kommentieren",
+  "support-markdown": "Markdown wird unterstützt",
+  "login-with-github": "Mit GitHub-Account anmelden",
+  "first-comment-person": "Sei die erste Person, welche einen Kommentar hinterlässt!",
+  "commented": "kommentierte",
+  "load-more": "Zeige mehr",
+  "counts": "%{counts} Kommentar |||| %{counts} Kommentare",
+  "sort-asc": "Älteste zuerst",
+  "sort-desc": "Neuste zuerst",
+  "logout": "Abmelden",
+  "anonymous": "Anonym"
+}

package/lib/i18n/en.json

@@ -0,0 +1,20 @@
+{
+  "init": "Gitalking ...",
+  "no-found-related": "Related %{link} not found",
+  "please-contact": "Please contact %{user} to initialize the comment",
+  "init-issue": "Init Issue",
+  "leave-a-comment": "Leave a comment",
+  "preview": "Preview",
+  "edit": "Edit",
+  "comment": "Comment",
+  "support-markdown": "Markdown is supported",
+  "login-with-github": "Login with GitHub",
+  "first-comment-person": "Be the first person to leave a comment!",
+  "commented": "commented",
+  "load-more": "Load more",
+  "counts": "%{counts} comment |||| %{counts} comments",
+  "sort-asc": "Sort by Oldest",
+  "sort-desc": "Sort by Latest",
+  "logout": "Logout",
+  "anonymous": "Anonymous"
+}

package/lib/i18n/es-ES.json

@@ -0,0 +1,20 @@
+{
+  "init": "Gitalking ...",
+  "no-found-related": "Link %{link} no encontrado",
+  "please-contact": "Por favor contacta con %{user} para inicializar el comentario",
+  "init-issue": "Iniciar Issue",
+  "leave-a-comment": "Deja un comentario",
+  "preview": "Avance",
+  "edit": "Editar",
+  "comment": "Comentario",
+  "support-markdown": "Markdown es soportado",
+  "login-with-github": "Entrar con GitHub",
+  "first-comment-person": "Sé el primero en dejar un comentario!",
+  "commented": "comentó",
+  "load-more": "Cargar más",
+  "counts": "%{counts} comentario |||| %{counts} comentarios",
+  "sort-asc": "Ordenar por Antiguos",
+  "sort-desc": "Ordenar por Recientes",
+  "logout": "Salir",
+  "anonymous": "Anónimo"
+}

package/lib/i18n/fa.json

@@ -0,0 +1,20 @@
+{
+  "init": "بارگزاری ...",
+  "no-found-related": "%{link} مرتبط پیدا نشد.",
+  "please-contact": "لطفاً با %{user} اطلاع دهید تا اضافه کند.",
+  "init-issue": "شروع نظرات",
+  "leave-a-comment": "نظرتان را بنویسید",
+  "preview": "پیش‌نمایش",
+  "edit": "ویرایش",
+  "comment": "ثبت",
+  "support-markdown": "پشتیبانی از مارک‌داون",
+  "login-with-github": "ورود با گیت‌هاب",
+  "first-comment-person": "اولین نظر را شما بنویسید!",
+  "commented": " - ",
+  "load-more": "نظرات بیشتر",
+  "counts": "%{counts} نظر |||| %{counts} نظر",
+  "sort-asc": "مرتب‌سازی از قدیمی‌ترین",
+  "sort-desc": "مرتب‌سازی از جدیدترین",
+  "logout": "خروج",
+  "anonymous": "بی‌نام"
+}

package/lib/i18n/fr.json

@@ -0,0 +1,20 @@
+{
+  "init": "Gitalking ...",
+  "no-found-related": "Lien %{link} non trouvé",
+  "please-contact": "Veuillez contacter %{user} pour initialiser les commentaires",
+  "init-issue": "Initialisation des issues",
+  "leave-a-comment": "Laisser un commentaire",
+  "preview": "Aperçu",
+  "edit": "Modifier",
+  "comment": "Commentaire",
+  "support-markdown": "Markdown est supporté",
+  "login-with-github": "Se connecter avec GitHub",
+  "first-comment-person": "Soyez le premier à laisser un commentaire !",
+  "commented": "a commenté",
+  "load-more": "Charger plus",
+  "counts": "%{counts} commentaire |||| %{counts} commentaires",
+  "sort-asc": "Trier du plus ancien au plus récent",
+  "sort-desc": "Trier du plus récent au plus ancien",
+  "logout": "Déconnexion",
+  "anonymous": "Anonyme"
+}

package/lib/i18n/index.ts

@@ -0,0 +1,40 @@
+import Polyglot from "node-polyglot";
+
+import { DEFAULT_LANG } from "../constants";
+import DE from "./de.json";
+import EN from "./en.json";
+import ES from "./es-ES.json";
+import FA from "./fa.json";
+import FR from "./fr.json";
+import JA from "./ja.json";
+import KO from "./ko.json";
+import PL from "./pl.json";
+import RU from "./ru.json";
+import ZHCN from "./zh-CN.json";
+import ZHTW from "./zh-TW.json";
+
+const i18nMap = {
+  zh: ZHCN,
+  "zh-CN": ZHCN,
+  "zh-TW": ZHTW,
+  en: EN,
+  "es-ES": ES,
+  fr: FR,
+  ru: RU,
+  de: DE,
+  pl: PL,
+  ko: KO,
+  fa: FA,
+  ja: JA,
+};
+
+export type Lang = keyof typeof i18nMap;
+
+const getPolyglotInstance = (lang: Lang = DEFAULT_LANG) => {
+  return new Polyglot({
+    phrases: i18nMap[lang] ?? i18nMap.en,
+    locale: lang,
+  });
+};
+
+export default getPolyglotInstance;

package/lib/i18n/ja.json

@@ -0,0 +1,20 @@
+{
+  "init": "Gitalk を読み込んでいます...",
+  "no-found-related": "%{link} に関連するものが見当たりません",
+  "please-contact": "コメントを初期化するために %{user} に連絡してください",
+  "init-issue": "イシューを初期化する",
+  "leave-a-comment": "コメントを残す",
+  "preview": "プレビュー",
+  "edit": "編集する",
+  "comment": "コメント",
+  "support-markdown": "Markdown 記法をサポートしています",
+  "login-with-github": "GitHub にログインする",
+  "first-comment-person": "最初にコメントを残しましょう!",
+  "commented": "によるコメント",
+  "load-more": "もっと見る",
+  "counts": "%{counts} つのコメント",
+  "sort-asc": "投稿順に並び替え",
+  "sort-desc": "最新順で並び替え",
+  "logout": "ログアウト",
+  "anonymous": "匿名"
+}

package/lib/i18n/ko.json

@@ -0,0 +1,20 @@
+{
+  "init": "초기화 중 ...",
+  "no-found-related": "관련 링크를 찾을 수 없습니다: %{link} ",
+  "please-contact": "초기화를 위해 %{user} 에게 연락해 주세요",
+  "init-issue": "이슈 초기화",
+  "leave-a-comment": "댓글을 남겨보세요",
+  "preview": "미리보기",
+  "edit": "수정하기",
+  "comment": "댓글 달기",
+  "support-markdown": "마크다운(Markdown) 문법 지원",
+  "login-with-github": "GitHub로 로그인하기",
+  "first-comment-person": "첫 번째로 댓글을 남겨보세요!",
+  "commented": "님이 작성함",
+  "load-more": "더 보기",
+  "counts": "댓글 %{counts} 개",
+  "sort-asc": "오래된 댓글 먼저",
+  "sort-desc": "최신 댓글 먼저",
+  "logout": "로그아웃",
+  "anonymous": "익명"
+}

package/lib/i18n/pl.json

@@ -0,0 +1,21 @@
+{
+  "init": "Gitalking ...",
+  "no-found-related": "Nie znaleziono powiązanego zgłoszenia: %{link}",
+  "please-contact": "Skontaktuj się z %{user}, aby umożliwić komentowanie",
+  "init-issue": "Utwórz zgłoszenie (GitHub Issue)",
+  "leave-a-comment": "Skomentuj",
+  "preview": "Podgląd",
+  "edit": "Edytuj",
+  "comment": "Wyślij",
+  "support-markdown": "Możesz użyć składni Markdown",
+  "login-with-github": "Zaloguj się poprzez GitHub",
+  "first-comment-person": "Skomentuj jako pierwszy!",
+  "commented": "skomentowany",
+  "load-more": "Załaduj więcej",
+  "counts": "%{counts} komentarz |||| %{counts} komentarze |||| %{counts} komentarzy",
+  "sort-asc": "Sortuj od najstarszych",
+  "sort-desc": "Sortuj od najnowszych",
+  "logout": "Wyloguj",
+  "anonymous": "Anonimowy"
+}
+

package/lib/i18n/ru.json

@@ -0,0 +1,20 @@
+{
+  "init": "Gitalking ...",
+  "no-found-related": "Связанные %{link} не найдены",
+  "please-contact": "Пожалуйста, свяжитесь с %{user} чтобы инициализировать комментарий",
+  "init-issue": "Выпуск инициализации",
+  "leave-a-comment": "Оставить комментарий",
+  "preview": "Предварительный просмотр",
+  "edit": "Pедактировать",
+  "comment": "Комментарий",
+  "support-markdown": "Поддерживается Markdown",
+  "login-with-github": "Вход через GitHub",
+  "first-comment-person": "Будьте первым, кто оставил комментарий",
+  "commented": "прокомментированный",
+  "load-more": "Загрузить ещё",
+  "counts": "%{counts} комментарий |||| %{counts} комментариев",
+  "sort-asc": "Сортировать по старым",
+  "sort-desc": "Сортировать по последним",
+  "logout": "Выход",
+  "anonymous": "Анонимный"
+}

package/lib/i18n/zh-CN.json

@@ -0,0 +1,20 @@
+{
+  "init": "Gitalk 加载中 ...",
+  "no-found-related": "未找到相关的 %{link} 进行评论",
+  "please-contact": "请联系 %{user} 初始化创建",
+  "init-issue": "初始化 Issue",
+  "leave-a-comment": "说点什么",
+  "preview": "预览",
+  "edit": "编辑",
+  "comment": "评论",
+  "support-markdown": "支持 Markdown 语法",
+  "login-with-github": "使用 GitHub 登录",
+  "first-comment-person": "来做第一个留言的人吧！",
+  "commented": "发表于",
+  "load-more": "加载更多",
+  "counts": "%{counts} 条评论",
+  "sort-asc": "从旧到新排序",
+  "sort-desc": "从新到旧排序",
+  "logout": "注销",
+  "anonymous": "未登录用户"
+}

package/lib/i18n/zh-TW.json

@@ -0,0 +1,20 @@
+{
+  "init": "Gitalk 載入中…",
+  "no-found-related": "未找到相關的 %{link}",
+  "please-contact": "請聯絡 %{user} 初始化評論",
+  "init-issue": "初始化 Issue",
+  "leave-a-comment": "寫點什麼",
+  "preview": "預覽",
+  "edit": "編輯",
+  "comment": "評論",
+  "support-markdown": "支援 Markdown 語法",
+  "login-with-github": "使用 GitHub 登入",
+  "first-comment-person": "成為首個留言的人吧！",
+  "commented": "評論於",
+  "load-more": "載入更多",
+  "counts": "%{counts} 筆評論",
+  "sort-asc": "從舊至新排序",
+  "sort-desc": "從新至舊排序",
+  "logout": "登出",
+  "anonymous": "訪客"
+}

package/lib/interfaces/index.ts

@@ -0,0 +1,30 @@
+import type { Endpoints } from "@octokit/types";
+
+export type User = Endpoints["GET /user"]["response"]["data"];
+
+export type Issue =
+  Endpoints["GET /repos/{owner}/{repo}/issues/{issue_number}"]["response"]["data"];
+
+type CommentDefine =
+  Endpoints["GET /repos/{owner}/{repo}/issues/{issue_number}/comments"]["response"]["data"][number];
+
+export type Comment = Pick<
+  CommentDefine,
+  "id" | "body" | "body_html" | "created_at" | "html_url"
+> & {
+  user: Pick<
+    NonNullable<CommentDefine["user"]>,
+    "avatar_url" | "login" | "html_url"
+  >;
+  reactions: Pick<NonNullable<CommentDefine["reactions"]>, "heart">;
+  reactionsHeart: {
+    totalCount: number;
+    viewerHasReacted: boolean;
+    nodes: {
+      databaseId: number;
+      user: {
+        login: string;
+      };
+    }[];
+  };
+};

package/lib/services/graphql/comment.ts

@@ -0,0 +1,85 @@
+import { type GitalkProps } from "../../gitalk";
+import type { Comment } from "../../interfaces";
+
+export interface IssueCommentsQLResponse {
+  repository: {
+    issue: {
+      comments: {
+        totalCount: number;
+        pageInfo: {
+          hasPreviousPage?: boolean;
+          hasNextPage?: boolean;
+          startCursor?: string;
+          endCursor?: string;
+        };
+        nodes: (Pick<Comment, "body"> & {
+          databaseId: Comment["id"];
+          author: {
+            avatarUrl: Comment["user"]["avatar_url"];
+            login: Comment["user"]["login"];
+            url: Comment["user"]["html_url"];
+          };
+          bodyHTML: Comment["body_html"];
+          createdAt: Comment["created_at"];
+          resourcePath: Comment["html_url"];
+          reactions: Comment["reactionsHeart"];
+        })[];
+      };
+    };
+  };
+}
+
+export const getIssueCommentsQL = ({
+  pagerDirection,
+}: {
+  pagerDirection: GitalkProps["pagerDirection"];
+}): string => {
+  const cursorDirection = pagerDirection === "last" ? "before" : "after";
+
+  return `
+  query getIssueAndComments(
+    $owner: String!,
+    $repo: String!,
+    $id: Int!,
+    $cursor: String,
+    $pageSize: Int!
+  ) {
+    repository(owner: $owner, name: $repo) {
+      issue(number: $id) {
+        comments(${pagerDirection}: $pageSize, ${cursorDirection}: $cursor) {
+          totalCount
+          pageInfo {
+            ${pagerDirection === "last" ? "hasPreviousPage" : "hasNextPage"}
+            ${cursorDirection === "before" ? "startCursor" : "endCursor"}
+          }
+          nodes {
+            databaseId
+            author {
+              avatarUrl
+              login
+              url
+            }
+            body
+            bodyHTML
+            createdAt
+            resourcePath
+            reactions(first: 100, content: HEART) {
+              totalCount
+              viewerHasReacted
+              pageInfo {
+                hasNextPage
+              }
+              nodes {
+                databaseId
+                user {
+                  login
+                }
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+  `;
+};

package/lib/services/request.ts

@@ -0,0 +1,24 @@
+import { Octokit, type RequestError } from "octokit";
+
+import { ACCESS_TOKEN_KEY } from "../constants";
+import logger from "../utils/logger";
+
+export const getOctokitInstance = (accessToken?: string) => {
+  const _octokit = new Octokit(
+    accessToken
+      ? {
+          auth: accessToken,
+        }
+      : {},
+  );
+  _octokit.hook.error("request", (error) => {
+    if ((error as RequestError).status === 401) {
+      localStorage.removeItem(ACCESS_TOKEN_KEY);
+      logger.w(`Access token expired.`);
+    }
+    throw error;
+  });
+  return _octokit;
+};
+
+export default getOctokitInstance;

package/lib/services/user.ts

@@ -0,0 +1,40 @@
+import { stringifySearchQuery } from "../utils/query";
+
+export const getAuthorizeUrl = (clientID: string) => {
+  const query = {
+    client_id: clientID,
+    redirect_uri: window.location.href,
+    scope: "public_repo",
+  };
+  return `https://github.com/login/oauth/authorize?${stringifySearchQuery(query)}`;
+};
+
+export const getAccessToken = async ({
+  url,
+  code,
+  clientID,
+  clientSecret,
+}: {
+  url: string;
+  code: string;
+  clientID: string;
+  clientSecret: string;
+}) => {
+  const res = await fetch(url, {
+    method: "POST",
+    headers: {
+      Accept: "application/json",
+      "Content-Type": "application/json",
+    },
+    body: JSON.stringify({
+      code,
+      client_id: clientID,
+      client_secret: clientSecret,
+    }),
+  });
+
+  const resData = await res.json();
+  const { access_token } = resData;
+
+  return access_token as string;
+};