Sentry-javascript: [फीडबैक के लिए कॉल करें] संतरी जावास्क्रिप्ट एसडीके v7 का रोडमैप

मेरी सबसे बड़ी शिकायत हमेशा यह थी कि मेरी एरर लॉगिंग लाइब्रेरी मेरी सबसे बड़ी थर्ड पार्टी लाइब्रेरी में से एक है। बेहतर पेज स्पीड स्कोर प्राप्त करने के लिए मैंने अक्सर पहले पेज लोड के 5-10 सेकंड बाद आलसी लोडिंग संतरी पर विचार किया है, इसलिए मैं बहुत उत्साहित हूं कि आप इसे संबोधित कर रहे हैं ❤️

मेरे लिए drastically reduce overall bundle size -goal भी सबसे महत्वपूर्ण है।

नमस्ते,

समग्र बंडल आकार को काफी कम करें

मैं इसे +1 कर रहा हूं, अगर इससे कुछ भी बदलता है। और मैं इसे जोड़ूंगा: मेरे वेब ऐप में , सेंट्री इनिशियलाइज़ेशन में 30ms (तेज़ कंप्यूटर पर) लगते हैं, जो कि डायग्नोस्टिक्स लकड़हारे के लिए बहुत अधिक है, और रिएक्ट नेटिव ऐप में, यह काफी खराब है, क्योंकि इसका बंडलर (मेट्रो) पेड़ हिलने में सक्षम नहीं है, इसलिए संतरी _78 फ़ाइलें_ का एक बड़ा आयात करता है, और स्टार्टअप समय में औसत रूप से योगदान (कुछ%) भी करता है।

नमस्ते, रिएक्ट नेटिव से बस कुछ डेटा:

यह आईफोन एक्स पर प्रोफाइल किया गया है। लॉन्च के समय संतरी को 54ms का भारी समय लगता है - ~ 40 फाइलों को आयात करने के लिए, ~ 15 जेएस कोड शुरू करने के लिए। _native_ पक्ष को प्रारंभ करने के लिए मुख्य धागे को अवरुद्ध करने वाले ~ 30ms में जोड़ें, और संतरी के JS को लेक्सिंग/पार्स करने के लिए कुछ समय बेहिसाब है (जिसमें से बहुत कुछ है) - मुझे 5-15ms पर संदेह है, लेकिन ठीक से मापा नहीं गया है। कुल मिलाकर - 90-100ms - यह मेरे ऐप को लॉन्च करने के कुल समय का 15% है!

बढ़िया सवाल! मैं उत्पादन ऐप्स के लिए अधिक लचीले लॉगिंग विकल्प (या डॉक्स कैसे करें) देखना चाहता हूं, जहां आप उपयोगकर्ता को किसी भी कंसोल.लॉग के सामने नहीं दिखाना चाहते हैं, लेकिन आप उन्हें ब्रेडक्रंब के रूप में कैप्चर करना चाहते हैं। यह https://github.com/getsentry/sentry/issues/12618 और https://github.com/getsentry/sentry-javascript/issues/1883 जैसे मुद्दों का समाधान कर सकता है

हो सकता है कि संतरी ब्रेडक्रंब डीबग या लॉगलेवल जैसे लॉगिंग लाइब्रेरी के साथ एकीकृत हो सके। यह उत्पादन ऐप्स के लिए एक सामान्य उपयोग के मामले की तरह लगता है, और शायद यह पहले से ही कुछ DIY दृष्टिकोणों के साथ समर्थित है, लेकिन यह वास्तव में स्पष्ट नहीं है कि वर्तमान दस्तावेज़ों के आधार पर यह संभव है या नहीं। (या अगर यह है और मैंने इसे किसी तरह याद किया है, तो मैं किसी भी सुझाव के लिए आभारी रहूंगा)। धन्यवाद!

नमस्ते, मेरे पास एसडीके के आरंभ के बारे में एक सिफारिश है।

सेंट्री.इनिट को विकल्पों के साथ कॉल करने के बजाय, एसडीके स्वचालित रूप से एक सेंट्रीऑप्शन की जांच कर सकता है जैसे डीएसएन आईडी और अन्य विकल्प लाने के लिए नामित वैश्विक चर।

हम जरूरत पड़ने पर जेएस फाइलों को गतिशील रूप से लोड कर रहे हैं और क्रॉस डोमेन अनुरोधों या नेटवर्किंग मुद्दों में बंडल जेएस के लोड इवेंट को ट्रैक करना मुश्किल है। इस चर को स्वचालित रूप से जांचना इसके लिए सहायक होगा और विशेष रूप से init फ़ंक्शन पर कॉल करने की आवश्यकता नहीं है।

_SDK इवेंट_ संकेत भेजने में विफल रहा

मैं किसी प्रकार का संकेत देना चाहता हूं कि capureEvent अनुरोध भेजने में विफल रहा - इसलिए इसे कतारबद्ध किया जा सकता है और बाद में पुनः प्रयास किया जा सकता है।

यह ऑफ़लाइन-प्रथम ऐप्स (प्रगतिशील वेब ऐप्स) के लिए वास्तव में सहायक होगा।

ऐसी स्थितियां होती हैं जब ब्राउज़र ऑनलाइन स्थिति में होता है, लेकिन कमजोर कनेक्शन/समय समाप्त होने के कारण नेटवर्क अनुरोध विफल हो जाता है (अर्थात खराब नेटवर्क कवरेज वाले गर्त क्षेत्रों में यात्रा करना)।

एक ऑफ़लाइन एकीकरण है, हालांकि यह ऑनलाइन और ऑफलाइन घटनाओं पर निर्भर करता है जो उस मामले को कवर करने के लिए पर्याप्त नहीं है।

नेटवर्क त्रुटियों के कारण ऐसे अनुप्रयोग हो सकते हैं जो ऐसी स्थिति को त्रुटियों को फेंकने के लिए नहीं मानते हैं जो संतरी द्वारा लॉग इन करने में विफल होते हैं और बस शून्य में गायब हो जाते हैं।

मेरे पास एक प्रोजेक्ट है जो एक पीडब्लूए है और ऐप ऑफ़लाइन होने पर मुझे ईवेंट नहीं मिलते हैं, और सेवा कार्यकर्ता में पृष्ठभूमि सिंक करने का कोई तरीका नहीं है, क्योंकि संतरी निगलना डोमेन के लिए पंजीकृत नहीं है।

@edelvalle
यह वर्कबॉक्स और इसके बैकग्राउंड सिंक प्लगइन ~ के साथ संभव होना चाहिए, हालाँकि मैंने अभी तक इसका परीक्षण नहीं किया है ~
ऐसा लगता है कि ठीक काम करता है, घटना की तारीख भी त्रुटि होने पर होती है।

// service-worker.js
import { registerRoute } from 'workbox-routing'
import { NetworkOnly } from 'workbox-strategies'
import { BackgroundSyncPlugin } from 'workbox-background-sync'

registerRoute(
  new RegExp('^https://[^\\.]+\\.ingest\\.sentry\\.io/api/.*$'),
  new NetworkOnly({
    plugins: [
      new BackgroundSyncPlugin('project-name/sentry-event-queue', {
        maxRetentionTime: 7 * 24 * 60, // 7 days
      })
    ],
  }),
  'POST'
)

नमस्ते, drastically reduce overall bundle size देखने की योजना बनाई गई है। हमारे पास एक गैट्सबी+प्रैक्ट प्रोजेक्ट है और संतरी हमारे मुख्य बंडल आकार (95kb में से 27kb) का ~28% हिस्सा लेता है। हम अपने प्रति पेज जेएस बंडल को 90kb के नीचे लाने की कोशिश कर रहे हैं ताकि हमारा ऐप खराब कनेक्शन वाले ग्रामीण क्षेत्रों में बेहतर प्रदर्शन कर सके। एक बहुत छोटा संतरी एसडीके आकार बहुत मदद करेगा।

IE11 सपोर्ट को क्यों न छोड़ें? Microsoft सहित कई बड़ी साइटें साल के अंत तक इस ब्राउज़र के लिए समर्थन समाप्त कर देंगी। बेशक सवाल यह है कि क्या यह वास्तव में पुस्तकालय के आकार को प्रभावित करता है।

@kamilogorek कोई विचार जब v6 आ रहा हो?

मैं @ xr0master से भी सहमत हूं और सोचता

एसडीके का उपयोग करते समय सबसे बड़ा दर्द बिंदु क्या है?

• आयात करना। लेकिन मुझे लगता है कि यह "पेड़ की अस्थिरता", या प्रतिरूपकता के साथ सही है।

// This is not nice, as it doesn't get auto-completion when importing
import * as Sentry from '@sentry/browser'

// This is better, but has given me problems on Sentry 5.x
import { captureException } from '@sentry/browser'

• कॉल-स्टैक डिबगिंग। संतरी को कैसे लागू किया जाता है, इस परिप्रेक्ष्य से यह स्पष्ट हो सकता है, लेकिन प्रत्येक console.log से उत्पन्न होता है instruments.js:1 , जो डिबगिंग के दौरान सहायक नहीं होता है। चूंकि console.trace ओवरकिल है, मैं वर्तमान में लॉगिंग के बारे में जानकारी प्राप्त करने के लिए अपने console.log में मैन्युअल रूप से ब्रेडक्रंब लिखना समाप्त करता हूं।

आप किन विशेषताओं को सबसे ज्यादा याद कर रहे हैं?

स्वास्थ्य के लिए समर्थन।

क्या इसका समर्थन करने वाले नोड संस्करणों पर AsyncLocalStorage का उपयोग करने की योजना है?

इसलिए हमने डिफ़ॉल्ट रूप से सत्र डेटा भेजने के अलावा कोई बड़ा बदलाव किए बिना आज 6.0.0 भेज दिया। cc @OmgImAlexis
मैंने इस मुद्दे का शीर्षक बदलकर v7 कर दिया है, जिसे बेहतर ढंग से प्रतिबिंबित करना चाहिए।

Sentry.init से अलग ढांचे के एकीकरण को उजागर करना बहुत अच्छा होगा। यह #3232 को संबोधित करेगा, जिसमें Vue को आलस्य से लोड किया जाता है, और इस प्रकार संतरी आरंभीकरण समय पर मौजूद होने की गारंटी नहीं है। Sentry.configureVue(Vue) जैसा कुछ जिसे Vue लोड समय पर कॉल किया जा सकता है।

प्रतिक्रिया-राउटर एकीकरण आलसी आमंत्रण के साथ एक ही दस्तावेज़ के अंदर एक माध्यमिक प्रतिक्रिया ऐप को लोड और अनलोड करने का समर्थन करने के लिए, अपने राउटर और अधिक विशिष्ट मार्गों का उपयोग करके