triplitダウンロードtriplitソースコードのダウンロード

triplit

AI ソースコード

@triplit

ダウンロード

概要

Triplitは、サーバーとブラウザーの間でリアルタイムでデータを同期するオープンソースデータベースです。

Triplitは、タイプスクリプトパッケージとしてアプリにドロップできるリアルタイム同期データストアを提供します。サーバー上にデータを保存する3つのハンドルを処理し、クライアントにクエリをインテリジェントに同期します。このタイプのシステムを「フルスタックデータベース」と呼びます。この新しいパラダイムに関する地元の最初のコミュニティへのプレゼンテーションを見ることができます。

Triplitがまとめます：

プロパティレベルでのインクリメンタル更新と競合解決とのリアルタイム同期

？本格的なクライアント側データベースを搭載したローカルキャッシング

？管理者ダッシュボードを備えた耐久性のあるサーバー側ストレージ

？ SQLite、IndexEdDB、LevelDB、メモリなどのプラグ可能なストレージプロバイダー

？すべての相互作用を速く感じさせる楽観的な更新

？複雑なデータモデルのリレーショナルクエリ

？自動再接続と一貫性保証を備えたオフラインモード

？更新に失敗したロールバックと再試行管理

データの安全性とタイプスクリプトオートコンプリートのスキーマ

？読み取りと書き込みの両方のためにサーバーに強制される承認

？ CRDTSを搭載したコラボレーション/マルチプレイヤー

？§デルタパッチを使用した最小限のネットワークトラフィックを備えた低レイテンシ

バニラjavascriptと反応の両方でデータをクエリおよび変異させるための簡単なAPI

openture完全なオープンソース！

モノレポの概要

triplit/packagesでは、Power Triplit：

TriplitDB- JS環境（ブラウザー、ノード、デノ、反応ネイティブなど）で実行され、ネットワーク上の多くのライターとの一貫性を維持しながら、表現力豊かで高速でライブの更新クエリを提供するように設計されています。
クライアント - ローカルおよびリモートのTriplitDBと対話するブラウザライブラリ。
CLI -CLIツールを足場に備えたCLIツールは、プロジェクトを実行し、フルスタック開発環境を実行し、サーバーを移行します。
React - @triplit/clientのバインディングを反応します。
Svelte- @triplit/client用のSvelteバインディング。
コンソール-Triplitプロジェクトでデータを表示および変異させ、スキーマを管理するためのアプリ。
サーバー-Triplitクライアント間でデータを同期するためのノードサーバー。
サーバーコア - トリプリットを実行するサーバーを構築するためのプロトコル不可解なライブラリ。
docs -nextraで構築された3つのドキュメント。
タイプ - さまざまな三つのプロジェクトの共有タイプ。
UI- ShadCNで構築された、Triplit Frontendプロジェクトの共有UIコンポーネント。

クイックスタート

新しいプロジェクトを開始します。

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 ;

Triplit Development Sync Serverを開始します。

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 >
  );
}