commands
zod
commands | zod | |
---|---|---|
7 | 288 | |
21 | 30,477 | |
- | - | |
6.1 | 9.1 | |
15 days ago | 1 day ago | |
TypeScript | TypeScript | |
MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
commands
-
Show HN: Make 3D art in your browser using Lisp and math
It's CodeMirror! All I had to do was write a Janet grammar for it -- very easy to do. CodeMirror is pretty amazing -- I was able to implement the "edit values with your mouse" by just asking CodeMirror for the syntax node under the cursor, checking if it parsed as a number, and if so replacing it with a different string.
https://codemirror.net/
https://github.com/ianthehenry/codemirror-lang-janet
I went with CodeMirror after reading this post that compares a few different editor components: https://blog.replit.com/codemirror and I've been super happy with it.
-
Wrighter (β) - A Powerful Markdown Blogger & A Writing Companion ⚡
The wrighter editor is built on top of codemirror and bytemd. codemirror is the go-to choice when it comes to flexible/hackable text editing and bytemd provides a nice wrapper for codemirror using react with some extra functionalities. I wanted to create a fork of bytemd that includes all the WYSIWYM features that I built for wrighter, but it was out of scope and takes too much time.
-
Help me understand how the REPL actually works
I will just use technology I am familiar with. Tauri + CodeMirror + CM's Common Lisp mode should hopefully get me a long way.
-
Welcome to The Spicy Web YouTube Channel
And the second video is an example of me converting some messy vanilla JavaScript code for initializing and accessing multiple CodeMirror code editors to clean, encapsulated, well-organized web component code. (Still vanilla!)
-
Apply multiple styles to contenteditable div using keyboard shortcuts
You can check out the CodeMirror library - https://codemirror.net/ It seems to be great match for this case.
-
Adding Codemirror 6 to a React Project
Try it out in your editor and it should work a dream. For all of the possible commands, you can add check out the command repo's README.
zod
-
From Flaky to Flawless: Angular API Response Management with Zod
Zod is an open-source schema declaration and validation library that emphasizes TypeScript. It can refer to any data type, from simple to complex. Zod eliminates duplicative type declarations by inferring static TypeScript types and allows easy composition of complex data structures from simpler ones. It has no dependencies, is compatible with Node.js and modern browsers, and has a concise, chainable interface. Zod is lightweight (8kb when zipped), immutable, with methods returning new instances. It encourages parsing over validation and is not limited to TypeScript but works well with JavaScript as well.
- TypeScript Essentials: Distinguishing Types with Branding
-
You can’t run away from runtime errors using TypeScript
Zod is a TypeScript-first schema declaration and validation library. It helps create schemas for any data type and is very developer-friendly. Zod has the functional approach of "parse, don't validate." It supports coercion in all primitive types.
-
Best Next.js Libraries and Tools in 2024
Link: https://zod.dev/
-
Popular Libraries For Building Type-safe Web Application APIs
You can check out their documentation here.
-
Epic Next JS 14 Tutorial Part 4: How To Handle Login And Authentication in Next.js
You can learn more about Zod on their website here.
-
What even is a JSON number?
In JS, it's a good idea anyway to use some JSON parsing library instead of JSON.parse.
With Zod, you can use z.bigint() parser. If you take the "parse any JSON" snippet https://zod.dev/?id=json-type and change z.number() to z.bigint(), it should do what you are looking for.
-
Error handling in our form component for the NextAuth CredentialsProvider
We will validate our input using client-side zod. Zod handles TypeScript-first schema validation with static type inference. This means that it will not only validate your fields, it will also set types on validated fields.
-
Zod: Zero to Hero - Chapter 4
A word of warning: while discriminated unions are very powerful, there's an ongoing discussion on whether discriminated unions should be deprecated and replaced with a different API.
-
Zod: Zero to Hero - Chapter 1
I was first introduced to Zod by Adam Bobrow - a colleague of mine and a dear friend. Adam was sick and tired from JavaScript's brittleness, and about two years ago he started migrating our code base to TypeScript. But that wasn't enough for him. He kept complaining: "What good are my types, if some other service decides to send me bad data and breaks my code?". That's when he discovered Zod.
What are some alternatives?
vite - Next generation frontend tooling. It's fast!
class-validator - Decorator-based property validation for classes.
Cron Expression - CRON for PHP: Calculate the next or previous run date and determine if a CRON expression is due
joi - The most powerful data validation library for JS [Moved to: https://github.com/sideway/joi]
Shunt - [ABANDONED] PHP library for executing commands on multiple remote machines, via SSH
typebox - Json Schema Type Builder with Static Type Resolution for TypeScript
Boris - A tiny REPL for PHP
Yup - Dead simple Object schema validation
Laravel-Zero - A PHP framework for console artisans
ajv - The fastest JSON schema Validator. Supports JSON Schema draft-04/06/07/2019-09/2020-12 and JSON Type Definition (RFC8927)
colorchord - Chromatic Sound to Light Conversion System
io-ts - Runtime type system for IO decoding/encoding