Gatsby: प्रश्न: मैं gatsby-source-filesystem नाम के आधार पर क्वेरी कैसे कर सकता हूं?

मुझे लगा कि आप allMarkdownRemark का उपयोग करके पथ को फ़िल्टर भी कर सकते हैं:

{
   allMarkdownRemark(
    sort: { order: DESC, fields: [frontmatter___date]},
    filter: {fileAbsolutePath: {regex: "/(type1)/.*\\.md$/"}}
  ) {
      edges {
        node {
          excerpt(pruneLength: 250)
          id
          frontmatter {
            title
            date(formatString: "MMMM DD, YYYY")
            path
          }
        }
      }
    }
}

फ़ाइल नोड्स में स्रोत उदाहरण नाम sourceInstanceName रूप में सेट है ताकि आप प्रश्नों के लिए उपयोग कर सकें।

रेगेक्स का उपयोग करना एक महान समाधान है और साथ ही हम उदाहरण के लिए gatsbyjs.org पर बहुत अधिक उपयोग करते हैं।

BTW, यदि आप पहले से ही इसका उपयोग नहीं कर रहे हैं, तो क्या डेटा उपलब्ध है, इसकी खोज के लिए ग्राफिक्वेल महान है।

@KyleAMathews allMarkdownRemark क्वेरी में sourceInstanceName का उपयोग करने का एक तरीका है? मैं उम्मीद कर रहा था कि मुझे इस तरह के प्रत्येक मार्कशीट नोड के लिए फ़ाइल नोड का sourceInstanceName मिल सकता है, ताकि मैं फ़ाइल पथों पर रेगेक्स का उपयोग किए बिना अपने प्रोजेक्ट से अपने ब्लॉग पोस्ट को अलग कर सकूं।

{
  allMarkdownRemark {
    edges {
      node {
        sourceInstanceName
      }
    }
  }
}

लेकिन GraphQL डिबगर दिखाता है कि sourceInstanceName उपलब्ध नहीं है।

आप स्रोत प्रकार, जैसे प्रोजेक्ट और ब्लॉग पोस्ट द्वारा मार्कडाउन पृष्ठों को फ़िल्टर करने की अनुशंसा कैसे करते हैं? इसके लिए मेरा वर्तमान समाधान प्रत्येक मार्किंग नोड के fileAbsolutePath प्राप्त करना है:

{
  allMarkdownRemark {
    edges {
      node {
        fileAbsolutePath
      }
    }
  }
}

और फिर परीक्षण करने के लिए कि क्या इसमें कुछ तार शामिल हैं, जैसे /pages/blog/ या /pages/projects/ । लेकिन यह टूट जाएगा अगर गैट्सबी साइट निर्देशिका के लिए पूर्ण पथ में इनमें से एक तार शामिल है। आप इस मामले में सबसे अच्छे अभ्यास के रूप में क्या सलाह देते हैं? (क्षमा करें, अगर मैं प्रलेखन में कुछ याद किया।)

@ न्स्वनेश ने allFile बोली लगाई और वहां फ़िल्टर किया। आप internal.mediaType द्वारा मार्कडाउन फ़ाइलों के लिए फ़िल्टर कर सकते हैं।

@KyleAMathews फ्रंटमेटर पर एक प्रकार के साथ allFile पर एक क्वेरी कैसे जोड़ती है? क्या यह संभव है?

कुछ इसी तरह का पता लगाने की कोशिश की जा रही है।

मैं सबफ़ोल्डर द्वारा फ़िल्टर कर सकता हूं। लेकिन मैं frontmatter allFile नहीं देख सकता।

अपडेट करें:

इसने मेरे लिए काम किया।

मैं फ़ोल्डर posts और pages फ़ोल्डर के अंदर content और मेरे gatsby-config.js अंक content ।

export const query = graphql`
  query IndexQuery {
    allMarkdownRemark(
      filter: { fileAbsolutePath: {regex : "\/posts/"} },
      sort: {fields: [frontmatter___date], order: DESC},
    ) {
      totalCount
      edges {
        node {
          id
          frontmatter {
            title
            slug
            date(formatString: "DD MMMM YYYY")
            category
          }
          excerpt
        }
      }
    }
  }
`;

@lukejanicke मेरे अंतिम अद्यतन के बाद से मैंने नोड सिस्टम में थोड़ा और allFile नोड्स मार्कडाउन हैंडलर द्वारा पार्स किए जाते हैं और फिर नए allMarkdownRemark नोड्स बनाए जाते हैं। इसलिए जैसा कि आपने पाया, allFile में फ्रंटमैटर द्वारा छांटना संभव नहीं है, क्योंकि यह केवल एक बार उत्पन्न होता है, जब मार्कड पार्सर अंदर घुस जाता है। रेगेक्स काम करता है, लेकिन यह मेरे स्वाद के लिए थोड़ा नाजुक है। मेरा समाधान एक onCreateNode हुक के माध्यम से मार्क नोड में फ़ाइल नोड से संग्रह नाम (filesystem स्रोत प्लग इन में निर्दिष्ट) की प्रतिलिपि बनाने के लिए था। एक उदाहरण पोस्ट करने के लिए मेरे सामने कोड नहीं है, लेकिन यह बहुत जल्दी था और फिर मेरे पास allMarkdownRemark अंदर एक फ़ील्ड है जिसे मैं फ़िल्टर कर सकता हूं।

@KyleAMathews ने सलाह दी (मेरे मामले में, स्रोत नाम projects )

allFile(filter: {internal: {mediaType: {eq: "text/markdown"}}, sourceInstanceName: {eq: "projects"}}) {
  edges {
    node {
      childMarkdownRemark {
        frontmatter {
            ...
        }
      }
    }
  }
}

@gbouteiller सच है, कि frontmatter मिलेगा और एक को sourceInstanceName फ़िल्टर करने की अनुमति देगा। परेशानी यह है, आप इस दृष्टिकोण का उपयोग करके frontmatter अंदर कुछ भी नहीं छांट सकते। ऐसा लगता है कि लोग यहां ब्लॉग पोस्ट के बारे में बात कर रहे हैं, और वे आम तौर पर तिथि के अनुसार क्रमबद्ध होते हैं। दिनांक को आमतौर पर frontmatter अंदर संग्रहीत किया जाता है।

frontmatter से कुछ करने का कोई तरीका नहीं है और डिफ़ॉल्ट रूप से sourceInstanceName फ़िल्टर करें। sourceInstanceName File नोड से markdownRemark नोड में कॉपी नहीं किया जाता है। एकमात्र विकल्प एक regex का उपयोग करना या मेरे पहले के पोस्ट के अनुसार कुछ डेटा कॉपी करना है।

यदि छंटाई की आवश्यकता नहीं है, जो कई मामलों में सही हो सकता है, तो आपका दृष्टिकोण बहुत मायने रखता है। मुझे पता नहीं था कि childMarkdownRemark file पर एक क्षेत्र के रूप में उपलब्ध था, यह जानने के लिए सुपर उपयोगी है, साझा करने के लिए धन्यवाद।

के लिए यह मुद्दा था और निराश था कि "नाम" फ़ील्ड does not अच्छी तरह से markdownR एन्क्रिप्शन के साथ काम करता है। क्या यहां एक छोटी जीत है जो हम इस जानकारी को पारित करने के लिए कर सकते हैं?

संपादित करें: बिट के आसपास गड़बड़ करने के बाद मुझे महसूस हुआ कि आईडी फ़ील्ड पथ को उजागर करती है और आप उसके आधार पर फ़िल्टर कर सकते हैं:

query AllQuery {
    DSes: allMarkdownRemark(
      limit: 3
      filter: { id: { regex: "/_design-systems/" } }
    ) {
      edges {
        node {
          frontmatter {
            title
            date
            company
            link
            image
            description
          }
          fields {
            slug
          }
        }
      }
    }

    Articles: allMarkdownRemark(
      limit: 3
      filter: { id: { regex: "/_articles/" } }
    ) {
      edges {
        node {
          frontmatter {
            title
            date
            company
            link
            image
            description
          }
          fields {
            slug
          }
        }
      }
    }
  }

स्रोत फाइल सिस्टम से name फ़ील्ड अभी भी वास्तव में gatsby- ट्रांसफॉर्मर-टिप्पणी के लिए कुछ भी नहीं करता है, मैं कहूंगा कि यह dx को थोड़ा बेहतर बनाता है प्रवाहित करने के लिए कि gatsby-transformer-remark बाद से एक क्वेरी / फिल्टर करने योग्य क्षेत्र के रूप में बिना gatsby-source-filesystem ।

@ tsiq-swyx मैं collection फ़ील्ड को File से MarkdownRemark पास करने के लिए कुछ इस तरह उपयोग कर रहा हूं।

exports.onCreateNode = ({ node, boundActionCreators, getNode }) => {
  const { createNodeField } = boundActionCreators

  if (_.get(node, 'internal.type') === `MarkdownRemark`) {
    // Get the parent node
    const parent = getNode(_.get(node, 'parent'))

    // Create a field on this node for the "collection" of the parent
    // NOTE: This is necessary so we can filter `allMarkdownRemark` by
    // `collection` otherwise there is no way to filter for only markdown
    // documents of type `post`.
    createNodeField({
      node,
      name: 'collection',
      value: _.get(parent, 'sourceInstanceName'),
    })

regex दृष्टिकोण काम करता है, लेकिन यह नाजुक है।

@chmac यह बहुत चालाक है, और यह काम करता है, आपके समाधान को साझा करने के लिए धन्यवाद। @Kyleamathews आपको टैग करने के लिए खेद है (यदि किसी और को टैग करने के लिए lmk है), लेकिन क्या gatsby-source-filesystem इस तरह से काम करना संभव है (sourceInstanceName को नोड क्षेत्र या किसी अन्य फ़ील्ड को डिफ़ॉल्ट रूप से पास करना)?

@ tsiq-swyx मैं 100% निश्चित नहीं हूं, लेकिन मुझे लगता है कि यह काफी सरल पुल अनुरोध हो सकता है! ;-)

मुझे लगता है कि gatsby बनाए रखने वालों के पास इन चीजों के बारे में मजबूत राय है, इसलिए मुझे लगता है कि यादृच्छिक अवांछित पीआर में भेजने से पहले इसके लायक चर्चा करें :)

ठीक है, मैं इसे काम कर रहा हूँ, लेकिन मेरा createPages निर्यात केवल एक टेम्पलेट का उपयोग करता है

यह देखने का इरादा है कि gatsby-source-filesystem का उपयोग करने से ग्राफिकल में AllFile की बिल्कुल भी आवश्यकता नहीं होती है। जिससे भ्रम पैदा हो सकता है और यह प्रलेखन में परिलक्षित नहीं होता है।
मै इस्तेमाल कर रहा हूँ
const { createPage } = actions const result = await graphql(` query { allMarkdownRemark { edges { node { fields { slug } frontmatter { lang } } } } } `)
और यह बिना किसी समस्या के पेज बनाता है। हालांकि यह सुनिश्चित नहीं है कि यदि समान सिद्धांत gatsby-source-git पर लागू होता है

धन्यवाद @chmac

मुझे gatsby-source-filesystem नाम के आधार पर पृष्ठ बनाने हैं ...

तो यहाँ मेरा समाधान है:

const { createFilePath } = require("gatsby-source-filesystem")

exports.onCreateNode = ({ node, actions, getNode }) => {
  const { createNodeField } = actions

  if (node.internal.type === `Mdx` && getNode(node.parent).sourceInstanceName === "careers") {
    const value = createFilePath({ node, getNode })

    createNodeField({
      name: "slug",
      node,
      value: `/careers${value}`
    })
  }
}

यह घुसपैठ है, कभी भी ऐसा विकल्प नहीं पाया गया। नोड मौजूद है

सोमवार, 27 अप्रैल 2020 को नोमान गुल नोटिफिकेशन @ithub.com ने लिखा:

धन्यवाद @chmac https://github.com/chmac

मुझे gatsby-source-filesystem नाम के आधार पर पेज बनाने हैं ...

तो यहाँ मेरा समाधान है:

const {createFilePath} = आवश्यकता ("गैट्सबी-सोर्स-फाइलसिस्टम")
Export.onCreateNode = ({नोड, क्रियाएँ, getNode}) => {
const {createNodeField} = क्रियाएँ

if (node.internal.type === Mdx && getNode (node.parent) .sourceInstanceName === "करियर") {
const value = createFilePath ({नोड, getNode})

createNodeField({
  name: "slug",
  node,
  value: `/careers${value}`
})

}
}

-
आप इसे प्राप्त कर रहे हैं क्योंकि आपने टिप्पणी की है।
इस ईमेल का उत्तर सीधे दें, इसे GitHub पर देखें
https://github.com/gatsbyjs/gatsby/issues/1634#issuecomment-61967088883 ,
या सदस्यता समाप्त करें
https://github.com/notifications/unsubscribe-auth/AAEQPFX6KR7NUIY33Q7V4MDROTS7PANCNFSM4DUUPK6A
।

मैं उसी स्थिति में हूं जो मुझे लगता है कि काफी सामान्य मामला है और इस धागे को पढ़ने के बाद; मेरी राय में सबसे अच्छा और गैर-हैकी समाधान है:

{
  allMarkdownRemark(filter: {fileAbsolutePath: {regex: "/projects/"}}) {
    edges {
      node {
        frontmatter {
          title
        }
      }
    }
  }
}

मेरी projects प्रकार की सामग्री /content/projects/ ।