Ali Emir Şen aliemir

## npm-beta-publish.md

      
              1 file
            
          
              3 forks
            
          
              4 comments
            
          
              35 stars
            
          
                adcreare
                / npm-beta-publish.md
            
            
              Last active
              June 27, 2024 20:00
            
              
                npm publish a beta package 
              
          
    Steps to publish a npm package to beta that won't be available via latest and won't auto install on ncu updates etc

Ensure any compile is run npm run dist etc
Modify version in package.json to the following format (match with existing verion numbers etc) "version": "0.1.120-beta.1" where beta.x is the number of those betas
Publish to npm npm publish --tag beta

There are two options for install:

Always install beta with npm install packagename@beta
Install specific version with npm install package@0.1.120-beta.1


## user-media.html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>MediaCapture and Streams API</title>
    <meta name="viewport" content="width=device-width">
    <link rel="stylesheet" href="main.css">
</head>
<body>
    <header>

## useInView.tsx
/* eslint-disable react-hooks/exhaustive-deps */
import * as React from 'react'
import { observe, unobserve } from './intersection'
import { InViewHookResponse, IntersectionOptions } from './index'

type State = {
  inView: boolean
  entry?: IntersectionObserverEntry
}

## eslint-prettier-ts-react-setup.conf
// .eslintrc.js

module.exports = {
  parser: '@typescript-eslint/parser',
  extends: [
      'plugin:@typescript-eslint/recommended',
      'prettier/@typescript-eslint',
      'react-app',
      'plugin:prettier/recommended',
  ],

## createResource.js
import React from "react";
import { Link } from "react-router-dom";

export function createResource(getPromise) {
  let cache = {};
  let inflight = {};
  let errors = {};

  function load(key) {
    inflight[key] = getPromise(key)

## validations.ts
const emailRegexp =
  /[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*@(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?/i;
const alphabeticRegexp = /^[a-zA-Z\s]*$/g;
const specialsRegexp = /[`\+=\?!\]\[\$}{:\/&\\@#\|<>;]/g;
const nonNumericRegexp = /\D/g;

export const isEmail = (email?: string | number | undefined) => {
  return Boolean(`${email ?? ''}`.match(emailRegexp));
};
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<title>MediaCapture and Streams API</title>
	<meta name="viewport" content="width=device-width">
	<link rel="stylesheet" href="main.css">
	</head>
	<body>
	<header>
	/* eslint-disable react-hooks/exhaustive-deps */
	import * as React from 'react'
	import { observe, unobserve } from './intersection'
	import { InViewHookResponse, IntersectionOptions } from './index'

	type State = {
	inView: boolean
	entry?: IntersectionObserverEntry
	}
	// .eslintrc.js

	module.exports = {
	parser: '@typescript-eslint/parser',
	extends: [
	'plugin:@typescript-eslint/recommended',
	'prettier/@typescript-eslint',
	'react-app',
	'plugin:prettier/recommended',
	],
	import React from "react";
	import { Link } from "react-router-dom";

	export function createResource(getPromise) {
	let cache = {};
	let inflight = {};
	let errors = {};

	function load(key) {
	inflight[key] = getPromise(key)
	const emailRegexp =
	/[a-z0-9!#$%&'+/=?^_`{\|}~-]+(?:\.[a-z0-9!#$%&'+/=?^_`{\|}~-]+)@(?:[a-z0-9](?:[a-z0-9-][a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?/i;
	const alphabeticRegexp = /^[a-zA-Z\s]*$/g;
	const specialsRegexp = /[`\+=\?!\]\[\$}{:\/&\\@#\\|<>;]/g;
	const nonNumericRegexp = /\D/g;

	export const isEmail = (email?: string \| number \| undefined) => {
	return Boolean(`${email ?? ''}`.match(emailRegexp));
	};