Gatsby: [1.0] Wunschliste für Plugins (und Beispielseiten)

• Tweets und Gists in Markdown (siehe jekyll-twitter-plugin )
• Automagical Figure / FigCaption für Markdown-Bilder, die eine Beschriftung und / oder einen Verweis auf Quelle / Lizenz benötigen
• KaTeX , MathJax (in Markdown) - auch beim Googeln stieß man auf einen Jekyll-Gelehrten , der "Ihre Bibliografien und Leselisten für das Web formatiert und Ihren Blog-Posts Zitier-Superkräfte verleiht",… also denke ich, BibTeX;)
• Favicon Generator - nicht unbedingt erforderlich (da es bereits http://realfavicongenerator.net/ gibt und ich auch viele Gründe dafür sehe, diese manuell zu generieren), aber recht einfach zu implementieren (abgesehen von dem SVG-Symbol, das macOS Safari wünscht für seine "angehefteten Tabs")
• Dribbble
• Flickr
• 500px

Dies sind großartige Quellen für eigenständige Datensätze + öffentliche APIs

• https://github.com/caesar0301/awesome-public-datasets
• https://github.com/toddmotto/public-apis

Flickr wäre nützlich - während die Website selbst schmachtet, macht es die robute öffentliche API zu einer nützlichen Quelle zum Speichern von Fotos, um sie in Blog-Posts und -Seiten abzurufen.

Ich werde an toml-transformer .

Arbeiten an styled-jsx und einem Algolia-Syncer

@ Vagr9K @timsuchanek super ! Sie zur Liste hinzugefügt

Arbeitet jemand an DatoCMS? Würde gerne sehen, dass das passiert.

Arbeitet bereits jemand an einer Medium-Integration? Es wäre cool, die neuesten Beiträge eines bestimmten Blogs abzurufen.

@mfeltscher du liest meine Gedanken! Ich habe das gleiche Bedürfnis und begann zu untersuchen, wie wir eines schreiben könnten. Da die Medium-API in dieser Hinsicht eingeschränkt ist (afaik können Sie nicht die neuesten Beiträge von einem Blog erhalten), müssten wir entweder den RSS-Feed eines Blogs kratzen oder verwenden. Ich habe angefangen, die Allzweck-RSS-Quelle hier zu schreiben: https://github.com/jondubin/gatsby-source-rss Beiträge / Gedanken willkommen!

@jondubin Hey, würdest du daran interessiert sein, das Quell-Plugin zum Gatsby-Repo hinzuzufügen? Dies ist ein bisschen experimentell, aber ich denke, dass die meisten Community-Plugins im selben Repo dazu beitragen werden, die Qualität des Plugin-Codes viel höher zu halten, da hier viel mehr Augäpfel auf den Code fallen und wir weiterhin in immer bessere investieren können Testen der Infrastruktur, um sicherzustellen, dass alles gut funktioniert.

Gedanken?

@ KyleAMathews sagen nicht mehr! Ich werde migrieren, sobald ich die Chance dazu bekomme.

Hey, ich habe dieses Wochenende angefangen mit Gatsby zu spielen. Sieht gut aus! Ich möchte eine persönliche Website erstellen und glamourös für Stile verwenden. So wie ich das sehe, braucht es kein eigenes Plugin. Da im Hintergrund Glamour verwendet wird, funktioniert es nur, wenn Sie das Glamour-Plugin verwenden. Vermisse ich etwas

@felixjung keine Ahnung! Möchten Sie versuchen, sich zu melden? Ich habe Glamorous nicht verwendet oder die SSR-Methode nicht untersucht. Ich weiß also nicht, ob das vorhandene Glamour-Plugin einfach funktioniert oder nicht

Es funktioniert 😆 In den Dokumenten konnte ich nichts über SSR-Inhalte finden. Kent C. Dodds hat gerade geschrieben, dass es funktioniert, weil Glamour und Reaktion es unterstützen. Also habe ich es versucht und es funktioniert, wenn Sie das Glamour-Plugin aktivieren. 🎉

Na gut, dann perfekt :-) Du willst es dann in der Readme des Glamour-Plugins erwähnen und wir können das dann abhaken 👍

Sicher kann.

@jondubin +1 bezüglich der Einschränkungen der Medium API. Ich habe auch den RSS - Art und Weise versucht, nur das Futter auch das enthält , um herauszufinden , Kommentare des Benutzers , die Sie arbeiten ,

Ich denke, ich werde an einem Emotions- Plugin arbeiten

Hallo, es wäre toll, ein Plugin für Directus zu haben, da es eine Open-Source-Alternative zu Contentful ist :)

@fk @jondubin Während ich mich mit diesem Problem in diesem Blog-Beitrag beschrieben : https://medium.com/@{username}/latest?format=json .

👋 Ich kann am Plugin gatsby-transformer-xml

Hier ist die PR für gatsby-transformer-xml

@KyleAMathews Wordpress.com Quell-Plugin ist fertig.

@fk @erutan wrt Flickr / 500px, Unsplash wäre auch toll.

Ich glaube, # 1496 hat "CSV" unter "Transformer Plugins" gelöst.

Ich würde auch empfehlen, XLSX zu dieser Liste hinzuzufügen.

Ich habe hier mit der Arbeit an einem prismic.io-Quell-Plugin begonnen: https://github.com/angeloashmore/gatsby-source-prismic

Es ist sehr einfach: Es zieht alle Dokumente ein und stellt alle Daten auf PrismicDocument-Knoten zur Verfügung.

Zu den erforderlichen Verbesserungen gehört das Verknüpfen von Dokumenten nach Bedarf (alternative Sprachen, relationale Verknüpfungsfelder usw.).

Sie da

Wir haben ein Medium Source Plugin geschrieben, das JSON von dem von @mfeltscher erwähnten Endpunkt abruft. Ich habe hier eine Pull-Anfrage geöffnet: # 1907

Hoffentlich ist es auch für jemand anderen nützlich.

@deniaz Danke! Ich habe völlig vergessen, den Kommentar von @mfeltscher 😕 weiterzuverfolgen, und jetzt bin ich etwas verblüfft darüber, warum ich diesen Endpunkt selbst nie ausprobiert habe. Scheint, als hätte ich beim Lesen von " Die JSON-Seite soll nicht als Lese-API verwendet werden " gehorsam aufgegeben

Hallo,
Ich habe ein Quell-Plugin für Github API v4 geschrieben oder es mit npm install gatsby-source-github-api installiert

Sie können mir gerne sagen, was ich ändern muss oder welche Funktionen implementiert werden sollen.

- -
edit: Ich habe auch eine einfache Website fertiggestellt, die die Nützlichkeit dieses Plugins demonstriert: Sie finden es hier

LaTeX und besonders MathJax wären toll!

@ Thomaskuntzz es ist jetzt https://using-remark.gatsbyjs.org/katex/

Genial! Sieht gut aus für das, was ich brauche!

Ich frage mich nur, warum KaTeX gegenüber MathJax ausgewählt wurde ... Irgendeine Idee?

Nicht sicher, überprüfen Sie die Original-PR für die Begründung. Sie fügen auch ein weiteres Plugin für MathJax hinzu. Mehr Plugins desto besser :-)

Hey, ich habe eine schnelle Lösung für die Paginierung einer Liste von Posts zusammengestellt und festgestellt, dass es keine Paginierungsbeispiele gibt.

https://github.com/pixelstew/pixelstew-gatsby/blob/master/gatsby-node.js

Wenn das zur Rechnung passt, kann ich einen kurzen Beitrag schreiben, der es erklärt?

@ Pixelstew sieht createPagninatedPages({ edges, pageLength=10, templatePath, createPage }) oder so ähnlich.

Das löst ein wirklich häufiges Problem!

Würde mich über einen Blog-Beitrag über die Verwendung der Lösung freuen.

@ KyleAMathews - halte es für erledigt

Hallo Leute!

Kann ich mit dem Beispiel einer mehrsprachigen Site arbeiten?

Ist mein Plugin Gatsby-Plugin-18n eine gute Lösung? Welche Verbesserungen braucht es?

Ich würde gerne helfen und Feedback über die richtige Vorgehensweise erhalten.

Vielen Dank!

@ KyleAMathews

https://www.npmjs.com/package/gatsby-paginate

Ich habe gerade einige schreckliche Fehler in der Readme-Datei bemerkt. Lassen Sie mich wissen, ob die API einfach genug ist.

Hallo @pixelstew

Könnten Sie den Github-Link zu package.json hinzufügen?
Auf der npm-Seite musste ich zu Ihrem npm-Profil, dann zu einem Github-Profil und dann zu Repositorys gehen, um den Quellcode zu finden.

Ich werde Ihr Paket mit gatsby-plugin-i18n testen
Ich hoffe es funktioniert = D.

@angeloocana - yep np

@ Pixelstew sieht

Hallo, @KyleAMathews Ich habe ein Quell-Plugin für Trello geschrieben , das auf der Team-ID basiert . Das ist besser als die Eingabe von boardId nacheinander.

Ich baue damit auch 2 OpenSource-Websites. und ein Blog-Beitrag / Tutorial über alle Prozesse.
Prost
🍻

@Necmttn woah! Ich wollte schon immer ein Trello-Quell-Plugin! Ich kann es kaum erwarten, darüber zu lesen! Können Sie von Brett zu Listen zu Karten springen? ZB nach einem Board fragen und dann alle Karteninformationen aus einer seiner Listen holen?

ja definitiv! :) das wäre so etwas wie

query getBoardById($id: String!) {
  allTrelloBoard (
    filter: {
      id: {eq: $id}
    }
  ){
    edges {
      node {
        id
        name 
        lists {
          id
          name
        }
        cards {
          id
          parent
          name
          desc
        }
      }
    }
  }
}

Die Beziehung zwischen node basiert also auf dem parent von
card.parent value = list.id
list.parent value = board.id
dann im Grunde .. Sie können Karten relativ list segmentieren, wenn Sie list.map ;

    const cards = data.cards.filter(card => {
      return card.parent === list.Id
    }).map(card => {
      return (
        <div key={card.id}>
          <h2>{card.name}</h2>
          <p>{card.desc}</p>
        </div>
      )
    })

Heute werde ich versuchen, einen Transformator für card.desc hinzuzufügen, was eine rohe Abschriftenanalyse mit gatsby-transformer-remark.

und das Hinzufügen einer Beziehung zwischen children wäre eine nette PR. Wenn jemand eine Zeit hat, würde ich das schätzen.

In Ordnung, ich habe auch Kinder Beziehung & Transformator-Bemerkung hinzugefügt. neue Version funktioniert wie ein Zauber. Hier ist die Beispielabfrage.

query getWeeklyById($id: String!) {
  allTrelloBoard (
    filter: {
      id: {eq: $id}
    }
  ){
    edges {
      node {
        id
        name lists {
          id
          name
          cards {
            id
            name
            childMarkdownRemark {
              id
              html
            }
          }
        }
      }
    }
  }
}

Hatte gerade die Idee für ein faker.js- basiertes Quell-Plugin - wäre

@KyleAMathews - Ich werde die

Können Sie oder jemand anderes beschreiben, wie der paginierte Beitrag strukturiert sein könnte?
In Markdown für zB - wäre es ein index.md und dann einige nachfolgende MD-Dateien für die anderen 'Seiten'?

Oder eine andere Datenquelle verwenden?

Ich denke, ich muss wissen, wie die API-Antwort aussehen könnte, wenn ich möchte, dass dies eine automatisierte Sache ist.

@pixelstew sollte mit jeder Datenquelle funktionieren. Ich denke, es braucht nur eine Option, um den Seiten, die es erstellt, ein "Präfix" hinzuzufügen, z. B. "Beiträge" oder "Bilder" oder was auch immer.

@ KyleAMathews - Ja, ich denke schon - ich habe es wahrscheinlich überkompliziert. Ich dachte daran, ein Array aller Posts zu übergeben, festzustellen, ob das Array mehrseitige Posts enthält, und diese dann, wie Sie sagen, unter bestimmten Bedingungen mit einer vorangestellten URL zu rendern.

Wenn ich die Eingabe als benutzerdefiniertes Array belasse, ist die Lösung einfach.

Ich bin ziemlich daran interessiert, eine Suchbeispiel-Site oder Paginierung zu erstellen, da ich derzeit an diesen Funktionen für meine eigene Site arbeite.

Wenn noch niemand daran arbeitet, natürlich.

@Tallestthomas das wäre toll! @pixelstew haben Sie oder jemand anderes schon eine Beispielseite für gatsby-paginate erstellt? Es wäre gut, einen hier zu hosten, da dies ein häufiger Anwendungsfall ist.

Auf der Suche - @bvaughn hat ziemlich viel mit

Ich habe hier einige gehackte Work-in-Progress-Projekte vorangetrieben , aber es ist überhaupt nicht bereit, geteilt zu werden oder so. Ich arbeite nur hier und da daran, wenn ich Zeit finde.

Hat jemand zufällig mit Zendesk oder Greenhouse gearbeitet?

Hallo allerseits,

Ich habe eine Hilfsbibliothek für Quell-Plugin-Autoren erstellt. Dies sollte dazu beitragen, einen Teil der für Quell-Plugins benötigten Boilerplate zu reduzieren.

gatsby-node-helpers : https://github.com/angeloashmore/gatsby-node-helpers

Ich habe damit begonnen, es für ein Shopify-Quell-Plugin zu verwenden, das ich schreibe, und habe darin einen Wert gefunden. Bitte lassen Sie mich wissen, was Sie denken, wenn Sie es ausprobieren. Vielen Dank :)

@KyleAMathews Ich habe das Plugin in meinem eigenen Blog verwendet, das ich gerne hier klonen und hosten kann.

@angeloashmore das ist fantastisch !!! Könnten Sie von der Seite mit den Quell-Plugin-Dokumenten darauf verlinken? https://www.gatsbyjs.org/docs/create-source-plugin/

@pixelstew gatsby-paginate?

@pixelstew Gibt es einen Grund, warum die Lizenz GPL für das Gatsby-Paginate-Plugin ist?

Würde gerne ein Quell-Plugin für Craft CMS sehen. Craft verfügt über ein natives Plugin, das eine JSON-API erstellt. https://github.com/craftcms/element-api/tree/v1 .

Für Craft 3 gibt es auch ein GraphQL Server Plugin. https://github.com/markhuot/craftql

Diese NPM-Bibliothek ist ziemlich süß. Es analysiert eine Seite und erstellt die erforderlichen Schriftdateien nur für die tatsächlichen Zeichen, die auf dieser Seite für eine optimale Ladegeschwindigkeit verwendet werden. Https://www.npmjs.com/package/subfont

Es wäre schön, ein Plugin zu haben, das dies für alle oder bestimmte Seiten einer Site erledigt!

@ KyleAMathews Ich würde von einer LaunchDarkly- Integration profitieren. Im Idealfall werden sowohl SSR- als auch Laufzeit-Feature-Flags unterstützt.

@ mickeyreiss-visor das wäre cool!

Gibt es ein

@smakosh Nicht, dass ich es

Ich werde es versuchen!

Ihre API ist so schlecht, lol, anstatt mir zu sagen, welcher Parameter fehlt, ist ihre Antwort wie

{
    "error": "invalid_request",
    "error_description": "The request is missing a required parameter, includes an unsupported parameter value, or is otherwise malformed."
}

Okey, ich habe es geschafft, eine Antwort zu bekommen, werde heute Abend am Plugin arbeiten!

Fertig: https://www.npmjs.com/package/gatsby-source-dribbble

@smakosh schön! Möchten Sie es zur Liste der Community-Plugins hinzufügen? https://www.gatsbyjs.org/docs/plugins/#community -plugins

Gerade eine PR geöffnet https://github.com/gatsbyjs/gatsby/pull/4086

Starter-Kit: https://github.com/smakosh/gatsby-source-dribbble-example

Hallo, gibt es Pläne, Unterstützung für Asciidoc hinzuzufügen? :) :)

@vojtechruz Ich habe noch niemand geschrieben! Fühlen Sie sich frei, es anzunehmen und zur Community beizutragen!

Klar, ich freue mich :)

Arbeitet jemand an einem Subfont-Plugin? Würde es gerne in Aktion sehen.

@alexparish Das wäre toll zu sehen!

@alexparish das wäre

@KyleAMathews Ich fürchte, ich weiß sehr wenig über den Subfont-Prozess, war aber beeindruckt von den Perf-Referenzen. Wenn Sie geplant hatten, dieses Plugin auszuprobieren, lassen Sie sich bitte nicht von mir aufhalten. Ich habe nur sehr wenig Zeit zur Verfügung, sodass es von meiner Seite aus langsam gehen würde.

Ok, ich bin mir nicht sicher, wann ich auch Zeit habe, aber ja, es hat viel Potenzial, die Leistung auf Websites mit benutzerdefinierten Schriftarten zu verbessern.

TBH ein Plugin für Subfont ist wahrscheinlich ein wenig übertrieben, es sei denn, es hatte etwas Magisches wie die Idee, nur auf den Top-10-Seiten von Analytics zu laufen (was eine _awesome_ Idee ist). Um einem Projekt einen Subfont hinzuzufügen, können Sie ihn einfach am Ende Ihres Buildsteps anheften

gatsby build && subfont public -i

Noch ein paar Ideen:

• Google Lighthouse-Integration - Dies müsste für erstellte Websites und nicht für Entwicklungswebsites ausgeführt werden

• First Input Delay Plugin - Lesen Sie den Artikel, der FID beschreibt

Plugin Idee:
Analysieren Sie eine Skizzendatei , um automatisch eine Komponentendokumentation oder eine Entwurfssystemdokumentation basierend auf der Komponentenbeschreibung in der Skizzendatei zu generieren.

Wie funktioniert es:
Zum Parsen und Lesen der Skizzendatei benötigen wir eine klare Ebenen- und Zeichenflächenstruktur mit einigen spezifischen Eigenschaften. Pro Komponentengruppe, die Sie dokumentieren möchten, muss eine separate Zeichenfläche mit einer Beschreibungsebene oder einem Informationssymbol vorhanden sein. Diese Ebene muss einen speziellen Namen haben. Wir können den Inhalt dieser Ebene lesen und eine Seite in Markdown mit diesem Inhalt erstellen.

Einige Tools, die wir verwenden können:
https://github.com/xaviervia/sketch2json
http://oscarotero.design/node-sketch/
https://gist.github.com/JoelBesada/fc20060741342e8a5f15208401e4308d

Eine Cloudinary Plugin Idee:
Weitere Infos

Ich werde am PDF-Transformator arbeiten.

Ich werde am Dynamodb-Quell-Plugin arbeiten.

@KyleAMathews Ich werde dies in ein paar Punkte zugänglicher ist . Ich werde das schließen, sobald sie erstellt sind!

Problemzusammenfassung hat

Drupal (es gibt den Anfang von einem bereits im Repo, aber es gibt eine Reihe von Ergänzungen, die großartig wären)

Gibt es irgendwo eine Liste der Ergänzungen, die Sie verfolgen?

Ist die Wunschliste der Quelle noch gültig für das, was wir hinzufügen können?

@KyleAMathews Ich habe ein kleines Knoten-Dienstprogramm, das ich für Fixer-Io verwende, und ich würde es gerne als Plugin hinzufügen, das ich in Gatsby verwenden kann, also würde ich im Grunde ein gatsby-fixer-io Plugin erstellen. Ist es in Ordnung, dafür bereits eine PR einzureichen, da ich dies im Moment geplant habe?

@kenigbolo Wir versuchen, diesem Repo nur wirklich Kern-Plugins hinzuzufügen. Wir würden uns freuen, wenn Sie Ihr Plugin selbst bei npm veröffentlichen, damit es in der Plugin-Bibliothek angezeigt wird! https://www.gatsbyjs.org/docs/submit-to-plugin-library/

@aroduribe nicht wirklich. Viele dieser Dinge wurden getan. Wenn es eine gibt, die interessant aussieht, überprüfen Sie anhand der Plugin-Bibliothek, ob sie ausgeführt wurde oder nicht. https://www.gatsbyjs.org/plugins/

Sie können auch unter https://github.com/gatsbyjs/gatsby/labels/status%3A%20help%20 nach Arbeit

Weitere Möglichkeiten, Beiträge zu leisten, finden Sie auch unter https://www.gatsbyjs.org/docs/how-to-contribute/

Seit der Übernahme durch Smugmug im April scheint Flickr eine kleine Renaissance zu erleben. Als langjähriger Benutzer von Flickr bin ich wirklich versucht, ein Quell-Plugin zu schreiben ...

Flickr wäre nützlich - während die Website selbst schmachtet, macht es die robute öffentliche API zu einer nützlichen Quelle zum Speichern von Fotos, um sie in Blog-Posts und -Seiten abzurufen.

Neugierig, ob jemand ein Notion- Quell-Plugin untersucht hat…

@dustinhorton Ich habe es gestern

In GO ist ein inoffizielles API-SDK geschrieben.
https://github.com/kjk/notionapi

Lassen Sie mich wissen, wenn Sie bereit sind, eine zu schreiben. Ich könnte auch dazu beitragen.

Ich habe aus den gleichen Gründen Gatsby-Source-Trello geschrieben.

@Necmttn Ja, ich war darauf gestoßen, nachdem ich nach einem Gatsby-Quell-Plugin gesucht hatte. Die Öffentlichkeit würde meinen Bedürfnissen gut entsprechen, aber ich habe nur einen kleinen Anwendungsfall, aus Angst, ich kann es mir nicht leisten, die Zeit zu investieren, die dafür benötigt wird. Ich werde mir Ihr Trello-Plugin ansehen, um eine Vorstellung davon zu bekommen, was es bedeuten könnte - danke oder Verknüpfung.

Ich habe diese Familie gebaut: https://github.com/wmlutz/gatsby-source-dynamodb

Das Überprüfen der aktuellen Dokumente und Plugins scheint alles abgedeckt zu haben. Wenn Sie dies schließen, kann bei neuen Quell-Plugin-Anforderungen ein Problem auftreten. (Zu Ihrer Information: Dies ist die älteste offene Ausgabe, also yay Team, um all dies zu erledigen.)