@inseefr/lunatic 0.3.0-experimental → 0.3.0-prisme

package/src/stories/suggester/suggester-workers.stories.js

@@ -1,179 +1,226 @@
-import React, { useCallback, useState } from 'react';
-import { storiesOf } from '@storybook/react';
-import { clearDb, openOnCreateDb, insertEntity } from '../../utils/idb-tools';
-import { CONSTANTES } from '../../utils/store-tools';
-import append from '../../utils/suggester-workers/append-to-index';
-import searching from '../../utils/suggester-workers/searching';
-
-const stories = storiesOf('Suggester/workers', module);
-
-function fetchCog() {
-	return fetch('/communes-2019.json').then((r) => r.json());
-}
-
-function fetchNaf() {
-	return fetch('naf-rev2.json').then((r) => r.json());
-}
-
-async function fetchBailleurs(path = '') {
-	const response = await fetch('/bailleurs-sociaux.json');
-	const naf = await response.json();
-	return naf.map(function (bailleur) {
-		const { code, libelle1 } = bailleur;
-
-		return { ...bailleur, id: code, label: libelle1, value: code };
-	});
-}
-
-const infoCog = {
-	name: 'cog-communes',
-	fields: [
-		{ name: 'label', rules: 'soft' },
-		{ name: 'nccenr', rules: 'soft' },
-		{ name: 'id', rules: 'soft' },
-	],
-	queryParser: { type: 'soft' },
-	version: '1',
-	display: 'label',
-	order: { type: 'ascending', field: 'label' },
-};
-
-const bailleursSociaux = {
-	name: 'bailleurs-sociaux',
-	fields: [
-		{
-			name: 'libelle1',
-			rules: ['[\\w]+'],
-			language: 'French',
-			stemmer: false,
-			synonyms: { st: ['saint'], ste: ['sainte'] },
-		},
-		{
-			name: 'libelle2',
-			rules: ['[\\w]+'],
-			language: 'French',
-			stemmer: false,
-			synonyms: { saint: ['st'], sainte: ['ste'] },
-		},
-		{ name: 'code' },
-	],
-	queryParser: {
-		type: 'tokenized',
-		params: { language: 'French', pattern: '[\\w]+', min: '1', stemmer: false },
-	},
-	max: 10,
-	version: '1',
-};
-
-const infoNaf = {
-	name: 'naf-rev2',
-	fields: [
-		{
-			name: 'label',
-			rules: ['[\\w]+'],
-			language: 'French',
-			min: 3,
-		},
-		{ name: 'id' },
-	],
-	queryParser: {
-		type: 'tokenized',
-		params: { language: 'French', pattern: '[\\w.]+' },
-	},
-	version: '1',
-};
-
-async function loadCog() {
-	const { name } = infoCog;
-	const communes = await fetchCog();
-	const db = await openOnCreateDb(name);
-	await clearDb(db, CONSTANTES.STORE_DATA_NAME);
-	await clearDb(db, CONSTANTES.STORE_INFO_NAME);
-	await append(infoCog, '1', communes, console.log);
-	await insertEntity(db, CONSTANTES.STORE_INFO_NAME, infoCog);
-}
-
-async function loadBailleurs() {
-	const { name } = bailleursSociaux;
-	const communes = await fetchBailleurs();
-	const db = await openOnCreateDb(name);
-	await clearDb(db, CONSTANTES.STORE_DATA_NAME);
-	await clearDb(db, CONSTANTES.STORE_INFO_NAME);
-	await append(bailleursSociaux, '1', communes, console.log);
-	await insertEntity(db, CONSTANTES.STORE_INFO_NAME, bailleursSociaux);
-}
-
-async function loadNaf() {
-	const { name } = infoNaf;
-	const rubriques = await fetchNaf();
-	const db = await openOnCreateDb(name);
-	await clearDb(db, CONSTANTES.STORE_DATA_NAME);
-	await clearDb(db, CONSTANTES.STORE_INFO_NAME);
-	await append(infoNaf, '1', rubriques, console.log);
-	await insertEntity(db, CONSTANTES.STORE_INFO_NAME, infoNaf);
-}
-
-function Search({ storeInfo, version = '1', max = 30, defaultValue = '' }) {
-	const { name, order } = storeInfo;
-	const [value, setValue] = useState(defaultValue);
-	const onClick = useCallback(
-		function () {
-			async function doIt() {
-				const results = await searching(value, {
-					name,
-					version,
-					max,
-					order,
-				});
-				console.log(results);
-			}
-			if (value.length) {
-				doIt();
-			}
-		},
-		[value, name, version, max]
-	);
-	return (
-		<>
-			<input
-				type="search"
-				value={value}
-				onChange={(e) => setValue(e.target.value)}
-			/>
-			<input type="button" onClick={onClick} value="Search!" />
-		</>
-	);
-}
-
-stories.addWithJSX('Default', () => {
-	return (
-		<>
-			<p>
-				Only for DEV purpose ! Juste pour tester l'intégration du code des
-				workers et faciliter leur mise à jour. Le chargement ne passe pas par
-				les web workers pour permettre le debug.
-			</p>
-			<ul
-				style={{ listStyleType: 'none', margin: 0, padding: 0, border: 'none' }}
-			>
-				<li>
-					<input type="button" value="load COG" onClick={loadCog} />
-					<Search storeInfo={infoCog} defaultValue="paris" />
-				</li>
-				<li></li>
-				<li>
-					<input type="button" value="load NAF" onClick={loadNaf} />
-					<Search storeInfo={infoNaf} defaultValue="culture du tabac" />
-				</li>
-				<li>
-					<input
-						type="button"
-						value="load bailleurs sociaux"
-						onClick={loadBailleurs}
-					/>
-					<Search storeInfo={bailleursSociaux} defaultValue="123" />
-				</li>
-			</ul>
-		</>
-	);
-});
+import React, { useCallback, useState } from 'react';
+import { storiesOf } from '@storybook/react';
+import { clearDb, openOnCreateDb, insertEntity } from '../../utils/idb-tools';
+import { CONSTANTES } from '../../utils/store-tools';
+import append from '../../utils/suggester-workers/append-to-index';
+import searching from '../../utils/suggester-workers/searching';
+
+const stories = storiesOf('Suggester/workers', module);
+
+function fetchCog() {
+	return fetch('/communes-2019.json').then((r) => r.json());
+}
+
+function fetchNaf() {
+	return fetch('naf-rev2.json').then((r) => r.json());
+}
+
+function fetchBailleurs2021() {
+	return fetch('bailleurs-sociaux-2021.json').then((r) => r.json());
+}
+
+async function fetchBailleurs(path = '') {
+	const response = await fetch('/bailleurs-sociaux.json');
+	const naf = await response.json();
+	return naf.map(function (bailleur) {
+		const { code, libelle1 } = bailleur;
+
+		return { ...bailleur, id: code, label: libelle1, value: code };
+	});
+}
+
+const infoCog = {
+	name: 'cog-communes',
+	fields: [
+		{ name: 'label', rules: 'soft' },
+		{ name: 'nccenr', rules: 'soft' },
+		{ name: 'id', rules: 'soft' },
+	],
+	queryParser: { type: 'soft' },
+	version: '1',
+	display: 'label',
+	order: { type: 'ascending', field: 'label' },
+};
+
+const bailleursSociaux = {
+	name: 'bailleurs-sociaux',
+	fields: [
+		{
+			name: 'libelle1',
+			rules: ['[\\w]+'],
+			language: 'French',
+			stemmer: false,
+			synonyms: { st: ['saint'], ste: ['sainte'] },
+		},
+		{
+			name: 'libelle2',
+			rules: ['[\\w]+'],
+			language: 'French',
+			stemmer: false,
+			synonyms: [
+				{ source: 'saint', target: ['st'] },
+				{ source: 'oph', target: ['renaud', 'nicolas'] },
+			],
+		},
+		{ name: 'code' },
+	],
+	queryParser: {
+		type: 'tokenized',
+		params: { language: 'French', pattern: '[\\w]+', min: '1', stemmer: false },
+	},
+	max: 10,
+	version: '1',
+};
+
+const infoNaf = {
+	name: 'naf-rev2',
+	fields: [
+		{
+			name: 'label',
+			rules: ['[\\w]+'],
+			language: 'French',
+			min: 3,
+		},
+		{ name: 'id' },
+	],
+	queryParser: {
+		type: 'tokenized',
+		params: { language: 'French', pattern: '[\\w.]+' },
+	},
+	version: '1',
+};
+
+const infoBailleurs2021 = {
+	name: 'bailleurs-sociaux-2021',
+	fields: [
+		{
+			name: 'label',
+			rules: ['[\\w]+'],
+			stemmer: false,
+			synonyms: [{ source: 'saint', target: ['st'] }],
+		},
+
+		{ name: 'id' },
+	],
+	max: 12,
+	stopWords: ['de', 'la', 'les', 'du', 'et', 'au', 'aux', 'en'],
+	queryParser: {
+		type: 'tokenized',
+		params: { language: 'French', min: 1, pattern: '[\\w]+' },
+	},
+	version: '1',
+};
+
+async function loadCog() {
+	const { name } = infoCog;
+	const communes = await fetchCog();
+	const db = await openOnCreateDb(name);
+	await clearDb(db, CONSTANTES.STORE_DATA_NAME);
+	await clearDb(db, CONSTANTES.STORE_INFO_NAME);
+	await append(infoCog, '1', communes, console.log);
+	await insertEntity(db, CONSTANTES.STORE_INFO_NAME, infoCog);
+}
+
+async function loadBailleurs() {
+	const { name } = bailleursSociaux;
+	const communes = await fetchBailleurs();
+	const db = await openOnCreateDb(name);
+	await clearDb(db, CONSTANTES.STORE_DATA_NAME);
+	await clearDb(db, CONSTANTES.STORE_INFO_NAME);
+	await append(bailleursSociaux, '1', communes, console.log);
+	await insertEntity(db, CONSTANTES.STORE_INFO_NAME, bailleursSociaux);
+}
+
+async function loadBailleurs2021() {
+	const { name } = infoBailleurs2021;
+	const bailleurs = await fetchBailleurs2021();
+	const db = await openOnCreateDb(name);
+	await clearDb(db, CONSTANTES.STORE_DATA_NAME);
+	await clearDb(db, CONSTANTES.STORE_INFO_NAME);
+	await append(infoBailleurs2021, '1', bailleurs, console.log);
+	await insertEntity(db, CONSTANTES.STORE_INFO_NAME, infoBailleurs2021);
+}
+
+async function loadNaf() {
+	const { name } = infoNaf;
+	const rubriques = await fetchNaf();
+	const db = await openOnCreateDb(name);
+	await clearDb(db, CONSTANTES.STORE_DATA_NAME);
+	await clearDb(db, CONSTANTES.STORE_INFO_NAME);
+	await append(infoNaf, '1', rubriques, console.log);
+	await insertEntity(db, CONSTANTES.STORE_INFO_NAME, infoNaf);
+}
+
+function Search({ storeInfo, version = '1', max = 30, defaultValue = '' }) {
+	const { name, order } = storeInfo;
+	const [value, setValue] = useState(defaultValue);
+	const onClick = useCallback(
+		function () {
+			async function doIt() {
+				const results = await searching(value, {
+					name,
+					version,
+					max,
+					order,
+				});
+				console.log(results);
+			}
+			if (value.length) {
+				doIt();
+			}
+		},
+		[value, name, version, max]
+	);
+	return (
+		<>
+			<input
+				type="search"
+				value={value}
+				onChange={(e) => setValue(e.target.value)}
+			/>
+			<input type="button" onClick={onClick} value="Search!" />
+		</>
+	);
+}
+
+stories.addWithJSX('Default', () => {
+	return (
+		<>
+			<p>
+				Only for DEV purpose ! Juste pour tester l'intégration du code des
+				workers et faciliter leur mise à jour. Le chargement ne passe pas par
+				les web workers pour permettre le debug.
+			</p>
+			<ul
+				style={{ listStyleType: 'none', margin: 0, padding: 0, border: 'none' }}
+			>
+				<li>
+					<input type="button" value="load COG" onClick={loadCog} />
+					<Search storeInfo={infoCog} defaultValue="paris" />
+				</li>
+				<li></li>
+				<li>
+					<input type="button" value="load NAF" onClick={loadNaf} />
+					<Search storeInfo={infoNaf} defaultValue="culture du tabac" />
+				</li>
+				<li>
+					<input
+						type="button"
+						value="load bailleurs sociaux"
+						onClick={loadBailleurs}
+					/>
+					<Search storeInfo={bailleursSociaux} defaultValue="123" />
+				</li>
+
+				<li>
+					<input
+						type="button"
+						value="load bailleurs sociaux 2021"
+						onClick={loadBailleurs2021}
+					/>
+					<Search storeInfo={infoBailleurs2021} defaultValue="" />
+				</li>
+			</ul>
+		</>
+	);
+});