Merge pull request #274 from contentstack/sync/main-change-2.0.4

Sync/main change 2.0.4

Author: hiteshshetty-dev

.husky/pre-commit

@@ -1,6 +1,7 @@
 #!/usr/bin/env sh
 . "$(dirname -- "$0")/_/husky.sh"
 
-npx ts-node --esm mustache.ts
+npm run build
+npx tsx mustache.ts
 git add .
 npx lint-staged

README.md

@@ -15,8 +15,8 @@ npm install @contentstack/live-preview-utils
 Alternatively, if you want to include the package directly in your website HTML code, use the following command:
 
 ```html
-<script type='module'>
-     import ContentstackLivePreview from 'https://esm.sh/@contentstack/live-preview-utils@2.0.3';
+<script type='module'  integrity='sha384-lCmcVfWM6NvgMmsDlPZYYJ9MwFk9oDU3WhsJ3KmUJPWa7iKvIuYl+XzTl+cOCuim' crossorigin="anonymous">
+     import ContentstackLivePreview from 'https://esm.sh/@contentstack/live-preview-utils@2.0.4';
 
      ContentstackLivePreview.init({
         stackDetails: {

main.mustache

@@ -15,7 +15,7 @@ npm install @contentstack/live-preview-utils
 Alternatively, if you want to include the package directly in your website HTML code, use the following command:
 
 ```html
-<script type='module'>
+<script type='module'  integrity='{{integrity}}' crossorigin="anonymous">
      import ContentstackLivePreview from 'https://esm.sh/@contentstack/live-preview-utils@{{packageVersion}}';
 
      ContentstackLivePreview.init({

mustache.ts

@@ -1,18 +1,23 @@
 // index.js
 // import { render } from 'mustache';
 import * as mustache from 'mustache';
-import { readFile, writeFileSync } from 'fs';
+import { readFile, readFileSync, writeFileSync } from 'fs';
 import packageJson from "./package.json" assert { type: "json" };
+import ssri from 'ssri';
 const MUSTACHE_MAIN_DIR = './main.mustache';
+const fileContent = readFileSync('./dist/modern/index.js'); 
+const integrity = ssri.fromData(fileContent, { algorithms: ['sha384'] }); 
 /**
   * DATA is the object that contains all
   * the data to be provided to Mustache
   * Notice the "name" and "date" property.
 */
 const DATA = {
   packageVersion: packageJson.version,
+  integrity: integrity.toString(),
 };
 function generateReadMe() {
+  
   readFile(MUSTACHE_MAIN_DIR, (err, data) =>  {
     if (err) throw err;
     const output = mustache.default.render(data.toString(), DATA);