Giter VIP home page Giter VIP logo

milliparsec's Introduction




tinyhttp

โšก Tiny web framework as a replacement of Express


npm GitHub Workflow Status Coverage



tinyhttp is a modern Express-like web framework written in TypeScript and compiled to native ESM, that uses a bare minimum amount of dependencies trying to avoid legacy hell.

Features

  • โšก 66% faster than Express
  • โš™ Express middleware compat
  • โ†ช Async middleware support
  • โ˜‘ ESM-only
  • ๐Ÿš€ No legacy dependencies, just the JavaScript itself
  • ๐Ÿ”จ Types out of the box
  • ๐Ÿ”ฅ Prebuilt middleware for modern Node.js

Visit tinyhttp website for docs, guides and middleware search.

Install

Node.js 14.21.3+ is required.

pnpm i @tinyhttp/app

Donate

You can donate with fiat or crypto here.

Sponsors


Deta

molefrog

Contributing

There are many ways to contribute:

For ways to contribute, please see the documentation.

milliparsec's People

Contributors

aldy505 avatar dependabot[bot] avatar fei1yang avatar fernando7jr avatar sceat avatar talentlessguy avatar vipulbhj avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

milliparsec's Issues

TypeScript - Load ESM

Is there already a solution for the issue mentioned in issue #8 ?

Because I'm currently working on a TypeScript project and would love to use milliparsec.

When I use JavaScript I don't have any problems with the package.

It's a shame because this is the only body parser I'd love to use and doesn't work with TypeScript.

This is the error I got in the terminal:

Error [ERR_REQUIRE_ESM]: Must use import to load ES Module: /Users/franciscomendes/Desktop/tinny/node_modules/milliparsec/dist/index.js
require() of ES modules is not supported.
require() of /Users/franciscomendes/Desktop/tinny/node_modules/milliparsec/dist/index.js from /Users/franciscomendes/Desktop/tinny/src/app.ts is an ES module file as it is a .js file whose nearest parent package.json contains "type": "module" which defines all .js files in that package scope as ES modules.
Instead rename index.js to end in .cjs, change the requiring code to use import(), or remove "type": "module" from /Users/franciscomendes/Desktop/tinny/node_modules/milliparsec/package.json.

    at new NodeError (node:internal/errors:329:5)
    at Module._extensions..js (node:internal/modules/cjs/loader:1109:13)
    at require.extensions..jsx.require.extensions..js (/private/var/folders/np/ycmnjy5d4y11shfjzgr981qm0000gn/T/ts-node-dev-hook-8114142920895264.js:114:20)
    at Object.nodeDevHook [as .js] (/Users/franciscomendes/Desktop/tinny/node_modules/ts-node-dev/lib/hook.js:63:13)
    at Module.load (node:internal/modules/cjs/loader:972:32)
    at Function.Module._load (node:internal/modules/cjs/loader:813:14)
    at Module.require (node:internal/modules/cjs/loader:996:19)
    at require (node:internal/modules/cjs/helpers:92:18)
    at Object.<anonymous> (/Users/franciscomendes/Desktop/tinny/src/app.ts:3:1)
    at Module._compile (node:internal/modules/cjs/loader:1092:14)
[ERROR] 22:42:18 Error: Must use import to load ES Module: /Users/franciscomendes/Desktop/tinny/node_modules/milliparsec/dist/index.js
require() of ES modules is not supported.
require() of /Users/franciscomendes/Desktop/tinny/node_modules/milliparsec/dist/index.js from /Users/franciscomendes/Desktop/tinny/src/app.ts is an ES module file as it is a .js file whose nearest parent package.json contains "type": "module" which defines all .js files in that package scope as ES modules.
Instead rename index.js to end in .cjs, change the requiring code to use import(), or remove "type": "module" from /Users/franciscomendes/Desktop/tinny/node_modules/milliparsec/package.json.

Shows error if json body is empty

Hi,
While making a post request I gave the header as application/json but kept the body empty and and it resulted it
Unexpected end of JSON input.
Then I checked the code and saw that there is no handling if json body is ''. Probably you could add try catch for these errors.

Hoping an early fix.

shows undefined in http delete request

Hello,
I am recieving the following error while using json() from milliparsec:

TypeError: Cannot read property 'password' of undefined
    at file:///D:/NDESC/index.js:407:18
    at file:///D:/NDESC/node_modules/@tinyhttp/app/dist/index.js:133:19
    at file:///D:/NDESC/node_modules/@tinyhttp/app/dist/index.js:346:40
    at loop (file:///D:/NDESC/node_modules/@tinyhttp/app/dist/index.js:349:86)
    at next (file:///D:/NDESC/node_modules/@tinyhttp/app/dist/index.js:350:71)
    at compression (D:\NDESC\node_modules\compression\index.js:220:5)
    at file:///D:/NDESC/node_modules/@tinyhttp/app/dist/index.js:136:13
    at file:///D:/NDESC/node_modules/@tinyhttp/app/dist/index.js:346:40
    at loop (file:///D:/NDESC/node_modules/@tinyhttp/app/dist/index.js:349:86)
    at next (file:///D:/NDESC/node_modules/@tinyhttp/app/dist/index.js:350:71)

The code of that route is here:

app.delete("/delete/:username", async (req, res) => {
  try {
    if (req.body.password) {
      await users
        .orderByKey()
        .equalTo(req.params.username)
        .once("value", (data) => {
          if (data.exists()) {
            bcrypt
              .compare(
                req.body.password,
                data.child(`${req.params.username}/password`).val()
              )
              .then((r) => {
                if (e) {
                  handleE(e, "bcrypt error");
                  return res.sendStatus(500);
                }
                if (r) {
                  users
                    .child(req.params.username)
                    .remove()
                    .then(function () {
                      res
                        .status(200)
                        .json({ msg: "User was deleted successfully" });
                    });
                } else {
                  return res.status(401).json({ msg: "Wrong password" });
                }
              })
              .catch((e) => {
                handleE(
                  e,
                  `error while comapring passwords in ${req.originalUrl}`
                );
              });
          } else {
            res.status(404).json({ msg: "User not found" });
          }
        });
    }
  } catch (e) {
    await handleE(e, req.originalUrl);
    return res.status(500).json({ msg: "There must be some probes!" });
  }
});

The request body was like this:

{
    "username":"mohammadkh",
    "old_pass":"mypass",
    "password":"mynewpass",
    "pic_url":"kdkdj",
    "first_name":"Mohammad Kamrul",
    "last_name":"Hasan",
    "email":"[email protected]",
    "col_no":"4662",
    "ref_code":"6262s",
}

When I faced this error I tried with express.json() and that worked perfectly. But I am wanting to use milliparsec as it is very fast.

I also dont know what might be behind it, so....

Hope you would figure it out

Must use import to load ES Module

Error [ERR_REQUIRE_ESM]: Must use import to load ES Module: /home/austin/Documents/node/quickcrawl/node_modules/milliparsec/dist/index.js
    at new NodeError (node:internal/errors:329:5)
    at Object.Module._extensions..js (node:internal/modules/cjs/loader:1109:13)
error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.

My app.ts

import { App, Request,Response } from "@tinyhttp/app";
import StatusCodes from "http-status-codes";
import { json } from "milliparsec";
import { logger } from "@tinyhttp/logger";

const app = new App();
app.use(json());
app.use(logger());


// ping
app.get("/ping",(_:Request,res:Response)=> res.status(StatusCodes.OK).send("pong"));

const port = ~~(process.env?.PORT ?? "3000");
app
        .listen(port,()=> console.log(`STARTED SERVER ON PORT ${port}`));

my tsconfig.json :

{
  "compilerOptions": {
    /* Visit https://aka.ms/tsconfig.json to read more about this file */

    /* Basic Options */
    // "incremental": true,                         /* Enable incremental compilation */
    "target": "ES2019",                                /* Specify ECMAScript target version: 'ES3' (default), 'ES5', 'ES2015', 'ES2016', 'ES2017', 'ES2018', 'ES2019', 'ES2020', or 'ESNEXT'. */
    "module": "ESNext",                           /* Specify module code generation: 'none', 'commonjs', 'amd', 'system', 'umd', 'es2015', 'es2020', or 'ESNext'. */
    "lib": ["ESNext","DOM"],                                   /* Specify library files to be included in the compilation. */
    // "allowJs": true,                             /* Allow javascript files to be compiled. */
    // "checkJs": true,                             /* Report errors in .js files. */
    // "jsx": "preserve",                           /* Specify JSX code generation: 'preserve', 'react-native', 'react', 'react-jsx' or 'react-jsxdev'. */
    // "declaration": true,                         /* Generates corresponding '.d.ts' file. */
    // "declarationMap": true,                      /* Generates a sourcemap for each corresponding '.d.ts' file. */
    // "sourceMap": true,                           /* Generates corresponding '.map' file. */
    // "outFile": "./",                             /* Concatenate and emit output to single file. */
    "outDir": "./dist",                              /* Redirect output structure to the directory. */
    // "rootDir": "./",                             /* Specify the root directory of input files. Use to control the output directory structure with --outDir. */
    // "composite": true,                           /* Enable project compilation */
    // "tsBuildInfoFile": "./",                     /* Specify file to store incremental compilation information */
    // "removeComments": true,                      /* Do not emit comments to output. */
    // "noEmit": true,                              /* Do not emit outputs. */
    // "importHelpers": true,                       /* Import emit helpers from 'tslib'. */
    // "downlevelIteration": true,                  /* Provide full support for iterables in 'for-of', spread, and destructuring when targeting 'ES5' or 'ES3'. */
    // "isolatedModules": true,                     /* Transpile each file as a separate module (similar to 'ts.transpileModule'). */

    /* Strict Type-Checking Options */
    "strict": true,                                 /* Enable all strict type-checking options. */
    // "noImplicitAny": true,                       /* Raise error on expressions and declarations with an implied 'any' type. */
    // "strictNullChecks": true,                    /* Enable strict null checks. */
    // "strictFunctionTypes": true,                 /* Enable strict checking of function types. */
    // "strictBindCallApply": true,                 /* Enable strict 'bind', 'call', and 'apply' methods on functions. */
    // "strictPropertyInitialization": true,        /* Enable strict checking of property initialization in classes. */
    // "noImplicitThis": true,                      /* Raise error on 'this' expressions with an implied 'any' type. */
    // "alwaysStrict": true,                        /* Parse in strict mode and emit "use strict" for each source file. */

    /* Additional Checks */
    // "noUnusedLocals": true,                      /* Report errors on unused locals. */
    // "noUnusedParameters": true,                  /* Report errors on unused parameters. */
    // "noImplicitReturns": true,                   /* Report error when not all code paths in function return a value. */
    // "noFallthroughCasesInSwitch": true,          /* Report errors for fallthrough cases in switch statement. */
    // "noUncheckedIndexedAccess": true,            /* Include 'undefined' in index signature results */
    // "noPropertyAccessFromIndexSignature": true,  /* Require undeclared properties from index signatures to use element accesses. */

    /* Module Resolution Options */
    "moduleResolution": "node",                  /* Specify module resolution strategy: 'node' (Node.js) or 'classic' (TypeScript pre-1.6). */
    "baseUrl": "./",                             /* Base directory to resolve non-absolute module names. */
    // "paths": {},                                 /* A series of entries which re-map imports to lookup locations relative to the 'baseUrl'. */
    // "rootDirs": [],                              /* List of root folders whose combined content represents the structure of the project at runtime. */
    // "typeRoots": [],                             /* List of folders to include type definitions from. */
    // "types": [],                                 /* Type declaration files to be included in compilation. */
    // "allowSyntheticDefaultImports": true,        /* Allow default imports from modules with no default export. This does not affect code emit, just typechecking. */
    "esModuleInterop": true,                        /* Enables emit interoperability between CommonJS and ES Modules via creation of namespace objects for all imports. Implies 'allowSyntheticDefaultImports'. */
    // "preserveSymlinks": true,                    /* Do not resolve the real path of symlinks. */
    // "allowUmdGlobalAccess": true,                /* Allow accessing UMD globals from modules. */

    /* Source Map Options */
    // "sourceRoot": "",                            /* Specify the location where debugger should locate TypeScript files instead of source locations. */
    // "mapRoot": "",                               /* Specify the location where debugger should locate map files instead of generated locations. */
    // "inlineSourceMap": true,                     /* Emit a single file with source maps instead of having a separate file. */
    // "inlineSources": true,                       /* Emit the source alongside the sourcemaps within a single file; requires '--inlineSourceMap' or '--sourceMap' to be set. */

    /* Experimental Options */
    "experimentalDecorators": true,              /* Enables experimental support for ES7 decorators. */
    "emitDecoratorMetadata": true,               /* Enables experimental support for emitting type metadata for decorators. */

    /* Advanced Options */
    //"skipLibCheck": true,                           /* Skip type checking of declaration files. */
    "forceConsistentCasingInFileNames": true        /* Disallow inconsistently-cased references to the same file. */
  }
}

my package.json:

{
  "name": "quickcrawl",
  "version": "1.0.0",
  "main": "index.js",
  "author": "<[email protected]>",
  "license": "MIT",
  "type": "module",
  "scripts": {
    "start": "node -r esm -r ts-node/register -r tsconfig-paths/register ./app.ts"
  },
  "dependencies": {
    "@tinyhttp/app": "^1.2.17",
    "@tinyhttp/logger": "^1.2.1",
    "chrome-aws-lambda": "^8.0.0",
    "http-status-codes": "^2.1.4",
    "milliparsec": "^2.0.0",
    "puppeteer-core": "^8.0.0"
  },
  "devDependencies": {
    "@types/node": "^14.14.35",
    "esm": "^3.2.25",
    "puppeteer": "^8.0.0",
    "ts-node": "^9.1.1",
    "tsconfig-paths": "^3.9.0",
    "typescript": "^4.2.3"
  }
}

Tinyhttp error in types

I have tried to use json() with tinyhttp but it says nextfunction | undefined isnt assignable to nextfunction.

A workaround would be

// eslint-disable-next-line @typescript-eslint/no-non-null-assertion
app.use([(req, res, next) => bodyParser.json()(req, res, next!), logger()]);

Which makes sure next function is defnitely defined, however this isn't the best solution to fixing this.

Always get 415 error

I copied the code from this example:
tinyHTTP - database integration

I tried using urlencoded and json together, each by itself, in different orders....nada, always
Status 415 Unsupported Media Type

I know it's not anything else because using body-parser's json middleware works.

Any ideas?

Add CommonJS support

From my starting with nodejs, I have been using CommonJS. And recently, while being at the end of a project, I needed body parsing and installed but unfortunately, it shows a ESM only error. Have any plan for commonjs support? Eagerly waiting for that!

Add options to the JSON parser

IMO the JSON parser should support a "limit" option, just like in Express, you can't just accept arbitrarily large inputs.

Add form data support

Forms are very commonly used, so it must be supported

previously we have parsec.form() but it was for urlencoded only, we need a separate function for forms with form data in it

related: #4

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.