1,421st Commit

.gitignore

@@ -2,5 +2,5 @@
 node_modules
 dist
 coverage
-.vitepress/cache
+**/.vitepress/cache
 *.log

README.md

@@ -195,10 +195,6 @@ The structure follows the LIFT Guidelines.
 │   ├── package.json
 │   ├── tsconfig.json
 │   └── vite.config.ts
-├── cdk -> Cloud Development Kit for Terraform with TypeScript
-│   ├── cdktf.json
-│   ├── package.json
-│   └── tsconfig.json
 ├── docs -> Write documentation with VitePress
 │   ├── .vitepress
 │   ├── index.md
@@ -209,6 +205,11 @@ The structure follows the LIFT Guidelines.
 │   ├── package.json
 │   ├── playwright.config.ts
 │   └── tsconfig.json
+├── iac -> Infrastructure as code
+│   ├── src
+│   ├── package.json
+│   ├── Pulumi.yaml
+│   └── tsconfig.json
 ├── mock -> Mock backend API
 │   ├── src
 │   ├── package.json

docs/.vitepress/config.ts

@@ -0,0 +1,16 @@
+import { defineConfig } from 'vitepress';
+
+export default defineConfig({
+  title: 'PROJECT_TITLE',
+  description: 'PROJECT_DESCRIPTION',
+  head: [
+    ['link', { rel: 'icon', type: 'image/svg+xml', href: 'https://vitejs.dev/logo.svg' }],
+    ['meta', { name: 'theme-color', content: '#646cff' }],
+  ],
+  themeConfig: {
+    logo: 'https://vitejs.dev/logo.svg',
+    search: {
+      provider: 'local',
+    },
+  },
+});

docs/.vitepress/theme/index.ts

@@ -0,0 +1,10 @@
+import theme from 'vitepress/theme';
+
+import './vars.css';
+
+export default {
+  ...theme,
+  enhanceApp(ctx) {
+    // ctx.app.use(_);
+  },
+} as typeof theme;

docs/.vitepress/theme/vars.css

@@ -0,0 +1,116 @@
+/**
+ * Colors
+ * -------------------------------------------------------------------------- */
+
+ :root {
+  --vp-c-brand: #646cff;
+  --vp-c-brand-light: #747bff;
+  --vp-c-brand-lighter: #9499ff;
+  --vp-c-brand-lightest: #bcc0ff;
+  --vp-c-brand-dark: #535bf2;
+  --vp-c-brand-darker: #454ce1;
+  --vp-c-brand-dimm: rgba(100, 108, 255, 0.08);
+}
+
+/**
+ * Component: Button
+ * -------------------------------------------------------------------------- */
+
+:root {
+  --vp-button-brand-border: var(--vp-c-brand-light);
+  --vp-button-brand-text: var(--vp-c-white);
+  --vp-button-brand-bg: var(--vp-c-brand);
+  --vp-button-brand-hover-border: var(--vp-c-brand-light);
+  --vp-button-brand-hover-text: var(--vp-c-white);
+  --vp-button-brand-hover-bg: var(--vp-c-brand-light);
+  --vp-button-brand-active-border: var(--vp-c-brand-light);
+  --vp-button-brand-active-text: var(--vp-c-white);
+  --vp-button-brand-active-bg: var(--vp-button-brand-bg);
+}
+
+/**
+ * Component: Home
+ * -------------------------------------------------------------------------- */
+
+:root {
+  --vp-home-hero-name-color: transparent;
+  --vp-home-hero-name-background: -webkit-linear-gradient(
+    120deg,
+    #bd34fe 30%,
+    #41d1ff
+  );
+
+  --vp-home-hero-image-background-image: linear-gradient(
+    -45deg,
+    #bd34fe 50%,
+    #47caff 50%
+  );
+  --vp-home-hero-image-filter: blur(40px);
+}
+
+@media (min-width: 640px) {
+  :root {
+    --vp-home-hero-image-filter: blur(56px);
+  }
+}
+
+@media (min-width: 960px) {
+  :root {
+    --vp-home-hero-image-filter: blur(72px);
+  }
+}
+
+/**
+ * Component: Custom Block
+ * -------------------------------------------------------------------------- */
+
+:root {
+  --vp-custom-block-tip-border: var(--vp-c-brand);
+  --vp-custom-block-tip-text: var(--vp-c-brand-darker);
+  --vp-custom-block-tip-bg: var(--vp-c-brand-dimm);
+}
+
+.dark {
+  --vp-custom-block-tip-border: var(--vp-c-brand);
+  --vp-custom-block-tip-text: var(--vp-c-brand-lightest);
+  --vp-custom-block-tip-bg: var(--vp-c-brand-dimm);
+}
+
+/**
+ * Component: Algolia
+ * -------------------------------------------------------------------------- */
+
+.DocSearch {
+  --docsearch-primary-color: var(--vp-c-brand) !important;
+}
+
+/**
+ * VitePress: Custom fix
+ * -------------------------------------------------------------------------- */
+
+/*
+  Use lighter colors for links in dark mode for a11y.
+  Also specify some classes twice to have higher specificity
+  over scoped class data attribute.
+*/
+.dark .vp-doc a,
+.dark .vp-doc a > code,
+.dark .VPNavBarMenuLink.VPNavBarMenuLink:hover,
+.dark .VPNavBarMenuLink.VPNavBarMenuLink.active,
+.dark .link.link:hover,
+.dark .link.link.active,
+.dark .edit-link-button.edit-link-button,
+.dark .pager-link .title {
+  color: var(--vp-c-brand-lighter);
+}
+
+.dark .vp-doc a:hover,
+.dark .vp-doc a > code:hover {
+  color: var(--vp-c-brand-lightest);
+  opacity: 1;
+}
+
+/* Transition by color instead of opacity */
+.dark .vp-doc .custom-block a {
+  transition: color 0.25s;
+}

docs/index.md

@@ -0,0 +1,38 @@
+---
+layout: home
+
+hero:
+  name: PROJECT_TITLE
+  text: Thoughts on Vite
+  tagline: Get ready for a development environment that can finally catch up with you.
+  image:
+    src: https://vitejs.dev/logo-with-shadow.png
+    alt: Vite
+  actions:
+    - theme: brand
+      text: Get Started
+      link: /sheets/
+    - theme: alt
+      text: View on GitHub
+      link: https://github.com/Shyam-Chen/Fastify-Starter
+
+features:
+  - icon: 💡
+    title: Instant Server Start
+    details: On demand file serving over native ESM, no bundling required!
+  - icon: ⚡️
+    title: Lightning Fast HMR
+    details: Hot Module Replacement (HMR) that stays fast regardless of app size.
+  - icon: 🛠️
+    title: Rich Features
+    details: Out-of-the-box support for TypeScript, JSX, CSS and more.
+  - icon: 📦
+    title: Optimized Build
+    details: Pre-configured Rollup build with multi-page and library mode support.
+  - icon: 🔩
+    title: Universal Plugins
+    details: Rollup-superset plugin interface shared between dev and build.
+  - icon: 🔑
+    title: Fully Typed APIs
+    details: Flexible programmatic APIs with full TypeScript typing.
+---

docs/package.json

@@ -0,0 +1,12 @@
+{
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "dev": "vitepress dev --port 3715",
+    "build": "vitepress build",
+    "preview": "vitepress preview --port 3714"
+  },
+  "devDependencies": {
+    "vitepress": "^1.0.2"
+  }
+}