Migrating from NPM to GitHub for hosting IIFE file

patelka2211 · Jun 16, 2023 · b03b797 · b03b797
1 parent cedfa49
commit b03b797
Show file tree

Hide file tree

Showing 10 changed files with 41 additions and 47 deletions.
diff --git a/.gitignore b/.gitignore
@@ -10,6 +10,9 @@ node_modules
 .vscode
 
 # Dominar distribution files
-Dominar.iife.js
 index.js
-index.d.ts
+index.d.ts
+
+# Build
+build.main.sh
+build.test.sh
diff --git a/Dominar.js b/Dominar.js
diff --git a/README.md b/README.md
@@ -1,4 +1,4 @@
-[![](https://cdn.jsdelivr.net/gh/patelka2211/dominar@master/website-stuff/media/poster.png)](https://patelka2211.github.io/dominar)
+[![](https://cdn.jsdelivr.net/gh/patelka2211/dominar/website-stuff/media/poster.png)](https://patelka2211.github.io/dominar)
 
 # Dominar
 
@@ -13,20 +13,22 @@ Visit [https://patelka2211.github.io/dominar/](https://patelka2211.github.io/dom
 ## Installation
 
 [![npm (scoped)](https://img.shields.io/npm/v/@patelka2211/dominar)](https://www.npmjs.com/package/@patelka2211/dominar)
-[![npm bundle size (scoped)](https://img.shields.io/bundlephobia/min/@patelka2211/dominar)](https://bundlephobia.com/package/@patelka2211/dominar@1.1.9)
+[![npm bundle size (scoped)](https://img.shields.io/bundlephobia/min/@patelka2211/dominar)](https://bundlephobia.com/package/@patelka2211/dominar@1.2.0)
 [![npm](https://img.shields.io/npm/dy/@patelka2211/dominar)](https://www.npmjs.com/package/@patelka2211/dominar)
-[![jsDelivr hits (npm scoped)](https://img.shields.io/jsdelivr/npm/hy/@patelka2211/dominar)](https://cdn.jsdelivr.net/npm/@patelka2211/[email protected]/)
+[![jsDelivr hits (npm scoped)](https://img.shields.io/jsdelivr/npm/hy/@patelka2211/dominar)](https://cdn.jsdelivr.net/gh/patelka2211/[email protected]/)
+
+<!-- [![jsDelivr hits (npm scoped)](https://img.shields.io/jsdelivr/gh/hy/patelka2211/dominar)](https://cdn.jsdelivr.net/gh/patelka2211/[email protected]/) -->
 
 To install Dominar using npm, run the following command:
 
 ```sh
 npm i @patelka2211/dominar
 ```
 
-Alternatively, you can include [Dominar's IIFE file](https://cdn.jsdelivr.net/npm/@patelka2211/dominar@1.1.9/Dominar.iife.js) in your website using a `<script>` tag:
+Alternatively, you can include [Dominar's IIFE file](https://cdn.jsdelivr.net/gh/patelka2211/dominar@1.2.0/Dominar.js) in your website using a `<script>` tag:
 
 ```html
-<script src="https://cdn.jsdelivr.net/npm/@patelka2211/dominar@1.1.9/Dominar.iife.js"></script>
+<script src="https://cdn.jsdelivr.net/gh/patelka2211/dominar@1.2.0/Dominar.js"></script>
 ```
 
 ## Examples
@@ -88,10 +90,10 @@ addEventListeners(document.body, {
 
 ### When included as a `<script>` tag in a website.
 
-If the script tag is not already included in the `<head>` tag, please add the following script tag to include [Dominar's IIFE JavaScript](https://cdn.jsdelivr.net/npm/@patelka2211/dominar@1.1.9/Dominar.iife.js) file.
+If the script tag is not already included in the `<head>` tag, please add the following script tag to include [Dominar's IIFE JavaScript](https://cdn.jsdelivr.net/gh/patelka2211/dominar@1.2.0/Dominar.js) file.
 
 ```html
-<script src="https://cdn.jsdelivr.net/npm/@patelka2211/dominar@1.1.9/Dominar.iife.js"></script>
+<script src="https://cdn.jsdelivr.net/gh/patelka2211/dominar@1.2.0/Dominar.js"></script>
 ```
 
 ```html

diff --git a/index.html b/index.html
@@ -58,7 +58,7 @@
             content="https://patelka2211.github.io/dominar/website-stuff/media/poster.png"
         />
 
-        <script defer src="./website-stuff/js/index.iife.js"></script>
+        <script defer src="./website-stuff/js/index.bundle.js"></script>
     </head>
 
     <body>

diff --git a/package.json b/package.json
@@ -1,19 +1,18 @@
 {
   "name": "@patelka2211/dominar",
-  "version": "1.1.9",
+  "version": "1.2.0",
   "description": "Dominar is a powerful library designed to make it easy for developers to manipulate the Document Object Model (DOM) and create dynamic HTML content. Dominar empowers you to take control of your web development projects like a pro. Unleash the power to dominate the DOM with Dominar.",
   "main": "index.js",
   "module": "index.js",
   "types": "index.d.ts",
   "scripts": {
-    "build": "rm -rf ./lib/ && tsc -p tsconfig.json && rollup -c && terser ./Dominar.iife.js -c -m -o ./Dominar.iife.js",
-    "test": "tsc test/index.ts -t es6 && rollup test/index.js -o test/out.js",
+    "build": "tsc -p ./tsconfig.json && rollup -c && terser ./index.js -c -m -o ./index.js && terser ./Dominar.js -c -m -o ./Dominar.js && rm -rf ./lib/",
+    "test": "tsc -p ./tsconfig.json && tsc ./test/index.ts -t es6 && rollup ./test/index.js -o ./test/out.js && rm -rf ./lib/",
     "prepare": "npm run build"
   },
   "files": [
     "index.js",
-    "index.d.ts",
-    "Dominar.iife.js"
+    "index.d.ts"
   ],
   "repository": {
     "type": "git",
@@ -22,7 +21,6 @@
   "keywords": [
     "Dominar",
     "Dominar.js",
-    "Dominar.iife.js",
     "front-end",
     "Dominar by KP",
     "Developed by KP",

diff --git a/rollup.config.mjs b/rollup.config.mjs
@@ -1,25 +1,25 @@
 import dts from "rollup-plugin-dts";
 
-const time = new Date(),
+const currentDate = new Date(),
+    options = { year: "numeric", month: "long", day: "numeric" },
+    formattedDate = currentDate.toLocaleDateString("en-US", options),
     banner = `/**
- * [**Dominar by KP**](https://www.npmjs.com/package/@patelka2211/dominar/)
+ * **Dominar** from KPVERSE
  *
- * Dominar is a powerful library designed to make it easy for developers to manipulate the Document Object Model (DOM) and create dynamic HTML content. Dominar empowers you to take control of your web development projects like a pro. Unleash the power to dominate the DOM with Dominar.
+ * Updated on ${formattedDate}.
+ *
+ * Copyright © 2023-present, Kartavya Patel. All rights reserved.
  *
  * @author Kartavya Patel <[email protected]>
  *
  * @license {@link https://github.com/patelka2211/dominar/blob/main/LICENSE MIT}
- *
- * @copyright Kartavya Patel ${time.getFullYear()}
- *
- * Last updated at : ${time.toISOString()}
  */`;
 
 export default [
     {
         input: "./lib/index.js",
         output: {
-            file: "./Dominar.iife.js",
+            file: "./Dominar.js",
             format: "iife",
             name: "Dominar",
             banner: banner,

diff --git a/src/index.ts b/src/index.ts
@@ -3,24 +3,3 @@ export { render } from "./render";
 export { setAttributes } from "./attributes";
 export { addEventListeners, removeEventListeners } from "./eventListeners";
 export { SVGParser } from "./svgParser";
-const VERSION = "1.1.9";
-
-async function getLatestVersion(packageName: string) {
-    try {
-        let response = await fetch(
-            `https://cdn.jsdelivr.net/npm/${packageName}/package.json`
-        );
-        let latest_version = (await response.json()).version;
-
-        return latest_version as string;
-    } catch (error) {
-        return undefined;
-    }
-}
-
-getLatestVersion("@patelka2211/dominar").then((latest_version) => {
-    if (latest_version !== undefined && VERSION < latest_version)
-        console.warn(
-            `You are using Dominar "v${VERSION}".\n\nDominar "v${latest_version}" is available. Visit https://patelka2211.github.io/dominar/ and follow provided instructions to upgrade to the latest version.`
-        );
-});
diff --git a/website-stuff/config.terser.sh b/website-stuff/config.terser.sh
@@ -1,3 +1,3 @@
 #!/bin/bash
 
-terser "./js/index.iife.js" -c -m -o "./js/index.iife.js"
+terser "./js/index.bundle.js" -c -m -o "./js/index.bundle.js"
diff --git a/website-stuff/js/index.iife.js → website-stuff/js/index.bundle.js b/website-stuff/js/index.iife.js → website-stuff/js/index.bundle.js
diff --git a/website-stuff/rollup.config.mjs b/website-stuff/rollup.config.mjs
@@ -1,7 +1,7 @@
 export default {
     input: "./js/index.js",
     output: {
-        file: "./js/index.iife.js",
+        file: "./js/index.bundle.js",
         format: "iife",
     },
 };
-Original file line number
+Diff line change
@@ Expand Up / @@ -58,7 +58,7 @@ @@
                 content="https://patelka2211.github.io/dominar/website-stuff/media/poster.png"
             />
-            <script defer src="./website-stuff/js/index.iife.js"></script>
+            <script defer src="./website-stuff/js/index.bundle.js"></script>
         </head>
         <body>
@@ Expand Down @@