build: code-split the locales

Author: nperez0111

examples/09-ai/01-minimal/App.tsx

@@ -15,11 +15,11 @@ import {
 import {
   AIMenuController,
   AIToolbarButton,
-  locales as aiLocales,
   createAIExtension,
   createBlockNoteAIClient,
   getAISlashMenuItems,
 } from "@blocknote/xl-ai";
+import { en as aiEn } from "@blocknote/xl-ai/locales";
 import "@blocknote/xl-ai/style.css";
 import { getEnv } from "./getEnv.js";
 
@@ -58,7 +58,7 @@ export default function App() {
   const editor = useCreateBlockNote({
     dictionary: {
       ...en,
-      ai: aiLocales.en, // add default translations for the AI extension
+      ai: aiEn, // add default translations for the AI extension
     },
     // Register the AI extension
     extensions: [

examples/09-ai/02-playground/App.tsx

@@ -20,13 +20,13 @@ import {
 import {
   AIMenuController,
   AIToolbarButton,
-  locales as aiLocales,
   createAIExtension,
   createBlockNoteAIClient,
   getAIExtension,
   getAISlashMenuItems,
   llmFormats,
 } from "@blocknote/xl-ai";
+import { en as aiEn } from "@blocknote/xl-ai/locales";
 import "@blocknote/xl-ai/style.css";
 import { Fieldset, MantineProvider, Switch } from "@mantine/core";
 
@@ -88,7 +88,7 @@ export default function App() {
   const editor = useCreateBlockNote({
     dictionary: {
       ...en,
-      ai: aiLocales.en, // add default translations for the AI extension
+      ai: aiEn, // add default translations for the AI extension
     },
     // Register the AI extension
     extensions: [

examples/09-ai/03-custom-ai-menu-items/App.tsx

@@ -16,12 +16,12 @@ import {
   AIMenu,
   AIMenuController,
   AIToolbarButton,
-  locales as aiLocales,
   createAIExtension,
   createBlockNoteAIClient,
   getAISlashMenuItems,
   getDefaultAIMenuItems,
 } from "@blocknote/xl-ai";
+import { en as aiEn } from "@blocknote/xl-ai/locales";
 import "@blocknote/xl-ai/style.css";
 import { getEnv } from "./getEnv.js";
 
@@ -62,7 +62,7 @@ export default function App() {
   const editor = useCreateBlockNote({
     dictionary: {
       ...en,
-      ai: aiLocales.en, // add default translations for the AI extension
+      ai: aiEn, // add default translations for the AI extension
     },
     // Register the AI extension
     extensions: [

examples/09-ai/04-with-collaboration/App.tsx

@@ -15,11 +15,11 @@ import {
 import {
   AIMenuController,
   AIToolbarButton,
-  locales as aiLocales,
   createAIExtension,
   createBlockNoteAIClient,
   getAISlashMenuItems,
 } from "@blocknote/xl-ai";
+import { en as aiEn } from "@blocknote/xl-ai/locales";
 import "@blocknote/xl-ai/style.css";
 import { useEffect, useState } from "react";
 import YPartyKitProvider from "y-partykit/provider";
@@ -104,7 +104,7 @@ export default function App() {
     },
     dictionary: {
       ...en,
-      ai: aiLocales.en, // add default translations for the AI extension
+      ai: aiEn, // add default translations for the AI extension
     },
     // Register the AI extension
     extensions: [

packages/xl-ai/package.json

@@ -48,6 +48,11 @@
       "import": "./dist/style.css",
       "require": "./dist/style.css",
       "style": "./dist/style.css"
+    },
+    "./locales": {
+      "types": "./types/src/i18n/locales/index.d.ts",
+      "import": "./dist/locales.js",
+      "require": "./dist/locales.cjs"
     }
   },
   "scripts": {

packages/xl-ai/src/index.ts

@@ -11,6 +11,5 @@ export * from "./components/FormattingToolbar/AIToolbarButton.js";
 export * from "./components/SuggestionMenu/getAISlashMenuItems.js";
 
 export * from "./i18n/dictionary.js";
-export * as locales from "./i18n/locales/index.js";
 
 export * from "./api/index.js";

packages/xl-ai/vite.config.ts

@@ -30,9 +30,14 @@ export default defineConfig((conf) => ({
   build: {
     sourcemap: true,
     lib: {
-      entry: path.resolve(__dirname, "src/index.ts"),
+      entry: {
+        "blocknote-xl-ai": path.resolve(__dirname, "src/index.ts"),
+        locales: path.resolve(__dirname, "src/i18n/locales/index.ts"),
+      },
       name: "blocknote-xl-ai",
-      fileName: "blocknote-xl-ai",
+      formats: ["es", "cjs"],
+      fileName: (format, entryName) =>
+        format === "es" ? `${entryName}.js` : `${entryName}.cjs`,
     },
     rollupOptions: {
       // make sure to externalize deps that shouldn't be bundled