awinogradov

import cn from 'classnames';
import React, { CSSProperties, useCallback, useState } from 'react';
import { createEditor, BaseEditor, Descendant, Editor, Element, CustomTypes } from 'slate';
import { Slate, Editable, withReact, ReactEditor, RenderElementProps, RenderLeafProps } from 'slate-react';

import s from './slate.module.scss';

type CustomElement = { type: 'paragraph'; children: CustomText[] };
type CodeElement = { type: 'code'; children?: CustomText[] };
type Marks = { bold?: boolean; code?: boolean; italic?: boolean };

awinogradov

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

interface UseOfflineDetectorProps {
    setStatus?: ([global, remote]: [boolean, boolean]) => void;
    pollingDelay?: number;
    remoteServerUrl?: string;
};

export const useOfflineDetector = ({
    setStatus,

awinogradov

<AutoCompleteSingle items={[{ value: 'one' }]} onChange={(value: string) => {}} />

<AutoCompleteMulti items={[]} onChange={(value: string[]) => {}} />
  
<AutoCompleteMulti items={[]} onChange={(value: string[]) => {}}>
  <AutoCompleteInput onChange={(e) => {}} />

  <AutoCompleteTitle>Suggestions:</AutoCompleteTitle>
</AutoCompleteMulti>

awinogradov

import React, { useState } from 'react';
import styled, { css } from 'styled-components';
import CodeMirror, { ReactCodeMirrorProps } from '@uiw/react-codemirror';
import { markdown, markdownLanguage } from '@codemirror/lang-markdown';
import { languages } from '@codemirror/language-data';
import { oneDark } from '@codemirror/theme-one-dark';

import { inputBorderColor } from '../../@generated/themes';

interface CodeEditorProps {

awinogradov

(() => {
  const id = window.location;

  const connection = indexedDB.open("canvas"); // one version all the time

  connection.onupgradeneeded = () => {
    console.log("Creating storage in the IndexDB instance");

    const db = connection.result;

awinogradov

{"lastUpload":"2021-12-20T11:54:45.398Z","extensionVersion":"v3.4.3"}

awinogradov

import { Elem } from 'bem-react-core';
import { Button } from '../Button';

export class AppHeader extends Elem {
    block = 'App';
    elem = 'Header';

    tag() {
        return 'h2';
    }

awinogradov

import { decl } from 'bem-react-core';

export default decl({
  block: 'App',
  elem: 'Header',
  attrs: {
    role: 'heading'
  },
  content() {
    return 'я заголовок';

awinogradov

src/components
├── ComponentName
│   ├── _modName
│   │   ├── ComponentName_modName.tsx
│   │   ├── ComponentName_modName_modVal.tsx
│   │   └── ComponentName_modName_modVal.css
│   ├── ElementName
│ │ ├── ComponentName-ElementName.tsx

awinogradov

import * as React from 'react';
import { cn } from '@bem-react/classname';

import './Ticket-Point.css';

const cnTicket = cn('Ticket');

export interface ITicketPointProps {
    className?: string;
    mode: 'origin' | 'destination';