-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathhistory.html
151 lines (135 loc) · 8.03 KB
/
history.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>History | Closure Next</title>
<meta name="description" content="Closure Library rewritten in TypeScript">
<meta name="keywords" content="Closure, Closure Library, Closure Next, MilesONerd, Enzo Fuke, TypeScript, JavaScript, WebAssembly, Wasm, Framework, TypeScript Framework, Testing, Back-end, Front-end, Full-Stack, Node, Node.js, Angular, Cypress, Deno, Jest, Mobile, API, Next, Nextjs, Nuxt, Nuxtjs, React, Reactjs, Rollup, Svelte, Sveltejs, Vite, Vitejs, Vue, Vuejs, Web Components, Webpack, History">
<meta property="og:url" content="https://closure-next.github.io/history" />
<meta property="og:type" content="website" />
<meta property="og:site_name" content="Closure Next" />
<meta property="og:title" content="Closure Next | Closure Library rewritten in TypeScript" />
<meta property="og:description" content="Closure Library rewritten in TypeScript" />
<meta property="og:image" content="assets/image/Closure Next.png" /> <meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="1200" />
<meta property="og:locale" content="en_US" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:domain" content="closure-next.github.io" />
<meta name="twitter:url" content="https://closure-next.github.io/history" />
<meta name="twitter:title" content="Closure Next | Closure Library rewritten in TypeScript" />
<meta name="twitter:description" content="Closure Library rewritten in TypeScript" />
<meta name="twitter:image" content="assets/image/Closure Next.png" /> <meta name="twitter:image:width" content="1200" />
<meta name="twitter:image:height" content="1200" />
<link rel="icon" href="assets/img/favicon.ico" type="image/x-icon">
<link rel="icon" type="image/png" sizes="16x16" href="assets/img/favicon-16x16.png">
<link rel="icon" type="image/png" sizes="32x32" href="assets/img/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="192x192" href="assets/img/android-chrome-192x192.png">
<link rel="icon" type="image/png" sizes="512x512" href="assets/img/android-chrome-512x512.png">
<link rel="apple-touch-icon" sizes="180x180" href="assets/img/apple-touch-icon.png">
<link rel="manifest" href="assets/img/site.webmanifest">
<div class="h-card">
<a class="u-url" href="https://closure-next.github.io/">
<img class="u-photo" src="assets/image/Closure Next.png" alt="Closure Next Logo" width="80" height="80">
</a>
</div>
<link rel="stylesheet" href="assets/styles.css">
</head>
<body>
<header>
<nav>
<ul>
<li><a href="/">Home</a></li>
<li><a href="/blog">Blog</a></li>
<li><a href="/history">History</a></li>
<li><a href="/contribute">Contribute</a></li>
<li><a href="/showcase">Showcase</a></li>
<li><a href="/faq">FAQ (Frequently Asked Questions)</a></li>
<li><a href="/contact">Contact</a></li>
</ul>
</nav>
</header>
<main>
<section class="content">
<div class="column">
<h2>The Story of Closure Next</h2>
<p>It all started with boredom. One day, while casually checking my emails on Gmail from my computer, I decided to use the "view-source:" command out of curiosity. As I scrolled through the raw HTML, something caught my eye: the name "The Closure Library Authors."</p>
<p>Intrigued, I searched for what it was and discovered that Closure Library was once a powerful JavaScript library developed by Google—but it had been discontinued. Curious about its purpose, I asked ChatGPT, who explained its functionality and significance. That’s when an idea struck me:</p>
<p>💡 Why not bring it back, but modernized for today's web ecosystem?</p>
<h3>Rewriting in TypeScript:</h3>
<p>Determined to revive the project, I decided not just to restore it but to rebuild it from scratch using TypeScript to ensure better maintainability, scalability, and developer experience.</p>
<h3>Expanding Beyond Frontend:</h3>
<p>Initially, it was just Closure Library reimagined—but then I kept adding more.</p>
<p>I introduced native support for:</p>
<p>✅ Deno</p>
<p>✅ Angular, React, Svelte, Vue</p>
<p>✅ Mobile & Hybrid Platform APIs</p>
<p>✅ SSR (Next.js & Nuxt.js)</p>
<p>✅ Node.js</p>
<p>✅ Rollup, Webpack, Vite</p>
<p>✅ Testing (Jest & Cypress)</p>
<p>✅ WebAssembly & Web Components</p>
<p>At some point, I realized... this was no longer just Closure Library. It had evolved into something much bigger: not just frontend, but backend, full-stack, mobile, gaming, and even testing.</p>
<p>It wasn't just Closure Library—it was the next step, the future.</p>
<p>✨ That’s when the name Closure Next was born.</p>
</div>
</section>
<section class="content">
<div class="column">
<h4>Social:</h4>
<ul>
<h5>
<li><a href="https://bsky.app/profile/closure-next.bsky.social">Bluesky</a></li>
<li><a href="https://github.com/closure-next">GitHub</a></li>
<li><a href="https://fosstodon.org/@closure_next">Fosstodon</a></li>
<li><a href="https://t.me/closure_next">Telegram</a></li>
<li><a href="https://x.com/closure_next">X</a></li>
</h5>
</ul>
</div>
<div class="column">
<h4>Repository:</h4>
<ul>
<h5>
<li><a href="https://github.com/MilesONerd/closure-next">MilesONerd/closure-next</a></li>
</h5>
</ul>
</div>
<div class="column">
<h4>Policies and Terms:</h4>
<ul>
<h5>
<li><a href="/policies/privacy">Privacy</li>
<li><a href="/policies/accessibility">Accessibility</li>
<li><a href="/policies/bot">Bot Privacy</li>
<li><a href="/policies/cookies">Cookies</li>
<li><a href="/policies/terms">Terms of Use</li>
<li><a href="/policies/service">Terms of Service</li>
<li><a href="/policies/legal">Legal Responsibility</li>
<li><a href="/policies/contact">Contact for Legal or Privacy Issues</li>
</h5>
</ul>
</div>
</section>
</main>
<footer class="footer">
<h5 align="left">
<div>
<a href="https://github.com/MilesONerd/milesonerd.github.io">Website repository</a> |
<a href="https://github.com/MilesONerd/milesonerd.github.io/blob/main/LICENSE">Site Repository License</a> |
<a href="https://github.com/MilesONerd/closure-next/blob/master/CODE_OF_CONDUCT.md">Code of Conduct</a> |
<a href="https://github.com/MilesONerd/closure-next/blob/master/SECURITY.md">Security Policy</a> |
<a href="https://github.com/MilesONerd/closure-next/blob/master/LICENSE">License</a>
</div>
</h5>
<h5 align="right">
<p>Hosted by <a href="https://pages.github.com" rel="nofollow">GitHub Pages</a></p>
</h5>
<h5 align="center">
<p>This website is not affiliated with any of the companies mentioned. All product names, logos and brands are the property of their respective owners.</p>
<p>Copyright © 2025-2025 The Closure Next Team. All Rights Reserved.</p>
</h5>
</footer>
<script src="https://closure-next.github.io/assets/scripts/functions.js"></script>
</body>
</html>