Language and input methods

import { createDocumentEditor, createFullEditor } from '@aionbuilders/nabu';

// A French document, with the browser's spellchecker.
const engine = createDocumentEditor({ lang: 'fr' });
expect(engine.lang).toBe('fr');
expect(engine.spellcheck).toBe(true);

// Both are reactive.
engine.lang = 'en-GB';
engine.spellcheck = false;
expect(engine.lang).toBe('en-GB');
expect(engine.spellcheck).toBe(false);

// A tag that is not BCP 47 is ignored: the previous value stays.
engine.lang = 'not a tag';
expect(engine.lang).toBe('en-GB');

// Unset: the page's language applies.
expect(createFullEditor().lang).toBeUndefined();

import { createDocumentEditor } from '@aionbuilders/nabu';

const count = async (lang, text) => {
  const engine = createDocumentEditor({ lang });
  await engine.importMarkdown(text);
  return engine.children.reduce((sum, block) => sum + block.wordCount, 0);
};

expect(await count('en', 'The quick brown fox')).toBe(4);
// an apostrophe keeps a word whole, « » and dashes standing alone are not words
expect(await count('fr', "L'homme dit « bonjour » — puis part.")).toBe(5);
// no spaces: segmented by words (the exact number depends on the platform's dictionary)
expect(await count('zh', '我今天去了北京天安门')).toBeGreaterThan(3);
expect(await count('ja', '私は昨日東京に行きました')).toBeGreaterThan(3);

import { createTextEditor } from '@aionbuilders/nabu';
import { extension } from '@aionbuilders/nabu/extend';

const NBSP = ' ';

const FrenchPunctuation = extension('french-punctuation', {
  inputRules: [
    {
      // The text before the caret ends with a word character or a closing quote...
      pattern: /[\p{L}\p{N}»”)]$/u,
      handler(nabu, block, match, sel) {
        // ...and the key typed is one of the "high" punctuation marks.
        if (!['?', '!', ';', ':'].includes(sel.data)) return;
        block.behaviors.get('text').insert(sel.from, NBSP + sel.data);
        return true; // handled: the engine does not insert the character itself
      }
    }
  ]
});

const engine = createTextEditor({ lang: 'fr', extensions: [FrenchPunctuation] });
engine.insert('paragraph', { text: 'Vraiment' });
await engine.commit();
const block = engine.children.at(-1);

// The editor calls the handler while the user types; here we do it by hand.
const [rule] = FrenchPunctuation.inputRules;
const typed = { from: 8, to: 8, isCollapsed: true, data: '?' };
expect(rule.handler(engine, block, 'Vraiment'.match(rule.pattern), typed)).toBe(true);
await engine.commit();

expect(block.text).toBe(`Vraiment${NBSP}?`);

import { createEditor, FullPreset, createDialogueExtension } from '@aionbuilders/nabu';

const engine = createEditor({
  preset: FullPreset.filter((extension) => extension.name !== 'dialogue'),
  extensions: [createDialogueExtension({ dash: '—' })]
});

await engine.importMarkdown('-- Bonjour.\n\n-- Bonjour à vous.');

expect(engine.children.map((block) => block.type)).toEqual(['dialogue', 'dialogue']);
expect(engine.children[0].dash).toBe('—');           // what is drawn
expect(engine.serialize('markdown')).toContain('-- Bonjour.'); // what is written