wip

packages/docusaurus-theme-classic/src/theme/Showcase/ShowcaseCard/index.tsx

@@ -10,7 +10,7 @@ import clsx from 'clsx';
 import Link from '@docusaurus/Link';
 import Translate from '@docusaurus/Translate';
 import {sortBy} from '@docusaurus/plugin-content-showcase/client';
-import {useShowcase} from '@docusaurus/theme-common/internal';
+import {useShowcaseTags} from '@docusaurus/theme-common/internal';
 import Heading from '@theme/Heading';
 import FavoriteIcon from '@theme/Showcase/FavoriteIcon';
 import type {ShowcaseItem, TagType} from '@docusaurus/plugin-content-showcase';
@@ -37,7 +37,7 @@ function TagItem({
 }
 
 function ShowcaseCardTag({tags}: {tags: TagType[]}) {
-  const {tags: Tags} = useShowcase();
+  const Tags = useShowcaseTags();
   const TagList = Object.keys(Tags) as TagType[];
 
   const tagObjects = tags.map((tag) => ({tag, ...Tags[tag]}));

packages/docusaurus-theme-classic/src/theme/Showcase/ShowcaseCards/index.tsx

@@ -12,7 +12,7 @@ import {
   useFilteredItems,
   sortItems,
 } from '@docusaurus/plugin-content-showcase/client';
-import {useShowcase} from '@docusaurus/theme-common/internal';
+import {useShowcaseItems} from '@docusaurus/theme-common/internal';
 import Heading from '@theme/Heading';
 import FavoriteIcon from '@theme/Showcase/FavoriteIcon';
 import ShowcaseCard from '@theme/Showcase/ShowcaseCard';
@@ -74,7 +74,7 @@ function NoResultSection() {
 }
 
 export default function ShowcaseCards(): JSX.Element {
-  const {showcaseItems: items} = useShowcase();
+  const items = useShowcaseItems();
 
   const filteredItems = useFilteredItems(items);
 

packages/docusaurus-theme-classic/src/theme/Showcase/ShowcaseFilters/index.tsx

@@ -12,7 +12,10 @@ import {
   useFilteredItems,
   useSiteCountPlural,
 } from '@docusaurus/plugin-content-showcase/client';
-import {useShowcase} from '@docusaurus/theme-common/internal';
+import {
+  useShowcaseItems,
+  useShowcaseTags,
+} from '@docusaurus/theme-common/internal';
 import FavoriteIcon from '@theme/Showcase/FavoriteIcon';
 import Heading from '@theme/Heading';
 import ShowcaseTagSelect from '@theme/Showcase/ShowcaseTagSelect';
@@ -36,7 +39,7 @@ function TagCircleIcon({color, style}: {color: string; style?: CSSProperties}) {
 }
 
 function ShowcaseTagListItem({tag}: {tag: TagType}) {
-  const {tags} = useShowcase();
+  const tags = useShowcaseTags();
   const {label, description, color} = tags[tag];
   return (
     <li className={styles.tagListItem}>
@@ -63,7 +66,7 @@ function ShowcaseTagListItem({tag}: {tag: TagType}) {
 }
 
 function ShowcaseTagList() {
-  const {tags} = useShowcase();
+  const tags = useShowcaseTags();
   const TagList = Object.keys(tags) as TagType[];
   return (
     <ul className={clsx('clean-list', styles.tagList)}>
@@ -75,7 +78,7 @@ function ShowcaseTagList() {
 }
 
 function HeadingText() {
-  const {showcaseItems: items} = useShowcase();
+  const items = useShowcaseItems();
   const filteredItems = useFilteredItems(items);
   const siteCountPlural = useSiteCountPlural();
   return (

packages/docusaurus-theme-classic/src/theme/Showcase/index.tsx

@@ -7,7 +7,7 @@
 
 import Translate, {translate} from '@docusaurus/Translate';
 import Link from '@docusaurus/Link';
-import {ShowcaseProvider} from '@docusaurus/theme-common/internal';
+import {TagsProvider, ItemsProvider} from '@docusaurus/theme-common/internal';
 import Layout from '@theme/Layout';
 import Heading from '@theme/Heading';
 import ShowcaseSearchBar from '@theme/Showcase/ShowcaseSearchBar';
@@ -37,19 +37,21 @@ function ShowcaseHeader() {
 
 export default function Showcase(props: Props): JSX.Element {
   return (
-    <ShowcaseProvider content={props.items} tags={props.tags}>
-      <Layout title={TITLE} description={DESCRIPTION}>
-        <main className="margin-vert--lg">
-          <ShowcaseHeader />
-          <ShowcaseFilters />
-          <div
-            style={{display: 'flex', marginLeft: 'auto'}}
-            className="container">
-            <ShowcaseSearchBar />
-          </div>
-          <ShowcaseCards />
-        </main>
-      </Layout>
-    </ShowcaseProvider>
+    <ItemsProvider items={props.items}>
+      <TagsProvider tags={props.tags}>
+        <Layout title={TITLE} description={DESCRIPTION}>
+          <main className="margin-vert--lg">
+            <ShowcaseHeader />
+            <ShowcaseFilters />
+            <div
+              style={{display: 'flex', marginLeft: 'auto'}}
+              className="container">
+              <ShowcaseSearchBar />
+            </div>
+            <ShowcaseCards />
+          </main>
+        </Layout>
+      </TagsProvider>
+    </ItemsProvider>
   );
 }

packages/docusaurus-theme-common/src/contexts/showcase.tsx

@@ -12,38 +12,57 @@ import type {
   TagsOption,
 } from '@docusaurus/plugin-content-showcase';
 
-const Context = React.createContext<{
-  showcaseItems: ShowcaseItem[];
-  tags: TagsOption;
-} | null>(null);
+const ItemsContext = React.createContext<ShowcaseItem[] | null>(null);
+const TagsContext = React.createContext<TagsOption | null>(null);
 
-function useContextValue(
-  content: ShowcaseItem[],
-  tags: TagsOption,
-): {showcaseItems: ShowcaseItem[]; tags: TagsOption} {
-  return useMemo(() => ({showcaseItems: content, tags}), [content, tags]);
+function useItemsContextValue(content: ShowcaseItem[]): ShowcaseItem[] {
+  return useMemo(() => content, [content]);
 }
 
-export function ShowcaseProvider({
+function useTagsContextValue(tags: TagsOption): TagsOption {
+  return useMemo(() => tags, [tags]);
+}
+
+export function ItemsProvider({
+  children,
+  items,
+}: {
+  children: ReactNode;
+  items: ShowcaseItem[];
+}): JSX.Element {
+  const contextValue = useItemsContextValue(items);
+  return (
+    <ItemsContext.Provider value={contextValue}>
+      {children}
+    </ItemsContext.Provider>
+  );
+}
+
+export function TagsProvider({
   children,
-  content,
   tags,
 }: {
   children: ReactNode;
-  content: ShowcaseItem[];
   tags: TagsOption;
 }): JSX.Element {
-  const contextValue = useContextValue(content, tags);
-  return <Context.Provider value={contextValue}>{children}</Context.Provider>;
+  const contextValue = useTagsContextValue(tags);
+  return (
+    <TagsContext.Provider value={contextValue}>{children}</TagsContext.Provider>
+  );
 }
 
-export function useShowcase(): {
-  showcaseItems: ShowcaseItem[];
-  tags: TagsOption;
-} {
-  const showcase = useContext(Context);
-  if (showcase === null) {
-    throw new ReactContextError('ShowcaseProvider');
+export function useShowcaseItems(): ShowcaseItem[] {
+  const showcaseItems = useContext(ItemsContext);
+  if (showcaseItems === null) {
+    throw new ReactContextError('ItemsProvider');
   }
-  return showcase;
+  return showcaseItems;
+}
+
+export function useShowcaseTags(): TagsOption {
+  const tags = useContext(TagsContext);
+  if (tags === null) {
+    throw new ReactContextError('TagsProvider');
+  }
+  return tags;
 }

packages/docusaurus-theme-common/src/internal.ts

@@ -26,7 +26,12 @@ export {DocsVersionProvider, useDocsVersion} from './contexts/docsVersion';
 export {DocsSidebarProvider, useDocsSidebar} from './contexts/docsSidebar';
 
 export {DocProvider, useDoc, type DocContextValue} from './contexts/doc';
-export {ShowcaseProvider, useShowcase} from './contexts/showcase';
+export {
+  ItemsProvider,
+  TagsProvider,
+  useShowcaseItems,
+  useShowcaseTags,
+} from './contexts/showcase';
 export {
   BlogPostProvider,
   useBlogPost,

website/docs/api/plugins/plugin-content-showcase.mdx

@@ -0,0 +1,184 @@
+---
+# TODO change sidebar
+sidebar_position: 2
+slug: /api/plugins/@docusaurus/plugin-content-showcase
+---
+
+# 📦 plugin-content-showcase
+
+import APITable from '@site/src/components/APITable';
+
+Provides the Showcase feature and is the default blog plugin for Docusaurus.
+
+## Installation {#installation}
+
+```bash npm2yarn
+npm install --save @docusaurus/plugin-content-showcase
+```
+
+:::tip
+
+If you use the preset `@docusaurus/preset-classic`, you don't need to install this plugin as a dependency.
+
+You can configure this plugin through the [preset options](../../using-plugins.mdx#docusauruspreset-classic).
+
+:::
+
+## Configuration {#configuration}
+
+Accepted fields:
+
+```mdx-code-block
+<APITable>
+```
+
+| Name | Type | Default | Description |
+| --- | --- | --- | --- |
+| `path` | `string` | `'showcase'` | Path to the blog content directory on the file system, relative to site dir. |
+| `routeBasePath` | `string` | `'/showcase'` | URL route for the blog section of your site. **DO NOT** include a trailing slash. Use `/` to put the blog at root path. |
+| `include` | `string[]` | `['**/*.{yml,yaml}']` | Array of glob patterns matching Markdown files to be built, relative to the content path. |
+| `exclude` | `string[]` | _See example configuration_ | Array of glob patterns matching Markdown files to be excluded. Serves as refinement based on the `include` option. |
+| `tags` | `string \| [TagOption](#TagsOption)` | `string` |  |
+
+```mdx-code-block
+</APITable>
+```
+
+### Types {#types}
+
+#### `TagsOption` {#TagsOption}
+
+```ts
+type Tag = {
+  label: string;
+  description: {
+    message: string;
+    id: string;
+  };
+  color: string;
+};
+
+type TagsOption = {
+  [key: string]: Tag;
+};
+```
+
+### Example configuration {#ex-config}
+
+You can configure this plugin through preset options or plugin options.
+
+:::tip
+
+Most Docusaurus users configure this plugin through the preset options.
+
+:::
+
+```js config-tabs
+// Preset Options: blog
+// Plugin Options: @docusaurus/plugin-content-showcase
+
+const config = {
+  path: 'showcase',
+  routeBasePath: 'showcase',
+  include: ['**/*.{yml,yaml}'],
+  exclude: [
+    '**/_*.{js,jsx,ts,tsx,md,mdx}',
+    '**/_*/**',
+    '**/*.test.{js,jsx,ts,tsx}',
+    '**/__tests__/**',
+  ],
+  // tags: 'tags.yml'
+  // or
+  tags: {
+    hello: {
+      label: 'Hello',
+      description: {
+        message: 'Hello',
+        id: 'Hello',
+      },
+      color: '#FF0000',
+    },
+    docusaurus: {
+      label: 'Docusaurus',
+      description: {
+        message: 'Docusaurus',
+        id: 'Docusaurus',
+      },
+      color: '#00FF00',
+    },
+  },
+};
+```
+
+## Markdown front matter {#markdown-front-matter}
+
+Markdown documents can use the following Markdown [front matter](../../guides/markdown-features/markdown-features-intro.mdx#front-matter) metadata fields, enclosed by a line `---` on either side.
+
+Accepted fields:
+
+```mdx-code-block
+<APITable>
+
+
+```
+
+| Name | Type | Default | Description |
+| --- | --- | --- | --- |
+| `title` | `string` | `undefined` | Title of the showcase item. |
+| `description` | `string` | `undefined` | Description on the showcase item. |
+| `preview` | `string \| null` | `undefined` | Image preview of the showcase item, either an url or link to a file |
+| `website` | `string` | `undefined` |  |
+| `source` | `string \| null` | `undefined` | Link of the showcase item's source code |
+| `tags` | `string[]` | `undefined` | ⚠️ Prefer using `authors`. A description of the author. |
+
+```mdx-code-block
+</APITable>
+```
+
+Example:
+
+```md
+---
+title: Dyte
+description: The most developer friendly live video SDK
+preview: ./showcase/dyte.png
+website: https://docs.dyte.io
+source: https://github.com/dyte-in/docs
+tags:
+  - favorite
+  - product
+  - design
+  - versioning
+  - large
+  - opensource
+---
+
+A Markdown blog post
+```
+
+## i18n {#i18n}
+
+Read the [i18n introduction](../../i18n/i18n-introduction.mdx) first.
+
+### Translation files location {#translation-files-location}
+
+- **Base path**: `website/i18n/[locale]/docusaurus-plugin-content-showcase`
+- **Multi-instance path**: `website/i18n/[locale]/docusaurus-plugin-content-showcase-[pluginId]`
+- **JSON files**: extracted with [`docusaurus write-translations`](../../cli.mdx#docusaurus-write-translations-sitedir)
+- **Markdown files**: `website/i18n/[locale]/docusaurus-plugin-content-showcase`
+
+### Example file-system structure {#example-file-system-structure}
+
+```bash
+website/i18n/[locale]/docusaurus-plugin-content-showcase
+│
+│ # translations for website/blog
+├── authors.yml
+├── first-blog-post.md
+├── second-blog-post.md
+│
+│ # translations for the plugin options that will be rendered
+└── options.json
+```
+
+import {tagSchema} from '../../../../packages/docusaurus-plugin-content-showcase/src/tags';

website/showcase/30 Days Of SWA.yaml

@@ -1,8 +0,0 @@
-title: 30 Days Of SWA
-description: A 30-Day Developer Guide to Azure Static Web Apps
-preview: ./showcase/30-days-swa.png
-website: https://www.azurestaticwebapps.dev
-source: https://github.com/staticwebdev/30DaysOfSWA/tree/main/www
-tags:
-  - opensource
-  - product

website/showcase/404Lab.Wiki.yaml

@@ -1,8 +0,0 @@
-title: 404Lab.Wiki
-description: Docs and blogs about development and study
-preview: ./showcase/404lab-wiki.png
-website: https://wiki.404lab.top
-source: https://github.com/HiChen404/MyWikiSite
-tags:
-  - opensource
-  - personal

website/showcase/7Wate's Wiki.yaml

@@ -1,8 +0,0 @@
-title: 7Wate's Wiki
-description: Developer Wiki and Blog
-preview: ./showcase/7wate-wiki.png
-website: https://wiki.7wate.com/
-source: https://github.com/7Wate/wiki
-tags:
-  - opensource
-  - personal

website/showcase/AI-Speaker.yaml

@@ -1,7 +0,0 @@
-title: AI-Speaker
-description: Local, reliable, fast and private Audio and IoT gate.
-preview: ./showcase/aispeaker.png
-website: https://ai-speaker.com/
-source: https://github.com/sviete/AIS-WWW
-tags:
-  - opensource

website/showcase/AgileTs.yaml

@@ -1,8 +0,0 @@
-title: AgileTs
-description: Global State and Logic Framework for reactive Applications
-preview: ./showcase/agilets.png
-website: https://agile-ts.org/
-source: https://github.com/agile-ts/documentation
-tags:
-  - opensource
-  - design

website/showcase/Aide Jeune.yaml

@@ -1,9 +0,0 @@
-title: Aide Jeune
-description: >-
-  French Discord server that helps young people who have been bullied or feel bad about themselves
-
-
-preview: ./showcase/aide_jeune.png
-website: https://aidejeune.fr
-source: null
-tags: []

website/showcase/Akara's blog.yaml

@@ -1,8 +0,0 @@
-title: Akara's blog
-description: Personal frontend blog for learning
-preview: ./showcase/akara-blog.png
-website: https://messiahhh.github.io/blog/
-source: https://github.com/messiahhh/blog
-tags:
-  - opensource
-  - personal

website/showcase/Algolia DocSearch.yaml

@@ -1,9 +0,0 @@
-title: Algolia DocSearch
-description: The best search experience for docs, integrates in minutes, for free
-preview: ./showcase/algolia.png
-website: https://docsearch.algolia.com/
-source: https://github.com/algolia/docsearch/tree/main/packages/website
-tags:
-  - favorite
-  - opensource
-  - product

website/showcase/Apache APISIX.yaml

@@ -1,9 +0,0 @@
-title: Apache APISIX
-description: A Dynamic, Real-Time, High-Performance Cloud-Native API Gateway
-preview: ./showcase/apache-apisix.png
-website: https://apisix.apache.org/
-source: https://github.com/apache/apisix-website
-tags:
-  - opensource
-  - i18n
-  - large

website/showcase/Apex FP.yaml

@@ -1,7 +0,0 @@
-title: Apex FP
-description: Functional programming library for Salesforce Apex
-preview: ./showcase/apexfp.png
-website: https://www.apexfp.org
-source: https://github.com/ipavlic/apex-fp/tree/master/website
-tags:
-  - opensource

website/showcase/Appcircle Docs.yaml

@@ -1,8 +0,0 @@
-title: Appcircle Docs
-description: Appcircle is an easy-to-setup mobile CI/CD platform.
-preview: null
-website: https://docs.appcircle.io/
-source: https://github.com/appcircleio/appcircle-docusaurus/tree/master/
-tags:
-  - opensource
-  - product

website/showcase/Astronomer.yaml

@@ -1,12 +0,0 @@
-title: Astronomer
-description: >-
-  Enterprise-grade framework for Apache Airflow. Production-ready Airflow environments with just a few clicks
-
-
-preview: ./showcase/astronomer.png
-website: https://docs.astronomer.io
-source: https://github.com/astronomer/docs
-tags:
-  - product
-  - versioning
-  - opensource

website/showcase/Atlas.yaml

@@ -1,11 +0,0 @@
-title: Atlas
-description: >-
-  Atlas CLI helps developers manage their database schemas by applying DevOps principles.
-
-
-preview: null
-website: https://atlasgo.io/
-source: https://github.com/ariga/atlas
-tags:
-  - opensource
-  - product

website/showcase/AttoBot.yaml

@@ -1,10 +0,0 @@
-title: AttoBot
-description: >-
-  A multi-purpose Discord bot with many features and API integrations that will enhance your Discord experience.
-
-
-preview: ./showcase/attobot.png
-website: https://attobot.xyz
-source: https://github.com/attobot-discord/website
-tags:
-  - opensource

website/showcase/AvN Gateway.yaml

@@ -1,11 +0,0 @@
-title: AvN Gateway
-description: >-
-  The AvN Gateway API is the fastest way to interact with the Aventus Network Blockchain.
-
-
-preview: ./showcase/aventus.png
-website: https://aventus-network-services.github.io/avn-gateway-docs/
-source: null
-tags:
-  - versioning
-  - product

website/showcase/Avana Wallet.yaml

@@ -1,10 +0,0 @@
-title: Avana Wallet
-description: >-
-  Solana blockchain non-custodial wallet that connects you to Web3 dapps, DeFi, GameFi and NFT marketplaces.
-
-
-preview: ./showcase/avana-wallet.png
-website: https://docs.avanawallet.com/
-source: null
-tags:
-  - product

website/showcase/Awe framework.yaml

@@ -1,9 +0,0 @@
-title: Awe framework
-description: Awe framework, Build light-weight and functional websites quickly
-preview: ./showcase/awe-framework.png
-website: https://docs.aweframework.com/
-source: https://gitlab.com/aweframework/awe/-/tree/develop/website
-tags:
-  - opensource
-  - i18n
-  - versioning

website/showcase/Axioms.yaml

@@ -1,8 +0,0 @@
-title: Axioms
-description: Axioms Developer Hub and Documentation Portal
-preview: ./showcase/axioms.png
-website: https://axioms.io/
-source: https://github.com/axioms-io/developer
-tags:
-  - opensource
-  - product

website/showcase/Bandwidth.yaml

@@ -1,12 +0,0 @@
-title: Bandwidth
-description: >-
-  Add powerful communications capabilities to your app from the only API platform with it’s own tier-1 carrier network.
-
-
-preview: ./showcase/bandwidth.png
-website: https://dev.bandwidth.com/
-source: https://github.com/Bandwidth/api-docs
-tags:
-  - opensource
-  - large
-  - product

website/showcase/Barklarm.yaml

@@ -1,8 +0,0 @@
-title: Barklarm
-description: Open Source multiplatform alarm and build status monitoring application
-preview: null
-website: https://www.barklarm.com/
-source: https://github.com/kanekotic/barklarm-website
-tags:
-  - opensource
-  - product

website/showcase/Batect.yaml

@@ -1,7 +0,0 @@
-title: Batect
-description: The fast, consistent way to run your development and testing tasks everywhere.
-preview: null
-website: https://batect.dev/
-source: https://github.com/batect/batect.dev
-tags:
-  - opensource

website/showcase/Benthos.yaml

@@ -1,8 +0,0 @@
-title: Benthos
-description: A stream processor for mundane tasks
-preview: ./showcase/benthos.png
-website: https://benthos.dev/
-source: https://github.com/Jeffail/benthos/tree/main/website
-tags:
-  - opensource
-  - large

website/showcase/Blink Shell.yaml

@@ -1,9 +0,0 @@
-title: Blink Shell
-description: A professional, desktop grade terminal for iOS
-preview: ./showcase/blinkshell.png
-website: https://docs.blink.sh/
-source: https://github.com/blinksh/docs
-tags:
-  - opensource
-  - design
-  - product

website/showcase/Blog Matheus Brunelli.yaml

@@ -1,8 +0,0 @@
-title: Blog Matheus Brunelli
-description: Desenvolvimento de software, carreira, dicas de livros e muito JavaScript!
-preview: ./showcase/blogmatheusbrunelli.png
-website: https://mrbrunelli.github.io/blog/
-source: https://github.com/mrbrunelli/blog
-tags:
-  - opensource
-  - personal

website/showcase/Blogasaurus.yaml

@@ -1,8 +0,0 @@
-title: Blogasaurus
-description: A blog written using Docasaurus.
-preview: ./showcase/blogasaurus.png
-website: https://blog.palashsh.me/
-source: https://github.com/BattleOfPlassey/blogasaurus
-tags:
-  - personal
-  - opensource

website/showcase/Botonic.yaml

@@ -1,7 +0,0 @@
-title: Botonic
-description: Build Chatbots and Conversational Apps Using React
-preview: ./showcase/botonic.png
-website: https://botonic.io/
-source: https://github.com/hubtype/botonic/tree/master/docs/website
-tags:
-  - opensource

website/showcase/BoxyHQ.yaml

@@ -1,7 +0,0 @@
-title: BoxyHQ
-description: Enterprise Readiness made simple
-preview: ./showcase/boxyhq.png
-website: https://boxyhq.com/
-source: https://github.com/boxyhq/website
-tags:
-  - opensource

website/showcase/Boyka-Framework.yaml

@@ -1,7 +0,0 @@
-title: Boyka-Framework
-description: Ultimate test automation for testing any application on any platform
-preview: null
-website: https://wasiqbhamla.github.io/boyka-framework/
-source: https://github.com/WasiqBhamla/boyka-framework/tree/main/website
-tags:
-  - opensource

website/showcase/Brainboard IDE.yaml

@@ -1,8 +0,0 @@
-title: Brainboard IDE
-description: "The new way to operate & manage your Cloud:\_visually."
-preview: ./showcase/brainboard.png
-website: https://docs.brainboard.co/start/cloud-use-cases
-source: null
-tags:
-  - product
-  - design

website/showcase/Brobot.yaml

@@ -1,7 +0,0 @@
-title: Brobot
-description: Testable state-based GUI automation.
-preview: null
-website: https://jspinak.github.io/brobot/
-source: https://github.com/jspinak/brobot/tree/main/docs
-tags:
-  - opensource

website/showcase/Bruce's Wiki.yaml

@@ -1,9 +0,0 @@
-title: Bruce's Wiki
-description: A personal wiki by Bruce Song
-preview: ./showcase/bruce-wiki.png
-website: https://wiki.brucesong.xyz/
-source: https://github.com/recallwei/wiki
-tags:
-  - opensource
-  - design
-  - personal

website/showcase/Build Tracker.yaml

@@ -1,7 +0,0 @@
-title: Build Tracker
-description: Track performance budgets & prevent unexpected bloat in your app
-preview: ./showcase/build-tracker.png
-website: https://buildtracker.dev
-source: https://github.com/paularmstrong/build-tracker/tree/main/docs
-tags:
-  - opensource

website/showcase/Butterfly.yaml

@@ -1,9 +0,0 @@
-title: Butterfly
-description: The note taking app Linwood Butterfly
-preview: ./showcase/docs-butterfly.png
-website: https://docs.butterfly.linwood.dev
-source: https://github.com/LinwoodCloud/Butterfly/tree/develop/docs
-tags:
-  - opensource
-  - i18n
-  - versioning

website/showcase/Chaos Mesh.yaml

@@ -1,9 +0,0 @@
-title: Chaos Mesh
-description: A Powerful Chaos Engineering Platform for Kubernetes.
-preview: ./showcase/chaos-mesh.png
-website: https://chaos-mesh.org
-source: https://github.com/chaos-mesh/website
-tags:
-  - opensource
-  - product
-  - i18n

website/showcase/Charles Ancheta.yaml

@@ -1,8 +0,0 @@
-title: Charles Ancheta
-description: Charles Ancheta's Blog and Portfolio Website
-preview: ./showcase/charles-ancheta.png
-website: https://charlesancheta.com
-source: https://github.com/cbebe/my-website
-tags:
-  - opensource
-  - personal

website/showcase/ChatKitty.yaml

@@ -1,7 +0,0 @@
-title: ChatKitty
-description: A full suite of developer tools for any chat use-case.
-preview: ./showcase/chatkitty.png
-website: https://chatkitty.com
-source: null
-tags:
-  - product

website/showcase/ClarityChallenge.yaml

@@ -1,10 +0,0 @@
-title: ClarityChallenge
-description: >-
-  Documentation for the Clarity machine learning challenges for improving hearing aid signal processing
-
-
-preview: ./showcase/claritychallenge.png
-website: https://claritychallenge.github.io/clarity_CEC1_doc
-source: https://github.com/claritychallenge/clarity_CEC1_doc
-tags:
-  - opensource

website/showcase/Clutch.yaml

@@ -1,7 +0,0 @@
-title: Clutch
-description: An extensible API and UI platform for infrastructure tooling
-preview: ./showcase/clutch.png
-website: https://clutch.sh/
-source: https://github.com/lyft/clutch/tree/main/docs/_website
-tags:
-  - opensource

website/showcase/CodeSweetly.yaml

@@ -1,7 +0,0 @@
-title: CodeSweetly
-description: The Home of Simplified Web Development Tutorials
-preview: ./showcase/codesweetly.png
-website: https://codesweetly.com/
-source: null
-tags:
-  - personal

website/showcase/CodeYourFuture.yaml

@@ -1,11 +0,0 @@
-title: CodeYourFuture
-description: >-
-  The syllabus for CodeYourFuture - a free code school for refugees, asylum seekers and disadvantaged people
-
-
-preview: ./showcase/codeyourfuture.png
-website: https://syllabus.codeyourfuture.io/
-source: https://github.com/CodeYourFuture/syllabus
-tags:
-  - opensource
-  - product

website/showcase/Codiga Documentation.yaml

@@ -1,8 +0,0 @@
-title: Codiga Documentation
-description: Documentation for Codiga, your Code Analysis & Coding Assistant
-preview: null
-website: https://doc.codiga.io/
-source: https://github.com/codiga/doc.codiga.io/tree/main/website
-tags:
-  - opensource
-  - product

website/showcase/CodingHabits.yaml

@@ -1,7 +0,0 @@
-title: CodingHabits
-description: An interactive learning environment for developers
-preview: null
-website: https://www.codinghabits.online/
-source: null
-tags:
-  - product

website/showcase/Comp Labs.yaml

@@ -1,7 +0,0 @@
-title: Comp Labs
-description: Tech-based Blog, Enterprise-Grade Solutions and more...
-preview: ./showcase/comp-labs.png
-website: https://complabs.in/
-source: https://github.com/Comp-Labs/comp-labs-website
-tags:
-  - opensource

website/showcase/Component Kit.yaml

@@ -1,7 +0,0 @@
-title: Component Kit
-description: A declarative UI framework for iOS
-preview: ./showcase/componentkit.png
-website: https://componentkit.org
-source: null
-tags:
-  - meta

website/showcase/Computer Science Turkish Resource.yaml

@@ -1,7 +0,0 @@
-title: Computer Science Turkish Resource
-description: A Computer Science portal for enthusiasts.
-preview: null
-website: https://bb-tr-kaynak.netlify.app/
-source: https://github.com/Fire-Oceann/bb-tr-kaynak/
-tags:
-  - opensource

website/showcase/ConfigCat Feature Flags.yaml

@@ -1,8 +0,0 @@
-title: ConfigCat Feature Flags
-description: A feature flag and remote configuration service.
-preview: ./showcase/configcat.png
-website: https://configcat.com/docs/
-source: https://github.com/configcat/docs
-tags:
-  - opensource
-  - product

website/showcase/Console Table.yaml

@@ -1,7 +0,0 @@
-title: Console Table
-description: Printing Pretty Tables on your console.
-preview: ./showcase/console-table.png
-website: https://console-table.netlify.app/
-source: https://github.com/ayonious/console-table-docu
-tags:
-  - opensource

website/showcase/Country State City API.yaml

@@ -1,11 +0,0 @@
-title: Country State City API
-description: >-
-  Get simplified countries, states & cities data without bloating up your database.
-
-
-preview: ./showcase/countrystatecity.png
-website: https://countrystatecity.in/
-source: https://github.com/dr5hn/csc-website
-tags:
-  - opensource
-  - product

website/showcase/Crawlee.yaml

@@ -1,8 +0,0 @@
-title: Crawlee
-description: Scalable web crawling, scraping and automation library for JS/Node.js
-preview: null
-website: https://crawlee.dev/
-source: https://github.com/apify/crawlee/tree/master/website
-tags:
-  - opensource
-  - versioning

website/showcase/Create React App.yaml

@@ -1,8 +0,0 @@
-title: Create React App
-description: Set up a modern web app by running one command
-preview: ./showcase/create-react-app.png
-website: https://facebook.github.io/create-react-app/
-source: https://github.com/facebook/create-react-app/tree/main/docusaurus/website
-tags:
-  - opensource
-  - meta

website/showcase/CryptoDevHub.yaml

@@ -1,7 +0,0 @@
-title: CryptoDevHub
-description: The place where Blockchain- and Crypto developers learn, meet and grow.
-preview: ./showcase/cryptodevhub.png
-website: https://cryptodevhub.io
-source: https://github.com/cryptodevhub/site
-tags:
-  - opensource

website/showcase/CyberDrain Improved Partner Portal (CIPP).yaml

@@ -1,7 +0,0 @@
-title: CyberDrain Improved Partner Portal (CIPP)
-description: Free and open-source multi-tenant management for Microsoft 365.
-preview: ./showcase/CIPP.png
-website: https://cipp.app
-source: https://github.com/KelvinTegelaar/CIPP/tree/website
-tags:
-  - opensource

website/showcase/Daily Digest - COVID-19 IN FRANCE.yaml

@@ -1,12 +0,0 @@
-title: Daily Digest - COVID-19 IN FRANCE
-description: >-
-  A website that presents daily COVID-19 statistics and news in France in the form of a daily digest.
-
-
-preview: ./showcase/daily-digest-covid-19-in-france.png
-website: https://covid-fr.misterfishup.com/en/
-source: https://github.com/MisterFISHUP/covid-19-in-france
-tags:
-  - opensource
-  - i18n
-  - large

website/showcase/Darklang.yaml

@@ -1,11 +0,0 @@
-title: Darklang
-description: >-
-  A new way of building serverless backends, with no infra, framework or deployment nightmares.
-
-
-preview: ./showcase/darklang.png
-website: https://docs.darklang.com/
-source: https://github.com/darklang/docs
-tags:
-  - product
-  - opensource

website/showcase/Dart Code Metrics.yaml

@@ -1,7 +0,0 @@
-title: Dart Code Metrics
-description: Static analysis tool that helps analyse and improve Dart code quality.
-preview: ./showcase/dart-code-metrics.png
-website: https://dartcodemetrics.dev/
-source: https://github.com/dart-code-checker/dart-code-metrics
-tags:
-  - opensource

website/showcase/Datagit.yaml

@@ -1,9 +0,0 @@
-title: Datagit
-description: A persian tutorial website strive to make quality education for everyone.
-preview: ./showcase/datagit.png
-website: https://datagit.ir/
-source: https://github.com/ghaseminya/datagit_v2.docusaurus
-tags:
-  - opensource
-  - favorite
-  - rtl

website/showcase/DevSpace.yaml

@@ -1,7 +0,0 @@
-title: DevSpace
-description: Deploy & Develop Kubernetes Apps
-preview: ./showcase/devspace.png
-website: https://devspace.sh/cli/docs/
-source: https://github.com/loft-sh/devspace/tree/master/docs
-tags:
-  - opensource

website/showcase/DevTomek.yaml

@@ -1,7 +0,0 @@
-title: DevTomek
-description: A Polish blog about programming, electronics and IoT
-preview: null
-website: https://devtomek.pl/
-source: null
-tags:
-  - personal

website/showcase/Digital Support Services Notes.yaml

@@ -1,9 +0,0 @@
-title: Digital Support Services Notes
-description: Open source documented notes for Digital Support Services.
-preview: ./showcase/digitalsupportservices.png
-website: https://notes.nayanpatel.net
-source: https://github.com/PatelN123/Digital-Support-Notes
-tags:
-  - opensource
-  - design
-  - personal

website/showcase/Dime.Scheduler.yaml

@@ -1,11 +0,0 @@
-title: Dime.Scheduler
-description: >-
-  The resource and project planning solution for the Microsoft Dynamics product suite. Stop puzzling and start planning.
-
-
-preview: ./showcase/dimeschedulersdk.png
-website: https://sdk.dimescheduler.com
-source: https://github.com/dime-scheduler/sdk-dotnet/tree/master/docs
-tags:
-  - product
-  - opensource

website/showcase/DipScope.yaml

@@ -1,7 +0,0 @@
-title: DipScope
-description: Open source tools to develop high quality software
-preview: null
-website: https://dipscope.com/
-source: null
-tags:
-  - versioning

website/showcase/Discord API Types.yaml

@@ -1,9 +0,0 @@
-title: Discord API Types
-description: Discord API Types
-preview: null
-website: https://discord-api-types.dev/
-source: https://github.com/discordjs/discord-api-types/tree/main/website
-tags:
-  - opensource
-  - versioning
-  - large

website/showcase/Discord Resources.yaml

@@ -1,7 +0,0 @@
-title: Discord Resources
-description: All Discord resources in one place
-preview: ./showcase/discordresources.png
-website: https://discordresources.com/
-source: https://github.com/Discord-Resources-Wiki/Discord-Resources-Wiki
-tags:
-  - opensource

website/showcase/Divine Web Service Framework.yaml

@@ -1,7 +0,0 @@
-title: Divine Web Service Framework
-description: A divine collection of awesome web-related Node.js modules
-preview: ./showcase/divine-wsf.png
-website: https://divine-software.github.io/WSF/
-source: https://github.com/Divine-Software/WSF/tree/master/website
-tags:
-  - opensource

website/showcase/Djamaile Rahamat.yaml

@@ -1,8 +0,0 @@
-title: Djamaile Rahamat
-description: Djamaile Rahamat Blog on making cool stuff
-preview: ./showcase/djamaile.png
-website: https://djamaile.dev/
-source: https://github.com/djamaile/portfolio
-tags:
-  - opensource
-  - personal

website/showcase/Dojo Documentation.yaml

@@ -1,7 +0,0 @@
-title: Dojo Documentation
-description: Take faster card payments with Dojo.
-preview: null
-website: https://docs.dojo.tech/
-source: null
-tags:
-  - product

website/showcase/Draft.js.yaml

@@ -1,8 +0,0 @@
-title: Draft.js
-description: Rich Text Editor Framework for React
-preview: ./showcase/draftjs.png
-website: https://draftjs.org/
-source: https://github.com/facebook/draft-js/tree/main/website
-tags:
-  - opensource
-  - meta

website/showcase/Drayman.yaml

@@ -1,7 +0,0 @@
-title: Drayman
-description: Server-side component framework
-preview: ./showcase/drayman.png
-website: https://drayman.io/
-source: https://github.com/Claviz/drayman/tree/main/docs
-tags:
-  - opensource

website/showcase/Dynamoose.yaml

@@ -1,7 +0,0 @@
-title: Dynamoose
-description: A modeling tool for Amazon's DynamoDB
-preview: null
-website: https://dynamoosejs.com/
-source: https://github.com/dynamoose/dynamoose/tree/main/docs
-tags:
-  - opensource

website/showcase/Dyte.yaml

@@ -1,12 +0,0 @@
-title: Dyte
-description: The most developer friendly live video SDK
-preview: ./showcase/dyte.png
-website: https://docs.dyte.io
-source: https://github.com/dyte-in/docs
-tags:
-  - favorite
-  - product
-  - design
-  - versioning
-  - large
-  - opensource

website/showcase/Easyjwt.yaml

@@ -1,8 +0,0 @@
-title: Easyjwt
-description: JWT creation and validation library
-preview: ./showcase/easyjwt.png
-website: https://www.easyjwt.org
-source: https://github.com/authdog/easyjwt/tree/master/docs
-tags:
-  - opensource
-  - i18n

website/showcase/Easypanel.yaml

@@ -1,7 +0,0 @@
-title: Easypanel
-description: Server control panel based on Docker
-preview: ./showcase/easypanel.png
-website: https://easypanel.io
-source: null
-tags:
-  - product

website/showcase/EduLinks.yaml

@@ -1,7 +0,0 @@
-title: EduLinks
-description: Catalog of free educational resources. STEM, ESL and more.
-preview: ./showcase/edulinks.png
-website: https://edulinks.app
-source: null
-tags:
-  - product

website/showcase/Eightshift.yaml

@@ -1,12 +0,0 @@
-title: Eightshift
-description: >-
-  All the tools you need to start building a modern WordPress project, using all the latest development tools.
-
-
-preview: ./showcase/eightshift-docs.png
-website: https://infinum.github.io/eightshift-docs/
-source: https://github.com/infinum/eightshift-docs
-tags:
-  - opensource
-  - favorite
-  - design

website/showcase/Embedded IDE.yaml

@@ -1,8 +0,0 @@
-title: Embedded IDE
-description: A c/c++ development environment for microcontrollers
-preview: null
-website: https://em-ide.com/
-source: https://github.com/github0null/eide-docs
-tags:
-  - opensource
-  - i18n

website/showcase/Enarx.yaml

@@ -1,10 +0,0 @@
-title: Enarx
-description: >-
-  Open source framework for running applications in TEEs (Trusted Execution Environments) based on WebAssembly.
-
-
-preview: ./showcase/enarx.png
-website: https://enarx.dev/
-source: https://github.com/enarx/enarx.github.io
-tags:
-  - opensource

website/showcase/Ent.yaml

@@ -1,8 +0,0 @@
-title: Ent
-description: An entity framework for Go
-preview: null
-website: https://entgo.io/
-source: https://github.com/ent/ent/tree/master/doc/website
-tags:
-  - opensource
-  - i18n

website/showcase/Eric JiuRan.yaml

@@ -1,9 +0,0 @@
-title: Eric JiuRan
-description: Front-end developer blog
-preview: ./showcase/eric.png
-website: https://www.siyuanwa.cn/
-source: https://github.com/1084350607/blog
-tags:
-  - opensource
-  - personal
-  - i18n

website/showcase/Erxes.yaml

@@ -1,10 +0,0 @@
-title: Erxes
-description: >-
-  Combine all your business tools into one streamlined and integrated open-source framework
-
-
-preview: ./showcase/erxes.png
-website: https://docs.erxes.io/
-source: https://github.com/erxes/erxes/tree/master/docs
-tags:
-  - opensource

website/showcase/Eta.yaml

@@ -1,7 +0,0 @@
-title: Eta
-description: Faster embedded JS template engine in TypeScript
-preview: ./showcase/eta.png
-website: https://eta.js.org/
-source: https://github.com/eta-dev/eta-docs
-tags:
-  - opensource

website/showcase/EverShop.yaml

@@ -1,8 +0,0 @@
-title: EverShop
-description: An open-source e-commerce platform with Node and React
-preview: ./showcase/evershop.png
-website: https://evershop.io/
-source: https://github.com/evershopcommerce/docs
-tags:
-  - opensource
-  - product

website/showcase/Extracranial.yaml

@@ -1,9 +0,0 @@
-title: Extracranial
-description: Sunghyun Cho's Second Brain on the Web.
-preview: null
-website: https://cho.sh/
-source: https://github.com/anaclumos/extracranial
-tags:
-  - opensource
-  - personal
-  - i18n

website/showcase/FAST.yaml

@@ -1,8 +0,0 @@
-title: FAST
-description: The adaptive interface system for modern web experiences.
-preview: ./showcase/fast.png
-website: https://www.fast.design/docs/introduction/
-source: https://github.com/microsoft/fast/tree/master/sites/website
-tags:
-  - opensource
-  - product

website/showcase/FBT.yaml

@@ -1,8 +0,0 @@
-title: FBT
-description: An internationalization framework
-preview: ./showcase/fbt.png
-website: https://facebookincubator.github.io/fbt/
-source: https://github.com/facebook/fbt/tree/main/website
-tags:
-  - opensource
-  - meta

website/showcase/Fathym Blog.yaml

@@ -1,7 +0,0 @@
-title: Fathym Blog
-description: Fathym deploys, hosts and integrates your favorite tech stacks.
-preview: null
-website: https://www.fathym.com/blog
-source: https://github.com/lowcodeunit/public-web-blog
-tags:
-  - opensource

website/showcase/Fenghua Frontend Developer.yaml

@@ -1,8 +0,0 @@
-title: Fenghua Frontend Developer
-description: Blogs and videos about frontend development
-preview: ./showcase/zxuqian.png
-website: https://zxuqian.cn
-source: null
-tags:
-  - personal
-  - design

website/showcase/Files Gallery.yaml

@@ -1,11 +0,0 @@
-title: Files Gallery
-description: >-
-  Single-file PHP app that can be dropped into any folder, instantly creating a gallery of files and folders.
-
-
-preview: ./showcase/files-gallery.png
-website: https://www.files.gallery/
-source: null
-tags:
-  - product
-  - design

website/showcase/FireCMS.yaml

@@ -1,8 +0,0 @@
-title: FireCMS
-description: Firebase/Firestore based headless CMS
-preview: ./showcase/firecms.png
-website: https://firecms.co
-source: https://github.com/Camberi/firecms/tree/master/website
-tags:
-  - opensource
-  - design

website/showcase/FirelordJS.yaml

@@ -1,7 +0,0 @@
-title: FirelordJS
-description: TypeScript Wrapper for Firestore
-preview: ./showcase/firelordjs.png
-website: https://firelordjs.com
-source: https://github.com/tylim88/FirelordJSDoc
-tags:
-  - opensource

website/showcase/Flagsmith.yaml

@@ -1,7 +0,0 @@
-title: Flagsmith
-description: Open Source Feature Flag and Remote Config Service
-preview: ./showcase/flagsmith.png
-website: https://docs.flagsmith.com
-source: https://github.com/Flagsmith/flagsmith-docs
-tags:
-  - opensource

website/showcase/Flarum.yaml

@@ -1,7 +0,0 @@
-title: Flarum
-description: Forums made simple. Modern, fast, and free!
-preview: ./showcase/flarum.png
-website: https://docs.flarum.org
-source: https://github.com/flarum/docs
-tags:
-  - opensource

website/showcase/FlatifyCSS.yaml

@@ -1,8 +0,0 @@
-title: FlatifyCSS
-description: Modern flat design framework for the web — inspired by Duolingo design system.
-preview: ./showcase/flatifycss.png
-website: https://flatifycss.com
-source: https://github.com/amir2mi/flatifycss/tree/master/website
-tags:
-  - opensource
-  - design

website/showcase/FlexIt Analytics.yaml

@@ -1,8 +0,0 @@
-title: FlexIt Analytics
-description: Business Intelligence and Data Analytics platform
-preview: ./showcase/flexit.png
-website: https://learn.flexitanalytics.com/
-source: https://github.com/ataft/flexit-docs
-tags:
-  - opensource
-  - product