Top 10 Examples of "grapheme-splitter in functional component" in JavaScript

import ua from 'universal-analytics';
import GraphemeSplitter from 'grapheme-splitter';
const splitter = new GraphemeSplitter();

// When document title is too long, event will be dropped.
// See: https://github.com/cofacts/rumors-line-bot/issues/97
//
const DOCUMENT_TITLE_LENGTH = 800;

/**
 * Sends a screen view and returns the visitor
 *
 * @param {string} userId
 * @param {string} state - The current state the LINE bot is in
 * @param {string} documentTitle - The article content (user input) currently in search
 * @returns {ua.Visitor} universal analytics visitor
 */
export default function ga(userId, state = 'N/A', documentTitle = '') {
  const visitor = ua(process.env.GA_ID, userId, { strictCidFormat: false });

// Copyright 2016-2019 the Bayou Authors (Dan Bornstein et alia).
// Licensed AS IS and WITHOUT WARRANTY under the Apache License,
// Version 2.0. Details: 

import GraphemeSplitter from 'grapheme-splitter';

import { BaseOp } from '@bayou/ot-common';
import { TInt, TObject, TString } from '@bayou/typecheck';
import { DataUtil, Errors, ObjectUtil } from '@bayou/util-common';

// Instance of the grapheme splitter library
// used to properly count the length of
// special characters, such as emojis.
const splitter = new GraphemeSplitter();

/**
 * Operation on a text document body.
 *
 * This class is designed to bridge the two worlds of the Bayou OT framework and
 * Quill's ad-hoc-object-based deltas. As such, it defines a static method
 * `fromQuillForm()` and an instance method `toQuillForm()` to convert back and
 * forth as needed.
 */
export class BodyOp extends BaseOp {
  /** {string} Opcode constant for "delete" operations. */
  static get CODE_delete() {
    return 'delete';
  }

  /**

import GraphemeSplitter from 'grapheme-splitter';

import { emoji } from '../../emoji';

const splitter = new GraphemeSplitter();

export const messageProperties = {

	length: (message) => splitter.countGraphemes(message),

	messageWithoutEmojiShortnames: (message) => message.replace(/:\w+:/gm, (match) => {
		if (emoji.list[match] !== undefined) {
			return ' ';
		}
		return match;
	}),
};

function stringSplitter(string) {
    const splitter = new GraphemeSplitter()
    return splitter.splitGraphemes(string)
  }

const HeaderProfileInfo = ({
  accountAddress,
  accountColor,
  accountName,
  onPress,
}) => {
  const name = accountName || 'My Wallet';
  const color = accountColor || 0;

  return (
    
      
        
          
            {new GraphemeSplitter().splitGraphemes(name)[0]}
          
        
        
          
            
              {removeFirstEmojiFromString(name)}
            
            
              
            
          
          
        
      
    
  );

import moment from 'moment';
import GraphemeSplitter from 'grapheme-splitter';

import { RocketChat } from 'meteor/rocketchat:lib';
import { Meteor } from 'meteor/meteor';

const splitter = new GraphemeSplitter();

export const messageProperties = {

	length: ((message) => splitter.countGraphemes(message)),

	messageWithoutEmojiShortnames: ((message) => message.replace(/:\w+:/gm, (match) => {
		if (RocketChat.emoji.list[match] !== undefined) {
			return ' ';
		}
		return match;
	})),
};


export default {
	send: {

import GraphemeSplitter from 'grapheme-splitter';

const splitter = new GraphemeSplitter();

const substring = (str, start, end) => {
	const iterator = splitter.iterateGraphemes(str.substring(start));

	let value = '';

	for (let pos = 0; pos < end - start; pos ++) {
		const next = iterator.next();

		value += next.value;

		if (next.done) {
			break;
		}
	}

export const removeFirstEmojiFromString = string => {
  const grapheme = new GraphemeSplitter().splitGraphemes(string);
  const first = grapheme[0];

  if (first.search(regex) > -1) {
    grapheme.splice(0, 2);
  }
  return grapheme;
};

const acceptAction = this.props.isNewProfile ? this.addProfileInfo : this.editProfile;
    return (
      
        
          
            
              
                
                  
                    
                      
                        
                          {new GraphemeSplitter().splitGraphemes(this.state.value)[0]}
                        
                      
                    
                    
                      {this.state.value.length > 0 ? ' ' : placeholderText}

{new GraphemeSplitter().splitGraphemes(accountName)[0]}
            
          
          
        
      
    );
  }
}