diff --git a/buf.gen.yaml b/buf.gen.yaml
index ea878f5..1b20df7 100644
--- a/buf.gen.yaml
+++ b/buf.gen.yaml
@@ -2,11 +2,11 @@ version: v1
 plugins:
   - plugin: es
     out: .
-    opt: 
-    - target=js+dts
-    - js_import_style=legacy_commonjs
+    opt:
+      - target=js+dts
+      - js_import_style=module
   - plugin: connect-es
     out: .
-    opt: 
-    - target=js+dts
-    - js_import_style=legacy_commonjs
+    opt:
+      - target=js+dts
+      - js_import_style=module
diff --git a/package-lock.json b/package-lock.json
index 36e746c..095f341 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -8,6 +8,7 @@
       "name": "dashboard",
       "version": "0.4.23",
       "dependencies": {
+        "@buf/googleapis_googleapis.connectrpc_es": "^1.4.0-20240524201209-f0e53af8f2fc.3",
         "@bufbuild/buf": "^1.34.0",
         "@bufbuild/protobuf": "^1.10.0",
         "@bufbuild/protoc-gen-es": "^1.10.0",
@@ -459,6 +460,23 @@
         "node": ">=6.9.0"
       }
     },
+    "node_modules/@buf/googleapis_googleapis.bufbuild_es": {
+      "version": "1.7.2-20240524201209-f0e53af8f2fc.2",
+      "resolved": "https://buf.build/gen/npm/v1/@buf/googleapis_googleapis.bufbuild_es/-/googleapis_googleapis.bufbuild_es-1.7.2-20240524201209-f0e53af8f2fc.2.tgz",
+      "peerDependencies": {
+        "@bufbuild/protobuf": "^1.7.2"
+      }
+    },
+    "node_modules/@buf/googleapis_googleapis.connectrpc_es": {
+      "version": "1.4.0-20240524201209-f0e53af8f2fc.3",
+      "resolved": "https://buf.build/gen/npm/v1/@buf/googleapis_googleapis.connectrpc_es/-/googleapis_googleapis.connectrpc_es-1.4.0-20240524201209-f0e53af8f2fc.3.tgz",
+      "dependencies": {
+        "@buf/googleapis_googleapis.bufbuild_es": "1.7.2-20240524201209-f0e53af8f2fc.2"
+      },
+      "peerDependencies": {
+        "@connectrpc/connect": "^1.4.0"
+      }
+    },
     "node_modules/@bufbuild/buf": {
       "version": "1.34.0",
       "resolved": "https://registry.npmjs.org/@bufbuild/buf/-/buf-1.34.0.tgz",
@@ -5476,6 +5494,18 @@
         "to-fast-properties": "^2.0.0"
       }
     },
+    "@buf/googleapis_googleapis.bufbuild_es": {
+      "version": "1.7.2-20240524201209-f0e53af8f2fc.2",
+      "resolved": "https://buf.build/gen/npm/v1/@buf/googleapis_googleapis.bufbuild_es/-/googleapis_googleapis.bufbuild_es-1.7.2-20240524201209-f0e53af8f2fc.2.tgz",
+      "requires": {}
+    },
+    "@buf/googleapis_googleapis.connectrpc_es": {
+      "version": "1.4.0-20240524201209-f0e53af8f2fc.3",
+      "resolved": "https://buf.build/gen/npm/v1/@buf/googleapis_googleapis.connectrpc_es/-/googleapis_googleapis.connectrpc_es-1.4.0-20240524201209-f0e53af8f2fc.3.tgz",
+      "requires": {
+        "@buf/googleapis_googleapis.bufbuild_es": "1.7.2-20240524201209-f0e53af8f2fc.2"
+      }
+    },
     "@bufbuild/buf": {
       "version": "1.34.0",
       "resolved": "https://registry.npmjs.org/@bufbuild/buf/-/buf-1.34.0.tgz",
diff --git a/package.json b/package.json
index ecb4e13..c41e8e7 100644
--- a/package.json
+++ b/package.json
@@ -2,8 +2,10 @@
   "name": "dashboard",
   "version": "0.4.23",
   "private": true,
+  "type": "module",
   "homepage": "https://yorkie.dev/dashboard",
   "dependencies": {
+    "@buf/googleapis_googleapis.connectrpc_es": "^1.4.0-20240524201209-f0e53af8f2fc.3",
     "@bufbuild/buf": "^1.34.0",
     "@bufbuild/protobuf": "^1.10.0",
     "@bufbuild/protoc-gen-es": "^1.10.0",
diff --git a/postcss.config.js b/postcss.config.js
index a47ef4f..7738160 100644
--- a/postcss.config.js
+++ b/postcss.config.js
@@ -1,4 +1,4 @@
-module.exports = {
+export default {
   plugins: {
     autoprefixer: {},
   },
diff --git a/src/api/converter.ts b/src/api/converter.ts
index 0f33d83..09263f3 100644
--- a/src/api/converter.ts
+++ b/src/api/converter.ts
@@ -24,7 +24,7 @@ import {
   Change as PbChange,
 } from './yorkie/v1/resources_pb';
 import { ConnectError } from '@connectrpc/connect';
-import { BadRequest } from './yorkie/v1/error_details_pb';
+import { BadRequest } from '@buf/googleapis_googleapis.bufbuild_es/google/rpc/error_details_pb';
 
 export function fromTimestamp(pbTimestamp: PbTimestamp): number {
   return pbTimestamp.toDate().getTime() / 1000;
diff --git a/src/api/yorkie/v1/admin_connect.d.ts b/src/api/yorkie/v1/admin_connect.d.ts
index 8d566c1..a09f24e 100644
--- a/src/api/yorkie/v1/admin_connect.d.ts
+++ b/src/api/yorkie/v1/admin_connect.d.ts
@@ -13,7 +13,7 @@
 // See the License for the specific language governing permissions and
 // limitations under the License.
 
-// @generated by protoc-gen-connect-es v1.2.0 with parameter "target=js+dts,js_import_style=legacy_commonjs"
+// @generated by protoc-gen-connect-es v1.4.0 with parameter "target=js+dts,js_import_style=module"
 // @generated from file src/api/yorkie/v1/admin.proto (package yorkie.v1, syntax proto3)
 /* eslint-disable */
 // @ts-nocheck
diff --git a/src/api/yorkie/v1/admin_connect.js b/src/api/yorkie/v1/admin_connect.js
index f40b9b7..da95465 100644
--- a/src/api/yorkie/v1/admin_connect.js
+++ b/src/api/yorkie/v1/admin_connect.js
@@ -13,23 +13,20 @@
 // See the License for the specific language governing permissions and
 // limitations under the License.
 
-// @generated by protoc-gen-connect-es v1.2.0 with parameter "target=js+dts,js_import_style=legacy_commonjs"
+// @generated by protoc-gen-connect-es v1.4.0 with parameter "target=js+dts,js_import_style=module"
 // @generated from file src/api/yorkie/v1/admin.proto (package yorkie.v1, syntax proto3)
 /* eslint-disable */
 // @ts-nocheck
 
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-
-const { CreateProjectRequest, CreateProjectResponse, GetDocumentRequest, GetDocumentResponse, GetProjectRequest, GetProjectResponse, GetSnapshotMetaRequest, GetSnapshotMetaResponse, ListChangesRequest, ListChangesResponse, ListDocumentsRequest, ListDocumentsResponse, ListProjectsRequest, ListProjectsResponse, LogInRequest, LogInResponse, RemoveDocumentByAdminRequest, RemoveDocumentByAdminResponse, SearchDocumentsRequest, SearchDocumentsResponse, SignUpRequest, SignUpResponse, UpdateProjectRequest, UpdateProjectResponse } = require("./admin_pb.js");
-const { MethodKind } = require("@bufbuild/protobuf");
+import { CreateProjectRequest, CreateProjectResponse, GetDocumentRequest, GetDocumentResponse, GetProjectRequest, GetProjectResponse, GetSnapshotMetaRequest, GetSnapshotMetaResponse, ListChangesRequest, ListChangesResponse, ListDocumentsRequest, ListDocumentsResponse, ListProjectsRequest, ListProjectsResponse, LogInRequest, LogInResponse, RemoveDocumentByAdminRequest, RemoveDocumentByAdminResponse, SearchDocumentsRequest, SearchDocumentsResponse, SignUpRequest, SignUpResponse, UpdateProjectRequest, UpdateProjectResponse } from "./admin_pb.js";
+import { MethodKind } from "@bufbuild/protobuf";
 
 /**
  * Admin is a service that provides a API for Admin.
  *
  * @generated from service yorkie.v1.AdminService
  */
-const AdminService = {
+export const AdminService = {
   typeName: "yorkie.v1.AdminService",
   methods: {
     /**
@@ -143,5 +140,3 @@ const AdminService = {
   }
 };
 
-
-exports.AdminService = AdminService;
diff --git a/src/api/yorkie/v1/admin_pb.d.ts b/src/api/yorkie/v1/admin_pb.d.ts
index 20f8075..b93c629 100644
--- a/src/api/yorkie/v1/admin_pb.d.ts
+++ b/src/api/yorkie/v1/admin_pb.d.ts
@@ -13,7 +13,7 @@
 // See the License for the specific language governing permissions and
 // limitations under the License.
 
-// @generated by protoc-gen-es v1.6.0 with parameter "target=js+dts,js_import_style=legacy_commonjs"
+// @generated by protoc-gen-es v1.10.0 with parameter "target=js+dts,js_import_style=module"
 // @generated from file src/api/yorkie/v1/admin.proto (package yorkie.v1, syntax proto3)
 /* eslint-disable */
 // @ts-nocheck
diff --git a/src/api/yorkie/v1/admin_pb.js b/src/api/yorkie/v1/admin_pb.js
index 9a3e46d..d6f8469 100644
--- a/src/api/yorkie/v1/admin_pb.js
+++ b/src/api/yorkie/v1/admin_pb.js
@@ -13,21 +13,18 @@
 // See the License for the specific language governing permissions and
 // limitations under the License.
 
-// @generated by protoc-gen-es v1.6.0 with parameter "target=js+dts,js_import_style=legacy_commonjs"
+// @generated by protoc-gen-es v1.10.0 with parameter "target=js+dts,js_import_style=module"
 // @generated from file src/api/yorkie/v1/admin.proto (package yorkie.v1, syntax proto3)
 /* eslint-disable */
 // @ts-nocheck
 
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-
-const { proto3 } = require("@bufbuild/protobuf");
-const { Change, DocumentSummary, Project, UpdatableProjectFields, User } = require("./resources_pb.js");
+import { proto3 } from "@bufbuild/protobuf";
+import { Change, DocumentSummary, Project, UpdatableProjectFields, User } from "./resources_pb.js";
 
 /**
  * @generated from message yorkie.v1.SignUpRequest
  */
-const SignUpRequest = proto3.makeMessageType(
+export const SignUpRequest = /*@__PURE__*/ proto3.makeMessageType(
   "yorkie.v1.SignUpRequest",
   () => [
     { no: 1, name: "username", kind: "scalar", T: 9 /* ScalarType.STRING */ },
@@ -38,7 +35,7 @@ const SignUpRequest = proto3.makeMessageType(
 /**
  * @generated from message yorkie.v1.SignUpResponse
  */
-const SignUpResponse = proto3.makeMessageType(
+export const SignUpResponse = /*@__PURE__*/ proto3.makeMessageType(
   "yorkie.v1.SignUpResponse",
   () => [
     { no: 1, name: "user", kind: "message", T: User },
@@ -48,7 +45,7 @@ const SignUpResponse = proto3.makeMessageType(
 /**
  * @generated from message yorkie.v1.LogInRequest
  */
-const LogInRequest = proto3.makeMessageType(
+export const LogInRequest = /*@__PURE__*/ proto3.makeMessageType(
   "yorkie.v1.LogInRequest",
   () => [
     { no: 1, name: "username", kind: "scalar", T: 9 /* ScalarType.STRING */ },
@@ -59,7 +56,7 @@ const LogInRequest = proto3.makeMessageType(
 /**
  * @generated from message yorkie.v1.LogInResponse
  */
-const LogInResponse = proto3.makeMessageType(
+export const LogInResponse = /*@__PURE__*/ proto3.makeMessageType(
   "yorkie.v1.LogInResponse",
   () => [
     { no: 1, name: "token", kind: "scalar", T: 9 /* ScalarType.STRING */ },
@@ -69,7 +66,7 @@ const LogInResponse = proto3.makeMessageType(
 /**
  * @generated from message yorkie.v1.CreateProjectRequest
  */
-const CreateProjectRequest = proto3.makeMessageType(
+export const CreateProjectRequest = /*@__PURE__*/ proto3.makeMessageType(
   "yorkie.v1.CreateProjectRequest",
   () => [
     { no: 1, name: "name", kind: "scalar", T: 9 /* ScalarType.STRING */ },
@@ -79,7 +76,7 @@ const CreateProjectRequest = proto3.makeMessageType(
 /**
  * @generated from message yorkie.v1.CreateProjectResponse
  */
-const CreateProjectResponse = proto3.makeMessageType(
+export const CreateProjectResponse = /*@__PURE__*/ proto3.makeMessageType(
   "yorkie.v1.CreateProjectResponse",
   () => [
     { no: 1, name: "project", kind: "message", T: Project },
@@ -89,7 +86,7 @@ const CreateProjectResponse = proto3.makeMessageType(
 /**
  * @generated from message yorkie.v1.GetProjectRequest
  */
-const GetProjectRequest = proto3.makeMessageType(
+export const GetProjectRequest = /*@__PURE__*/ proto3.makeMessageType(
   "yorkie.v1.GetProjectRequest",
   () => [
     { no: 1, name: "name", kind: "scalar", T: 9 /* ScalarType.STRING */ },
@@ -99,7 +96,7 @@ const GetProjectRequest = proto3.makeMessageType(
 /**
  * @generated from message yorkie.v1.GetProjectResponse
  */
-const GetProjectResponse = proto3.makeMessageType(
+export const GetProjectResponse = /*@__PURE__*/ proto3.makeMessageType(
   "yorkie.v1.GetProjectResponse",
   () => [
     { no: 1, name: "project", kind: "message", T: Project },
@@ -109,7 +106,7 @@ const GetProjectResponse = proto3.makeMessageType(
 /**
  * @generated from message yorkie.v1.ListProjectsRequest
  */
-const ListProjectsRequest = proto3.makeMessageType(
+export const ListProjectsRequest = /*@__PURE__*/ proto3.makeMessageType(
   "yorkie.v1.ListProjectsRequest",
   [],
 );
@@ -117,7 +114,7 @@ const ListProjectsRequest = proto3.makeMessageType(
 /**
  * @generated from message yorkie.v1.ListProjectsResponse
  */
-const ListProjectsResponse = proto3.makeMessageType(
+export const ListProjectsResponse = /*@__PURE__*/ proto3.makeMessageType(
   "yorkie.v1.ListProjectsResponse",
   () => [
     { no: 1, name: "projects", kind: "message", T: Project, repeated: true },
@@ -127,7 +124,7 @@ const ListProjectsResponse = proto3.makeMessageType(
 /**
  * @generated from message yorkie.v1.UpdateProjectRequest
  */
-const UpdateProjectRequest = proto3.makeMessageType(
+export const UpdateProjectRequest = /*@__PURE__*/ proto3.makeMessageType(
   "yorkie.v1.UpdateProjectRequest",
   () => [
     { no: 1, name: "id", kind: "scalar", T: 9 /* ScalarType.STRING */ },
@@ -138,7 +135,7 @@ const UpdateProjectRequest = proto3.makeMessageType(
 /**
  * @generated from message yorkie.v1.UpdateProjectResponse
  */
-const UpdateProjectResponse = proto3.makeMessageType(
+export const UpdateProjectResponse = /*@__PURE__*/ proto3.makeMessageType(
   "yorkie.v1.UpdateProjectResponse",
   () => [
     { no: 1, name: "project", kind: "message", T: Project },
@@ -148,7 +145,7 @@ const UpdateProjectResponse = proto3.makeMessageType(
 /**
  * @generated from message yorkie.v1.ListDocumentsRequest
  */
-const ListDocumentsRequest = proto3.makeMessageType(
+export const ListDocumentsRequest = /*@__PURE__*/ proto3.makeMessageType(
   "yorkie.v1.ListDocumentsRequest",
   () => [
     { no: 1, name: "project_name", kind: "scalar", T: 9 /* ScalarType.STRING */ },
@@ -162,7 +159,7 @@ const ListDocumentsRequest = proto3.makeMessageType(
 /**
  * @generated from message yorkie.v1.ListDocumentsResponse
  */
-const ListDocumentsResponse = proto3.makeMessageType(
+export const ListDocumentsResponse = /*@__PURE__*/ proto3.makeMessageType(
   "yorkie.v1.ListDocumentsResponse",
   () => [
     { no: 1, name: "documents", kind: "message", T: DocumentSummary, repeated: true },
@@ -172,7 +169,7 @@ const ListDocumentsResponse = proto3.makeMessageType(
 /**
  * @generated from message yorkie.v1.GetDocumentRequest
  */
-const GetDocumentRequest = proto3.makeMessageType(
+export const GetDocumentRequest = /*@__PURE__*/ proto3.makeMessageType(
   "yorkie.v1.GetDocumentRequest",
   () => [
     { no: 1, name: "project_name", kind: "scalar", T: 9 /* ScalarType.STRING */ },
@@ -183,7 +180,7 @@ const GetDocumentRequest = proto3.makeMessageType(
 /**
  * @generated from message yorkie.v1.GetDocumentResponse
  */
-const GetDocumentResponse = proto3.makeMessageType(
+export const GetDocumentResponse = /*@__PURE__*/ proto3.makeMessageType(
   "yorkie.v1.GetDocumentResponse",
   () => [
     { no: 1, name: "document", kind: "message", T: DocumentSummary },
@@ -193,7 +190,7 @@ const GetDocumentResponse = proto3.makeMessageType(
 /**
  * @generated from message yorkie.v1.RemoveDocumentByAdminRequest
  */
-const RemoveDocumentByAdminRequest = proto3.makeMessageType(
+export const RemoveDocumentByAdminRequest = /*@__PURE__*/ proto3.makeMessageType(
   "yorkie.v1.RemoveDocumentByAdminRequest",
   () => [
     { no: 1, name: "project_name", kind: "scalar", T: 9 /* ScalarType.STRING */ },
@@ -205,7 +202,7 @@ const RemoveDocumentByAdminRequest = proto3.makeMessageType(
 /**
  * @generated from message yorkie.v1.RemoveDocumentByAdminResponse
  */
-const RemoveDocumentByAdminResponse = proto3.makeMessageType(
+export const RemoveDocumentByAdminResponse = /*@__PURE__*/ proto3.makeMessageType(
   "yorkie.v1.RemoveDocumentByAdminResponse",
   [],
 );
@@ -213,7 +210,7 @@ const RemoveDocumentByAdminResponse = proto3.makeMessageType(
 /**
  * @generated from message yorkie.v1.GetSnapshotMetaRequest
  */
-const GetSnapshotMetaRequest = proto3.makeMessageType(
+export const GetSnapshotMetaRequest = /*@__PURE__*/ proto3.makeMessageType(
   "yorkie.v1.GetSnapshotMetaRequest",
   () => [
     { no: 1, name: "project_name", kind: "scalar", T: 9 /* ScalarType.STRING */ },
@@ -225,7 +222,7 @@ const GetSnapshotMetaRequest = proto3.makeMessageType(
 /**
  * @generated from message yorkie.v1.GetSnapshotMetaResponse
  */
-const GetSnapshotMetaResponse = proto3.makeMessageType(
+export const GetSnapshotMetaResponse = /*@__PURE__*/ proto3.makeMessageType(
   "yorkie.v1.GetSnapshotMetaResponse",
   () => [
     { no: 1, name: "snapshot", kind: "scalar", T: 12 /* ScalarType.BYTES */ },
@@ -236,7 +233,7 @@ const GetSnapshotMetaResponse = proto3.makeMessageType(
 /**
  * @generated from message yorkie.v1.SearchDocumentsRequest
  */
-const SearchDocumentsRequest = proto3.makeMessageType(
+export const SearchDocumentsRequest = /*@__PURE__*/ proto3.makeMessageType(
   "yorkie.v1.SearchDocumentsRequest",
   () => [
     { no: 1, name: "project_name", kind: "scalar", T: 9 /* ScalarType.STRING */ },
@@ -248,7 +245,7 @@ const SearchDocumentsRequest = proto3.makeMessageType(
 /**
  * @generated from message yorkie.v1.SearchDocumentsResponse
  */
-const SearchDocumentsResponse = proto3.makeMessageType(
+export const SearchDocumentsResponse = /*@__PURE__*/ proto3.makeMessageType(
   "yorkie.v1.SearchDocumentsResponse",
   () => [
     { no: 1, name: "total_count", kind: "scalar", T: 5 /* ScalarType.INT32 */ },
@@ -259,7 +256,7 @@ const SearchDocumentsResponse = proto3.makeMessageType(
 /**
  * @generated from message yorkie.v1.ListChangesRequest
  */
-const ListChangesRequest = proto3.makeMessageType(
+export const ListChangesRequest = /*@__PURE__*/ proto3.makeMessageType(
   "yorkie.v1.ListChangesRequest",
   () => [
     { no: 1, name: "project_name", kind: "scalar", T: 9 /* ScalarType.STRING */ },
@@ -273,35 +270,10 @@ const ListChangesRequest = proto3.makeMessageType(
 /**
  * @generated from message yorkie.v1.ListChangesResponse
  */
-const ListChangesResponse = proto3.makeMessageType(
+export const ListChangesResponse = /*@__PURE__*/ proto3.makeMessageType(
   "yorkie.v1.ListChangesResponse",
   () => [
     { no: 1, name: "changes", kind: "message", T: Change, repeated: true },
   ],
 );
 
-
-exports.SignUpRequest = SignUpRequest;
-exports.SignUpResponse = SignUpResponse;
-exports.LogInRequest = LogInRequest;
-exports.LogInResponse = LogInResponse;
-exports.CreateProjectRequest = CreateProjectRequest;
-exports.CreateProjectResponse = CreateProjectResponse;
-exports.GetProjectRequest = GetProjectRequest;
-exports.GetProjectResponse = GetProjectResponse;
-exports.ListProjectsRequest = ListProjectsRequest;
-exports.ListProjectsResponse = ListProjectsResponse;
-exports.UpdateProjectRequest = UpdateProjectRequest;
-exports.UpdateProjectResponse = UpdateProjectResponse;
-exports.ListDocumentsRequest = ListDocumentsRequest;
-exports.ListDocumentsResponse = ListDocumentsResponse;
-exports.GetDocumentRequest = GetDocumentRequest;
-exports.GetDocumentResponse = GetDocumentResponse;
-exports.RemoveDocumentByAdminRequest = RemoveDocumentByAdminRequest;
-exports.RemoveDocumentByAdminResponse = RemoveDocumentByAdminResponse;
-exports.GetSnapshotMetaRequest = GetSnapshotMetaRequest;
-exports.GetSnapshotMetaResponse = GetSnapshotMetaResponse;
-exports.SearchDocumentsRequest = SearchDocumentsRequest;
-exports.SearchDocumentsResponse = SearchDocumentsResponse;
-exports.ListChangesRequest = ListChangesRequest;
-exports.ListChangesResponse = ListChangesResponse;
diff --git a/src/api/yorkie/v1/error_details.proto b/src/api/yorkie/v1/error_details.proto
deleted file mode 100644
index f1dd9a0..0000000
--- a/src/api/yorkie/v1/error_details.proto
+++ /dev/null
@@ -1,87 +0,0 @@
-// Copyright 2022 Google LLC
-//
-// Licensed under the Apache License, Version 2.0 (the "License");
-// you may not use this file except in compliance with the License.
-// You may obtain a copy of the License at
-//
-//     http://www.apache.org/licenses/LICENSE-2.0
-//
-// Unless required by applicable law or agreed to in writing, software
-// distributed under the License is distributed on an "AS IS" BASIS,
-// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-// See the License for the specific language governing permissions and
-// limitations under the License.
-
-// NOTE(chacha912): This code is based on the protobuf definitions from the file located at:
-// https://buf.build/googleapis/googleapis/file/main:google/rpc/error_details.proto.
-// The protobuf definitions are compiled into an SDK, which can be installed via npm.
-// (SDK Source: https://buf.build/googleapis/googleapis/sdks/main)
-//
-// However, during testing, we encountered an error due to the use of ESM import/export syntax.
-// To address this issue, we use the 'js_import_style=legacy_commonjs' option and manually build
-// the protobuf, rather than using the SDK directly.
-// (For more details, refer to: https://github.com/bufbuild/protobuf-es/issues/587)
-
-syntax = "proto3";
-
-package google.rpc;
-
-option go_package = "google.golang.org/genproto/googleapis/rpc/errdetails;errdetails";
-option java_multiple_files = true;
-option java_outer_classname = "ErrorDetailsProto";
-option java_package = "com.google.rpc";
-option objc_class_prefix = "RPC";
-
-
-// Describes violations in a client request. This error type focuses on the
-// syntactic aspects of the request.
-message BadRequest {
-  // A message type used to describe a single bad request field.
-  message FieldViolation {
-    // A path that leads to a field in the request body. The value will be a
-    // sequence of dot-separated identifiers that identify a protocol buffer
-    // field.
-    //
-    // Consider the following:
-    //
-    //     message CreateContactRequest {
-    //       message EmailAddress {
-    //         enum Type {
-    //           TYPE_UNSPECIFIED = 0;
-    //           HOME = 1;
-    //           WORK = 2;
-    //         }
-    //
-    //         optional string email = 1;
-    //         repeated EmailType type = 2;
-    //       }
-    //
-    //       string full_name = 1;
-    //       repeated EmailAddress email_addresses = 2;
-    //     }
-    //
-    // In this example, in proto `field` could take one of the following values:
-    //
-    // * `full_name` for a violation in the `full_name` value
-    // * `email_addresses[1].email` for a violation in the `email` field of the
-    //   first `email_addresses` message
-    // * `email_addresses[3].type[2]` for a violation in the second `type`
-    //   value in the third `email_addresses` message.
-    //
-    // In JSON, the same values are represented as:
-    //
-    // * `fullName` for a violation in the `fullName` value
-    // * `emailAddresses[1].email` for a violation in the `email` field of the
-    //   first `emailAddresses` message
-    // * `emailAddresses[3].type[2]` for a violation in the second `type`
-    //   value in the third `emailAddresses` message.
-    string field = 1;
-
-    // A description of why the request element is bad.
-    string description = 2;
-  }
-
-  // Describes all violations in a client request.
-  repeated FieldViolation field_violations = 1;
-}
-
diff --git a/src/api/yorkie/v1/error_details_pb.d.ts b/src/api/yorkie/v1/error_details_pb.d.ts
deleted file mode 100644
index 712013f..0000000
--- a/src/api/yorkie/v1/error_details_pb.d.ts
+++ /dev/null
@@ -1,132 +0,0 @@
-// Copyright 2022 Google LLC
-//
-// Licensed under the Apache License, Version 2.0 (the "License");
-// you may not use this file except in compliance with the License.
-// You may obtain a copy of the License at
-//
-//     http://www.apache.org/licenses/LICENSE-2.0
-//
-// Unless required by applicable law or agreed to in writing, software
-// distributed under the License is distributed on an "AS IS" BASIS,
-// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-// See the License for the specific language governing permissions and
-// limitations under the License.
-
-// NOTE(chacha912): This code is based on the protobuf definitions from the file located at:
-// https://buf.build/googleapis/googleapis/file/main:google/rpc/error_details.proto.
-// The protobuf definitions are compiled into an SDK, which can be installed via npm.
-// (SDK Source: https://buf.build/googleapis/googleapis/sdks/main)
-//
-// However, during testing, we encountered an error due to the use of ESM import/export syntax.
-// To address this issue, we use the 'js_import_style=legacy_commonjs' option and manually build
-// the protobuf, rather than using the SDK directly.
-// (For more details, refer to: https://github.com/bufbuild/protobuf-es/issues/587)
-
-// @generated by protoc-gen-es v1.6.0 with parameter "target=js+dts,js_import_style=legacy_commonjs"
-// @generated from file src/api/yorkie/v1/error_details.proto (package google.rpc, syntax proto3)
-/* eslint-disable */
-// @ts-nocheck
-
-import type { BinaryReadOptions, FieldList, JsonReadOptions, JsonValue, PartialMessage, PlainMessage } from "@bufbuild/protobuf";
-import { Message, proto3 } from "@bufbuild/protobuf";
-
-/**
- * Describes violations in a client request. This error type focuses on the
- * syntactic aspects of the request.
- *
- * @generated from message google.rpc.BadRequest
- */
-export declare class BadRequest extends Message<BadRequest> {
-  /**
-   * Describes all violations in a client request.
-   *
-   * @generated from field: repeated google.rpc.BadRequest.FieldViolation field_violations = 1;
-   */
-  fieldViolations: BadRequest_FieldViolation[];
-
-  constructor(data?: PartialMessage<BadRequest>);
-
-  static readonly runtime: typeof proto3;
-  static readonly typeName = "google.rpc.BadRequest";
-  static readonly fields: FieldList;
-
-  static fromBinary(bytes: Uint8Array, options?: Partial<BinaryReadOptions>): BadRequest;
-
-  static fromJson(jsonValue: JsonValue, options?: Partial<JsonReadOptions>): BadRequest;
-
-  static fromJsonString(jsonString: string, options?: Partial<JsonReadOptions>): BadRequest;
-
-  static equals(a: BadRequest | PlainMessage<BadRequest> | undefined, b: BadRequest | PlainMessage<BadRequest> | undefined): boolean;
-}
-
-/**
- * A message type used to describe a single bad request field.
- *
- * @generated from message google.rpc.BadRequest.FieldViolation
- */
-export declare class BadRequest_FieldViolation extends Message<BadRequest_FieldViolation> {
-  /**
-   * A path that leads to a field in the request body. The value will be a
-   * sequence of dot-separated identifiers that identify a protocol buffer
-   * field.
-   *
-   * Consider the following:
-   *
-   *     message CreateContactRequest {
-   *       message EmailAddress {
-   *         enum Type {
-   *           TYPE_UNSPECIFIED = 0;
-   *           HOME = 1;
-   *           WORK = 2;
-   *         }
-   *
-   *         optional string email = 1;
-   *         repeated EmailType type = 2;
-   *       }
-   *
-   *       string full_name = 1;
-   *       repeated EmailAddress email_addresses = 2;
-   *     }
-   *
-   * In this example, in proto `field` could take one of the following values:
-   *
-   * * `full_name` for a violation in the `full_name` value
-   * * `email_addresses[1].email` for a violation in the `email` field of the
-   *   first `email_addresses` message
-   * * `email_addresses[3].type[2]` for a violation in the second `type`
-   *   value in the third `email_addresses` message.
-   *
-   * In JSON, the same values are represented as:
-   *
-   * * `fullName` for a violation in the `fullName` value
-   * * `emailAddresses[1].email` for a violation in the `email` field of the
-   *   first `emailAddresses` message
-   * * `emailAddresses[3].type[2]` for a violation in the second `type`
-   *   value in the third `emailAddresses` message.
-   *
-   * @generated from field: string field = 1;
-   */
-  field: string;
-
-  /**
-   * A description of why the request element is bad.
-   *
-   * @generated from field: string description = 2;
-   */
-  description: string;
-
-  constructor(data?: PartialMessage<BadRequest_FieldViolation>);
-
-  static readonly runtime: typeof proto3;
-  static readonly typeName = "google.rpc.BadRequest.FieldViolation";
-  static readonly fields: FieldList;
-
-  static fromBinary(bytes: Uint8Array, options?: Partial<BinaryReadOptions>): BadRequest_FieldViolation;
-
-  static fromJson(jsonValue: JsonValue, options?: Partial<JsonReadOptions>): BadRequest_FieldViolation;
-
-  static fromJsonString(jsonString: string, options?: Partial<JsonReadOptions>): BadRequest_FieldViolation;
-
-  static equals(a: BadRequest_FieldViolation | PlainMessage<BadRequest_FieldViolation> | undefined, b: BadRequest_FieldViolation | PlainMessage<BadRequest_FieldViolation> | undefined): boolean;
-}
-
diff --git a/src/api/yorkie/v1/error_details_pb.js b/src/api/yorkie/v1/error_details_pb.js
deleted file mode 100644
index 54a6e46..0000000
--- a/src/api/yorkie/v1/error_details_pb.js
+++ /dev/null
@@ -1,64 +0,0 @@
-// Copyright 2022 Google LLC
-//
-// Licensed under the Apache License, Version 2.0 (the "License");
-// you may not use this file except in compliance with the License.
-// You may obtain a copy of the License at
-//
-//     http://www.apache.org/licenses/LICENSE-2.0
-//
-// Unless required by applicable law or agreed to in writing, software
-// distributed under the License is distributed on an "AS IS" BASIS,
-// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-// See the License for the specific language governing permissions and
-// limitations under the License.
-
-// NOTE(chacha912): This code is based on the protobuf definitions from the file located at:
-// https://buf.build/googleapis/googleapis/file/main:google/rpc/error_details.proto.
-// The protobuf definitions are compiled into an SDK, which can be installed via npm.
-// (SDK Source: https://buf.build/googleapis/googleapis/sdks/main)
-//
-// However, during testing, we encountered an error due to the use of ESM import/export syntax.
-// To address this issue, we use the 'js_import_style=legacy_commonjs' option and manually build
-// the protobuf, rather than using the SDK directly.
-// (For more details, refer to: https://github.com/bufbuild/protobuf-es/issues/587)
-
-// @generated by protoc-gen-es v1.6.0 with parameter "target=js+dts,js_import_style=legacy_commonjs"
-// @generated from file src/api/yorkie/v1/error_details.proto (package google.rpc, syntax proto3)
-/* eslint-disable */
-// @ts-nocheck
-
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-
-const { proto3 } = require("@bufbuild/protobuf");
-
-/**
- * Describes violations in a client request. This error type focuses on the
- * syntactic aspects of the request.
- *
- * @generated from message google.rpc.BadRequest
- */
-const BadRequest = proto3.makeMessageType(
-  "google.rpc.BadRequest",
-  () => [
-    { no: 1, name: "field_violations", kind: "message", T: BadRequest_FieldViolation, repeated: true },
-  ],
-);
-
-/**
- * A message type used to describe a single bad request field.
- *
- * @generated from message google.rpc.BadRequest.FieldViolation
- */
-const BadRequest_FieldViolation = proto3.makeMessageType(
-  "google.rpc.BadRequest.FieldViolation",
-  () => [
-    { no: 1, name: "field", kind: "scalar", T: 9 /* ScalarType.STRING */ },
-    { no: 2, name: "description", kind: "scalar", T: 9 /* ScalarType.STRING */ },
-  ],
-  {localName: "BadRequest_FieldViolation"},
-);
-
-
-exports.BadRequest = BadRequest;
-exports.BadRequest_FieldViolation = BadRequest_FieldViolation;
diff --git a/src/api/yorkie/v1/resources_pb.d.ts b/src/api/yorkie/v1/resources_pb.d.ts
index 9b364f4..fceb9ce 100644
--- a/src/api/yorkie/v1/resources_pb.d.ts
+++ b/src/api/yorkie/v1/resources_pb.d.ts
@@ -13,7 +13,7 @@
 // See the License for the specific language governing permissions and
 // limitations under the License.
 
-// @generated by protoc-gen-es v1.6.0 with parameter "target=js+dts,js_import_style=legacy_commonjs"
+// @generated by protoc-gen-es v1.10.0 with parameter "target=js+dts,js_import_style=module"
 // @generated from file src/api/yorkie/v1/resources.proto (package yorkie.v1, syntax proto3)
 /* eslint-disable */
 // @ts-nocheck
diff --git a/src/api/yorkie/v1/resources_pb.js b/src/api/yorkie/v1/resources_pb.js
index 8b71378..2c9e87a 100644
--- a/src/api/yorkie/v1/resources_pb.js
+++ b/src/api/yorkie/v1/resources_pb.js
@@ -13,20 +13,17 @@
 // See the License for the specific language governing permissions and
 // limitations under the License.
 
-// @generated by protoc-gen-es v1.6.0 with parameter "target=js+dts,js_import_style=legacy_commonjs"
+// @generated by protoc-gen-es v1.10.0 with parameter "target=js+dts,js_import_style=module"
 // @generated from file src/api/yorkie/v1/resources.proto (package yorkie.v1, syntax proto3)
 /* eslint-disable */
 // @ts-nocheck
 
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-
-const { proto3, StringValue, Timestamp } = require("@bufbuild/protobuf");
+import { proto3, StringValue, Timestamp } from "@bufbuild/protobuf";
 
 /**
  * @generated from enum yorkie.v1.ValueType
  */
-const ValueType = proto3.makeEnum(
+export const ValueType = /*@__PURE__*/ proto3.makeEnum(
   "yorkie.v1.ValueType",
   [
     {no: 0, name: "VALUE_TYPE_NULL", localName: "NULL"},
@@ -49,7 +46,7 @@ const ValueType = proto3.makeEnum(
 /**
  * @generated from enum yorkie.v1.DocEventType
  */
-const DocEventType = proto3.makeEnum(
+export const DocEventType = /*@__PURE__*/ proto3.makeEnum(
   "yorkie.v1.DocEventType",
   [
     {no: 0, name: "DOC_EVENT_TYPE_DOCUMENT_CHANGED", localName: "DOCUMENT_CHANGED"},
@@ -66,7 +63,7 @@ const DocEventType = proto3.makeEnum(
  *
  * @generated from message yorkie.v1.Snapshot
  */
-const Snapshot = proto3.makeMessageType(
+export const Snapshot = /*@__PURE__*/ proto3.makeMessageType(
   "yorkie.v1.Snapshot",
   () => [
     { no: 1, name: "root", kind: "message", T: JSONElement },
@@ -80,7 +77,7 @@ const Snapshot = proto3.makeMessageType(
  *
  * @generated from message yorkie.v1.ChangePack
  */
-const ChangePack = proto3.makeMessageType(
+export const ChangePack = /*@__PURE__*/ proto3.makeMessageType(
   "yorkie.v1.ChangePack",
   () => [
     { no: 1, name: "document_key", kind: "scalar", T: 9 /* ScalarType.STRING */ },
@@ -95,7 +92,7 @@ const ChangePack = proto3.makeMessageType(
 /**
  * @generated from message yorkie.v1.Change
  */
-const Change = proto3.makeMessageType(
+export const Change = /*@__PURE__*/ proto3.makeMessageType(
   "yorkie.v1.Change",
   () => [
     { no: 1, name: "id", kind: "message", T: ChangeID },
@@ -108,7 +105,7 @@ const Change = proto3.makeMessageType(
 /**
  * @generated from message yorkie.v1.ChangeID
  */
-const ChangeID = proto3.makeMessageType(
+export const ChangeID = /*@__PURE__*/ proto3.makeMessageType(
   "yorkie.v1.ChangeID",
   () => [
     { no: 1, name: "client_seq", kind: "scalar", T: 13 /* ScalarType.UINT32 */ },
@@ -121,7 +118,7 @@ const ChangeID = proto3.makeMessageType(
 /**
  * @generated from message yorkie.v1.Operation
  */
-const Operation = proto3.makeMessageType(
+export const Operation = /*@__PURE__*/ proto3.makeMessageType(
   "yorkie.v1.Operation",
   () => [
     { no: 1, name: "set", kind: "message", T: Operation_Set, oneof: "body" },
@@ -140,7 +137,7 @@ const Operation = proto3.makeMessageType(
 /**
  * @generated from message yorkie.v1.Operation.Set
  */
-const Operation_Set = proto3.makeMessageType(
+export const Operation_Set = /*@__PURE__*/ proto3.makeMessageType(
   "yorkie.v1.Operation.Set",
   () => [
     { no: 1, name: "parent_created_at", kind: "message", T: TimeTicket },
@@ -154,7 +151,7 @@ const Operation_Set = proto3.makeMessageType(
 /**
  * @generated from message yorkie.v1.Operation.Add
  */
-const Operation_Add = proto3.makeMessageType(
+export const Operation_Add = /*@__PURE__*/ proto3.makeMessageType(
   "yorkie.v1.Operation.Add",
   () => [
     { no: 1, name: "parent_created_at", kind: "message", T: TimeTicket },
@@ -168,7 +165,7 @@ const Operation_Add = proto3.makeMessageType(
 /**
  * @generated from message yorkie.v1.Operation.Move
  */
-const Operation_Move = proto3.makeMessageType(
+export const Operation_Move = /*@__PURE__*/ proto3.makeMessageType(
   "yorkie.v1.Operation.Move",
   () => [
     { no: 1, name: "parent_created_at", kind: "message", T: TimeTicket },
@@ -182,7 +179,7 @@ const Operation_Move = proto3.makeMessageType(
 /**
  * @generated from message yorkie.v1.Operation.Remove
  */
-const Operation_Remove = proto3.makeMessageType(
+export const Operation_Remove = /*@__PURE__*/ proto3.makeMessageType(
   "yorkie.v1.Operation.Remove",
   () => [
     { no: 1, name: "parent_created_at", kind: "message", T: TimeTicket },
@@ -195,7 +192,7 @@ const Operation_Remove = proto3.makeMessageType(
 /**
  * @generated from message yorkie.v1.Operation.Edit
  */
-const Operation_Edit = proto3.makeMessageType(
+export const Operation_Edit = /*@__PURE__*/ proto3.makeMessageType(
   "yorkie.v1.Operation.Edit",
   () => [
     { no: 1, name: "parent_created_at", kind: "message", T: TimeTicket },
@@ -217,7 +214,7 @@ const Operation_Edit = proto3.makeMessageType(
  *
  * @generated from message yorkie.v1.Operation.Select
  */
-const Operation_Select = proto3.makeMessageType(
+export const Operation_Select = /*@__PURE__*/ proto3.makeMessageType(
   "yorkie.v1.Operation.Select",
   () => [
     { no: 1, name: "parent_created_at", kind: "message", T: TimeTicket },
@@ -231,7 +228,7 @@ const Operation_Select = proto3.makeMessageType(
 /**
  * @generated from message yorkie.v1.Operation.Style
  */
-const Operation_Style = proto3.makeMessageType(
+export const Operation_Style = /*@__PURE__*/ proto3.makeMessageType(
   "yorkie.v1.Operation.Style",
   () => [
     { no: 1, name: "parent_created_at", kind: "message", T: TimeTicket },
@@ -247,7 +244,7 @@ const Operation_Style = proto3.makeMessageType(
 /**
  * @generated from message yorkie.v1.Operation.Increase
  */
-const Operation_Increase = proto3.makeMessageType(
+export const Operation_Increase = /*@__PURE__*/ proto3.makeMessageType(
   "yorkie.v1.Operation.Increase",
   () => [
     { no: 1, name: "parent_created_at", kind: "message", T: TimeTicket },
@@ -260,7 +257,7 @@ const Operation_Increase = proto3.makeMessageType(
 /**
  * @generated from message yorkie.v1.Operation.TreeEdit
  */
-const Operation_TreeEdit = proto3.makeMessageType(
+export const Operation_TreeEdit = /*@__PURE__*/ proto3.makeMessageType(
   "yorkie.v1.Operation.TreeEdit",
   () => [
     { no: 1, name: "parent_created_at", kind: "message", T: TimeTicket },
@@ -277,7 +274,7 @@ const Operation_TreeEdit = proto3.makeMessageType(
 /**
  * @generated from message yorkie.v1.Operation.TreeStyle
  */
-const Operation_TreeStyle = proto3.makeMessageType(
+export const Operation_TreeStyle = /*@__PURE__*/ proto3.makeMessageType(
   "yorkie.v1.Operation.TreeStyle",
   () => [
     { no: 1, name: "parent_created_at", kind: "message", T: TimeTicket },
@@ -294,7 +291,7 @@ const Operation_TreeStyle = proto3.makeMessageType(
 /**
  * @generated from message yorkie.v1.JSONElementSimple
  */
-const JSONElementSimple = proto3.makeMessageType(
+export const JSONElementSimple = /*@__PURE__*/ proto3.makeMessageType(
   "yorkie.v1.JSONElementSimple",
   () => [
     { no: 1, name: "created_at", kind: "message", T: TimeTicket },
@@ -308,7 +305,7 @@ const JSONElementSimple = proto3.makeMessageType(
 /**
  * @generated from message yorkie.v1.JSONElement
  */
-const JSONElement = proto3.makeMessageType(
+export const JSONElement = /*@__PURE__*/ proto3.makeMessageType(
   "yorkie.v1.JSONElement",
   () => [
     { no: 1, name: "json_object", kind: "message", T: JSONElement_JSONObject, oneof: "body" },
@@ -323,7 +320,7 @@ const JSONElement = proto3.makeMessageType(
 /**
  * @generated from message yorkie.v1.JSONElement.JSONObject
  */
-const JSONElement_JSONObject = proto3.makeMessageType(
+export const JSONElement_JSONObject = /*@__PURE__*/ proto3.makeMessageType(
   "yorkie.v1.JSONElement.JSONObject",
   () => [
     { no: 1, name: "nodes", kind: "message", T: RHTNode, repeated: true },
@@ -337,7 +334,7 @@ const JSONElement_JSONObject = proto3.makeMessageType(
 /**
  * @generated from message yorkie.v1.JSONElement.JSONArray
  */
-const JSONElement_JSONArray = proto3.makeMessageType(
+export const JSONElement_JSONArray = /*@__PURE__*/ proto3.makeMessageType(
   "yorkie.v1.JSONElement.JSONArray",
   () => [
     { no: 1, name: "nodes", kind: "message", T: RGANode, repeated: true },
@@ -351,7 +348,7 @@ const JSONElement_JSONArray = proto3.makeMessageType(
 /**
  * @generated from message yorkie.v1.JSONElement.Primitive
  */
-const JSONElement_Primitive = proto3.makeMessageType(
+export const JSONElement_Primitive = /*@__PURE__*/ proto3.makeMessageType(
   "yorkie.v1.JSONElement.Primitive",
   () => [
     { no: 1, name: "type", kind: "enum", T: proto3.getEnumType(ValueType) },
@@ -366,7 +363,7 @@ const JSONElement_Primitive = proto3.makeMessageType(
 /**
  * @generated from message yorkie.v1.JSONElement.Text
  */
-const JSONElement_Text = proto3.makeMessageType(
+export const JSONElement_Text = /*@__PURE__*/ proto3.makeMessageType(
   "yorkie.v1.JSONElement.Text",
   () => [
     { no: 1, name: "nodes", kind: "message", T: TextNode, repeated: true },
@@ -380,7 +377,7 @@ const JSONElement_Text = proto3.makeMessageType(
 /**
  * @generated from message yorkie.v1.JSONElement.Counter
  */
-const JSONElement_Counter = proto3.makeMessageType(
+export const JSONElement_Counter = /*@__PURE__*/ proto3.makeMessageType(
   "yorkie.v1.JSONElement.Counter",
   () => [
     { no: 1, name: "type", kind: "enum", T: proto3.getEnumType(ValueType) },
@@ -395,7 +392,7 @@ const JSONElement_Counter = proto3.makeMessageType(
 /**
  * @generated from message yorkie.v1.JSONElement.Tree
  */
-const JSONElement_Tree = proto3.makeMessageType(
+export const JSONElement_Tree = /*@__PURE__*/ proto3.makeMessageType(
   "yorkie.v1.JSONElement.Tree",
   () => [
     { no: 1, name: "nodes", kind: "message", T: TreeNode, repeated: true },
@@ -409,7 +406,7 @@ const JSONElement_Tree = proto3.makeMessageType(
 /**
  * @generated from message yorkie.v1.RHTNode
  */
-const RHTNode = proto3.makeMessageType(
+export const RHTNode = /*@__PURE__*/ proto3.makeMessageType(
   "yorkie.v1.RHTNode",
   () => [
     { no: 1, name: "key", kind: "scalar", T: 9 /* ScalarType.STRING */ },
@@ -420,7 +417,7 @@ const RHTNode = proto3.makeMessageType(
 /**
  * @generated from message yorkie.v1.RGANode
  */
-const RGANode = proto3.makeMessageType(
+export const RGANode = /*@__PURE__*/ proto3.makeMessageType(
   "yorkie.v1.RGANode",
   () => [
     { no: 1, name: "next", kind: "message", T: RGANode },
@@ -431,7 +428,7 @@ const RGANode = proto3.makeMessageType(
 /**
  * @generated from message yorkie.v1.NodeAttr
  */
-const NodeAttr = proto3.makeMessageType(
+export const NodeAttr = /*@__PURE__*/ proto3.makeMessageType(
   "yorkie.v1.NodeAttr",
   () => [
     { no: 1, name: "value", kind: "scalar", T: 9 /* ScalarType.STRING */ },
@@ -443,7 +440,7 @@ const NodeAttr = proto3.makeMessageType(
 /**
  * @generated from message yorkie.v1.TextNode
  */
-const TextNode = proto3.makeMessageType(
+export const TextNode = /*@__PURE__*/ proto3.makeMessageType(
   "yorkie.v1.TextNode",
   () => [
     { no: 1, name: "id", kind: "message", T: TextNodeID },
@@ -457,7 +454,7 @@ const TextNode = proto3.makeMessageType(
 /**
  * @generated from message yorkie.v1.TextNodeID
  */
-const TextNodeID = proto3.makeMessageType(
+export const TextNodeID = /*@__PURE__*/ proto3.makeMessageType(
   "yorkie.v1.TextNodeID",
   () => [
     { no: 1, name: "created_at", kind: "message", T: TimeTicket },
@@ -468,7 +465,7 @@ const TextNodeID = proto3.makeMessageType(
 /**
  * @generated from message yorkie.v1.TreeNode
  */
-const TreeNode = proto3.makeMessageType(
+export const TreeNode = /*@__PURE__*/ proto3.makeMessageType(
   "yorkie.v1.TreeNode",
   () => [
     { no: 1, name: "id", kind: "message", T: TreeNodeID },
@@ -485,7 +482,7 @@ const TreeNode = proto3.makeMessageType(
 /**
  * @generated from message yorkie.v1.TreeNodes
  */
-const TreeNodes = proto3.makeMessageType(
+export const TreeNodes = /*@__PURE__*/ proto3.makeMessageType(
   "yorkie.v1.TreeNodes",
   () => [
     { no: 1, name: "content", kind: "message", T: TreeNode, repeated: true },
@@ -495,7 +492,7 @@ const TreeNodes = proto3.makeMessageType(
 /**
  * @generated from message yorkie.v1.TreeNodeID
  */
-const TreeNodeID = proto3.makeMessageType(
+export const TreeNodeID = /*@__PURE__*/ proto3.makeMessageType(
   "yorkie.v1.TreeNodeID",
   () => [
     { no: 1, name: "created_at", kind: "message", T: TimeTicket },
@@ -506,7 +503,7 @@ const TreeNodeID = proto3.makeMessageType(
 /**
  * @generated from message yorkie.v1.TreePos
  */
-const TreePos = proto3.makeMessageType(
+export const TreePos = /*@__PURE__*/ proto3.makeMessageType(
   "yorkie.v1.TreePos",
   () => [
     { no: 1, name: "parent_id", kind: "message", T: TreeNodeID },
@@ -517,7 +514,7 @@ const TreePos = proto3.makeMessageType(
 /**
  * @generated from message yorkie.v1.User
  */
-const User = proto3.makeMessageType(
+export const User = /*@__PURE__*/ proto3.makeMessageType(
   "yorkie.v1.User",
   () => [
     { no: 1, name: "id", kind: "scalar", T: 9 /* ScalarType.STRING */ },
@@ -529,7 +526,7 @@ const User = proto3.makeMessageType(
 /**
  * @generated from message yorkie.v1.Project
  */
-const Project = proto3.makeMessageType(
+export const Project = /*@__PURE__*/ proto3.makeMessageType(
   "yorkie.v1.Project",
   () => [
     { no: 1, name: "id", kind: "scalar", T: 9 /* ScalarType.STRING */ },
@@ -547,7 +544,7 @@ const Project = proto3.makeMessageType(
 /**
  * @generated from message yorkie.v1.UpdatableProjectFields
  */
-const UpdatableProjectFields = proto3.makeMessageType(
+export const UpdatableProjectFields = /*@__PURE__*/ proto3.makeMessageType(
   "yorkie.v1.UpdatableProjectFields",
   () => [
     { no: 1, name: "name", kind: "message", T: StringValue },
@@ -560,7 +557,7 @@ const UpdatableProjectFields = proto3.makeMessageType(
 /**
  * @generated from message yorkie.v1.UpdatableProjectFields.AuthWebhookMethods
  */
-const UpdatableProjectFields_AuthWebhookMethods = proto3.makeMessageType(
+export const UpdatableProjectFields_AuthWebhookMethods = /*@__PURE__*/ proto3.makeMessageType(
   "yorkie.v1.UpdatableProjectFields.AuthWebhookMethods",
   () => [
     { no: 1, name: "methods", kind: "scalar", T: 9 /* ScalarType.STRING */, repeated: true },
@@ -571,7 +568,7 @@ const UpdatableProjectFields_AuthWebhookMethods = proto3.makeMessageType(
 /**
  * @generated from message yorkie.v1.DocumentSummary
  */
-const DocumentSummary = proto3.makeMessageType(
+export const DocumentSummary = /*@__PURE__*/ proto3.makeMessageType(
   "yorkie.v1.DocumentSummary",
   () => [
     { no: 1, name: "id", kind: "scalar", T: 9 /* ScalarType.STRING */ },
@@ -586,7 +583,7 @@ const DocumentSummary = proto3.makeMessageType(
 /**
  * @generated from message yorkie.v1.PresenceChange
  */
-const PresenceChange = proto3.makeMessageType(
+export const PresenceChange = /*@__PURE__*/ proto3.makeMessageType(
   "yorkie.v1.PresenceChange",
   () => [
     { no: 1, name: "type", kind: "enum", T: proto3.getEnumType(PresenceChange_ChangeType) },
@@ -597,7 +594,7 @@ const PresenceChange = proto3.makeMessageType(
 /**
  * @generated from enum yorkie.v1.PresenceChange.ChangeType
  */
-const PresenceChange_ChangeType = proto3.makeEnum(
+export const PresenceChange_ChangeType = /*@__PURE__*/ proto3.makeEnum(
   "yorkie.v1.PresenceChange.ChangeType",
   [
     {no: 0, name: "CHANGE_TYPE_UNSPECIFIED", localName: "UNSPECIFIED"},
@@ -610,7 +607,7 @@ const PresenceChange_ChangeType = proto3.makeEnum(
 /**
  * @generated from message yorkie.v1.Presence
  */
-const Presence = proto3.makeMessageType(
+export const Presence = /*@__PURE__*/ proto3.makeMessageType(
   "yorkie.v1.Presence",
   () => [
     { no: 1, name: "data", kind: "map", K: 9 /* ScalarType.STRING */, V: {kind: "scalar", T: 9 /* ScalarType.STRING */} },
@@ -620,7 +617,7 @@ const Presence = proto3.makeMessageType(
 /**
  * @generated from message yorkie.v1.Checkpoint
  */
-const Checkpoint = proto3.makeMessageType(
+export const Checkpoint = /*@__PURE__*/ proto3.makeMessageType(
   "yorkie.v1.Checkpoint",
   () => [
     { no: 1, name: "server_seq", kind: "scalar", T: 3 /* ScalarType.INT64 */, L: 1 /* LongType.STRING */ },
@@ -631,7 +628,7 @@ const Checkpoint = proto3.makeMessageType(
 /**
  * @generated from message yorkie.v1.TextNodePos
  */
-const TextNodePos = proto3.makeMessageType(
+export const TextNodePos = /*@__PURE__*/ proto3.makeMessageType(
   "yorkie.v1.TextNodePos",
   () => [
     { no: 1, name: "created_at", kind: "message", T: TimeTicket },
@@ -643,7 +640,7 @@ const TextNodePos = proto3.makeMessageType(
 /**
  * @generated from message yorkie.v1.TimeTicket
  */
-const TimeTicket = proto3.makeMessageType(
+export const TimeTicket = /*@__PURE__*/ proto3.makeMessageType(
   "yorkie.v1.TimeTicket",
   () => [
     { no: 1, name: "lamport", kind: "scalar", T: 3 /* ScalarType.INT64 */, L: 1 /* LongType.STRING */ },
@@ -655,7 +652,7 @@ const TimeTicket = proto3.makeMessageType(
 /**
  * @generated from message yorkie.v1.DocEventBody
  */
-const DocEventBody = proto3.makeMessageType(
+export const DocEventBody = /*@__PURE__*/ proto3.makeMessageType(
   "yorkie.v1.DocEventBody",
   () => [
     { no: 1, name: "topic", kind: "scalar", T: 9 /* ScalarType.STRING */ },
@@ -666,7 +663,7 @@ const DocEventBody = proto3.makeMessageType(
 /**
  * @generated from message yorkie.v1.DocEvent
  */
-const DocEvent = proto3.makeMessageType(
+export const DocEvent = /*@__PURE__*/ proto3.makeMessageType(
   "yorkie.v1.DocEvent",
   () => [
     { no: 1, name: "type", kind: "enum", T: proto3.getEnumType(DocEventType) },
@@ -675,51 +672,3 @@ const DocEvent = proto3.makeMessageType(
   ],
 );
 
-
-exports.ValueType = ValueType;
-exports.DocEventType = DocEventType;
-exports.Snapshot = Snapshot;
-exports.ChangePack = ChangePack;
-exports.Change = Change;
-exports.ChangeID = ChangeID;
-exports.Operation = Operation;
-exports.Operation_Set = Operation_Set;
-exports.Operation_Add = Operation_Add;
-exports.Operation_Move = Operation_Move;
-exports.Operation_Remove = Operation_Remove;
-exports.Operation_Edit = Operation_Edit;
-exports.Operation_Select = Operation_Select;
-exports.Operation_Style = Operation_Style;
-exports.Operation_Increase = Operation_Increase;
-exports.Operation_TreeEdit = Operation_TreeEdit;
-exports.Operation_TreeStyle = Operation_TreeStyle;
-exports.JSONElementSimple = JSONElementSimple;
-exports.JSONElement = JSONElement;
-exports.JSONElement_JSONObject = JSONElement_JSONObject;
-exports.JSONElement_JSONArray = JSONElement_JSONArray;
-exports.JSONElement_Primitive = JSONElement_Primitive;
-exports.JSONElement_Text = JSONElement_Text;
-exports.JSONElement_Counter = JSONElement_Counter;
-exports.JSONElement_Tree = JSONElement_Tree;
-exports.RHTNode = RHTNode;
-exports.RGANode = RGANode;
-exports.NodeAttr = NodeAttr;
-exports.TextNode = TextNode;
-exports.TextNodeID = TextNodeID;
-exports.TreeNode = TreeNode;
-exports.TreeNodes = TreeNodes;
-exports.TreeNodeID = TreeNodeID;
-exports.TreePos = TreePos;
-exports.User = User;
-exports.Project = Project;
-exports.UpdatableProjectFields = UpdatableProjectFields;
-exports.UpdatableProjectFields_AuthWebhookMethods = UpdatableProjectFields_AuthWebhookMethods;
-exports.DocumentSummary = DocumentSummary;
-exports.PresenceChange = PresenceChange;
-exports.PresenceChange_ChangeType = PresenceChange_ChangeType;
-exports.Presence = Presence;
-exports.Checkpoint = Checkpoint;
-exports.TextNodePos = TextNodePos;
-exports.TimeTicket = TimeTicket;
-exports.DocEventBody = DocEventBody;
-exports.DocEvent = DocEvent;