From 1cd86f28e93d11af280c5ea7ee5390dc8412ed44 Mon Sep 17 00:00:00 2001
From: Nikola Hristov <Nikola@PlayForm.LTD>
Date: Thu, 16 Jan 2025 19:47:18 +0200
Subject: [PATCH]

---
 Source/Function/Commit/Layout.astro | 75 ++++++++++++++++++-----------
 astro.config.ts                     |  8 +--
 2 files changed, 53 insertions(+), 30 deletions(-)

diff --git a/Source/Function/Commit/Layout.astro b/Source/Function/Commit/Layout.astro
index b2a11892..8aa3e4c5 100644
--- a/Source/Function/Commit/Layout.astro
+++ b/Source/Function/Commit/Layout.astro
@@ -2,32 +2,33 @@
 // const { user, repo } = Astro.props;
 
 const UUID = (await import("@Function/Commit/UUID/Fn.js")).default();
+
+const Data = [
+	[
+		"Tiger Nixon",
+		"System Architect",
+		"Edinburgh",
+		"5421",
+		"2011/04/25",
+		"$3,120",
+	],
+	[
+		"Garrett Winters",
+		"Director",
+		"Edinburgh",
+		"8422",
+		"2011/07/25",
+		"$5,300",
+	],
+];
 ---
 
-<commit-table data-uuid={UUID}>
-	<table>
-		<thead>
-			<tr>
-				<th>Commit</th>
-				<th>Author</th>
-				<th>Date</th>
-				<th>Message</th>
-			</tr>
-		</thead>
-		<tbody>
-			<tr>
-				<td>1</td>
-				<td>2</td>
-				<td>3</td>
-				<td>4</td>
-			</tr>
-		</tbody>
-	</table>
+<commit-table data-uuid={UUID} data-data={JSON.stringify(Data)}>
+	<table></table>
 </commit-table>
 
 <script>
 	import DataTable from "datatables.net-dt";
-	import $ from "jquery";
 	import jszip from "jszip";
 	import pdfmake from "pdfmake";
 
@@ -48,15 +49,35 @@ const UUID = (await import("@Function/Commit/UUID/Fn.js")).default();
 	import "datatables.net-select-dt";
 	import "datatables.net-staterestore-dt";
 
-	class Commit extends HTMLDivElement {
+	class Commit extends HTMLElement {
 		connectedCallback() {
-			const UUID = this.dataset["uuid"];
-
-			console.log(UUID);
+			let table = new DataTable(
+				`[data-uuid=${this.dataset["uuid"]}] table`,
+				{
+					// data: JSON.parse(this.dataset["data"] ?? "[]"),
+					data: [
+						{
+							"name": "Tiger Nixon",
+							"position": "System Architect",
+							"salary": "$3,120",
+							"start_date": "2011/04/25",
+							"office": "Edinburgh",
+							"extn": "5421",
+						},
+						{
+							"name": "Garrett Winters",
+							"position": "Director",
+							"salary": "$5,300",
+							"start_date": "2011/07/25",
+							"office": "Edinburgh",
+							"extn": "8422",
+						},
+					],
+					// responsive: true,
+				},
+			);
 		}
 	}
 
-	customElements.define("commit-table", Commit, {
-		extends: "div",
-	});
+	customElements.define("commit-table", Commit);
 </script>
diff --git a/astro.config.ts b/astro.config.ts
index 41dd1539..d57a12a9 100644
--- a/astro.config.ts
+++ b/astro.config.ts
@@ -105,9 +105,11 @@ export default (await import("astro/config")).defineConfig({
 			{
 				name: "crossorigin",
 				transform(Code, Identifier, _) {
-					const crossorigin = Identifier.includes(".js")
-						? `crossorigin=\\"anonymous\\"`
-						: 'crossorigin="anonymous"';
+					const crossorigin =
+						Identifier.includes(".js") ||
+						Identifier.includes(".astro")
+							? `crossorigin=\\"anonymous\\"`
+							: 'crossorigin="anonymous"';
 
 					return Code.replace(/<script/g, `<script ${crossorigin}`)
 						.replace(