Merge branch 'feat/lorem-enh' into chore/all-my-stuffs

# Conflicts:
#	components.d.ts
#	package.json
#	pnpm-lock.yaml
#	src/tools/lorem-ipsum-generator/lorem-ipsum-generator.vue

Author: sharevb

package.json

@@ -82,6 +82,7 @@
     "bcryptjs": "^2.4.3",
     "change-case": "^4.1.2",
     "chatgpt-prompt-splitter": "^1.0.5",
+    "chinesegen": "^0.3.3",
     "colord": "^2.9.3",
     "composerize-ts": "^0.6.2",
     "countries-db": "^1.2.0",
@@ -147,6 +148,7 @@
     "lodash.defaultsdeep": "^4.6.1",
     "lodash.flattendeep": "^4.4.0",
     "lodash.last": "^3.0.0",
+    "lorem-ipsum-japanese": "^1.0.1",
     "marked": "^10.0.0",
     "mathjs": "^11.9.1",
     "mime-types": "^2.1.35",

pnpm-lock.yaml

@@ -0,0 +1,7 @@
+declare module 'chinesegen' {
+    export default function lorem(config: {
+        count: number,
+    }): {
+        text: string
+    };
+}

src/tools/lorem-ipsum-generator/chinesegen.d.ts

@@ -1,185 +1,39 @@
+import _ from 'lodash';
+import loremIpsumJapanese from 'lorem-ipsum-japanese';
+import chinesegen from 'chinesegen';
+import languageLorems from './lorem-ipsum.i18n.json';
 import { randFromArray } from '@/utils/random';
 
-const vocabulary = [
-  'a',
-  'ac',
-  'accumsan',
-  'ad',
-  'adipiscing',
-  'aenean',
-  'aliquam',
-  'aliquet',
-  'amet',
-  'ante',
-  'aptent',
-  'arcu',
-  'at',
-  'auctor',
-  'bibendum',
-  'blandit',
-  'class',
-  'commodo',
-  'condimentum',
-  'congue',
-  'consectetur',
-  'consequat',
-  'conubia',
-  'convallis',
-  'cras',
-  'cubilia',
-  'cum',
-  'curabitur',
-  'curae',
-  'dapibus',
-  'diam',
-  'dictum',
-  'dictumst',
-  'dignissim',
-  'dolor',
-  'donec',
-  'dui',
-  'duis',
-  'egestas',
-  'eget',
-  'eleifend',
-  'elementum',
-  'elit',
-  'enim',
-  'erat',
-  'eros',
-  'est',
-  'et',
-  'etiam',
-  'eu',
-  'euismod',
-  'facilisi',
-  'faucibus',
-  'felis',
-  'fermentum',
-  'feugiat',
-  'fringilla',
-  'fusce',
-  'gravida',
-  'habitant',
-  'habitasse',
-  'hac',
-  'hendrerit',
-  'himenaeos',
-  'iaculis',
-  'id',
-  'imperdiet',
-  'in',
-  'inceptos',
-  'integer',
-  'interdum',
-  'ipsum',
-  'justo',
-  'lacinia',
-  'lacus',
-  'laoreet',
-  'lectus',
-  'leo',
-  'ligula',
-  'litora',
-  'lobortis',
-  'lorem',
-  'luctus',
-  'maecenas',
-  'magna',
-  'magnis',
-  'malesuada',
-  'massa',
-  'mattis',
-  'mauris',
-  'metus',
-  'mi',
-  'molestie',
-  'mollis',
-  'montes',
-  'morbi',
-  'mus',
-  'nam',
-  'nascetur',
-  'natoque',
-  'nec',
-  'neque',
-  'netus',
-  'nisi',
-  'nisl',
-  'non',
-  'nostra',
-  'nulla',
-  'nullam',
-  'nunc',
-  'odio',
-  'orci',
-  'ornare',
-  'parturient',
-  'pellentesque',
-  'penatibus',
-  'per',
-  'pharetra',
-  'phasellus',
-  'placerat',
-  'platea',
-  'porta',
-  'porttitor',
-  'posuere',
-  'potenti',
-  'praesent',
-  'pretium',
-  'primis',
-  'proin',
-  'pulvinar',
-  'purus',
-  'quam',
-  'quis',
-  'quisque',
-  'rhoncus',
-  'ridiculus',
-  'risus',
-  'rutrum',
-  'sagittis',
-  'sapien',
-  'scelerisque',
-  'sed',
-  'sem',
-  'semper',
-  'senectus',
-  'sit',
-  'sociis',
-  'sociosqu',
-  'sodales',
-  'sollicitudin',
-  'suscipit',
-  'suspendisse',
-  'taciti',
-  'tellus',
-  'tempor',
-  'tempus',
-  'tincidunt',
-  'torquent',
-  'tortor',
-  'turpis',
-  'ullamcorper',
-  'ultrices',
-  'ultricies',
-  'urna',
-  'varius',
-  'vehicula',
-  'vel',
-  'velit',
-  'venenatis',
-  'vestibulum',
-  'vitae',
-  'vivamus',
-  'viverra',
-  'volutpat',
-  'vulputate',
-];
 const firstSentence = 'Lorem ipsum dolor sit amet, consectetur adipiscing elit.';
 
-function generateSentence(length: number) {
+export function getSupportedLanguages() {
+  return _.union(
+    _.flatten(_.chain(languageLorems).map(l => l.languages).value()),
+    ['Japanese', 'Chinese'])
+    .sort();
+}
+
+function generateSentence(language: string, length: number) {
+  if (language === 'Japanese') {
+    return loremIpsumJapanese({
+      count: length,
+      units: 'words',
+    });
+  }
+  if (language === 'Chinese') {
+    return chinesegen({ count: length }).text;
+  }
+
+  if (language === 'Emoticon') {
+    const loremIcons = _.find(languageLorems, ({ languages }) => languages.includes(language))?.loremIpsum || '';
+    const iconsChars = [...loremIcons];
+    return Array.from({ length })
+      .map(() => randFromArray(iconsChars))
+      .join(' ');
+  }
+
+  const vocabulary = _.find(languageLorems, ({ languages }) => languages.includes(language))?.loremIpsum?.split(' ') || [];
+
   const sentence = Array.from({ length })
     .map(() => randFromArray(vocabulary))
     .join(' ');
@@ -193,15 +47,17 @@ export function generateLoremIpsum({
   wordCount = 10,
   startWithLoremIpsum = true,
   asHTML = false,
+  language = 'English',
 }: {
   paragraphCount?: number
   sentencePerParagraph?: number
   wordCount?: number
   startWithLoremIpsum?: boolean
   asHTML?: boolean
+  language?: string
 }) {
   const paragraphs = Array.from({ length: paragraphCount }).map(() =>
-    Array.from({ length: sentencePerParagraph }).map(() => generateSentence(wordCount)),
+    Array.from({ length: sentencePerParagraph }).map(() => generateSentence(language, wordCount)),
   );
 
   if (startWithLoremIpsum) {

src/tools/lorem-ipsum-generator/lorem-ipsum-generator.service.ts

@@ -1,22 +1,26 @@
 <script setup lang="ts">
-import { generateLoremIpsum } from './lorem-ipsum-generator.service';
+import { generateLoremIpsum, getSupportedLanguages } from './lorem-ipsum-generator.service';
+import { computedRefreshable } from '@/composable/computedRefreshable';
 import { useCopy } from '@/composable/copy';
+import { useQueryParamOrStorage } from '@/composable/queryParams';
 import { randIntFromInterval } from '@/utils/random';
-import { computedRefreshable } from '@/composable/computedRefreshable';
 
-const paragraphs = ref(1);
-const sentences = ref([3, 8]);
-const words = ref([8, 15]);
+const paragraphs = useStorage('lorem:paragraphs', 1);
+const sentences = useStorage('lorem:sentences', [3, 8]);
+const words = useStorage('lorem:words', [8, 15]);
 const startWithLoremIpsum = ref(true);
 const asHTML = ref(false);
+const language = useQueryParamOrStorage({ defaultValue: 'English', storageName: 'lorem:lang', name: 'lang' });
 
+const supportedLanguages = getSupportedLanguages();
 const [loremIpsumText, refreshLoremIpsum] = computedRefreshable(() =>
   generateLoremIpsum({
     paragraphCount: paragraphs.value,
     asHTML: asHTML.value,
     sentencePerParagraph: randIntFromInterval(sentences.value[0], sentences.value[1]),
     wordCount: randIntFromInterval(words.value[0], words.value[1]),
     startWithLoremIpsum: startWithLoremIpsum.value,
+    language: language.value,
   }),
 );
 
@@ -25,6 +29,13 @@ const { copy } = useCopy({ source: loremIpsumText, text: 'Lorem ipsum copied to
 
 <template>
   <c-card>
+    <c-select
+      v-model:value="language"
+      searchable
+      label="Language:"
+      :options="Object.values(supportedLanguages)"
+      mb-2
+    />
     <n-form-item label="Paragraphs" :show-feedback="false" label-width="200" label-placement="left">
       <n-slider v-model:value="paragraphs" :step="1" :min="1" :max="20" />
     </n-form-item>

src/tools/lorem-ipsum-generator/lorem-ipsum-generator.vue

@@ -0,0 +1,6 @@
+declare module 'lorem-ipsum-japanese' {
+    export default function lorem(config: {
+        count: number,
+        units: 'words' | 'sentences' | 'paragraphs',
+    }): string;
+}