Diff Navigator עבור GitHub ב Chrome עם OffiDocs

תיאור

הקוד זמין בכתובת: https://github.

com/daattali/github-diff-navigator-extension/ Description ========= זהו תוסף לכרום המאפשר לנווט בקלות בין השינויים בקובץ שנערך ב-GitHub.

אולי שמתם לב שאחרי עריכת קובץ דרך GitHub ותצוגה מקדימה של השינויים שלכם, אין דרך קלה לנווט בין השינויים בצורה נחמדה של "השינוי הבא/הקודם".

רוב תבניות הקבצים מציגות רק את השורות שהשתנו וכמה שורות מסביב, כך שבדרך כלל זו לא אי נוחות נוראית, אלא עבור כל מסמך סימון (.

md) המצב שונה.

GitHub מציג את כל מסמך הסימון בעת ​​תצוגה מקדימה של השינויים שבוצעו, מה שאומר שאם אתה מבצע כמה עריכות זעירות במסמך גדול, קשה מאוד למצוא את העריכות הללו ולראות מה השתנה.

Rmarkdown (.

מסמכי Rmd) מתנהגים בצורה דומה, ואולי גם מסמכים אחרים מסוג סימון.

היכנסו: GitHub Diff Navigator.

מוטיבציה ========= הרעיון להרחבה זו הגיע כשקראתי את הספר Advanced R של האדלי וויקהאם.

בכל פעם שמצאתי כמה שגיאות הקלדה בפרק (שהוא מסמך סימון בודד), הייתי עורך אותו ב-GitHub ומגיש בקשה למשוך.

כדי לוודא שלא עשיתי מעצמי אידיוט, רציתי לבדוק שוב את העריכות שלי בלשונית Preview, אבל שמתי לב לבעיה שתוארה למעלה.

לא סמכתי על העיניים שלי למצוא את מעט העריכות בקבצים גדולים כל כך, ובסופו של דבר השתמשתי בקונסולת DOM + JavaScript כדי לעזור לי למצוא היכן היו העריכות.

ואז החלטתי שמשחק בקונסולת JavaScript זה לא מספיק הארדקור והחלטתי להקדיש את היומיים הקרובים ליצירת הרחבה שתעזור לי למצוא שינויים כאלה במהירות בעתיד.

תכונות ========= - GitHub Diff Navigator אינו פולשני ויופיע רק כאשר מסתכלים בתצוגה המקדימה של עריכות שנעשו בקובץ באמצעות GitHub.

- GitHub Diff Navigator לא יתפוס משאבים כלשהם או יופיע במנהל המשימות של Chrome כאשר אין לך דף ערוך חוקי של GitHub פתוח.

- עובד עם מספר כרטיסיות GitHub הפתוחות בו זמנית (בכל פעם שתחליף כרטיסייה, התוסף יתעדכן כדי להציג לך את העריכות בכרטיסייה זו).

- זהה באופן אוטומטי אם הקובץ הנערך הוא מסוג Markdown או לא, ועובד בצורה חלקה עבור שניהם.

- ממשק משתמש נקי ואינטואיטיבי עם הודעות מועילות המוצגות כאשר לא נמצאו עריכות.

כתב ויתור ========= לא הייתי ממליץ להשתמש בקוד שלי כתבנית או כמשאב כדי ללמוד איך לכתוב הרחבות Chrome.

למדתי איך לכתוב את התוסף ובניתי אותו במלואו תוך יומיים, אז אני לא בטוח מהן השיטות המומלצות וכיצד לארגן נכון את הקוד.

זה היה רק ​​תירוץ לבדוק כיצד פועלות תוספי Chrome.

השארתי שם גם קצת קוד מכוער -- בבקשה אל תשפוט :)

מידע נוסף:

- מוצע על ידי deanattali.com
- דירוג ממוצע: 5 כוכבים (אהבתי את זה)
- מפתח כתובת דוא"ל זו מוגנת מפני spambots. אתה צריך לאפשר Javascript בכדי לצפות בה.

Diff Navigator עבור אינטרנט של GitHub extension משולב עם ה-OffiDocs Chromium באינטרנט