Продажа авторских front-end продуктов. Как не раздать бесплатно и обнаружить неправомерное использование?

Попытаюсь систематизировать организационные меры
1. Продавайте не сам продукт, а например обновления, поддержку либо рекламу. Усложните воровство продукта.
2. Учитывая, что "авторство оформлено в законодательном плане и получены все документы" отслеживайте использование, пишите жалобы хостинг-провайдеру, особо злостных блокируют. При возможности обращайтесь в суд.
3. Используйте ограниченные триал версии в открытом доступе, получая при этом данные клиентов, которые скачивают и выстраивайте диалог.
4. Основной функционал храните на сервере, а не передавайте клиенту.

Если чистый фронт - никак.
Можно выносить часть функциональности на сервер и проблем нет.
А в остальных случаях только судебное преследование особо наглых но это будет требовать постоянных и немалых расходов с вашей стороны.

у вас вопрос какой-то про сферического коня в вакууме... вероятно ожидаете, что сейчас набегут и надают вам советов как коммерциализировать ваш продукт, как это все юридически оформить, и дадут таблетку от всех болезней... так не бывает., а то что вы хотите это называется - бизнес план.

если уж коротко вам ответить в соответствии с вашим вопросом, то тогда так:
1) Как не раздать бесплатно - продавать, точнее передавать право использования вашего продукта за некоторое вознаграждение по лицензионному договору, ну или есть иные формы коммерциализации программных продуктов... ;
2) Разработать и использовать определенные организационные, юридические и технические меры для ограничения возможностей неправомерного использования вашего продукта. Также можете искать тех, кто неправомерно использует продукт и требовать с них компенсацию в судебном или до судебном порядке.

Ну вот как-то так в общих чертах...