DEV Community: JSTools Weekly

invariant: Type safe utilities for throwing errors in a declarative way

Invariant is a cool tool that lets you throw errors in a type-safe way. It's like having a built-in safety net for your code. You can even throw responses instead of errors, which is great for handling exceptional situations in a more structured way.

import { invariant } from '@epic-web/invariant'

const creature = { name: 'Unicorn', type: 'Magic' }

invariant(creature.type === 'Fire', 'Creature must be of type Fire')

// Throws: InvariantError: Creature must be of type Fire

reason: A minimalistic Typescript framework for building great LLM apps

RΞASON is a lightweight TypeScript framework that simplifies building awesome LLM apps. Its secret sauce: leveraging your TypeScript type information to guide the LLM, ensuring it delivers the right responses without guesswork.

import { reason } from 'tryreason'

interface Joke {
  rating: number;
  joke: string;
  explanation: string;
}
const joke = await reason<Joke>('tell me a really spicy joke')

// joke object is:

{
  "joke": "I'd tell you a chemistry joke but I know I wouldn't get a reaction.",
  "rating": 18,
  "explanation": "This joke is a play on words. The term 'reaction' refers to both a chemical process and a response from someone. The humor comes from the double meaning, implying that the joke might not be funny enough to elicit a response."
}

sqlauthz: Declarative permissions management for PostgreSQL

sqlauthz helps you manage your permission in PostgreSQL in a declarative way. It uses the Polar language to define schema and table permissions, including column and row-level security. It is still experimental, but it can be a valuable tool for managing permissions in PostgreSQL.

holy-loader: A lightweight, customizable top-loader / top loading progress bar

Holy Loader is a neat and flexible top-loading progress bar that works great with React apps, especially Next.js with app router. It's simple to incorporate, extensively customizable with reasonable defaults, and employs a custom scheme for sleek, attractive progress indicators. It also allows you to dynamically adjust the color, height, speed, easing, and more.

import HolyLoader from "holy-loader";

export default function RootLayout({ children }) {
  return (
    <html lang="en">
      <HolyLoader
        color="#ff4500"
        height="1rem"
        trickleSpeed={250}
        easing="linear"
      />
      {children}
    </html>
  );
}

breadboard: A library for prototyping generative AI applications.

Breadboard simplifies AI prototyping by making it just like wiring components on a breadboard -- easy, flexible, modular, and composable.

multithreading: Multithreading functions in JavaScript

Multithreading is a lightweight JavaScript runtime that enables you to run your JS functions on separate threads, making your code more efficient and responsive. It's super compact (only 4.5kb!), supports Node.js, Deno, and the browser, and can seamlessly integrate with frameworks like React, Vue, or Svelte. Thanks to Worker Threads or Web Workers and ES6 generators, multithreading becomes a breeze with this handy tool.

vue-inheritance: A utility tools for Vue.js developers

vue-inheritance is a nifty tool for Vue.js developers, making it a breeze to manage and share component properties and methods. It taps into Vue's extension and mixin features to streamline the process of defining and utilizing components, enhancing modularity and reducing code redundancy.

npm-check-extras: CLI app to check for outdated and unused dependencies, and run update/delete action over selected ones

astro-font: Astro font optimization

astro-font will automatically optimize your Custom Fonts, Local Fonts, Fonts over any CDN and Google fonts for performance.

More tools to explore:

sagittarius: A GPT-4/Gemini Voice/Video Exploration Tool
merlin-node: Merlin SDK Provides A Unified API To Interact With 20+ LLM Models.
glish: map all words to single-syllable version
vectorizer: A simple Node.js library to convert raster images into svg
bun-plugin-solid: A plugin to compile Solid.js with Bun.
nitro-shikiji: A simple Shikiji endpoint set up with Nitro
vscode-shadcn-svelte: Shadcn Svelte VSCode extension to help you install and use components directly without leaving your IDE
outfit-anyone: About Project Page for Outfit Anyone
event_platform: Build an event organization web app like Eventbrite or Meetup
next14-twitch-clone: Fullstack Trello Clone: Next.js 14, Livestreaming, React, Prisma, Stripe, Tailwind, MySQL
tento: Shopify data framework for NodeJS, TypeScript and JavaScript
cmd-cleaner: a handly CLI tool that you can use to leverage LLM's to organize your files and folders
share-button: A Web Component to share web pages using the native OS sharing options
StripeCord: A Discord Bot for Seamless Subscription Management with Stripe!

If you like this issue, please consider subscribing to JSTools Weekly Newsletter.

Thank you

🔥2023#50: PageSpy: All-in-one remote debugging tool

JSTools Weekly — Wed, 20 Dec 2023 17:16:21 +0000

Hi developers 👋
JSTools Weekly newsletter, issue 2023#50 (Hot JS Tools) just released.
📅 December 10-16, 2023

👉 Lobe UI: Lobe UI is an open-source UI component library for building AIGC web apps

page-spy-web: All-in-one remote debugging tool

PageSpy is your go-to remote debugging tool when local devtools are out of reach. It's a lifesaver for H5 app debugging on mobile devices, remote work scenarios, and troubleshooting white screen issues on user devices. Ditch the clunky panels and inefficient communication methods, and embrace PageSpy's powerful debugging capabilities.

lobe-chat: An open-source, high-performance chatbot framework

LobeChat is an open-source chatbot framework that supports cool features like visual recognition, speech synthesis, and a plugin system. It also has a vibrant community and works great on mobile devices. With its customizable themes, LobeChat is a versatile chat tool that's sure to please.

svgl: A beautiful library with SVG logos. Built with Sveltekit & Tailwind CSS

anything-llm: Open-source ChatGPT experience for both open and closed source LLMs, embedders, and vector databases

Whether you prefer commercial LLMs or open-source options, AnythingLLM lets you build your private ChatGPT without any limitations. Run it locally or host it remotely, and chat intelligently with any documents you provide. AnythingLLM's Workspaces act like threads, keeping your context clean and organized.

ast-grep: A CLI tool for code structural search, lint and rewriting. Written in Rust

If you're looking for a powerful and versatile tool to navigate, lint, and rewrite code, look no further than ast-grep(sg). This CLI tool utilizes AST (Abstract Syntax Tree) structures to perform blazing-fast search and replace operations across a wide range of programming languages, from one-line commands to fully programmatic interfaces. This all-in-one tool comes packed with features like interactive codemod, language server, and testing capabilities, making it an essential addition to any developer's arsenal.

webstudio: open visual development

Similar to Webflow, Webstudio visually translates CSS without obscuring it, giving designers superpowers that were exclusive to developers in the past.

waku: The minimal React framework

Waku is a lightweight React framework that embraces the upcoming RSC feature, allowing for server-side rendering and improved performance. It's built on top of Vite, offering a flexible API and the potential to replace Vite with React client components. While RSCs are optional, they're highly recommended for enhanced user and developer experiences.

oxc: A collection of JavaScript tools written in Rust.

Sick of slow JavaScript tooling? Oxc is here to save the day! This new project aims to build a suite of high-performance tools for JavaScript and TypeScript, all written in the speedy language of Rust. Inspired by Biome and Ruff, Oxc believes that JavaScript tooling can be rewritten to be even faster, and that an integrated toolchain can unlock new efficiencies. So, if you're ready to ditch the sluggish tools and embrace the power of Rust, check out Oxc!

amica: Your friendly personal AI

Amica is a cool app that lets you chill with 3D characters right in your browser. You can import your own VRM files, choose voices that match their personalities, and even get emotional responses. It's powered by some fancy tech like Transformers.js, Whisper, Llama.cpp, ChatGPT API, and OpenAI, so you know it's legit.

scalar: Beautiful API references from Swagger/OpenAPI files

Scalar is a tool that generates interactive API documentation from Swagger files. It's easy to use and has a ton of features, including request examples for a ton of languages and frameworks, an integrated API client, and live editing of Swagger files. demo

More tools to explore:

seroval: Stringify JS values
shikiji: An ESM-focused rewrite of shiki, and a little bit more
onyx: A modern language for WebAssembly.
symphony: Write programs you can talk to.
standard-webhooks: The Standard Webhooks specification
Memory-Cache: turn a local desktop environment into an on-device AI agent
react-native-unistyles: Level up your React Native StyleSheet
chatd: Chat with your documents using local AI
ponder: A backend framework for crypto apps
bussin: An esolang in TypeScript, for heaven's sake.
snapify: Screen recording sharing for absolutely everyone.
sharemystack: Share your stack with the world!

If you like this issue, please consider subscribing to JSTools Weekly Newsletter.

Thank you

✨2023#49: TSDiagram: Create diagrams with TypeScript.

JSTools Weekly — Thu, 14 Dec 2023 18:15:45 +0000

Hi developers 👋
JSTools Weekly newsletter, issue 2023#49 (New JS Tools) just released.

tsdiagram: Create diagrams and plan your code with TypeScript.

TSDiagram is an innovative online tool that utilizes TypeScript for rapid diagram creation. It empowers users to define data models using type aliases, interfaces, and classes, and it automatically arranges nodes efficiently. Additionally, TSDiagram automatically rearranges nodes except the one moved manually. It also preserves document status in URL and localStorage and enables SVG export for diagrams.

ai-group-tabs: Organize and group your Chrome tabs with AI

This extension helps you organize and group your Chrome tabs by default categories. It uses OpenAI API key in popup and save in Chrome storage. It also allows you to customize categories in popup. It groups new tabs automatically and published on Chrome store.

nanotar: Tiny and fast Tar utils for any JavaScript runtime!

Nanotar is a tiny and fast tar utility for any JavaScript runtime. It is written in modern TypeScript and ESM format and works in any JavaScript runtime, including Node.js (18+), Bun, Deno, Browsers and Edge Workers. It provides built-in compression and decompression support and is Web Standard Compatible.

import { createTar } from "nanotar";

const data = createTar(
  [
    { name: "README.md", data: "# Hello World!" },
    { name: "test", attrs: { mode: "777", mtime: 0 } },
    { name: "src/index.js", data: "console.log('wow!')" },
  ],
  { attrs: { user: "js", group: "js" } },
);

// Data is a Uint8Array view you can send or write to a file

pagination: Simple Pagination Library

const peoples = [
    { name: 'Asep', age: 21, address: 'Bandung' },
    { name: 'Komar', age: 23, address: 'Jakarta' },
];

const options = {
    search: 'a',
    limit: 1,
    currentPage: 1,
    fieldName: 'peoples',
    sort: [
        ['age', 'desc'],
    ],
};

paginate(peoples, options);

action-table: Native HTML web component for adding sorting and filtering functionality to tables

A lightweight and customizable web component that enhances static HTML tables with sorting and filtering capabilities. Unlike conventional Shadow DOM implementation, it utilizes a custom CSS stylesheet for styling, allowing users to tailor the component's appearance to their preferences.

unwrapped: Spotify Wrapped for developers.

Unwrapped provides developers with a comprehensive summary of their coding activities throughout the year, including code contributions, productivity insights, repo highlights, coding habits, contribution styles, and detecting fires early.

astro-dashboard: An Astro dashboard

An open source dashboard project using Astro with API endpoints, Tailwind, and Supabase.

rich-editor-to-markdown-parser: microCMS Rich Editor response convert to markdown

import parse from 'rich-editor-to-markdown-parser';

const html = '<h1>Hello World!</h1><p>This <strong>html</strong> string is <s>convert</s>into <a href="https://exampe.com">markdown.</a></p>'

parse(html); // # Hello World!\n\nThis **html** string is ~~convert ~~into [markdown.](https://exampe.com)

metaline: A tiny language to write mapping functions as strings

The string where.id.in.$>#id;limit:99 generates the equivalent function of:

function transform (input) {
  return {
    where: {
      id: {
        in: input.map((i) => i.id)
      }
    },
    limit: 99
  }
}

The string $>id.#directoryId generates the equivalent function of:

function transform (input) {
  return input.map((t) => {
    return {
      id: t.directoryId
    }
  })
}

ChunkViz: Visualize Different Text Splitting Methods

This is a tool to visualize how different text splitters chunk up text

More tools to explore:

ai-group-tabs: Organize and group your Chrome tabs with AI
fast-ignore: A fast parser and processor for .gitignore files.
eslint-ts-patch: Support loading eslint.config.mjs and eslint.config.ts as flat config files for ESLint.
eslint-plugin-format: Format various languages with formatters in ESLint
eslint-plugin-unimport: Insert imports automatically from Unimport in ESLint
eslint-processor-vue-blocks: Create virtual files in ESLint for each Vue SFC block to lint them individually.
eslint-merge-processors: Merge multiple ESLint processors to behave like one
vite-plugin-stylex: Vite Plugin for StyleX
vite-plugin-clean-css: Optimize CSS for production using clean-css
chrome-extension-starter: Chrome extension starter template with React, TypeScript, Vite and Tailwind
remix-vite-template: Remix template with Vite, Tailwind CSS, and Fly.io support
YouTubeAIExtension: Chat with ANY of your favorite YouTube Videos!
http-server: An experimental HTTP framework
ts-check-perf: Measuring and comparing type-checking speed of TS samples
client-js: JS Client library for Mistral AI platform
disposable-email-api: This API allows you to check if an email address is from a disposable email service.
commit-translator: vscode extension for translating commit message
Js-form-data-assigner: This is a recursive function which generates a formData object from nested values
pragmaticversioning: Pragmatic versioning optimizes for communicating changes to a package to package consumers, while retaining simple semantics for package maintainers.
snapp: Yet Another Url Shortner. A simple excercise to learn Svelte, Svelte5 Runes, and Tabler.
generic-streaming: Streaming server actions without the AI

If you like this issue, please consider subscribing to JSTools Weekly Newsletter.

Thank you

🔥2023#49: StyleX: new CSS styling system by Meta

JSTools Weekly — Thu, 14 Dec 2023 18:15:35 +0000

Hi developers 👋
JSTools Weekly newsletter, issue 2023#49 (Hot JS Tools) just released.

stylex: StyleX is the styling system for ambitious user interfaces

StyleX (by Meta) is a JavaScript syntax and compiler for styling web apps. It combines the strengths of both inline and static CSS, while avoiding their weaknesses. It builds optimized styles using collision-free atomic CSS and provides a type-safe API. StyleX is scalable, predictable, composable, fast, and type-safe.

spotlight: Debug Toolbar for your Web App

Spotlight is a developer tool that provides a rich debug overlay similar to the Django Debug Toolbar. It utilizes Sentry's SDKs to seamlessly integrate with web applications, enabling developers to identify and troubleshoot errors and performance issues during development.

Fuse.js: The opinionated framework for creating typesafe data layers

Fuse.js helps frontend teams to fetch data from APIs in a typesafe way, without need to wait for backend teams to update their APIs.

tinyld: Simple and Performant Language detection library for NodeJS

Tiny Language Detector, a lightweight language detection tool, offers seamless language identification for unicode UTF-8 text. It operates on pure Javascript, eliminating the need for external API calls or dependencies, and functions seamlessly across Node and Browser platforms. Its blazing-fast performance and minimal memory footprint make it suitable for tasks involving short texts, such as chatbot interactions and keyword extraction. It supports 62 languages (24 for web-based applications) and provides accurate language detection even for concise input. TinyLD Playground

CopilotKit: Build in-app AI chatbots, and AI-powered Textareas, into react app

CopilotPortal and CopilotTextarea are two open-source tools from Copilot that allow you to build in-app AI chatbots and AI-assisted text generation respectively. CopilotPortal can "see" the current app state and take action inside your app, while CopilotTextarea can autocomplete, edit, and generate text from scratch. Both tools can be used with any LLM (large language model) and can be integrated with your app's backend and 3rd party services.

Syntax.js: A lightweight JavaScript library for code syntax highlighting!

Syntax.js is a lightweight and easy-to-use JavaScript library for code syntax highlighting. It features zero dependencies, supports 22 popular languages, and has a fully styled interface compatible with Bootstrap. It also provides custom triggers, action buttons, copying and printing functionality, and language aliases.

typehero: Connect, collaborate, and grow with a community of TypeScript developers

TypeHero is a platform that fosters a vibrant community of TypeScript developers, providing interactive coding challenges, collaborative discussions, and knowledge sharing opportunities to enhance their skills and expertise in TypeScript. With features like Type Challenges, Collaborative Environment, Challenge Creation, and Learning Tracks, TypeHero empowers developers to strengthen their grasp of TypeScript concepts, engage with fellow developers, and continuously elevate their programming abilities.

nvm-desktop: Node Version Manager Desktop

nvm-desktop is a handy desktop application that simplifies the task of managing multiple Node.js versions. It allows you to easily install, uninstall, and switch between different Node.js versions, streamlining the development process and ensuring compatibility with various projects.

rsbuild: Unleash the power of Rspack with the out-of-the-box build tool

Rsbuild is an Rspack-based build tool that provides an out-of-the-box experience, including batteries included, framework agnostic, deep optimization, highly pluggable, easy to configure features.

vine: VineJS is a form data validation library for Node.js

VineJS is a high-performance form data validation library for Node.js that offers both runtime and static type safety. It's designed for validating HTTP request bodies and form data, providing extensive validation rules, custom error messages, and easy extensibility.

More tools to explore:

vscode-llvm: VSCode LLVM Compiler Explorer
llm-viz: 3D Visualization of an GPT-style LLM
arctic: OAuth 2.0 clients for popular providers
github-trends: 🚀 Level up your GitHub profile readme with customizable cards including LOC statistics!
unplugin-turbo-console: 🚀 Improve the Developer Experience of console.log()
aws-lite: A simple, fast, extensible AWS client
npm-run-all2: A CLI tool to run multiple npm-scripts in parallel or sequential
quickjs: QuickJS, the Next Generation: a mighty JavaScript engine
vue-draggable-plus: Universal Drag-and-Drop Component Supporting both Vue 3 and Vue 2
CASE: Typescript lightweight Backend-as-a-Service ✨
vscode-ui-sketcher: Draw your projects to life
css-hooks: Hook into advanced CSS features from native inline styles.
farm: Extremely fast Vite-compatible web build tool written in Rust

If you like this issue, please consider subscribing to JSTools Weekly Newsletter.

Thank you

✨2023#15: Unlazy: Universal Lazy Loading

JSTools Weekly — Wed, 19 Apr 2023 17:31:00 +0000

Hi JS developers👋
JSTools Weekly newsletter, issue 2023#15 (top new JS releases) just released.

unlazy: 🪧 Universal lazy loading library for placeholder images leveraging native browser APIs

🎀 Native: Utilizes the loading="lazy" attribute
🎛️ Framework-agnostic: Works with any framework or no framework at all
🌊 BlurHash support: SSR & Client-Side BlurHash Decoding
🪄 Sizing: Automatically calculates the sizes attribute
🔍 SEO-friendly: Detects search engine bots and preloads all images
🎟 <picture>: Supports multiple image tags
🏎 Auto-initialize: Usable without a build step

jscanify: Open-source Javascript mobile document scanner.

paper detection & highlighting
paper scanning with distortion correction

strz: 💪 Very strongly typed string functions in TypeScript

vue-c2c: Transforming Vue components to composable functions

vue-reuse-template: Define and reuse Vue template inside the component scope.

next-zod-router: Zod driven simple method routing for Next.js

Type-safe API routing
Type-safe API call
Validation using zod
Error handling
Type definition file generation for client-side use
Middleware support

telegram-chatgpt-concierge-bot: Interact with OpenAI's ChatGPT via Telegram and Voice.

ai-legion: An LLM-powered autonomous agent platform

autogpt-gui: A graphical user interface for AutoGPT

ai-brainstore: A proof-of-concept of a brain for an AI agent.

babyagijs: AI-powered task management system in Javascript

Task creation: Generates new tasks based on the current context and objectives.
Task prioritization: Reorders tasks according to their importance and relevance to the main objective.
Task execution: Performs tasks and returns results.

babyagi-ts: A CLI tool for creating and managing BabyGI agents

gptrpg: A demo of an GPT-based agent existing in an RPG-like environment

gpt-assistant: An experiment to give an autonomous GPT agent access to a browser and have it accomplish tasks

nextjs-chatgpt-plugin-starter: ChatGPT plugin starter project using Next.js

langchain-pdf-qa: use a local PDF/text file to ask questions and generate asnwers.

weathergpt: WeatherGPT is a ChatGPT Plugin to get the weather of any given location.

superpower-chatgpt: Superpower ChatGPT Chrome Extension

zod-chatgpt: use of zod and openai's chatgpt to generate formatted, typed, consistent output

ethgpt: Chatbot for Ethereum codebase and docs.

yaml-runner: yaml-runner is a command-line tool that automates the execution of tasks based on instructions defined in YAML files.

autoheal: AutoGPT Agent which automatically fixes your tests. GPT-powered TDD.

flowgpt: Generate diagram with AI

SQLiteGPT: SQL function for SQLite to directly query OpenAI's ChatGPT

liquery: Powerful search, tagging, filtering and sorting via simple text query language, for SQLite databases

🔥2023#15: X-Crawl, A Flexible Multifunctional Crawler

JSTools Weekly — Wed, 19 Apr 2023 17:30:00 +0000

Hi JS developers👋
JSTools Weekly newsletter, issue 2023#15 (hot JS Tools) just released.

x-crawl: x-crawl is a flexible Node.js multi-purpose crawler library.

🔥 Async/Sync - Just change the mode property to toggle async/sync crawling mode.
⚙️Multiple functions - Can crawl pages, crawl interfaces, crawl files and poll crawls. And it supports crawling single or multiple.
🖋️ Flexible writing method - A function adapts to multiple crawling configurations and obtains crawling results. The writing method is very flexible.
👀 Device Fingerprinting - Zero configuration/custom configuration to avoid fingerprinting to identify and track us from different locations.
⏱️ Interval crawling - no interval/fixed interval/random interval, can effectively use/avoid high concurrent crawling.
and more

taxonomy: An open source application built using the new router, server components and everything new in Next.js 13.

shoehorn: work seamlessly with partial mocks in TypeScript.

croner: Trigger functions or evaluate cron expressions in JavaScript or TypeScript. No dependencies. Most features. Node. Deno. Bun. Browser.

Trigger functions in JavaScript using Cron syntax.
Evaluate cron expressions and get a list of upcoming run times.
Uses Vixie-cron pattern, with additional features such as L for last day and weekday of month.
Works in Node.js >=7.6 (both require and import), Deno >=1.16 and Bun >=0.2.2.
and more

lucia: Authentication, simple and clean

garph: Fullstack TypeScript experience for GraphQL-APIs

pretty-ts-errors: 🔵 Make TypeScript errors prettier and human-readable in VSCode 🎀

twitter-api-client: Complete implementation of the undocumented Twitter API

owl: OWL: A web framework for structured, dynamic and maintainable applications

wakuwork: Minimalistic React Framework

xLog: 🪽 The best on-chain and open-source blogging community for everyone.

magicast: 🧀 Programmatically modify JavaScript and TypeScript source codes with a simplified, elegant and familiar syntax powered by recast and babel.

reka.js: 💎 State management system to build any no-code editor

persistent: A tiny persistent store for Nano Stores state manager

znv: Type-safe environment parsing and validation for Node.js with Zod schemas

hotscript: A library of composable functions for the type-level! Transform your TypeScript types in any way you want using functions you already know.

forgetti: Solve your hook spaghetti (with more spaghetti). Inspired by React Forget.

ProtoNative: A React Native prototyping tool for developers.

deepscatter: Zoomable, animated scatterplots in the browser that scales over a billion points

saaskit: A modern SaaS template built on Fresh.

ark: Universal headless UI components for the web. Powered by Zag.js

arktype: TypeScript's 1:1 validator, optimized from editor to runtime

⭐2023#15: Nuxt v3.4, unocss v0.15, htmx v1.9

JSTools Weekly — Wed, 19 Apr 2023 17:29:00 +0000

Hi JS developers👋
JSTools Weekly newsletter, issue 2023#15 (top new JS releases) just released.

⭐ Click on version numbers to see full release notes 😉

nuxt: v3.4.0

Nuxt is an intuitive and extendable way to create type-safe, performant and production-grade full-stack web apps and websites with Vue 3.

unocss: v0.15.0

The instant on-demand atomic CSS engine.

htmx: v1.9.0

</> htmx - high power tools for HTML

qwik: v0.102.0

Instant-loading web apps, without effort

webpack: v5.79.0

A bundler for javascript and friends

astro: v2.3.0

The all-in-one web framework designed for speed.

redwood: v4.5.0

The App Framework for Startups

electron: v24.1.0

Build cross-platform desktop apps with JavaScript, HTML, and CSS

node: v18.16.0, v19.9.0

Node.js JavaScript runtime

material-ui: v5.12.0

MUI Core: Ready-to-use foundational React components, free forever. It includes Material UI, which implements Google's Material Design.

puppeteer: v19.9.0

Headless Chrome Node.js API

Ghost: v5.43.0, v5.44.0

Turn your audience into a business. Publishing, memberships, subscriptions and newsletters.

sequelize: v6.31.0

Feature-rich ORM for modern Node.js and TypeScript,

rxdb: v14.7.0, v14.8.0

A fast, offline-first, reactive database for JavaScript Applications

ToolJet: v2.4.0

Extensible low-code framework for building business applications

motion: v10.12.0

Open source, production-ready animation and gesture library for React

vueuse: v10.0.0

Collection of essential Vue Composition Utilities for Vue 2 and 3

amplication: v1.5.0

Auto-generating TypeScript, GraphQL, REST API, and Node.js, accelerating your full-stack development 🚀

commitlint: v17.6.0

📓 Lint commit messages

typescript-eslint: v5.58.0

Monorepo for all the tooling which enables ESLint to support TypeScript

vitest: v0.30.0

A Vite-native test framework. It's fast!

shoelace: v2.4.0

A collection of professionally designed, every day UI components built on Web standards.

nextra: v2.4.0

Simple, powerful and flexible site generation framework with everything you love from Next.js.

illa-builder: v2.2.0

🚀 Retool open-source alternative, with low-code UI components and support for multiple data resources.

express-validator: v7.0.0

An express.js middleware for validator.js.

plasmo: v0.68.0

🧩 The Browser Extension Framework

graphql-request: v6.0.0

Minimal GraphQL client supporting Node and browsers for scripts or simple apps

JSTools Weekly —✨2023#10: SQL Translator: Convert Natural Language into SQL

JSTools Weekly — Thu, 16 Mar 2023 17:11:00 +0000

Hi JS developers👋
JSTools Weekly newsletter, issue 2023#10 (top new JS releases) just released.

sql-translator: SQL Translator is a tool for converting natural language queries into SQL code using artificial intelligence. This project is 100% free and open source

untypeable: Get type-safe access to any API, with a zero-bundle size option.

🚀 Get autocomplete on your entire API, without needing to set up a single generic function.
💪 Simple to configure, and extremely flexible.
🤯 Choose between two modes:
- Zero bundle-size: use import type to ensure untypeable adds nothing to your bundle.
- Strong types: integrates with libraries like Zod to add runtime safety to the types.
✨ Keep things organized with helpers for merging and combining your config.
❤️ You bring the fetcher, we bring the types. There's no hidden magic.

NostrGit: A truly censorship-resistant alternative to GitHub that has a chance of working

better-commits: A CLI for creating better commits following the conventional commit guidelines. Written with Typescript | ZOD | Clack

Follows the conventional commit guidelines
Highly flexible configuration
Easy install with sane defaults
Checks git status with interactive git add
Works globally or in your repository
Attempts to infer ticket/issue and type from branch
Pretty prints preview in color
Validates config at runtime

scikit-learn-ts: Powerful machine learning library for Node.js -- uses Python's scikit-learn under the hood.

chatbox: A cross-platform desktop application for OpenAI API, also a prompt debugging and management tool.

chat-with-gpt: An open-source ChatGPT app with a voice

opencommit: GPT CLI to auto-generate impressive commits in 1 second 🤯🔫

chatbot-ui: A simple chatbot starter kit for OpenAI's chat model using Next.js, TypeScript, and Tailwind CSS.

chatgpt-i18n: Translate your locale json files with AI assistance.

kindle-gpt: AI search & chat on your Kindle highlights.

chatgpt-proxy: One-click deployment of the ChatGPT private proxy, power by Next.js

subi-public: English to RegEx converter, powered by gpt-3.5-turbo and Vercel Edge Functions.

ai-anything: Anyone can create GPT tools

desktop: Desktop version of ChatGPT with text-to-speech, speech-to-text, keyboard shortcuts, search, budget, bookmarks, audio feedback, and token counter.

coverlettergpt: Generate Cover Letters based on Job Description and your Resumé. Manage jobs and applications. Get Hired. Have fun. Be cool. Go to School.

cli-gpt: Translate human language to command line using ChatGPT.

use-whisper: React hook for OpenAI Whisper with speech recorder, real-time transcription, and silence removal built-in

node-openai: An elegant NodeJs library for openai api.

JSTools Weekly —🔥2023#10: Rspack: A fast Rust-based web bundler

JSTools Weekly — Thu, 16 Mar 2023 17:10:00 +0000

Hi JS developers👋
JSTools Weekly newsletter, issue 2023#10 (hot JS Tools) just released.

rspack: A fast Rust-based web bundler 🦀️

drizzle-orm: TypeScript ORM for SQL

Full type safety
Smart automated migrations generation
No ORM learning curve
SQL-like syntax for table definitions and queries
Best in class fully typed joins
Fully typed partial and non-partial selects of any complexity
Auto-inferring of TS types for DB models for selections and insertions separately
Zod schema generation
Zero dependencies

cleye: 👁‍🗨 cleye --- The intuitive & typed CLI development tool for Node.js

tints.dev: 10-color Palette Generator and API for Tailwind CSS

remix-pwa: A lightweight, standalone package to integrate full PWA features into Remix 💿

farm: Super fast web build tool written in Rust

rolldown: Fast JavaScript/TypeScript bundler in Rust with Rollup-compatible API.

fast-querystring: A 45% faster alternative to node:querystring module

ratelimit: Rate limiting library for serverless runtimes

valita: A typesafe validation & parsing library for TypeScript.

huggingface.js: Utilities to use the Hugging Face hub API

ChatGPT-CodeReview: 🐥 A code review bot powered by ChatGPT

bing-chat-for-all-browsers: A simple extension that enables Bing ChatGPT on Chrome and Firefox

favpie: Generate favicons and webmanifest with a CLI

taxonomy: An open source application built using the new router, server components and everything new in Next.js 13.

astro-i18next: An astro integration of i18next + some utility components to help you translate your astro websites!

publint: Lint packaging errors

dnd: Beautiful and accessible drag and drop for lists with React.

modular-forms: The modular and type-safe form library for SolidJS and Qwik

Small bundle size starting at 2.5 or 0 KB
It's fast -- DOM updates are fine-grained
Type safety with autocompletion in editor
Validate everything from emails to files
Minimal, readable and well thought out API
Modular design -- only use what you need
No dependencies -- except for SolidJS or Qwik
It's headless -- you define the visual
Supports all native HTML form fields

viem: TypeScript Interface for Ethereum

trance-stack: A production-ready Remix stack built for AWS Lambda. Authentication. Security, Internationalization, Feature Flags, Analytics, Tests, Storybook, Ephemeral and Production CI/CD and more.

noble-curves: Audited & minimal JS implementation of elliptic curve cryptography.

JSTools Weekly —⭐2023#10: Ant-Design v5.3, Astro: v2.1, Qwik v0.21

JSTools Weekly — Thu, 16 Mar 2023 17:09:00 +0000

Hi JS developers👋
JSTools Weekly newsletter, issue 2023#10 (top new JS releases) just released.

⭐ Click on version numbers to see full release notes 😉

node: v18.5.0

Node.js JavaScript runtime

astro: v2.1.0

Astro is the all-in-one web framework designed for speed 🏝️✨

svelte: v3.56.0

Cybernetically enhanced web apps

qwik: v0.21.0

The HTML-first framework. Instant apps of any size with ~ 1kb JS

redwood: v4.3.0

The App Framework for Startups

ant-design: v5.3.0

An enterprise-class UI design language and React UI library

react-router: v6.9.0

Declarative routing for React

pnpm: v7.29.0

Fast, disk space efficient package manager

supabase: v0.23.02

The open source Firebase alternative. Follow to stay updated about our public Beta.

Ghost: v5.38.0

Turn your audience into a business. Publishing, memberships, subscriptions and newsletters.

budibase: v2.3.21

Low code platform for creating internal tools, workflows, and admin panels in minutes.

amplication: v1.4.0

Amplication is an open‑source development tool

jest: v29.5.0

Delightful JavaScript Testing.

testcafe: v2.4.0

A Node.js tool to automate end-to-end web testing.

query: v4.25.0, v4.26.0

🤖 Powerful asynchronous state management, server-state utilities and data fetching for the web. TS/JS, React Query, Solid Query, Svelte Query and Vue Query.

swr: v2.1.0

React Hooks for Data Fetching

alpine: v3.12.0

A rugged, minimal framework for composing JavaScript behavior in your markup.

webpack: v5.76.0

A bundler for javascript and friends.

rollup: v3.19.0

Next-generation ES module bundler

trpc: v10.15.0

🧙‍♀️ Move Fast and Break Nothing. End-to-end typesafe APIs made easy.

eslint: v8.36.0

Find and fix problems in your JavaScript code.

Babylon.js: v5.50.0

Babylon.js is a powerful, beautiful, simple, and open game and rendering engine packed into a friendly JavaScript framework.

ws: v8.13.0

Simple to use, blazing fast and thoroughly tested WebSocket client and server for Node.js

rxdb: v14.2.0

A fast, offline-first, reactive database for JavaScript Applications

motion: v10.1.0, v10.2.0

Open source, production-ready animation and gesture library for React

JSTools Weekly —✨2023#9: ai2ui, AI Component Generator with ChatGPT

JSTools Weekly — Wed, 08 Mar 2023 18:11:05 +0000

Hi JS developers👋
JSTools Weekly newsletter, issue 2023#9 (top new JS releases) just released.

ai-component-generator: AI Component Generator with ChatGPT

plotteus: 🦋 Plotteus is a JavaScript data visualization library designed to help you tell better stories.

scrollbar: Simple online scrollbar editor

banditypes: 🤠🧨 The mighty 400-byte schema validator for TS / JS

qr-code: A no-framework, no-dependencies, customizable, animate-able, SVG-based HTML element.

itertools-ts: TypeScript Iteration Tools Library

enhanceai-react: React wrapper for EnhanceAI (enhanceai.dev), a library for enhancing web app text input with AI autocomplete.

chatgpt-demo: A demo repo based on OpenAI API (gpt-3.5-turbo)

chatgpt-mirror: A mirror of ChatGPT based on the gpt-3.5-turbo model.

paul-graham-gpt: AI search & chat for all of Paul Graham's essays.

slack-chatgpt: 🤖💬 Integrate ChatGPT into Slack using Cloudflare Workers

tiktokenizer: Online playground for OpenAPI tokenizers

photovatar: Photovatar - The AI-Powered Avatar Generator

gpt-graph: A simple text to entity-relation graph generator, powered by gpt3

loz: Loz is a command-line interface tool based on ChatGPT that allows Unix pipes to be used with other Unix tools.

garlic: 🧄🧛 protect your website from being scraped by bots.

drei-vanilla: 🍦 drei-inspired helpers for threejs

next-route-visualizer: A package for visualizing Next.js app directory routes.

unpic-placeholder: Pure-CSS image placeholders

preact-reconciler: Custom renderers for Preact in <1KB.

create-t3-turbo-ai: Build full-stack, type-safe, LLM-powered apps with the T3 Stack, Turborepo, OpenAI, and Langchain

solid-code-input: A SolidJS input component for Code.

prisma-kysely: 🪄 Generate Kysely types directly from your Prisma schema!

squirt: HTML on the wire on the Bun

noren: A minimal HTTP server with good developer-experience and performance, for Node and beyond.

JSTools Weekly —🔥2023#9: Docus: Write beautiful docs with Nuxt & Markdown

JSTools Weekly — Wed, 08 Mar 2023 18:10:47 +0000

Hi JS developers👋
JSTools Weekly newsletter, issue 2023#9 (hot JS Tools) just released.

docus: Write beautiful documentations with Nuxt and Markdown.

schema: Modeling the schema of data structures as first-class values

next-fetch: Intuitive data fetching for Next.js

💃 Import your API endpoints instead of making a stringified dance
🔒 Infer the types end-to-end for your data based on its implementation
⚛ Think in React, instead of routing: you only export a React hook!
🕵 Embrace best-practices: input validation, error handling, etc.
🌐 Use Request and Response classes as building blocks, no matter what runtime you're running on (Node.js or Edge)
📝 Use <Form /> component for making progressive enhanced experiences
🤯 Supports SWR and React Query out of the box!

arktype: The first isomorphic type system for TS/JS

ddb-table: 🔒 Strongly typed library for querying and modeling DynamoDB documents in TypeScript.

Strongly Typed - End-to-end TypeScript validation for your data.
Easy Query Expressions - Automatically escape name attributes and values.
Smart Projections - Make sure you only access the fields you project.
Query & Scan Indexes - Complete support for global or local indexes.
Pure JavaScript - Also works without TypeScript.

database-js: A Fetch API-compatible PlanetScale database driver

nextjs-openai: Hooks and components for working with OpenAI streams.

GPT-3-Encoder: Javascript BPE Encoder Decoder for GPT-2 / GPT-3

openai-node: Node.js library for the OpenAI API

const { Configuration, OpenAIApi } = require("openai");

const configuration = new Configuration({
  apiKey: process.env.OPENAI_API_KEY,
});
const openai = new OpenAIApi(configuration);

const completion = await openai.createCompletion({
  model: "text-davinci-003",
  prompt: "Hello world",
});
console.log(completion.data.choices[0].text);

signia: Reactive signals that scale, by tldraw.

seniman: Seniman.JS is a Node.JS framework for server-driven JSX user interfaces

import { useState } from "seniman";

function Counter(props) {
  let [getCount, setCount] = useState(0);
  let onClick = () => setCount(count => count + 1);

  return <div class="counter">
    My counter: {getCount()}
    <button onClick={onClick}>Add +</button>
  </div>;
}

react-qrcode-logo: React + Typescript component to generate a QR Code with custom colors and logo

vavite: Develop server-side applications with Vite

dukpy: Simple JavaScript interpreter for Python

Chromogen: UI-driven Jest test-generation package for Recoil selectors and Zustand store hooks

zod-validation-error: Wrap zod validation errors in user-friendly readable messages

User-friendly readable messages, configurable via options;
Maintain original errors under error.details;
Extensive tests.

NotionAI: Unofficial NotionAI API

monokle: 🧐 Monokle streamlines the process of creating, analyzing, and deploying Kubernetes configurations

👩‍💻 Single IDE for your configuration files, manifests, resources and cluster management
🌤️ Connect to your clusters and see real time state and resources
⚡ Quickly get a high-level view of your manifests, their contained resources and relationships
📇 Leverage Git to manage the lifecycle of your configuration
👌 Validate your manifests in real time against YAML formatting, K8s schemas including CRD installed, and easily follow links
✅ Validate resources using OPA policy rules or define your own
and many more

qwik-ui: Qwik UI Components

nextjs-components: A collection of React components, transcribed from https://vercel.com/design.

react-plock: The 1kB Masonry Grid for React.

Masonry Layout: Create beautiful masonry layouts with ease.
Responsive: Automatically adapts to different screen sizes and devices.
Customizable: Customize the layout to match your needs.
TypeScript Ready: Get the strength of type-safe languages.
Amazing DX: Easy to use and well-documented.