Valeriy Kobzar kobzarvs

frontend developer

kobzarvs / backbone.js

Created October 28, 2025 23:18

Backbone password validation view

	const PasswordView = Backbone.View.extend({
	// Выносим требования в константу для переиспользования
	requirements: [
	{ id: 'len8', label: '8+ characters', test: (pwd: string) => pwd.length >= 8 },
	{ id: 'len12', label: '12+ characters', test: (pwd: string) => pwd.length >= 12 },
	{ id: 'lower', label: 'Lowercase letter', test: (pwd: string) => /[a-z]/.test(pwd) },
	{ id: 'upper', label: 'Uppercase letter', test: (pwd: string) => /[A-Z]/.test(pwd) },
	{ id: 'digit', label: 'Number', test: (pwd: string) => /\d/.test(pwd) },
	{ id: 'special', label: 'Special character', test: (pwd: string) => /[^a-zA-Z0-9]/.test(pwd) }
	],

kobzarvs / grpc-logger.ts

Created May 4, 2025 11:04

grpc logger

	export function loggerDecoratorUnary(func: GrpcWebImpl['unary']) {
	return async function (this: GrpcWebImpl, ...params: Parameters<GrpcWebImpl['unary']>) {
	const id = uuidv7();

	try {
	params[2] = createMetadata();

	window.postMessage(
	{
	source: '__gRPC_devtools_content_scripts_main__',

kobzarvs / scoped-kv-idea.js

Created September 14, 2023 02:13

	import { createStore, createEvent, is, fork, allSettled } from 'effector';
	import { produce } from 'immer';

	function createCollection(store, events) {
	const collection = createStore({});
	const setStoreValue = createEvent();
	store.on(setStoreValue, (state, value) => value);

	let length = 0;
	let keys = [];

kobzarvs / async-task.ts

Created September 11, 2023 14:25

	export class AsyncTaskSeq {
	last = Promise.resolve();

	add(task: () => Promise<void>) {
	const sync = this.last;
	this.last = new Promise(async (resolve, reject) => {
	try {
	await sync;
	await task();
	resolve();

kobzarvs / request.ts

Created February 1, 2022 20:40

	import { attach, createEffect } from 'effector';
	import { HTTP_METHOD, RequestFxParams, ResponseError, User } from './types';
	import { $session } from '../models/session';

	export const GET = 'GET';
	export const POST = 'POST';
	export const PUT = 'PUT';
	export const DELETE = 'DELETE';

	const URL = 'https://api.realworld.io/api';

kobzarvs / try-catch-finally.js

Created January 15, 2022 00:28

kobzarvs / app.tsx

Last active January 18, 2022 17:50

Простой пример использования effector-logger & effector-inspector без babel-plugin

	import React from 'react';
	import { useEvent, useStore } from 'effector-react';
	import { $counter, dec, inc, reset } from './counter';

	export const App = () => {
	const counter = useStore($counter);
	const api = useEvent({ inc, dec, reset });

	return (
	<div>

kobzarvs / loadModule.js

Created March 28, 2020 18:13

effector - загрузка npm пакетов и пример three.js

	async function loadModule(url, removeExports) {
	delete window.exports
	const text = await (await fetch(url)).text()
	window.eval(text)
	return text
	}

	await loadModule('https://threejs.org/build/three.js')
	await loadModule('https://cdnjs.cloudflare.com/ajax/libs/ramda/0.25.0/ramda.min.js')

kobzarvs / plotly-candlestick.html

Created August 1, 2019 00:24

	<!DOCTYPE html>
	<html lang="en">

	<head>
	<meta charset="UTF-8">
	<title>CandleStick Chart</title>

	<style>
	#chart {
	border: 1px solid red;

kobzarvs / plotly-candlestick.html

Created August 1, 2019 00:20

	<!DOCTYPE html>
	<html lang="en">

	<head>
	<meta charset="UTF-8">
	<title>CandleStick Chart</title>

	<style>
	#chart {
	border: 1px solid red;