تنزيل triplit - تنزيل رمز المصدر triplit

triplit

كود الذكاء الاصطناعي

@triplit

تنزيل

ملخص

Triplit هي قاعدة بيانات مفتوحة المصدر تزامن البيانات بين الخادم والمتصفح في الوقت الفعلي.

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

يجمع Triplit معًا:

المزامنة في الوقت الحقيقي مع التحديثات الإضافية وحل النزاع على مستوى العقار

؟ التخزين المؤقت المحلي مدعوم من قاعدة بيانات كاملة من جانب العميل

؟ تخزين متين من جانب الخادم مع لوحة معلومات المسؤول

؟ مزودي التخزين القابل للتوصيل مثل SQLite و INSTREDDB و LevelDB والذاكرة وما إلى ذلك

؟ التحديثات المتفائلة لجعل كل تفاعل يشعر بسرعة

؟ الاستعلام العلائقي لنماذج البيانات المعقدة

؟ وضع غير متصل بالإنترنت مع ضمانات إعادة الاتصال التلقائية والاتساق

؟ التراجع وإعادة إعادة المحاولة على التحديثات الفاشلة

مخططات لسلامة البيانات والإكمال التلقائي للبيانات

؟ التفويض الذي يتم فرضه على الخادم لكلا القراءة والكتابة

؟ التعاون/متعدد اللاعبين مدعوم من CRDTs

️ الكمون المنخفض مع الحد الأدنى من حركة الشبكة باستخدام بقع دلتا

واجهة برمجة تطبيقات بسيطة للاستعلام عن البيانات والتحول في كل من الفانيليا جافا سكريبت ورد

✅ مفتوح المصدر بالكامل!

نظرة عامة على monorepo

في triplit/packages يمكنك العثور على المشاريع المختلفة التي تبرز Triplit:

TripLitDB - مصمم لتشغيله في أي بيئة JS (المتصفح ، العقدة ، Deno ، React Native ، إلخ) ، وتوفير استعلامات تحديث معبرة وسريعة وحيوية مع الحفاظ على الاتساق مع العديد من الكتاب عبر الشبكة.
العميل - مكتبة المتصفح للتفاعل مع TripLitdbs المحلية والبعيدة.
أداة CLI - CLI مع أوامر لسقالة المشروع ، وتشغيل بيئة تطوير المكاسب الكاملة ، وترحيل خادم ، وأكثر من ذلك.
React - React Bindings for @triplit/client.
Svelte - روابط svelte لـ @triplit/client.
وحدة التحكم - تطبيق لعرض البيانات وتحورها في مشاريع ثلاثية وإدارة مخططاتها.
خادم - خادم العقدة لمزامنة البيانات بين عملاء Triplit.
خادم النواة - مكتبة البروتوكول اللاأدري لبناء خوادم تعمل Triplit.
مستندات - مستندات ثلاثية ، بنيت مع Nextra.
أنواع - أنواع مشتركة لمشاريع ثلاثية مختلفة.
واجهة المستخدم - مكونات واجهة المستخدم المشتركة لمشاريع الواجهة الأمامية ثلاثية ، تم تصميمها باستخدام Shadcn.

بداية سريعة

ابدأ مشروعًا جديدًا.

npm create triplit-app@latest my-app

أو إضافة التبعيات إلى مشروع موجود.

npm install --save-dev @triplit/cli
npm run triplit init

حدد مخططًا في my-app/triplit/schema.ts .

 import { Schema as S , ClientSchema } from '@triplit/client' ;

export const schema = {
  todos : {
    schema : S . Schema ( {
      id : S . Id ( ) ,
      text : S . String ( ) ,
      completed : S . Boolean ( { default : false } ) ,
    } ) ,
  } ,
} satisfies ClientSchema ;

ابدأ خادم Sync Development Development.

npm run triplit dev

سيؤدي ذلك إلى إخراج بعض المتغيرات البيئية المهمة التي سيحتاجها تطبيقك إلى المزامنة مع الخادم. أضفها إلى ملف .env الخاص بك (مثال vite أدناه).

VITE_TRIPLIT_SERVER_URL=http://localhost:6543
VITE_TRIPLIT_TOKEN=copied-in-from-triplit-dev

حدد استعلامًا في تطبيقك (مثال رد فعل أدناه).

 import { TriplitClient } from '@triplit/client' ;
import { useQuery } from '@triplit/react' ;
import { schema } from '../triplit/schema' ;

const client = new TriplitClient ( {
  schema ,
  serverUrl : import . meta . env . VITE_TRIPLIT_SERVER_URL ,
  token : import . meta . env . VITE_TRIPLIT_TOKEN ,
} ) ;

function App ( ) {
  const { results : todos } = useQuery ( client . query ( 'todos' ) ) ;

  return (
    < div >
      { Array . from ( todos . values ( ) ) . map ( ( todo ) => (
        < div key = { todo . id } >
          < input
            type = "checkbox"
            checked = { todo . completed }
            onChange = { ( ) =>
              client . update ( 'todos' , todo . id , ( todo ) => ( {
                todo . completed = ! todo . completed ,
              } )
            }
          / >
          { todo . text }
        </ div >
      ) ) }
    </ div >
  );
}

ابدأ تطبيقك ، وافتح علامة تبويب متصفح أخرى ، وشاهد مزامنة البيانات في الوقت الفعلي.

اقرأ دليل البدء الكامل هنا. للحصول على برنامج تعليمي أكثر تفصيلًا وتوضيحيًا ، تحقق من هذا الدليل خطوة بخطوة لبناء تطبيق TODO في الوقت الفعلي مع Triplit و Vite و React.