![Henri](/_next/image?url=https%3A%2F%2Favatars.slack-edge.com%2F2024-06-20%2F7307373320323_bf2e557b5edc60df9a80_192.png&w=96&q=75)
![npm emoji](/_next/image?url=https%3A%2F%2Femoji.slack-edge.com%2FT0266FRGM%2Fnpm%2Fb46068181062d8a0.png&w=96&q=75)
Posts tagged with :npm:
![Henri](/_next/image?url=https%3A%2F%2Favatars.slack-edge.com%2F2024-06-20%2F7307373320323_bf2e557b5edc60df9a80_192.png&w=96&q=75)
![Jignesh](/_next/image?url=https%3A%2F%2Fsecure.gravatar.com%2Favatar%2F592735912461983b716dbeeef4970f72.jpg%3Fs%3D192%26d%3Dhttps%253A%252F%252Fa.slack-edge.com%252Fdf10d%252Fimg%252Favatars%252Fava_0026-192.png&w=96&q=75)
![LuisAFK](/_next/image?url=https%3A%2F%2Fsecure.gravatar.com%2Favatar%2Fb2429910542e0c30fde2a0a336c98bbf.jpg%3Fs%3D192%26d%3Dhttps%253A%252F%252Fa.slack-edge.com%252Fdf10d%252Fimg%252Favatars%252Fava_0014-192.png&w=96&q=75)
![Jignesh](/_next/image?url=https%3A%2F%2Fsecure.gravatar.com%2Favatar%2F592735912461983b716dbeeef4970f72.jpg%3Fs%3D192%26d%3Dhttps%253A%252F%252Fa.slack-edge.com%252Fdf10d%252Fimg%252Favatars%252Fava_0026-192.png&w=96&q=75)
![NickSong](/_next/image?url=https%3A%2F%2Favatars.slack-edge.com%2F2024-08-01%2F7518084524276_14051f93a363bbf63add_192.png&w=96&q=75)
![Jignesh](/_next/image?url=https%3A%2F%2Fsecure.gravatar.com%2Favatar%2F592735912461983b716dbeeef4970f72.jpg%3Fs%3D192%26d%3Dhttps%253A%252F%252Fa.slack-edge.com%252Fdf10d%252Fimg%252Favatars%252Fava_0026-192.png&w=96&q=75)
![Jignesh](/_next/image?url=https%3A%2F%2Fsecure.gravatar.com%2Favatar%2F592735912461983b716dbeeef4970f72.jpg%3Fs%3D192%26d%3Dhttps%253A%252F%252Fa.slack-edge.com%252Fdf10d%252Fimg%252Favatars%252Fava_0026-192.png&w=96&q=75)
![NickSong](/_next/image?url=https%3A%2F%2Favatars.slack-edge.com%2F2024-08-01%2F7518084524276_14051f93a363bbf63add_192.png&w=96&q=75)
![Sigfredo](/_next/image?url=https%3A%2F%2Favatars.slack-edge.com%2F2024-08-02%2F7516023356661_62a40ad31d436a3136dc_192.jpg&w=96&q=75)
npm create sprig
) and a VSCode extension
github.com/youknowedo/sprigkit![GuySandler](/_next/image?url=https%3A%2F%2Favatars.slack-edge.com%2F2023-10-28%2F6113518343412_1d907d6597a278566bad_192.png&w=96&q=75)
![jonas](/_next/image?url=https%3A%2F%2Favatars.slack-edge.com%2F2024-07-17%2F7439091118290_2894eeda3b00f1b1f665_192.png&w=96&q=75)
npm run start
in your CMD. As soon as the project is finished, I'll also distribute the built application files. 👍![Stefan](/_next/image?url=https%3A%2F%2Favatars.slack-edge.com%2F2024-08-03%2F7536079428897_27d553b9b0ed40ff5667_192.png&w=96&q=75)
![jonas](/_next/image?url=https%3A%2F%2Favatars.slack-edge.com%2F2024-07-17%2F7439091118290_2894eeda3b00f1b1f665_192.png&w=96&q=75)
npm install
and execute npm run start
in your CMD. As soon as the project is finished, I'll also distribute the built application files. 👍![jonas](/_next/image?url=https%3A%2F%2Favatars.slack-edge.com%2F2024-07-17%2F7439091118290_2894eeda3b00f1b1f665_192.png&w=96&q=75)
npm run start
in your CMD. As soon as the project is finished, I'll also distribute the built application files. 👍 ![jonas](/_next/image?url=https%3A%2F%2Favatars.slack-edge.com%2F2024-07-17%2F7439091118290_2894eeda3b00f1b1f665_192.png&w=96&q=75)
npm run start
in your CMD. As soon as the project is finished, I'll also distribute the built application files. 👍 ![Mo](/_next/image?url=https%3A%2F%2Favatars.slack-edge.com%2F2024-06-26%2F7350398718305_7f751d504ddc84a8d777_192.jpg&w=96&q=75)
![jonas](/_next/image?url=https%3A%2F%2Favatars.slack-edge.com%2F2024-07-17%2F7439091118290_2894eeda3b00f1b1f665_192.png&w=96&q=75)
npm run start
in your CMD. As soon as the project is finished, I'll also distribute the built application files. 👍 ![Anushlinux](/_next/image?url=https%3A%2F%2Favatars.slack-edge.com%2F2024-06-30%2F7351299070517_bee360bcdcfb00a36ce5_192.jpg&w=96&q=75)
![Anushlinux](/_next/image?url=https%3A%2F%2Favatars.slack-edge.com%2F2024-06-30%2F7351299070517_bee360bcdcfb00a36ce5_192.jpg&w=96&q=75)
# Navigate to the project directory cd full-stack-image-generation-app # Install frontend dependencies (adjust based on your chosen framework) npm install # or yarn install # Install backend dependencies pip install -r requirements.txt # or npm install (if using Node.js) 1. 2. 3. Set up the Dalle model: ◦ Download the pre-trained Dalle model weights (if applicable). ◦ Configure the backend code to load the model weights from the correct location. ◦ Follow the instructions for setting up the Dalle model (these may vary depending on the specific implementation you're using). *Running the application* 1. Start the backend server: 2. # (For Python backend) 3. python backend/app.py 4. 5. # (For Node.js backend) 6. node backend/server.js 7. Run the frontend development server: # (adjust based on your chosen framework) npm start # or yarn startAccess the application in your web browser at localhost:3000 (or the port specified in your frontend configuration). github link: github.com/Anushlinux/Arcade_9
![Abdullah-U05GB7BN5KK](/_next/image?url=https%3A%2F%2Favatars.slack-edge.com%2F2024-08-23%2F7615620643701_a3eb4b69d11fbc1c3855_192.jpg&w=96&q=75)
npm install -g secret-journal
For more info or in case of issues, check out the repo: github.com/sapientabdullah/secret-journal![Abdullah-U05GB7BN5KK](/_next/image?url=https%3A%2F%2Favatars.slack-edge.com%2F2024-08-23%2F7615620643701_a3eb4b69d11fbc1c3855_192.jpg&w=96&q=75)
![Aaryan](/_next/image?url=https%3A%2F%2Favatars.slack-edge.com%2F2024-08-14%2F7586469795185_3a34ed7822df21d7b239_192.png&w=96&q=75)
![SkyfallWasTaken](/_next/image?url=https%3A%2F%2Favatars.slack-edge.com%2F2024-06-17%2F7288496500802_1d5782ce4834a8b17040_192.png&w=96&q=75)
run
command, which can parse package.json files (including ones in parent directories!) and get the script's command.
code is at: github.com/SkyfallWasTaken/dinopkg![EmreKadir](/_next/image?url=https%3A%2F%2Favatars.slack-edge.com%2F2024-07-08%2F7375064056151_450e46f0388b9629f2b1_192.jpg&w=96&q=75)
yarn // to install the dependencies npm app.js // to run the programand then go to the following url's: For the host: localhost:3333/host For the players: localhost:3333 Change localhost to you local ip if you are playing with more players on the local network. Git Repo: github.com/EmreKadirTiren/kluishoot
![jaspermayone](/_next/image?url=https%3A%2F%2Favatars.slack-edge.com%2F2024-07-31%2F7529551472736_8e6cca9c6a0ffa71d7e2_192.jpg&w=96&q=75)
npm (or your fav package installer) install @jaspermayone/logger
The code is also on github at github.com/jaspermayone/logger
Feel free to give feedback / make requests! I also have like only sort of tested lol, so if it breaks come yell at me!![Tarun-U07937WV7JP](/_next/image?url=https%3A%2F%2Favatars.slack-edge.com%2F2024-06-20%2F7309724874914_fa432b27354c363e0372_192.jpg&w=96&q=75)
![franopusz2006](/_next/image?url=https%3A%2F%2Fsecure.gravatar.com%2Favatar%2Fc809364c449cb54b41a75e08821377ee.jpg%3Fs%3D192%26d%3Dhttps%253A%252F%252Fa.slack-edge.com%252Fdf10d%252Fimg%252Favatars%252Fava_0013-192.png&w=96&q=75)
![ABadlyDrawnWobbler](/_next/image?url=https%3A%2F%2Favatars.slack-edge.com%2F2024-06-17%2F7311294384704_d4c93867871cae24c69f_192.png&w=96&q=75)
tauri-plugin-state
: a dead simple state management library for tauri that has some nice ergonomics. Simply initialize the plugin, wrap your state in the State
struct, and enjoy your new synced state! There's also a frontend npm package to handle recieving and processing the state changes on the frontend
Cargo: crates.io/crates/tauri-plugin-state
Npm: www.npmjs.com/tauri-plugin-state
Source code: github.com/glowsquid-launcher/glowsquid/tree/dev/libs/tauri-plugin-state![EvanGan](/_next/image?url=https%3A%2F%2Favatars.slack-edge.com%2F2024-07-21%2F7454345808867_e93215a4325fa050c5ec_192.jpg&w=96&q=75)
![ImLouis](/_next/image?url=https%3A%2F%2Fsecure.gravatar.com%2Favatar%2F886e6f088cd8196ca5a745495a5a8e24.jpg%3Fs%3D192%26d%3Dhttps%253A%252F%252Fa.slack-edge.com%252Fdf10d%252Fimg%252Favatars%252Fava_0026-192.png&w=96&q=75)
npm install Bilbo1Gaming/louis-log#stable-v0.9-clean-exit-update
Github link: github.com/Bilbo1Gaming/louis-log/tree/stable-v0.9-clean-exit-update
Happy Logging!![ImLouis](/_next/image?url=https%3A%2F%2Fsecure.gravatar.com%2Favatar%2F886e6f088cd8196ca5a745495a5a8e24.jpg%3Fs%3D192%26d%3Dhttps%253A%252F%252Fa.slack-edge.com%252Fdf10d%252Fimg%252Favatars%252Fava_0026-192.png&w=96&q=75)
npm install Bilbo1Gaming/louis-log#stable-v0.7-webhook-update
I have redacted my discord webhook url from the screenshots hence the red.![ImLouis](/_next/image?url=https%3A%2F%2Fsecure.gravatar.com%2Favatar%2F886e6f088cd8196ca5a745495a5a8e24.jpg%3Fs%3D192%26d%3Dhttps%253A%252F%252Fa.slack-edge.com%252Fdf10d%252Fimg%252Favatars%252Fava_0026-192.png&w=96&q=75)
npm install Bilbo1Gaming/louis-log
github.com/Bilbo1Gaming/louis-log
Feel free to have a play around! I'm still working on some of the other features such as webhook integration and custom colour schemes.![phaedra](/_next/image?url=https%3A%2F%2Favatars.slack-edge.com%2F2024-09-04%2F7677275219669_15e34660c509a20df007_192.png&w=96&q=75)
![reesericci](/_next/image?url=https%3A%2F%2Favatars.slack-edge.com%2F2024-02-11%2F6621735921251_a7b86b454210428d38cc_192.png&w=96&q=75)
bundle.min.js
in the turbowarp.sh
package through a NPM CDN (like jsdelivr) from the "Custom Extensions" tile.
Git: sr.ht/~reesericci/turbowarp.sh
NPM: www.npmjs.com/package/turbowarp.sh![jzaleta](/_next/image?url=https%3A%2F%2Favatars.slack-edge.com%2F2024-04-04%2F6915654075554_c1f636c77584ec4b4c53_192.png&w=96&q=75)
next build
• After that, I wrote the confetti code and implement it on a React :react: component but I also don't know any react so it didn't work :eggsdee:
• So I added the confetti code into the already existing PhotoGallery component! :yay: Everything looked good, but then I got this error: ReferenceError: document is not defined
:errors:
• To fix that, I run my code client side after watching a small tutorial and it ended up like this:
import Masonry from 'react-masonry-css' import styles from './PhotoGallery.module.scss' import { Nunito } from 'next/font/google' import { useEffect } from 'react' const nunito = Nunito({ weight: ['400', '800'], subsets: ['latin'] }) export function Button({ children, fontSize = '7rem', ...props }) { const handleClick = () => { import('js-confetti').then(({ default: Confetti }) => { const confetti = new Confetti() confetti.addConfetti({ emojis: ['🎮', '👾', '🕹️', '💻', '📸', '🎧', '🎨', '🪽'] }) }) } return ( <button className={styles.button} onClick={handleClick} {...props}> <span className={styles.shadow} /> <span className={styles.edge} /> <span style={{ fontSize }} className={`${styles.front} ${nunito.className}`}> {children} </span> </button> ) } function Image({ src, text }) { return ( <div className={styles.photo}> <img src={src} width="auto" /> <p>{text}</p> </div> ) } export default function PhotoGallery() { useEffect(() => {}, []) return ( <div className={styles.photoGallery}> <div className={styles.photos}>This was very fun to work with, and definitely I need to properly learn Next.js on the future. :salute:
![KaiPereira-U04HJGA76H2](/_next/image?url=https%3A%2F%2Favatars.slack-edge.com%2F2024-06-04%2F7225136111586_2ec0244e6acf5c7b95f2_192.jpg&w=96&q=75)
npx create-mern-ts-next-app app
(Don't mind the crazy name lol [on a side note, I'm only slightly sure it works for everyone XD]). I was kinda bored in robotics class so I just cooked this up today. You can check out the code here:
github.com/KaiPereira/create-mern-app-kaipereira (for the executable) and here for the template: github.com/KaiPereira/template-for-create-mern-app![jzaleta](/_next/image?url=https%3A%2F%2Favatars.slack-edge.com%2F2024-04-04%2F6915654075554_c1f636c77584ec4b4c53_192.png&w=96&q=75)
.gitignore
file for this project!![jzaleta](/_next/image?url=https%3A%2F%2Favatars.slack-edge.com%2F2024-04-04%2F6915654075554_c1f636c77584ec4b4c53_192.png&w=96&q=75)
![matthew](/_next/image?url=https%3A%2F%2Favatars.slack-edge.com%2F2024-08-14%2F7591154369313_cf77ff9e9b0575c20440_192.png&w=96&q=75)
![matthew](/_next/image?url=https%3A%2F%2Favatars.slack-edge.com%2F2024-08-14%2F7591154369313_cf77ff9e9b0575c20440_192.png&w=96&q=75)
@purduehackers/time
version 0.1 is out, now featuring some basic docs and an overhauled api! while writing them i thought of a few more thing this package needs. will probably add those tomorrow. i want to start setting up an mdx blog soon & start writing a blog post about lightning time. hoping to do that asap this week, maybe when i'm back home.![matthew](/_next/image?url=https%3A%2F%2Favatars.slack-edge.com%2F2024-08-14%2F7591154369313_cf77ff9e9b0575c20440_192.png&w=96&q=75)
![matthew](/_next/image?url=https%3A%2F%2Favatars.slack-edge.com%2F2024-08-14%2F7591154369313_cf77ff9e9b0575c20440_192.png&w=96&q=75)
![matthew](/_next/image?url=https%3A%2F%2Favatars.slack-edge.com%2F2024-08-14%2F7591154369313_cf77ff9e9b0575c20440_192.png&w=96&q=75)
![matthew](/_next/image?url=https%3A%2F%2Favatars.slack-edge.com%2F2024-08-14%2F7591154369313_cf77ff9e9b0575c20440_192.png&w=96&q=75)
![Skyascii](/_next/image?url=https%3A%2F%2Favatars.slack-edge.com%2F2020-09-28%2F1385134622694_d8214349795b183a0a60_192.jpg&w=96&q=75)
![alex](/_next/image?url=https%3A%2F%2Favatars.slack-edge.com%2F2024-05-17%2F7123462218007_a1897737cd04ad26960f_192.png&w=96&q=75)
![belle](/_next/image?url=https%3A%2F%2Favatars.slack-edge.com%2F2023-01-27%2F4714678298292_b618de73ab3d0d40ad9e_192.png&w=96&q=75)
![ian](/_next/image?url=https%3A%2F%2Favatars.slack-edge.com%2F2023-09-04%2F5847803218243_3909d9c2338267302940_192.png&w=96&q=75)