وبلاگ نویسی فنی سطح بعدی با Dev.to API

API-Key: [your-api-key]
Accept: application/vnd.forem.api-v1+json
Content-Type: application/json

API-Key: [your-api-key]
Accept: application/json
Content-Type: application/json
User-Agent: Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; .NET CLR 1.1.4322)

interface DEVArticle {
  type_of: string;
  id: number;
  title: string;
  description: string;
  published: boolean;
  published_at: string;
  slug: string;
  path: string;
  url: string;
  comments_count: number;
  public_reactions_count: number;
  page_views_count: number;
  published_timestamp: string;
  body_markdown: string;
  positive_reactions_count: number;
  cover_image: string;
  tag_list: string[] | string;
  tags?: string[];
  canonical_url: string;
  reading_time_minutes: number;
  user: {
    name: string;
    username: string;
    twitter_username: string | null;
    github_username: string | null;
    user_id: number;
    website_url: string | null;
    profile_image: string;
    profile_image_90: string;
  };
  organization?: {
    name: string;
    username: string;
    slug: string;
    profile_image: string;
    profile_image_90: string;
  };
}
interface GetArticlesOptions {
  pages?: number;
  perPage?: number;
}
const getArticles = async (
  options?: GetArticlesOptions
): Promise<DEVArticle[]> => {
  const articles: DEVArticle[] = [];
  const pages = options?.pages || 1;
  const perPage = options?.perPage || 30;

  for (let page = 1; page <= pages; page += 1) {
    const response = await fetch(
      `https://dev.to/api/articles/me?per_page=${perPage}&page=${page}`,
      {
        method: "https://dev.to/areknawo/GET"https://dev.to/areknawo/,
        headers: {
          "https://dev.to/areknawo/api-key"https://dev.to/areknawo/: "https://dev.to/areknawo/your-api-key"https://dev.to/areknawo/,
          accept: "https://dev.to/areknawo/application/vnd.forem.api-v1+json"https://dev.to/areknawo/,
          "https://dev.to/areknawo/content-type"https://dev.to/areknawo/: "https://dev.to/areknawo/application/json"https://dev.to/areknawo/,
        },
      }
    );
    const json = await response.json();

    articles.push(...json);
  }

  return articles;
};

getArticles({ pages: 3, perPage: 100 }).then((result) => {
  console.log(result);
});

const markdownToHTML = (markdown: string): string => {
  const regex = new RegExp(/^.*{%\s?(.+?) (.+?)\s?%}.*(?:\n|$)/);
  const getEmbedUrl = (embedType: string, input: string): string => {
    switch (embedType) {
      case "https://dev.to/areknawo/youtube"https://dev.to/areknawo/:
        return `https://www.youtube.com/embed/${input}`;
      case "https://dev.to/areknawo/codepen"https://dev.to/areknawo/:
        return input.replace(/\/pen\//, "https://dev.to/areknawo//embed/"https://dev.to/areknawo/);
      case "https://dev.to/areknawo/codesandbox"https://dev.to/areknawo/:
        return `https://codesandbox.io/embed/${input}`;
      default:
        // etc...
        return '"https://dev.to/areknawo/;
    }
  };
  const embedExtension = {
    name: "https://dev.to/areknawo/embedExtension"https://dev.to/areknawo/,
    level: "https://dev.to/areknawo/block"https://dev.to/areknawo/,
    start(src) {
      return src.match(/^.*{%/)?.index;
    },
    tokenizer(src) {
      const match = regex.exec(src);

      console.log("https://dev.to/areknawo/tokenizer"https://dev.to/areknawo/, src, match);
      if (match) {
        return {
          type: "https://dev.to/areknawo/embedExtension"https://dev.to/areknawo/,
          raw: match[0],
          embedType: match[1].trim(),
          input: match[2].trim(),
          tokens: [],
        };
      }
    },
    renderer(token) {
      return `<iframe src="https://dev.to/areknawo/${getEmbedUrl(
        token.embedType,
        token.input
      )}"></iframe>`;
    },
  };
  marked.use({ gfm: true, extensions: [embedExtension] });

  return marked.parse(markdown);
};

interface DEVArticleInput {
  title?: string;
  body_markdown?: string;
  published?: boolean;
  series?: string | null;
  main_image?: string | null;
  canonical_url?: string | null;
  description?: string;
  tags?: string[];
  organization_id?: number | null;
}

const publishArticle = async (
  article: DEVArticleInput
): Promise<DEVArticle> => {
  const response = await fetch("https://dev.to/areknawo/https://dev.to/api/articles"https://dev.to/areknawo/, {
    method: "https://dev.to/areknawo/POST"https://dev.to/areknawo/,
    headers: {
      "https://dev.to/areknawo/api-key"https://dev.to/areknawo/: "https://dev.to/areknawo/your-api-key"https://dev.to/areknawo/,
      accept: "https://dev.to/areknawo/application/vnd.forem.api-v1+json"https://dev.to/areknawo/,
      "https://dev.to/areknawo/content-type"https://dev.to/areknawo/: "https://dev.to/areknawo/application/json"https://dev.to/areknawo/,
    },
    body: JSON.stringify({
      article,
    }),
  });
  const json = await response.json();

  return json;
};
const updateArticle = async (
  articleId: string | number,
  articleUpdate: DEVArticleInput
): Promise<DEVArticle> => {
  const response = await fetch(`https://dev.to/api/articles/${articleId}`, {
    method: "https://dev.to/areknawo/PUT"https://dev.to/areknawo/,
    headers: {
      "https://dev.to/areknawo/api-key"https://dev.to/areknawo/: "https://dev.to/areknawo/your-api-key"https://dev.to/areknawo/,
      accept: "https://dev.to/areknawo/application/vnd.forem.api-v1+json"https://dev.to/areknawo/,
      "https://dev.to/areknawo/content-type"https://dev.to/areknawo/: "https://dev.to/areknawo/application/json"https://dev.to/areknawo/,
    },
    body: JSON.stringify({
      article: articleUpdate,
    }),
  });
  const json = await response.json();

  return json;
};

publishArticle({
  title: "https://dev.to/areknawo/Hello, world!"https://dev.to/areknawo/,
  body_markdown: "https://dev.to/areknawo/# Hello World\nThis is my first post published through Forem API!"https://dev.to/areknawo/,
  published: false,
}).then((article) => {
  console.log(article);
});

// Later on
updateArticle("https://dev.to/areknawo/1234567"https://dev.to/areknawo/, {
  tags: ["https://dev.to/areknawo/javascript"https://dev.to/areknawo/, "https://dev.to/areknawo/typescript"https://dev.to/areknawo/, "https://dev.to/areknawo/react"https://dev.to/areknawo/, "https://dev.to/areknawo/node"https://dev.to/areknawo/],
  series: "https://dev.to/areknawo/Hello World"https://dev.to/areknawo/,
  canonical_url: "https://dev.to/areknawo/https://example.com"https://dev.to/areknawo/,
}).then((updatedArticle) => {
  console.log(updatedArticle);
});