feat(packages): ✨ Add snippets related to extension (#33)

Author: xeho91

.changeset/good-ears-shop.md

@@ -0,0 +1,5 @@
+---
+"@terminal-nerds/snippets-extension": minor
+---
+
+✨ Added a module `schema` for extension snippets.

README.md

@@ -96,16 +96,17 @@ Reusable pieces of code, which can be **reused** across the projects.
     > Package names are prefixed with `snippets-`.\
     > As in: `@terminal-nerds/snippets-<package name>`
 
-| Name                          | Version                                        |
-| ----------------------------- | ---------------------------------------------- |
-| [![snippets badge]][snippets] | [![snippets version badge]][snippets npm page] |
-| <!-- PACKAGES -->             | <!-- PACKAGES -->                              |
-| [![error badge]][error]       | [![error version badge]][error npm page]       |
-| [![regexp badge]][regexp]     | [![regexp version badge]][regexp npm page]     |
-| [![runtime badge]][runtime]   | [![runtime version badge]][runtime npm page]   |
-| [![string badge]][string]     | [![string version badge]][string npm page]     |
-| [![test badge]][test]         | [![test version badge]][test npm page]         |
-| [![type badge]][type]         | [![type version badge]][type npm page]         |
+| Name                            | Version                                          |
+| ------------------------------- | ------------------------------------------------ |
+| [![snippets badge]][snippets]   | [![snippets version badge]][snippets npm page]   |
+| <!-- PACKAGES -->               | <!-- PACKAGES -->                                |
+| [![extension badge]][extension] | [![extension version badge]][extension npm page] |
+| [![error badge]][error]         | [![error version badge]][error npm page]         |
+| [![regexp badge]][regexp]       | [![regexp version badge]][regexp npm page]       |
+| [![runtime badge]][runtime]     | [![runtime version badge]][runtime npm page]     |
+| [![string badge]][string]       | [![string version badge]][string npm page]       |
+| [![test badge]][test]           | [![test version badge]][test npm page]           |
+| [![type badge]][type]           | [![type version badge]][type npm page]           |
 
 [snippets]: ./packages/snippets/README.md
 [snippets badge]: https://img.shields.io/static/v1?label=%40terminal-nerds&message=snippets&style=flat-square&color=informational
@@ -114,6 +115,11 @@ Reusable pieces of code, which can be **reused** across the projects.
 
 <!-- prettier-ignore-start -->
 <!-- PACKAGES LINKS -->
+[extension]: ./packages/extension/README.md
+[extension badge]: https://img.shields.io/static/v1?label=%40terminal-nerds&message=snippets-extension&style=flat-square&color=informational
+[extension version badge]: https://img.shields.io/npm/v/@terminal-nerds/snippets-extension/latest?style=flat-square&logo=npm
+[extension npm page]: https://www.npmjs.com/package/@terminal-nerds/snippets-extension
+
 [error]: ./packages/error/README.md
 [error badge]: https://img.shields.io/static/v1?label=%40terminal-nerds&message=snippets-error&style=flat-square&color=informational
 [error version badge]: https://img.shields.io/npm/v/@terminal-nerds/snippets-error/latest?style=flat-square&logo=npm

packages/extension/.depcheckrc.json

@@ -0,0 +1,3 @@
+{
+	"ignores": ["@terminal-nerds/*-config", "tsup", "vitest"]
+}

packages/extension/CHANGELOG.md

@@ -0,0 +1 @@
+# @terminal-nerds/snippets-extension<!-- markdownlint-disable line-length list-marker-space no-duplicate-header ul-style ul-indent no-bare-urls -->

packages/extension/LICENSE.md

@@ -0,0 +1 @@
+/home/xeho91/Nextcloud/Projects/terminal-nerds/snippets/LICENSE.md

packages/extension/README.md

@@ -0,0 +1,189 @@
+# @terminal-nerds/snippets-extension
+
+![package version badge]
+[![size badge]][size url]
+[![dependencies badge]][dependencies url]
+
+➡️ **This package wraps all available modules with snippets related to extension**
+— part of the [terminal-nerds/snippets] project.
+
+[terminal-nerds/snippets]: https://github.com/terminal-nerds/snippets
+[package version badge]: https://img.shields.io/npm/v/@terminal-nerds/snippets-extension/latest?style=for-the-badge&logo=npm
+[dependencies badge]: https://img.shields.io/librariesio/release/npm/@terminal-nerds/snippets-extension?style=for-the-badge
+[dependencies url]: https://libraries.io/npm/@terminal-nerds%2snippets-extension
+[size badge]: https://img.shields.io/bundlephobia/minzip/@terminal-nerds/snippets-extension?style=for-the-badge&label=size
+[size url]: https://packagephobia.com/result?p=@terminal-nerds/snippets-extension
+
+## Modules included
+
+[![documentation badge]][documentation url]
+
+[documentation badge]: https://img.shields.io/static/v1?color=informational&style=for-the-badge&label=documentation&message=jsdocs.io
+[documentation url]: https://jsdocs.io/package/@terminal-nerds/snippets-extension
+
+<!-- prettier-sort-markdown-table -->
+
+| Name                                          | Size                                                  |
+| --------------------------------------------- | ----------------------------------------------------- |
+| [`@terminal-nerds/snippets-extension/schema`] | ![schema size gzip badge] ![schema size brotli badge] |
+
+<!-- prettier-ignore-start -->
+<!-- MODULES LINKS -->
+[`@terminal-nerds/snippets-extension/schema`]: https://github.com/terminal-nerds/snippets/blob/main/packages/extension/source/schema/schema.ts
+[schema size gzip badge]: https://badgen.net/badgesize/gzip/file-url/unpkg.com/@terminal-nerds/snippets-extension/dist/schema/schema.js?label=gzip
+[schema size brotli badge]: https://badgen.net/badgesize/brotli/file-url/unpkg.com/@terminal-nerds/snippets-extension/dist/schema/schema.js?label=brotli
+<!-- prettier-ignore-end -->
+
+---
+
+## Prerequisites & usage
+
+### Optional
+
+[![supported typescript version badge]][typescript]
+![types badge]
+
+[typescript]: https://typescriptlang.org/
+[typescript icon]: https://api.iconify.design/logos/typescript-icon.svg
+[supported typescript version badge]: https://img.shields.io/github/package-json/dependency-version/terminal-nerds/snippets/peer/typescript?filename=packages%2Ftypescript%2Fpackage.json&logo=typescript&style=for-the-badge&label=typescript
+[types badge]: https://img.shields.io/npm/types/@terminal-nerds/snippets-extension?style=for-the-badge&logo=typescript
+
+If you are using ![typescript icon] [TypeScript],
+the latest version, which supports new features _(such as `satisfies`)_, is supported.
+
+### Runtime environments
+
+This package can be used in several runtime environments.
+We aim for cross-runtime compatibility and ensure proper error messages
+if a particular snippet cannot be run in the currently running environment.
+
+#### Browsers
+
+We use [browserslist] to define the minimum browsers versions supported.\
+Take a look at our [shared browserslist configuration] for more details.
+
+[browserslist]: https://github.com/browserslist/browserslist
+[shared browserslist configuration]: https://github.com/terminal-nerds/configs/blob/main/packages/browserslist/source/browsers.ts
+
+**Usage**:
+
+```html
+<script type="module">
+	import { snippet } from "https://cdn.jsdelivr.net/npm/@terminal-nerds/snippets-extension";
+</script>
+```
+
+---
+
+#### Bun
+
+We aim to support the latest version of ![bun icon] [bun].
+
+**Usage**:
+
+Firstly, install it:
+
+```sh
+bun add @terminal-nerds/snippets-extension
+```
+
+And then in a particular file:
+
+```js
+import { snippet } from "@terminal-nerds/snippets-extension";
+```
+
+[bun]: https://bun.sh/
+[bun icon]: https://api.iconify.design/logos/bun.svg
+
+---
+
+#### Deno
+
+We aim to support the latest version of ![deno icon] [Deno].
+
+**Usage**:
+
+```ts
+import { snippet } from "npm:@terminal-nerds/snippets-extension";
+```
+
+[deno]: https://deno.land/
+[deno icon]: https://api.iconify.design/logos/deno.svg
+
+---
+
+#### Node.js
+
+[![node.js version support badge]][node.js]
+
+The latest ![node.js icon] [Node.js] LTS _(Long-Term Support)_ version is the minimum one supported.
+
+> **Warning**\
+> **This package is written in [ES Module] _(ESM)_ type.**\
+> So, if you wish to use it in a project with CommonJS (CJS) type, you need to bundle this package or a particular module(s).
+
+**Usage**:
+
+Install it first with the Node.js package manager of your choice. In our example, we use [pnpm].
+
+```sh
+pnpm add @terminal-nerds/snippets-extension
+```
+
+And then in a particular file:
+
+```js
+import { snippet } from "@terminal-nerds/snippets-extension";
+```
+
+[ES Module]: https://www.freecodecamp.org/news/javascript-es-modules-and-module-bundlers
+[pnpm]: https://pnpm.io
+[node.js]: https://nodejs.org/en/
+[node.js icon]: https://api.iconify.design/logos/nodejs-icon.svg
+[node.js version support badge]: https://img.shields.io/node/v-lts/@terminal-nerds/snippets?style=for-the-badge&logo=nodedotjs
+
+---
+
+## Security
+
+[![workflow security badge]][security policy]
+
+🔐 For more information, please refer to the [Security section] at the root of
+the [terminal-nerds/snippets] monorepo.
+
+[workflow security badge]: https://img.shields.io/github/actions/workflow/status/terminal-nerds/snippets/maintenance.yml?label=Security&logo=github&style=for-the-badge&branch=main
+[security section]: https://github.com/terminal-nerds/snippets#security
+[security policy]: https://github.com/terminal-nerds/snippets/security/policy
+
+---
+
+## License
+
+[![license badge]][license]
+
+⚖️ For more information, please refer to the [License section] at the root of the [terminal-nerds/snippets] monorepo.
+
+[license]: https://github.com/terminal-nerds/snippets/blob/main/LICENSE.md
+[license badge]: https://img.shields.io/github/license/terminal-nerds/snippets?style=for-the-badge
+[license section]: https://github.com/terminal-nerds/snippets#License
+
+### Contributing
+
+[![contributors badge]][contributors url]
+
+🤝 **Contributions of any kind are welcome!**
+
+Please refer to the monorepo _([terminal-nerds/snippets])_ project's [CONTRIBUTING file] for more information
+if you wish to get involved.
+
+[contributing file]: https://github.com/terminal-nerds/snippets/blob/main/.github/CONTRIBUTING.md
+[contributors badge]: https://img.shields.io/github/contributors/terminal-nerds/snippets?style=for-the-badge
+[contributors url]: https://github.com/terminal-nerds/snippets#contributors
+
+### Author
+
+🎉 The idea of this project was initiated by [xeho91]. However, it's the [contributors] who matter the most.
+
+[contributors]: https://github.com/terminal-nerds/snippets/blob/main/README.md#project-contributors
+[xeho91]: https://github.com/xeho91

packages/extension/package.json

@@ -0,0 +1,81 @@
+{
+	"$schema": "https://json.schemastore.org/package",
+	"type": "module",
+	"name": "@terminal-nerds/snippets-extension",
+	"version": "0.0.0",
+	"description": "@terminal-nerds reusable snippets for extensions.",
+	"keywords": [
+		"snippets",
+		"typescript",
+		"extension"
+	],
+	"license": "MIT",
+	"author": {
+		"name": "Mateusz Kadlubowski",
+		"email": "[email protected]",
+		"url": "https://xeho91.com"
+	},
+	"homepage": "https://github.com/terminal-nerds/snippets",
+	"repository": {
+		"type": "git",
+		"url": "https://github.com/terminal-nerds/snippets.git",
+		"directory": "packages/extension"
+	},
+	"bugs": "https://github.com/terminal-nerds/snippets/issues",
+	"engines": {
+		"node": ">=18"
+	},
+	"exports": {
+		".": {
+			"types": "./dist/main.d.ts",
+			"import": "./dist/main.js"
+		},
+		"./*": {
+			"types": "./dist/*/*.d.ts",
+			"import": "./dist/*/*.js"
+		},
+		"./schema/*": {
+			"types": "./dist/schema/groups/*.d.ts",
+			"import": "./dist/schema/groups/*.js"
+		}
+	},
+	"files": [
+		"dist/"
+	],
+	"scripts": {
+		"build": "tsup",
+		"clean": "concurrently \"pnpm:clean:*\" --group --timings",
+		"clean:build": "del \"./dist\"",
+		"clean:cache": "del \"./node_modules/.cache\"",
+		"clean:test": "del \"./coverage\"",
+		"dev:test": "vitest watch --ui",
+		"dev:pkg": "tsup --watch",
+		"fix": "concurrently \"pnpm:fix:*\" --group --timings",
+		"fix:format": "pretty-quick --branch main --pattern \"packages/extension/**/*\" --verbose",
+		"fix:js": "pnpm lint:js --fix",
+		"fix:md": "pnpm lint:md --fix",
+		"fix:pkg": "syncpack format ; syncpack fix-mismatches",
+		"lint": "concurrently \"pnpm:lint:*\" --group --timings",
+		"lint:deps": "depcheck",
+		"lint:format": "pnpm fix:format --check",
+		"lint:js": "DEBUG=\"eslint:cli-engine\" eslint . --ext .cjs,.js,.ts,.json,.yml --cache --cache-location \"./node_modules/.cache/eslint\"",
+		"lint:md": "markdownlint . --config \"../../.markdownlint.json\" --dot --ignore \"./LICENSE.md\" --ignore-path \"../../.gitignore\"",
+		"lint:pkg": "syncpack list-mismatches",
+		"lint:types": "tsc --noEmit",
+		"test:unit": "vitest run --dir \"./source\""
+	},
+	"peerDependencies": {
+		"typescript": "4.9.5"
+	},
+	"dependencies": {
+		"zod": "3.20.6"
+	},
+	"devDependencies": {
+		"@terminal-nerds/snippets-test": "workspace:*"
+	},
+	"peerDependenciesMeta": {
+		"typescript": {
+			"optional": true
+		}
+	}
+}

packages/extension/source/main.ts

@@ -0,0 +1,2 @@
+/* MODULES */
+export * from "./schema/schema.js";

packages/extension/source/schema/groups/html.ts

@@ -0,0 +1,9 @@
+import { z } from "zod";
+
+export const HTML_EXTENSIONS = ["html", "htm"] as const;
+export type HTMLExtension = (typeof HTML_EXTENSIONS)[number];
+export const HTML_EXTENSION_SCHEMA = z.enum(HTML_EXTENSIONS);
+
+export function isHTMLExtension(extension: string): extension is HTMLExtension {
+	return HTML_EXTENSION_SCHEMA.safeParse(extension).success;
+}

packages/extension/source/schema/groups/javascript.ts

@@ -0,0 +1,9 @@
+import { z } from "zod";
+
+export const JAVASCRIPT_EXTENSIONS = ["cjs", "js", "jsx", "mjs"] as const;
+export type JavaScriptExtension = (typeof JAVASCRIPT_EXTENSIONS)[number];
+export const JAVASCRIPT_EXTENSION_SCHEMA = z.enum(JAVASCRIPT_EXTENSIONS);
+
+export function isJavaScriptExtension(extension: string): extension is JavaScriptExtension {
+	return JAVASCRIPT_EXTENSION_SCHEMA.safeParse(extension).success;
+}