Gatsby: [1.0] قائمة أمنيات المكونات الإضافية (وأمثلة على المواقع)

• تغريدات و Gists في Markdown (انظر jekyll-twitter-plugin )
• شكل آلي / شكل توضيحي لصور Markdown التي تحتاج إلى تسمية توضيحية و / أو إشارة إلى المصدر / الترخيص
• KaTeX ، MathJax (في Google عثر على بتنسيق المراجع وقوائم القراءة الخاصة بك للويب ويعطي
• منشئ favicon - ليس ضروريًا للغاية (حيث يوجد بالفعل http://realfavicongenerator.net/ ويمكنني أيضًا رؤية الكثير من الأسباب لإنشاء كل منها يدويًا) ولكن من السهل جدًا تنفيذه (بصرف النظر عن رمز SVG الذي يريده macOS Safari من أجل "علامات التبويب المثبتة")
• تقطر
• فليكر
• 500 بكسل

هذه مصادر رائعة لمجموعات البيانات المستقلة + واجهات برمجة التطبيقات العامة

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

قد يكون Flickr مفيدًا - في حين أن الموقع نفسه ضعيف ، فإن واجهة برمجة التطبيقات العامة الروبوتية تجعله مصدرًا مفيدًا لتخزين الصور لسحبها إلى منشورات وصفحات المدونة.

سأعمل على toml-transformer .

العمل على styled-jsx ومزامنة algolia

MustafaHosny اللهم امين أضافك إلى القائمة

أي شخص يعمل على DatoCMS؟ أود أن أرى ذلك يحدث.

هل هناك أي شخص يعمل بالفعل على التكامل المتوسط؟ سيكون من الرائع جلب أحدث المشاركات لمدونة معينة.

mfeltscher تقرأ رأيي! لدي نفس الحاجة ، وبدأت أبحث في كيفية كتابة واحدة. نظرًا لأن Medium API محدود في هذا الصدد (لا يمكنك الحصول على أحدث المنشورات من مدونة) ، فسيتعين علينا إما التخلص من موجز ويب RSS الخاص بالمدونة أو استخدامه. لقد بدأت في كتابة مصدر rss للأغراض العامة هنا: https://github.com/jondubin/gatsby-source-rss نرحب بالمساهمات / الأفكار!

jondubin ، هل أنت مهتم بإضافة البرنامج المساعد المصدر إلى

أفكار؟

KyleAMathews يقول لا أكثر! سأهاجر حالما تسنح لي الفرصة.

مرحبًا ، لقد بدأت اللعب مع غاتسبي في نهاية هذا الأسبوع. تبدو رائعة! أرغب في بناء موقع شخصي واستخدام الأنماط البراقة. بالطريقة التي أرى بها هذا ، فهي لا تحتاج إلى مكون إضافي خاص بها. نظرًا لأنه يستخدم البريق في الخلفية ، فإنه يعمل عند استخدام البرنامج المساعد البهجة. هل فاتني شيء؟

تضمين التغريدة تريد المحاولة والإبلاغ مرة أخرى؟ لم أستخدم Glamorous أو بحثت عن طريقة SSR الخاصة به ، لذا لا أعرف ما إذا كان المكون الإضافي البهجة الحالي سيعمل فقط أم لا

إنه يعمل 😆 بالنظر إلى مستنداته ، لم أتمكن من العثور على أي شيء حول عناصر SSR. كينت سي دودز كتب للتو أنه يعمل لأن التألق ورد الفعل يدعمانه. لذلك حاولت وهو يعمل عند تمكين المكون الإضافي البهجة. 🎉

حسنًا ، حسنًا ، إذن :-) تريد إضافة ذكره ثم إلى الملف التمهيدي للمكوِّن الإضافي البراق ويمكننا التحقق من ذلك بعد ذلك 👍

بالتأكيد ، يمكن أن تفعل.

jondubin +1 بخصوص قيود واجهة برمجة التطبيقات المتوسطة. كما أنني حاولت الطريق RSS، فقط لمعرفة تغذية يحتوي أيضا على تعليقات المستخدمين ، والتي يمكنك العمل في جميع أنحاء ، ولكن ... 🙄

أعتقد أنني سأعمل على مكون إضافي للعاطفة

مرحبًا ، سيكون من الرائع أن يكون لديك مكون إضافي لـ Directus لأنه بديل مفتوح المصدر لـ Contentful :)

fkjondubin أثناء النظر في هذه المشكلة ، وجدت حلاً آخر لجلب المشاركات من Medium كما هو موضح في منشور المدونة هذا : https://medium.com/@{username}/latest?format=json .

👋 يمكنني العمل على المكون الإضافي gatsby-transformer-xml

هنا PR لـ gatsby-transformer-xml

KyleAMathews تم الانتهاء من البرنامج المساعد المصدر Wordpress.com.

fkerutan WRT فليكر / 500px، Unsplash من شأنه أيضا أن يكون كبيرا.

أعتقد أن # 1496 تم حلها "CSV" تحت عنوان "ملحقات المحولات".

أوصي أيضًا بإضافة XLSX إلى تلك القائمة.

لقد بدأت العمل على مكون إضافي لمصدر prismic.io هنا: https://github.com/angeloashmore/gatsby-source-prismic

إنه أساسي للغاية: يسحب جميع المستندات ويجعل جميع البيانات متاحة على عقد PrismicDocument.

تتضمن التحسينات المطلوبة ربط المستندات حسب الحاجة (اللغات البديلة ، حقول الارتباط العلائقية ، ...).

مرحبا

لقد كتبنا مكونًا إضافيًا للمصدر المتوسط ​​يسحب JSON من نقطة النهاية المذكورة بواسطةmfeltscher. لقد فتحت طلب سحب هنا: # 1907

نأمل أن يكون مفيدًا لشخص آخر أيضًا.

deniaz شكرا لك! لقد نسيت تمامًا متابعة تعليق mfeltscher 😕 ، والآن أشعر بالحيرة بعض الشيء من سبب عدم تجربة هذه النقطة النهائية بنفسي. يبدو أنني تركت الأشياء بطاعة عند قراءة " صفحة JSON ليس المقصود استخدامها كواجهة

مهلا،
لقد قمت بكتابة البرنامج المساعد المصدر لـ Github API v4 ، أو قمت بتثبيته باستخدام npm install gatsby-source-github-api

لا تتردد في إخباري بما أحتاج إلى تغييره أو ما هي الميزات التي ترغب في رؤيتها مطبقة.

-
تحرير: لقد انتهيت أيضًا من إنشاء موقع ويب بسيط يعرض فائدة هذا المكون الإضافي: يمكنك العثور عليه هنا

سيكون LaTeX وخاصة MathJax رائعًا!

thomaskuntzz الأمر متروك الآن! https://using-remark.gatsbyjs.org/katex/

رائع! يبدو أنه مناسب تمامًا لما أحتاجه!

أتساءل فقط لماذا تم اختيار KaTeX على MathJax ... أي فكرة؟

لست متأكدًا ، تحقق من PR الأصلي لمعرفة السبب. يمكنك أيضًا إضافة مكون إضافي آخر لـ MathJax. المزيد من الإضافات هو الأفضل :-)

مرحبًا ، لقد جمعت حلاً سريعًا لترقيم قائمة من المشاركات ولاحظت عدم وجود أمثلة حول ترقيم الصفحات.

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

إذا كان هذا يناسب الفاتورة يمكنني كتابة منشور سريع يشرح ذلك؟

pixelstew تبدو رائعة! هل تريد استخراج تلك المكتبة التي يمكن للناس استخدامها أيضًا؟ شيء من هذا القبيل createPagninatedPages({ edges, pageLength=10, templatePath, createPage }) أو شيء من هذا القبيل.

هذا يحل مشكلة شائعة حقا!

أود نشر مدونة حول استخدام الحل أيضًا.

KyleAMathews - اعتبر الأمر

مرحبا يا رفاق!

هل يمكنني العمل مع مثال موقع متعدد اللغات؟

هل يعد المكون الإضافي gatsby-plugin-18n الخاص بي حلاً جيدًا؟ ما هي التحسينات التي يحتاجها؟

أرغب في المساعدة والحصول على تغذية راجعة حول الطريقة الصحيحة للقيام بالأشياء.

شكر!

تضمين التغريدة

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

لاحظت للتو بعض الأخطاء الفظيعة في التمهيدي. اسمحوا لي أن أعرف ما إذا كانت واجهة برمجة التطبيقات مباشرة إلى الأمام بدرجة كافية.

مرحبًا pixelstew

هل يمكنك إضافة رابط github إلى package.json الخاص بك؟
في صفحة npm ، كان علي الانتقال إلى ملف تعريف npm الخاص بك ، ثم إلى ملف تعريف github ، ثم إلى المستودعات من أجل العثور على الكود المصدري.

سأقوم باختبار الحزمة الخاصة بك باستخدام gatsby-plugin-i18n
آمل أن يعمل = د

angeloocana - أرستها نعم

pixelstew تبدو رائعة! سهل الاستخدام للغاية. الشيء الوحيد الذي يمكنني رؤيته مفقودًا هو طريقة لتغيير المسار الافتراضي للصفحات. على سبيل المثال لـ i18n أو للأقسام الفرعية من الموقع مثل / blog / 1 ، / blog / 2 وما إلى ذلك. وربما أيضًا طريقة لقول الشرطة المائلة اللاحقة أم لا.

مرحبًا ، KyleAMathews لقد كتبت لمصدر لـ Trello يعمل على أساس معرف الفريق. وهو أفضل من إدخال boardId واحدًا تلو الآخر.

أنا أيضًا أقوم ببناء موقعين مفتوحين المصدر باستخدامه. ومنشور مدونة / برنامج تعليمي حول كل العمليات.
في صحتك
🍻

تضمين التغريدة كنت أرغب في إضافة مصدر Trello إلى الأبد! لا استطيع الانتظار للقراءة عنها! هل يمكنك القفز من اللوح إلى القوائم إلى البطاقات؟ على سبيل المثال الاستعلام عن لوحة ثم الحصول على جميع معلومات البطاقة من إحدى قوائمها؟

نعم بالتأكيد! :) سيكون ذلك شيئًا مثل ،

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

لذلك توجد علاقة بين أساس node s على parent .
card.parent value = list.id
list.parent value = board.id
ثم بشكل أساسي .. يمكنك تقسيم البطاقات نسبيًا list ، عند 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>
      )
    })

سأحاول اليوم إضافة محول مقابل card.desc وهو تحليل تخفيض السعر الأولي بـ gatsby-transformer-remark.

وإضافة children ستكون علاقة علاقات عامة جيدة. إذا كان لدى شخص ما وقت سأقدر ذلك.

حسنًا ، لقد أضفت أيضًا علاقة الأطفال وملاحظة المحولات. الإصدار الجديد يعمل مثل السحر. إليك مثال الاستعلام.

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

كانت لدي فكرة عن مكون إضافي للمصدر يعتمد على

KyleAMathews - سأقوم بتحديث lib بحيث يمكن استخدامه لترقيم مشاركة.

هل يمكنك أنت أو أي شخص آخر وصف الطريقة التي يمكن بها تنظيم المنشور المرقّم؟
في تخفيض السعر على سبيل المثال - هل سيكون index.md ثم بعض ملفات md اللاحقة لـ "الصفحات" الأخرى؟

أو باستخدام أي مصدر بيانات آخر؟

أعتقد أنني بحاجة إلى معرفة كيف يمكن أن تبدو استجابة واجهة برمجة التطبيقات إذا كنت أريد أن يكون هذا شيئًا تلقائيًا.

pixelstew يجب أن يعمل مع أي مصدر بيانات. إنه يحتاج فقط إلى خيار أعتقد أنه لإضافة "بادئة" إلى الصفحات التي يقوم بإنشائها مثل "منشورات" أو "صور" أو أي شيء آخر.

KyleAMathews - نعم أعتقد ذلك - ربما كنت

إذا تركت الإدخال كأي مصفوفة يحددها المستخدم ، فإن الحل بسيط.

أنا مهتم جدًا بإنشاء موقع مثال للبحث أو ترقيم الصفحات ، حيث إنني أعمل حاليًا على هذه الميزات لموقعي الخاص.

إذا لم يكن هناك أحد يعمل على هذه بالفعل ، بالطبع.

Tallestthomas سيكون ذلك رائعا! pixelstew هل قمت أنت أو أي شخص آخر ببناء مثال لموقع gatsby-paginate حتى الآن؟ سيكون من الجيد أن يكون لديك واحد مستضاف هنا لأن هذه حالة استخدام شائع.

عند البحث - لعبت bvaughn مع أفكار البحث قليلاً. براين - هل دفعت أيًا من نموذج التعليمات البرمجية إلى أي مكان؟

لقد دفعت بعض العمل الذي تم اختراقه قيد التقدم هنا ولكنه ليس جاهزًا على الإطلاق للمشاركة أو أي شيء. فقط أعمل عليها هنا وهناك ، عندما أجد الوقت.

هل يصادف أي شخص القيام بأي عمل مع Zendesk أو Greenhouse؟

مرحبا جميعا،

لقد أنشأت مكتبة مساعدة لكتاب البرنامج المساعد المصدر. يجب أن يساعد في تقليل بعض النماذج الأساسية اللازمة لإضافات المصدر.

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

لقد بدأت في استخدامه لبرنامج Shopify المصدر الإضافي الذي أكتبه ووجدت قيمة فيه ، لذلك اعتقدت أنني سأشاركه. يرجى إعلامي برأيك إذا جربته. شكر :)

KyleAMathews لقد استخدمت المكون الإضافي في مدونتي الخاصة ، ويسعدني استنساخها واستضافتها هنا.

angeloashmore هذا رائع !!! هل يمكنك الارتباط بها من صفحة مستندات البرنامج المساعد المصدر؟ https://www.gatsbyjs.org/docs/create-source-plugin/

pixelstew gatsby-paginate؟

pixelstew هل هناك سبب لأن الترخيص عبارة عن GPL على ملحق gatsby-paginate؟

أود أن أرى البرنامج المساعد المصدر لـ Craft CMS. يحتوي Craft على مكون إضافي أصلي يقوم بإنشاء JSON API. https://github.com/craftcms/element-api/tree/v1 .

بالنسبة إلى craft 3 ، يوجد أيضًا مكون إضافي لخادم GraphQL. https://github.com/markhuot/craftql

مكتبة NPM هذه حلوة جدًا. يقوم بتحليل صفحة وإنشاء ملفات الخطوط الضرورية للأحرف الفعلية المستخدمة في تلك الصفحة لسرعة التحميل المثلى https://www.npmjs.com/package/subfont

سيكون من الرائع أن يكون لديك مكون إضافي يفعل ذلك لجميع الصفحات أو المعينة على الموقع!

KyleAMathews سأستفيد من تكامل LaunchDarkly . من الناحية المثالية ، سيدعم كلاً من علامات ميزات SSR ووقت التشغيل.

@ mickeyreiss- قناع من شأنه أن يكون باردا!

هل هناك أي مكون إضافي

smakosh ألا أعرف (بحثت في npm و GitHub) ... تريد إنشاء واحد ؟!

سأجربه!

واجهة برمجة التطبيقات الخاصة بهم سيئة للغاية ، بدلاً من إخباري بالمعامل المفقود ، تكون استجابتهم مثل

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

حسنًا ، تمكنت من الحصول على رد ، سأعمل على المكون الإضافي الليلة!

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

تضمين التغريدة هل تريد إضافته إلى قائمة المكونات الإضافية للمجتمع؟ https://www.gatsbyjs.org/docs/plugins/#community -plugins

فتحت للتو علاقات عامة https://github.com/gatsbyjs/gatsby/pull/4086

مجموعة المبتدئين: https://github.com/smakosh/gatsby-source-dribbble-example

مرحبًا ، أي خطط لإضافة دعم لـ asciidoc؟ :)

vojtechruz لم يكتب أحد حتى الآن! لا تتردد في توليه والمساهمة به في المجتمع!

بالتأكيد ، سأكون سعيدًا بما يلي :)

أي شخص يعمل على ملحق فرعي؟ احب ان اراه في العمل

alexparish سيكون من الرائع رؤيته!

alexparish سيكون ذلك رائعًا! كنت أفكر في واحدة من أجل تلك الليلة الماضية! كان تفكيري افتراضيًا أن يتعين على الأشخاص تحديد الصفحات التي يريدونها لأنني أفترض أن العملية مكلفة جدًا؟ سيكون من الرائع الاتصال بتحليلات جوجل وتطبيق الأداة تلقائيًا على أفضل 10 صفحات مقصودة.

KyleAMathews أخشى أنني أعرف القليل جدًا عن عملية الخط الفرعي ، لكنني تأثرت بأوراق اعتماد الأداء. إذا كنت قد خططت لإجراء هذا البرنامج الإضافي ، فالرجاء عدم السماح لي بإيقافك - ليس لدي سوى القليل من الوقت المتاح لذلك سيكون بطيئًا من جانبي.

حسنًا ، لست متأكدًا عندما يكون لدي الوقت أيضًا ، ولكن نعم ، لديه الكثير من الإمكانات لتحسين الأداء على المواقع ذات الخطوط المخصصة.

من المحتمل أن يكون TBH مكونًا إضافيًا للخط الفرعي مبالغة قليلاً ، إلا إذا كان لديه بعض السحر مثل فكرة التشغيل فقط على الصفحات العشرة الأولى من التحليلات (وهي فكرة _ رائعة_). لإضافة خط فرعي إلى مشروع ما ، يمكنك فقط وضعه في نهاية خطوة البناء

gatsby build && subfont public -i

فكرتان أخريان:

• تكامل Google lighthouse - يجب أن يعمل هذا ضد المواقع المبنية ، وليس مواقع التطوير

• المكون الإضافي First Input Delay - راجع المقالة التي تصف FID

فكرة البرنامج المساعد:
قم بتحليل ملف رسم لإنشاء وثائق المكونات تلقائيًا أو وثائق نظام التصميم بناءً على وصف المكون داخل ملف الرسم.

كيف يعمل:
لتحليل ملف الرسم وقراءته ، نحتاج إلى طبقة واضحة وهيكل لوح الرسم مع بعض الخصائص المحددة. لكل مجموعة مكون تريد توثيقها ، يجب أن تكون هناك لوحة فنية منفصلة بطبقة وصف أو رمز معلومات. يجب أن يكون لهذه الطبقة اسم خاص. يمكننا قراءة المحتوى من تلك الطبقة وإنشاء صفحة في علامة التخفيض مع هذا المحتوى.

بعض الأدوات التي يمكننا استخدامها:
https://github.com/xaviervia/sketch2json
http://oscarotero.design/node-sketch/
https://gist.github.com/JoelBesada/fc20060741342e8a5f15208401e4308d

فكرة مكون إضافي سحابة:
مزيد من المعلومات

سأعمل على محول pdf.

سأعمل على البرنامج المساعد لمصدر dynamodb.

KyleAMathews سأقوم بتقسيم هذا إلى عدد قليل من القضايا لذا فهو أكثر

ملخص القضية لديه

دروبال (هناك بداية واحدة بالفعل في الريبو ولكن هناك عدد من الإضافات التي سيكون من الرائع القيام بها)

هل هناك قائمة في مكان ما بالإضافات التي تطاردها؟

هل قائمة أمنيات المصدر لا تزال سارية على ما يمكننا إضافته؟

KyleAMathews لديّ أداة عقدة صغيرة كمكوِّن إضافي يمكنني استخدامه في gatsby ، لذا سأقوم بعمل مكون إضافي gatsby-fixer-io . هل من المقبول تقديم PR لهذا بالفعل لأن لدي هذا المخطط في الوقت الحالي

kenigbolo نحاول فقط إضافة الإضافات الأساسية إلى هذا الريبو. يسعدنا أن تنشر المكون الإضافي الخاص بك إلى npm بنفسك حتى يظهر في مكتبة المكونات الإضافية! https://www.gatsbyjs.org/docs/submit-to-plugin-library/

aroduribe ليس حقا. تم إنجاز العديد من هذه الأشياء. إذا كانت هناك واحدة تبدو مثيرة للاهتمام ، فتحقق مرة أخرى من مكتبة المكونات الإضافية لمعرفة ما إذا كانت قد تم تنفيذها أم لا. https://www.gatsbyjs.org/plugins/

يمكنك أيضًا التحقق من https://github.com/gatsbyjs/gatsby/labels/status٪3A٪20help٪20wanted للعمل للمساعدة.

يمكن العثور على طرق أخرى للمساهمة على https://www.gatsbyjs.org/docs/how-to-contribute/

منذ استحواذ Smugmug عليها في أبريل ، يبدو أن Flickr يمر بنهضة صغيرة. باعتباري مستخدمًا لفترة طويلة لـ Flickr ، فإنني أميل حقًا إلى تجربة كتابة البرنامج المساعد المصدر ...

قد يكون Flickr مفيدًا - في حين أن الموقع نفسه ضعيف ، فإن واجهة برمجة التطبيقات العامة الروبوتية تجعله مصدرًا مفيدًا لتخزين الصور لسحبها إلى منشورات وصفحات المدونة.

من الغريب ما إذا كان أي شخص قد بحث في المكون الإضافي لمصدر Notion ...

dustinhorton كنت أنظر إليها بالأمس. لكن ليس لديهم واجهة برمجة تطبيقات عامة ، لذا يجب استخدام اللوحات العامة وما إلى ذلك.

هناك API SDK غير رسمي مكتوب في GO.
https://github.com/kjk/notionapi

اسمحوا لي أن أعرف إذا كنت على استعداد لكتابة واحدة. قد أساهم كذلك.

لقد كتبت gatsby-source-trello لنفس الأسباب.

Necmttn نعم لقد عثرت على ذلك بعد البحث عن مكون إضافي لمصدر Gatsby. سوف يلائم الجمهور احتياجاتي بشكل جيد ، لكن لدي حالة استخدام صغيرة واحدة فقط لذا لا يمكنني تحمل الوقت الذي سأستغرقه. سألقي نظرة على المكون الإضافي Trello الخاص بك للبدء في الحصول على فكرة عما قد ينطوي عليه - شكرًا أو ربط.

لقد بنيت هذه العائلة: https://github.com/wmlutz/gatsby-source-dynamodb

يبدو أن مراجعة المستندات والمكونات الإضافية الحالية قد تمت تغطيتها. عند إغلاق هذا ، يمكن أن تظهر مشكلة في أي طلبات مكون إضافي جديد للمصدر. (لمعلوماتك: هذه هي أقدم مشكلة مفتوحة ، لذا يا فريق لإنجاز كل هذه الأمور.)