chore: add typing

Author: vnphanquang

.changeset/poor-crabs-provide.md

@@ -0,0 +1,5 @@
+---
+'@vnphanquang/green-check': patch
+---
+
+export typing in build output

package.json

@@ -23,12 +23,14 @@
 	"files": [
 		"dist"
 	],
-	"main": "./dist/greencheck..umd.cjs",
-	"module": "./dist/greencheck.js",
+	"main": "./dist/index.umd.cjs",
+	"module": "./dist/index.js",
+	"types": "./dist/index.d.ts",
 	"exports": {
 		".": {
-			"import": "./dist/greencheck.js",
-			"require": "./dist/greencheck.umd.js"
+			"import": "./dist/index.js",
+			"require": "./dist/index.umd.js",
+			"types": "./dist/index.d.ts"
 		}
 	},
 	"scripts": {
@@ -38,7 +40,7 @@
 		"dev": "vite",
 		"build": "vite build",
 		"preview": "vite preview",
-		"prepublishOnly": "pnpm run build",
+		"prepublishOnly": "pnpm run build && publint",
 		"ci:version": "changeset version && pnpm install --no-frozen-lockfile",
 		"ci:publish": "changeset publish && pnpm install"
 	},
@@ -55,6 +57,7 @@
 		"husky": "^9.1.1",
 		"lint-staged": "^15.2.7",
 		"prettier": "3.3.3",
+		"publint": "^0.2.9",
 		"stylelint": "^16.7.0",
 		"stylelint-config-clean-order": "^6.1.0",
 		"stylelint-config-html": "^1.1.0",

pnpm-lock.yaml

@@ -0,0 +1,5 @@
+declare module '@vnphanquang/green-check' {
+	class GreenCheck extends HTMLElement {}
+
+	export { GreenCheck };
+}

public/index.d.ts

@@ -1,3 +1,5 @@
+/// <reference types="vite/client" />
+
 import css from './template.css?raw';
 import html from './template.html?raw';
 
@@ -23,7 +25,7 @@ export class GreenCheck extends HTMLElement {
 		if (hostname) {
 			const greencheck = await (await fetch(GREENCHECK_API_ENDPOINT + encodedHostname)).json();
 			if (greencheck.green) {
-				this.setAttribute('green', true);
+				this.toggleAttribute('green', true);
 				title = 'Green hosting';
 				line1 = hostname.slice(0, 30);
 				line2 = 'Hosted by ' + greencheck.hosted_by;

src/index.js

@@ -0,0 +1,17 @@
+{
+	"$schema": "https://json.schemastore.org/tsconfig",
+	"compilerOptions": {
+		"allowJs": true,
+		"checkJs": true,
+		"noEmit": true,
+		"strict": true,
+		"target": "es2020",
+		"module": "es2022",
+		"moduleResolution": "node",
+		"allowSyntheticDefaultImports": true,
+		"noUnusedLocals": true,
+		"noUnusedParameters": true
+	},
+	"include": ["src/**/*"],
+	"exclude": ["node_modules"]
+}

tsconfig.json

@@ -1,13 +1,13 @@
 import { resolve } from 'path';
+
 import { defineConfig } from 'vite';
 
 export default defineConfig({
-  build: {
-    lib: {
-      entry: resolve(__dirname, 'src/index.js'),
-      name: 'GreenCheck',
-      fileName: 'greencheck',
-    },
+	build: {
+		lib: {
+			entry: resolve(__dirname, 'src/index.js'),
+			name: 'GreenCheck',
+			fileName: 'index',
+		},
 	},
-})
-
+});