@hasna/skills 0.1.22 → 0.1.23

package/skills/skill-logo-design/node_modules/bun-types/docs/guides/ecosystem/prisma-postgres.mdx

@@ -1,169 +0,0 @@
----
-title: Use Prisma Postgres with Bun
-sidebarTitle: Prisma Postgres with Bun
-mode: center
----
-
-<Note>
-  **Note** — At the moment Prisma needs Node.js to be installed to run certain generation code. Make sure Node.js is
-  installed in the environment where you're running `bunx prisma` commands.
-</Note>
-
-<Steps>
-	<Step title="Create a new project">
-		First, create a directory and initialize it with `bun init`.
-
-    	```bash terminal icon="terminal"
-    	mkdir prisma-postgres-app
-    	cd prisma-postgres-app
-    	bun init
-    	```
-    </Step>
-
-    <Step title="Install Prisma dependencies">
-    	Then install the Prisma CLI (`prisma`), Prisma Client (`@prisma/client`), and the accelerate extension as dependencies.
-
-    	```bash terminal icon="terminal"
-    	bun add -d prisma
-    	bun add @prisma/client @prisma/extension-accelerate
-    	```
-    </Step>
-
-    <Step title="Initialize Prisma with PostgreSQL">
-    	We'll use the Prisma CLI with `bunx` to initialize our schema and migration directory. We'll be using PostgreSQL as our database.
-
-    	```bash terminal icon="terminal"
-    	bunx --bun prisma init --db
-    	```
-
-    	This creates a basic schema. We need to update it to use the new Rust-free client with Bun optimization. Open `prisma/schema.prisma` and modify the generator block, then add a simple `User` model.
-
-    	```prisma prisma/schema.prisma icon="/icons/ecosystem/prisma.svg"
-    	generator client {
-    		provider = "prisma-client"
-    		output = "./generated" // [!code ++]
-    		engineType = "client" // [!code ++]
-    		runtime = "bun" // [!code ++]
-    	}
-
-    	datasource db {
-    		provider = "postgresql"
-    		url      = env("DATABASE_URL")
-    	}
-
-    	model User { // [!code ++]
-    		id    Int     @id @default(autoincrement()) // [!code ++]
-    		email String  @unique // [!code ++]
-    		name  String? // [!code ++]
-    	} // [!code ++]
-    	```
-    </Step>
-
-    <Step title="Configure database connection">
-    	Set up your Postgres database URL in the `.env` file.
-
-    	```ini .env icon="settings"
-    	DATABASE_URL="postgresql://username:password@localhost:5432/mydb?schema=public"
-    	```
-    </Step>
-
-    <Step title="Create and run database migration">
-    	Then generate and run initial migration.
-
-    	This will generate a `.sql` migration file in `prisma/migrations`, and execute the migration against your Postgres database.
-
-    	```bash terminal icon="terminal"
-    	bunx --bun prisma migrate dev --name init
-    	```
-
-    	```txt
-    	Environment variables loaded from .env
-    	Prisma schema loaded from prisma/schema.prisma
-    	Datasource "db": PostgreSQL database "mydb", schema "public" at "localhost:5432"
-
-    	Applying migration `20250114141233_init`
-
-    	The following migration(s) have been created and applied from new schema changes:
-
-    	prisma/migrations/
-    	  └─ 20250114141233_init/
-    	    └─ migration.sql
-
-    	Your database is now in sync with your schema.
-
-    	✔ Generated Prisma Client (6.17.1) to ./generated in 18ms
-    	```
-    </Step>
-
-    <Step title="Generate Prisma Client">
-    	As indicated in the output, Prisma re-generates our _Prisma client_ whenever we execute a new migration. The client provides a fully typed API for reading and writing from our database. You can manually re-generate the client with the Prisma CLI.
-
-    	```sh terminal icon="terminal"
-    	bunx --bun prisma generate
-    	```
-    </Step>
-
-    <Step title="Initialize Prisma Client with Accelerate">
-    	Now we need to create a Prisma client instance. Create a new file `prisma/db.ts` to initialize the PrismaClient with the Postgres adapter.
-
-    	```ts prisma/db.ts icon="/icons/typescript.svg"
-    	import { PrismaClient } from "./generated/client";
-    	import { withAccelerate } from '@prisma/extension-accelerate'
-
-    	export const prisma = new PrismaClient().$extends(withAccelerate())
-    	```
-    </Step>
-
-    <Step title="Create a test script">
-    	Let's write a simple script to create a new user, then count the number of users in the database.
-
-    	```ts index.ts icon="/icons/typescript.svg"
-    	import { prisma } from "./prisma/db";
-
-    	// create a new user
-    	await prisma.user.create({
-    	  data: {
-    	    name: "John Dough",
-    	    email: `john-${Math.random()}@example.com`,
-    	  },
-    	});
-
-    	// count the number of users
-    	const count = await prisma.user.count();
-    	console.log(`There are ${count} users in the database.`);
-    	```
-    </Step>
-
-    <Step title="Run and test the application">
-    	Let's run this script with `bun run`. Each time we run it, a new user is created.
-
-    	```bash terminal icon="terminal"
-    	bun run index.ts
-    	```
-
-    	```txt
-    	There are 1 users in the database.
-    	```
-
-    	```bash terminal icon="terminal"
-    	bun run index.ts
-    	```
-
-    	```txt
-    	There are 2 users in the database.
-    	```
-
-    	```bash terminal icon="terminal"
-    	bun run index.ts
-    	```
-
-    	```txt
-    	There are 3 users in the database.
-    	```
-    </Step>
-
-</Steps>
-
----
-
-That's it! Now that you've set up Prisma Postgres using Bun, we recommend referring to the [official Prisma Postgres docs](https://www.prisma.io/docs/postgres) as you continue to develop your application.

package/skills/skill-logo-design/node_modules/bun-types/docs/guides/ecosystem/prisma.mdx

@@ -1,164 +0,0 @@
----
-title: Use Prisma with Bun
-sidebarTitle: Prisma ORM with Bun
-mode: center
----
-
-<Note>
-  **Note** — Prisma's dynamic subcommand loading system currently requires npm to be installed alongside Bun. This
-  affects certain CLI commands like `prisma init`, `prisma migrate`, etc. Generated code works perfectly with Bun using
-  the new `prisma-client` generator.
-</Note>
-
-<Steps>
-	<Step title="Create a new project">
-		Prisma works out of the box with Bun. First, create a directory and initialize it with `bun init`.
-
-    	```bash terminal icon="terminal"
-    	mkdir prisma-app
-    	cd prisma-app
-    	bun init
-    	```
-    </Step>
-
-    <Step title="Install Prisma dependencies">
-    	Then install the Prisma CLI (`prisma`), Prisma Client (`@prisma/client`), and the LibSQL adapter as dependencies.
-
-    	```bash terminal icon="terminal"
-    	bun add -d prisma
-    	bun add @prisma/client @prisma/adapter-libsql
-    	```
-    </Step>
-
-    <Step title="Initialize Prisma with SQLite">
-    	We'll use the Prisma CLI with `bunx` to initialize our schema and migration directory. For simplicity we'll be using an in-memory SQLite database.
-
-    	```bash terminal icon="terminal"
-    	bunx --bun prisma init --datasource-provider sqlite
-    	```
-
-    	This creates a basic schema. We need to update it to use the new Rust-free client with Bun optimization. Open `prisma/schema.prisma` and modify the generator block, then add a simple `User` model.
-
-    	```prisma prisma/schema.prisma icon="/icons/ecosystem/prisma.svg"
-    	  generator client {
-    	    provider = "prisma-client" // [!code ++]
-    	    output = "./generated" // [!code ++]
-    	    engineType = "client" // [!code ++]
-    	    runtime = "bun" // [!code ++]
-    	  }
-
-    	  datasource db {
-    	    provider = "sqlite"
-    	    url      = env("DATABASE_URL")
-    	  }
-
-    	  model User { // [!code ++]
-    	    id    Int     @id @default(autoincrement()) // [!code ++]
-    	    email String  @unique // [!code ++]
-    	    name  String? // [!code ++]
-    	  } // [!code ++]
-    	```
-    </Step>
-
-    <Step title="Create and run database migration">
-    	Then generate and run initial migration.
-
-    	This will generate a `.sql` migration file in `prisma/migrations`, create a new SQLite instance, and execute the migration against the new instance.
-
-    	```bash terminal icon="terminal"
-    	 bunx --bun prisma migrate dev --name init
-    	 ```
-    	 ```txt
-    	Environment variables loaded from .env
-    	Prisma schema loaded from prisma/schema.prisma
-    	Datasource "db": SQLite database "dev.db" at "file:./dev.db"
-
-    	SQLite database dev.db created at file:./dev.db
-
-    	Applying migration `20251014141233_init`
-
-    	The following migration(s) have been created and applied from new schema changes:
-
-    	prisma/migrations/
-    	  └─ 20251014141233_init/
-    	    └─ migration.sql
-
-    	Your database is now in sync with your schema.
-
-    	✔ Generated Prisma Client (6.17.1) to ./generated in 18ms
-    	```
-    </Step>
-
-    <Step title="Generate Prisma Client">
-    	As indicated in the output, Prisma re-generates our _Prisma client_ whenever we execute a new migration. The client provides a fully typed API for reading and writing from our database. You can manually re-generate the client with the Prisma CLI.
-
-    	```sh terminal icon="terminal"
-    	bunx --bun prisma generate
-    	```
-    </Step>
-
-    <Step title="Initialize Prisma Client with LibSQL">
-    	Now we need to create a Prisma client instance. Create a new file `prisma/db.ts` to initialize the PrismaClient with the LibSQL adapter.
-
-    	```ts prisma/db.ts icon="/icons/typescript.svg"
-    	import { PrismaClient } from "./generated/client";
-    	import { PrismaLibSQL } from "@prisma/adapter-libsql";
-
-    	const adapter = new PrismaLibSQL({ url: process.env.DATABASE_URL || "" });
-    	export const prisma = new PrismaClient({ adapter });
-    	```
-    </Step>
-
-    <Step title="Create a test script">
-    	Let's write a simple script to create a new user, then count the number of users in the database.
-
-    	```ts index.ts icon="/icons/typescript.svg"
-    	import { prisma } from "./prisma/db";
-
-    	// create a new user
-    	await prisma.user.create({
-    	  data: {
-    	    name: "John Dough",
-    	    email: `john-${Math.random()}@example.com`,
-    	  },
-    	});
-
-    	// count the number of users
-    	const count = await prisma.user.count();
-    	console.log(`There are ${count} users in the database.`);
-    	```
-    </Step>
-
-    <Step title="Run and test the application">
-    	Let's run this script with `bun run`. Each time we run it, a new user is created.
-
-    	```bash terminal icon="terminal"
-    	bun run index.ts
-    	```
-    	```txg
-    	Created john-0.12802932895402364@example.com
-    	There are 1 users in the database.
-    	```
-
-    	```bash terminal icon="terminal"
-    	bun run index.ts
-    	```
-    	```txt
-    	Created john-0.8671308799782803@example.com
-    	There are 2 users in the database.
-    	```
-
-    	```bash terminal icon="terminal"
-    	bun run index.ts
-    	```
-    	```txt
-    	Created john-0.4465968383115295@example.com
-    	There are 3 users in the database.
-    	```
-    </Step>
-
-</Steps>
-
----
-
-That's it! Now that you've set up Prisma using Bun, we recommend referring to the [official Prisma docs](https://www.prisma.io/docs/orm/prisma-client) as you continue to develop your application.

package/skills/skill-logo-design/node_modules/bun-types/docs/guides/ecosystem/qwik.mdx

@@ -1,114 +0,0 @@
----
-title: Build an app with Qwik and Bun
-sidebarTitle: Qwik with Bun
-mode: center
----
-
-Initialize a new Qwik app with `bunx create-qwik`.
-
-The `create-qwik` package detects when you are using `bunx` and will automatically install dependencies using `bun`.
-
-```sh terminal icon="terminal"
-bun create qwik
-```
-
-```txts
-      ............
-    .::: :--------:.
-   .::::  .:-------:.
-  .:::::.   .:-------.
-  ::::::.     .:------.
- ::::::.        :-----:
- ::::::.       .:-----.
-  :::::::.     .-----.
-   ::::::::..   ---:.
-    .:::::::::. :-:.
-     ..::::::::::::
-             ...::::
-
-
-┌  Let's create a  Qwik App  ✨ (v1.2.10)
-│
-◇  Where would you like to create your new project? (Use '.' or './' for current directory)
-│  ./my-app
-│
-●  Creating new project in  /path/to/my-app  ... 🐇
-│
-◇  Select a starter
-│  Basic App
-│
-◇  Would you like to install bun dependencies?
-│  Yes
-│
-◇  Initialize a new git repository?
-│  No
-│
-◇  Finishing the install. Wanna hear a joke?
-│  Yes
-│
-○  ────────────────────────────────────────────────────────╮
-│                                                          │
-│  How do you know if there’s an elephant under your bed?  │
-│  Your head hits the ceiling!                             │
-│                                                          │
-├──────────────────────────────────────────────────────────╯
-│
-◇  App Created 🐰
-│
-◇  Installed bun dependencies 📋
-│
-○  Result ─────────────────────────────────────────────╮
-│                                                      │
-│  Success!  Project created in my-app directory       │
-│                                                      │
-│  Integrations? Add Netlify, Cloudflare, Tailwind...  │
-│  bun qwik add                                        │
-│                                                      │
-│  Relevant docs:                                      │
-│  https://qwik.dev/docs/getting-started/              │
-│                                                      │
-│  Questions? Start the conversation at:               │
-│  https://qwik.dev/chat                               │
-│  https://twitter.com/QwikDev                         │
-│                                                      │
-│  Presentations, Podcasts and Videos:                 │
-│  https://qwik.dev/media/                             │
-│                                                      │
-│  Next steps:                                         │
-│  cd my-app                                           │
-│  bun start                                           │
-│                                                      │
-│                                                      │
-├──────────────────────────────────────────────────────╯
-│
-└  Happy coding! 🎉
-
-```
-
----
-
-Run `bun run dev` to start the development server.
-
-```sh terminal icon="terminal"
-bun run dev
-```
-
-```txt
-$ vite--mode ssr
-
-VITE v4.4.7  ready in 1190 ms
-
-➜  Local:   http://localhost:5173/
-➜  Network: use --host to expose
-➜  press h to show help
-```
-
----
-
-Open [http://localhost:5173](http://localhost:5173) with your browser to see the result. Qwik will hot-reload your app as you edit your source files.
-
-<Frame>![Qwik screenshot](https://github.com/oven-sh/bun/assets/3084745/ec35f2f7-03dd-4c90-851e-fb4ad150bb28)</Frame>
-
----
-
-Refer to the [Qwik docs](https://qwik.dev/docs/getting-started/) for complete documentation.

package/skills/skill-logo-design/node_modules/bun-types/docs/guides/ecosystem/react.mdx

@@ -1,52 +0,0 @@
----
-title: Build a React app with Bun
-sidebarTitle: React with Bun
-mode: center
----
-
-Bun supports `.jsx` and `.tsx` files out of the box. React just works with Bun.
-
-Create a new React app with `bun init --react`. This gives you a template with a simple React app and a simple API server together in one full-stack app.
-
-```bash terminal icon="terminal"
-# Create a new React app
-bun init --react
-
-# Run the app in development mode
-bun dev
-
-# Build as a static site for production
-bun run build
-
-# Run the server in production
-bun start
-```
-
----
-
-### Hot Reloading
-
-Run `bun dev` to start the app in development mode. This will start the API server and the React app with hot reloading.
-
-### Full-Stack App
-
-Run `bun start` to start the API server and frontend together in one process.
-
-### Static Site
-
-Run `bun run build` to build the app as a static site. This will create a `dist` directory with the built app and all the assets.
-
-```txt File Tree icon="folder-tree"
-├── src/
-│   ├── index.tsx       # Server entry point with API routes
-│   ├── frontend.tsx    # React app entry point with HMR
-│   ├── App.tsx         # Main React component
-│   ├── APITester.tsx   # Component for testing API endpoints
-│   ├── index.html      # HTML template
-│   ├── index.css       # Styles
-│   └── *.svg           # Static assets
-├── package.json        # Dependencies and scripts
-├── tsconfig.json       # TypeScript configuration
-├── bunfig.toml         # Bun configuration
-└── bun.lock            # Lock file
-```

package/skills/skill-logo-design/node_modules/bun-types/docs/guides/ecosystem/remix.mdx

@@ -1,97 +0,0 @@
----
-title: Build an app with Remix and Bun
-sidebarTitle: Remix with Bun
-mode: center
----
-
-<Note>
-  Currently the Remix development server (`remix dev`) relies on Node.js APIs that Bun does not yet implement. The guide
-  below uses Bun to initialize a project and install dependencies, but it uses Node.js to run the dev server.
-</Note>
-
----
-
-Initialize a Remix app with `create-remix`.
-
-```sh terminal icon="terminal"
-bun create remix
-```
-
-```txt
- remix   v1.19.3 💿 Let's build a better website...
-
-   dir   Where should we create your new project?
-         ./my-app
-
-      ◼  Using basic template See https://remix.run/docs/en/main/guides/templates#templates for more
-      ✔  Template copied
-
-   git   Initialize a new git repository?
-         Yes
-
-  deps   Install dependencies with bun?
-         Yes
-
-      ✔  Dependencies installed
-      ✔  Git initialized
-
-  done   That's it!
-         Enter your project directory using cd ./my-app
-         Check out README.md for development and deploy instructions.
-```
-
----
-
-To start the dev server, run `bun run dev` from the project root. This will start the dev server using the `remix dev` command. Note that Node.js will be used to run the dev server.
-
-```sh terminal icon="terminal"
-cd my-app
-bun run dev
-```
-
-```txt
-$ remix dev
-
-💿  remix dev
-
-info  building...
-info  built (263ms)
-Remix App Server started at http://localhost:3000 (http://172.20.0.143:3000)
-```
-
----
-
-Open [http://localhost:3000](http://localhost:3000) to see the app. Any changes you make to `app/routes/_index.tsx` will be hot-reloaded in the browser.
-
-<Frame>
-  ![Remix app running on localhost](https://github.com/oven-sh/bun/assets/3084745/c26f1059-a5d4-4c0b-9a88-d9902472fd77)
-</Frame>
-
----
-
-To build and start your app, run `bun run build`
-
-```sh terminal icon="terminal"
-bun run build
-```
-
-```txt
-$ remix build
-info  building... (NODE_ENV=production)
-info  built (158ms)
-```
-
-Then `bun run start` from the project root.
-
-```sh terminal icon="terminal"
-bun start
-```
-
-```txt
-$ remix-serve ./build/index.js
-[remix-serve] http://localhost:3000 (http://192.168.86.237:3000)
-```
-
----
-
-Read the [Remix docs](https://remix.run/) for more information on how to build apps with Remix.

package/skills/skill-logo-design/node_modules/bun-types/docs/guides/ecosystem/sentry.mdx

@@ -1,54 +0,0 @@
----
-title: Add Sentry to a Bun app
-sidebarTitle: Sentry with Bun
-mode: center
----
-
-[Sentry](https://sentry.io) is a developer-first error tracking and performance monitoring platform. Sentry has a first-class SDK for Bun, `@sentry/bun`, that instruments your Bun application to automatically collect error and performance data.
-
-Don't already have an account and Sentry project established? Head over to [sentry.io](https://sentry.io/signup/), then return to this page.
-
----
-
-To start using Sentry with Bun, first install the Sentry Bun SDK.
-
-```sh terminal icon="terminal"
-bun add @sentry/bun
-```
-
----
-
-Then, initialize the Sentry SDK with your Sentry DSN in your app's entry file. You can find your DSN in your Sentry project settings.
-
-```ts sentry.ts icon="/icons/typescript.svg"
-import * as Sentry from "@sentry/bun";
-
-// Ensure to call this before importing any other modules!
-Sentry.init({
-  dsn: "__SENTRY_DSN__",
-
-  // Add Performance Monitoring by setting tracesSampleRate
-  // We recommend adjusting this value in production
-  tracesSampleRate: 1.0,
-});
-```
-
----
-
-You can verify that Sentry is working by capturing a test error:
-
-```ts sentry.ts icon="/icons/typescript.svg"
-setTimeout(() => {
-  try {
-    foo();
-  } catch (e) {
-    Sentry.captureException(e);
-  }
-}, 99);
-```
-
-To view and resolve the recorded error, log into [sentry.io](https://sentry.io/) and open your project. Clicking on the error's title will open a page where you can see detailed information and mark it as resolved.
-
----
-
-To learn more about Sentry and using the Sentry Bun SDK, view the [Sentry documentation](https://docs.sentry.io/platforms/javascript/guides/bun).