need help with slug random id

[vishalkadam47]

Hi, I like this random slug id option, this request is not related to note-mark, as I'm not a developer but still I'm trying to build a nextjs app for now if a user enters a project name it creates slug with same name. how do I add this random id in my code can i get some help. if its ok for anyone i can add you in my repo. PR would be helpful.

Screencast.from.13-01-24.07.44.47.PM.IST.webm

[enchant97]

Hi, I would be happy to help. This is the code that generates the slugs:

note-mark/frontend/src/core/helpers.ts

Lines 1 to 14 in 03dd3db

	const SLUG_SUFFIX_CHARS = "abcdefghijklmnopqrstuvwxyz0123456789"
	const SLUG_SUFFIX_LENGTH = 5;
	export function toSlug(v: string): string {
	return v.toLowerCase().replaceAll(" ", "-").replaceAll(/[^a-z0-9-]/g, "")
	}
	export function toSlugWithSuffix(v: string, suffixLength = SLUG_SUFFIX_LENGTH): string {
	let suffix = "-";
	for (let i = 0; i < suffixLength; i++) {
	suffix += SLUG_SUFFIX_CHARS[Math.floor(Math.random() * SLUG_SUFFIX_CHARS.length)]
	}
	return toSlug(v) + suffix
	}

[vishalkadam47]

thanks. solved the issue somehow
Not exactly sure what i did but its working.

import { randomBytes } from 'crypto';
import slugify from 'slugify';

export function toSlugWithSuffix(name: string) {

  const random = randomBytes(5).toString('hex');

  const slug = slugify(name);

  return `${slug}-${random}`;

}

import { toSlugWithSuffix } from '@/lib/slugUtils';

// Generate slug on name change
    const generateSlug = (name: string) => {
      return toSlugWithSuffix(name);
    }

    useDebounce(() => {
      const slug = toSlugWithSuffix(data.name);

      setData(prev => ({
        ...prev,
        slug
      }));
    }, 200, [data.name]);