npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

@nxext/sveltekit

v18.0.0

Published

Nx plugin for Sveltekit

Downloads

5,010

Readme

@nxext/sveltekit

This library is experimental, be aware...

Right now there are the app and component generators.

Getting Started

Add this plugin to an existing NX workspace:

yarn add --dev @nxext/sveltekit

or

npm install @nxext/sveltekit --save-dev

Generate a new application:

nx g @nxext/sveltekit:app my-app

Run executors and generators using nx

The project.json is for the sveltekit app is preconfigured with the following Nx targets

  • Run nx build my-app to build the app
  • Run nx serve my-app to serve the app
  • Run nx dev my-app to serve the app on a dev server
  • Run nx preview my-app to serve the app on a preview server
  • Run nx test my-app to test the app
  • Run nx e2e my-app to run the e2e tests
  • Run nx check my-app to check the app via svelte-check
  • Run nx lint my-app to lint the app
  • Run nx add my-app to add a package to the app
  • Run nx component my-app to add a component to the app
  • Run nx page my-app to add a page to the app

Generate routes

Routes will be generated relative to the routes folder of the app. Use the targetPath (or t alias) option to specify the parent route folder target of the route

Generate a route posts in the root /routes folder. The page will have additional client page data loader c

nx route posts -d

Generate the route [slug] in the routes/posts folder of the app The route will have a page p, client page data loader c and a layout page l.

nx route [slug] -pdl -t posts

Generate the route [width]x[height] in the routes/images/[...file] folder. The route will have a page p, client data loader c, layout page l and an error page e

nx route [width]x[height] -pdle -t images/[...file]

Generate the route posts in the routes/api folder. The route will have a server API file a with endpoint for the HTTP methods m GET get and POST post and a server loader file s

nx route posts -t api -a -s -m get,post

Run your project

Note: you may see an error in your command line when you run any of the following commands with older versions of this extension: config.kit.target is no longer required, and should be removed. If you see this error, remove the kit object from your svelte.config.js file at the root of your app.

  • Run nx serve my-app to run the app locally (open http://localhost:3000 in your browser)
  • Run nx test my-app to test the app
  • Run nx build my-app to create a build of your app.

Documentation

The full docs can be found here.