feat: Initial implementation of plugin which adds support for string[]

[martintomas]

Simple plugin which adds support for string[] db type. User's input provided via Administration is divided by , and individual parts of string are saved as elements of array. Vice versa, individual elements of array are joined together and presented to user.

Current implementation is using decorator around strapi.entityService that allows to update array column independently outside of Strapi supported types.

Provided implementation works at Strapi, but unfortunately does not work for import-export Strapi package when import version 1 is used. Based on this package documentation, this import should be already deprecated, but anyway csv and other stuff still use it. Its code does not use strapi.entityService (recommended by Strapi) and modifies data directly, therefore I have not figured way how to modify it without forking whole repo and tweaking code directly inside this package. For now decided to use JSON instead of array data type 😢

Maybe you find this interesting @davidsingal @tiagojsag :)

[tiagojsag]

I don't understand the first thing about strapi plugin development yet, so if it works, it works 👍 great stuff!

[martintomas]

I don't understand the first thing about strapi plugin development yet, so if it works, it works 👍 great stuff!

It works with Strapi itself, but does not work with other plugin which we need to use (import-export plugin) so I will not merge this in the end. Pushed it to repo just for others to see how strapi plugin can look like...

[davidsingal]

Suggested change

	const _ = require("lodash");
	const { isArray, map, trim, unset } = require("lodash-es");

It's recommended to only import what you need instead of the complete library, and using this version of lodash will make it easier.
https://www.npmjs.com/package/lodash-es

[davidsingal]

better use https://www.npmjs.com/package/lodash-es

[tiagojsag]

this should actually NOT be here, but inside the plugin itself

[davidsingal]

Suggested change

	onChange={(e) => handleValueChange(e.target.value)}
	onChange={handleValueChange}

[davidsingal]

Suggested change

	const handleValueChange = (newValue) => {
	setArrayOfStrings(newValue);
	onChange({ target: { name, value: newValue, type: attribute.type } });
	}
	const handleValueChange = useCallback((e) => {
	const newValue = e.target.value;
	setArrayOfStrings(newValue);
	onChange({ target: { name, value: newValue, type: attribute.type } });
	}, []);

This form will avoid extra assignations in the renderization cycle loop of React

[davidsingal]

Suggested change

	import React, { useState, useEffect } from 'react';
	import { useState } from 'react';

Remove no needed libs

[davidsingal]

Types are missing, but vscode doesn't show any error. I'll take a look