30-seconds-of-typescript

TS Deno ECMAScript GitHub

This repo is collection of multiple utility function Like lodash, that can be used and anywhere with simply importing.

All the documents can be found on 30-seconds-of-typescript

Note: This repo is highly inspired by 30-seconds-of-code. I am converting all JS to Typescript so that it can be used for Typescript, Modern HTML|JS and Deno. Github

I am refactoring code and fixing bug along with conversion.

Install nodejs/npm#

npm i @deepakvishwakarma/ts-util

How to use [Typescript]#

typescript
import { mask } from "@deepakvishwakarma/ts-util";
console.log(mask(1234567890)); // '******7890'
console.log(mask(1234567890, 3)); // '*******890'
console.log(mask(1234567890, -4, "$")); // '$$$$567890'

How to use [JS]#

typescript
const { mask } = require("@deepakvishwakarma/ts-util");
console.log(mask(1234567890)); // '******7890'
console.log(mask(1234567890, 3)); // '*******890'
console.log(mask(1234567890, -4, "$")); // '$$$$567890'

Install Snippet Extension#

You can find working plugin on marketplace.visualstudio.com. You can either search for 30-seconds-of-typescript Or Install from here imdeepak.30-seconds-of-typescript

Search for snippet- Sample[typescript & typescriptreact]#

30_delay

assets/snippets.gif

This repo has utility file, that can be imported to Deno and modern EcmaScript.

How to use [Deno]#

typescript
import { all } from "https://denopkg.com/deepakshrma/30-seconds-of-typescript/util.ts";
all([{ name: "D" }, { name: "D2" }], hasName); //true

How to use using Github CDN [Modern HTML|JS]#

<script type="module">
// Use any Github CDN
import * as util from "https://cdn.jsdelivr.net/gh/deepakshrma/30-seconds-of-typescript/util.js";
const el = util.createElement(
`<div class="container"><p>Hello! This is created using createElement!! </p></div>`
);
document.body.appendChild(el);
</script>

Contribution#

Create New utility function#

export here util.ts

How to bundle: It will be auto using husky githook

How to test using Deno#

deno test util.test.ts

Commands | Scripts#

1. Generate Snippets:

npm run code-gen

2. Generate Extension:

npm run extension

3. Install Extension Locally:

code --install-extension *.vsix

Note: This website is build using docusaurus.