scriptable.dev ← כל הרכיבים
@1.0.0 כלי עזר ללא UI ללא תלויות

Coordinator

טוען לפני שאר הרכיבים ומונע התנגשויות — כל ווידג'ט מקבל מיקום אוטומטי ללא חפיפה. אין ממשק, אין הגדרות. רק מדביקים לפני.

מתי צריך

אם אתם משתמשים ביותר מווידג'ט אחד מ-scriptable.dev על אותו עמוד (למשל accessibility + chat), הוסיפו את ה-coordinator לפניהם — והוא ידאג שלא יחפפו אחד לשני.

אם יש לכם ווידג'ט אחד בלבד — אין צורך ב-coordinator.

התקנה

<!-- coordinator חייב להיות ראשון -->
<script src="https://scriptable.dev/coordinator@1.0.0.js"></script>

<!-- אחריו — שאר הרכיבים לפי סדר הופעה (התחתון ראשון) -->
<script src="https://scriptable.dev/accessibility@1.0.0.js"></script>
<script data-token="TOKEN" src="https://api.yellowbox.co.il/widget.js"></script>

תוצאה ויזואלית

הווידג'ט שנטען ראשון יופיע בתחתית. הווידג'ט שנטען שני יופיע מעליו, וכן הלאה.
accessibility@1.0.0.js ← נטען ראשון → כפתור תחתון
widget.js (chat) ← נטען שני → כפתור מעל
תצוגה בפועל (פינה שמאל תחתון):
💬

API — לבוני רכיבים

אם אתם בונים ווידג'ט חדש ורוצים שיתמוך ב-coordinator, קוראים ל-register() פעם אחת בטעינת הסקריפט:

const pos = window.YBCoordinator
  ? window.YBCoordinator.register('my-widget', { side: 'left', size: 56 })
  : { bottom: 24, zIndex: 99999 }; // fallback כשcoordinator לא נטען

// לאחר יצירת האלמנט:
el.style.bottom = pos.bottom + 'px';
el.style.zIndex = pos.zIndex;
פרמטר ברירת מחדל תיאור
id מזהה ייחודי לרכיב (מחרוזת)
side 'left' צד המסך: 'left' או 'right'
size 56 גובה הכפתור בפיקסלים

Changelog

2026-08-09
v1.0.0 — גרסה ראשונה
  • ניהול אוטומטי של מיקומי ווידג'טים (צד + גובה)
  • תמיכה ב-left / right
  • Fallback — כל ווידג'ט עובד גם ללא coordinator

רישיון

MIT License — חינמי לשימוש בכל פרויקט, מסחרי או אישי.
Coordinator אינו מציג ממשק — אין חובת תווית גרסה.