3cL1p5e7

image: docker:latest

services:
- docker:dind

variables:
  REGISTRY: // registry_url:port
  GROUP: // gruop_name
  PROJECT: // project_name
  IMAGE: ${REGISTRY}/${GROUP}/${PROJECT}

3cL1p5e7

{
  "setupFiles": [
    "./test/setup-jest.js"
  ],
  "moduleNameMapper": {
    "^services/GoogleApi(.*)$": "<rootDir>/test/mocks/GoogleApi",
    "\\.(css|sass|jpe?g|svg|png)$": "identity-obj-proxy",
    "^components(.*)$": "<rootDir>/app/components/$1",
    "^modules(.*)$": "<rootDir>/app/modules/$1",
    "^pages(.*)$": "<rootDir>/app/pages/$1",

3cL1p5e7

version: "3"

services:
  web:
    image: // image_name
    command: ['npm', 'run', 'server']
    restart: always
    deploy:
      restart_policy:
        condition: any

3cL1p5e7

import {
  camelCasePropNamesFormatter
} from 'services/utils';

class GoogleApi {
  static errorMessages = [
    {
      message: 'popup_closed_by_user',
      isError: false
    }

3cL1p5e7

import {Component} from 'react';
import PropTypes from 'prop-types';
import block from 'bem-cn';

import './index.sass';

const b = block('');
export default class Component1 extends Component {
  static propTypes = {
    className: PropTypes.string,

3cL1p5e7

#!/usr/bin/env sh
set -e

sed -i 's=\$HOSTNAME=https://'${HOSTNAME:-localhost}'=g' /usr/share/nginx/html/index.html /usr/share/nginx/html/*.js

exec nginx -g "daemon off;"

3cL1p5e7

import styled from 'styled-components';
import { AddComponentProps } from '@midhub/components/dist/utils/AddComponentProps';

// example 1
const TestComponent = <C extends React.ElementType = 'button'>(
	p: AddComponentProps<{ text: number }, C>
) => <span>{p.text}</span>;

const TestComponentStyled = styled(TestComponent)``;

3cL1p5e7

import * as React from 'react';
import styled from 'styled-components';

export type AddComponentProps<Props, Component extends React.ElementType> = Props & {
	component?: Component;
} & Omit<React.ComponentProps<Component>, 'component' | keyof Props>;

// example 1
const TestComponent = <C extends React.ElementType = 'button'>(
	p: AddComponentProps<{ text: number }, C>

3cL1p5e7

import {ActorSubclass} from '@dfinity/agent';
import { useCallback, useEffect, useState } from 'react';
import cryptoJS from 'crypto-js';
import type { _SERVICE } from 'PATH_TO_SERTIFIED_ASSETS_TS_IDL';

export interface UseUploaderProps {
	canister: ActorSubclass<_SERVICE>;
	chunkSize?: number;
	chunksPerOperation?: number;
	progress?(stats: Stats): any;

3cL1p5e7

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

// Суть в том, что ListItem с дополнительной UI логикой типа disabled пригодится в будущем еще много где
// И в будущем ляжет в UIKIT
const cls = cn('list-item');

export interface ListItemProps<T extends keyof React.ReactHTML = 'li'>
  extends Omit<React.HTMLAttributes<T>, 'onClick'> {
  disabled?: boolean;