npm - create-lupine - Versions diffs - 1.0.6 → 1.0.8 - Mend

create-lupine 1.0.6 → 1.0.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (40) hide show

package/index.js CHANGED Viewed

@@ -51,6 +51,13 @@ const TEMPLATES = [
     color: green,
     needsPress: true,
   },
+  {
+    name: 'cv-starter',
+    display: 'CV Starter',
+    itemType: 'frontend',
+    color: green,
+    needsPress: true,
+  },
 ];
 async function init() {

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "create-lupine",
-  "version": "1.0.6",
+  "version": "1.0.8",
   "description": "Scaffolding tool for Lupine.js projects",
   "bin": {
     "create-lupine": "index.js"

package/templates/cv-starter/api/package.json ADDED Viewed

@@ -0,0 +1,6 @@
+{
+  "name": "cv-starter-api",
+  "version": "1.0.0",
+  "dependencies": {},
+  "devDependencies": {}
+}

package/templates/cv-starter/api/resources/config_default.json ADDED Viewed

@@ -0,0 +1,6 @@
+{
+  "WEB.pageLimit": "15",
+  "WEB.siteTitle": "Sample title",
+  "WEB.siteEmail": "sample@sample.com",
+  "WEB.siteUrl": "https://sample.com"
+}

package/templates/cv-starter/api/resources/install.sqlite.sql ADDED Viewed

@@ -0,0 +1,4 @@
+#-- sql queries to create tables
+#-- Never name a table with plural (such as "users")
+#-- Never name a table using a reserved keyword (such as "user")
+#-- Never prefix your table name with "tbl" or some other object type prefix

package/templates/cv-starter/api/src/index.ts ADDED Viewed

@@ -0,0 +1,15 @@
+import { IApiBase, ApiRouter, StaticServer, ApiModule } from 'lupine.api';
+class DocApi implements IApiBase {
+  protected router = new ApiRouter();
+  constructor() {
+    this.router.use('*', new StaticServer().processRequest.bind(new StaticServer()));
+  }
+  public getRouter(): ApiRouter {
+    return this.router;
+  }
+}
+export const apiModule = new ApiModule(new DocApi());

package/templates/cv-starter/lupine.json ADDED Viewed

@@ -0,0 +1,38 @@
+{
+  "name": "cv-starter",
+  "markdownEntryPoints": {
+    "indir": "web/markdown",
+    "outdir": "web/src/markdown-built"
+  },
+  "webEntryPoints": [
+    {
+      "index": "web/src/index.tsx",
+      "html": "web/src/index.html",
+      "outdir": "/"
+    },
+    {
+      "index": "web/github-pj-name/index.tsx",
+      "html": "web/github-pj-name/index.html",
+      "outdir": "/github-pj-name"
+    }
+  ],
+  "apiEntryPoint": "api/src/index.ts",
+  "watchFiles": ["web/markdown/**/*.md"],
+  "copyFiles": [
+    {
+      "type": "web",
+      "from": "web/assets",
+      "to": "assets"
+    },
+    {
+      "type": "web",
+      "from": "web/github-pj-name/404.html",
+      "to": "github-pj-name/404.html"
+    },
+    {
+      "type": "data",
+      "from": "api/resources",
+      "to": "resources"
+    }
+  ]
+}

package/templates/cv-starter/web/assets/favicon.ico ADDED Viewed

Binary file

package/templates/cv-starter/web/github-pj-name/404.html ADDED Viewed

@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Page Not Found</title>
+    <style>
+      main {
+        display: flex;
+        height: 100vh;
+        justify-content: center;
+        align-items: center;
+        flex-direction: column;
+      }
+      .header404 {
+        font-size: 48px;
+      }
+    </style>
+    <script type="text/javascript">
+      // Single Page Apps for GitHub Pages, change all "/github-pj-name/" to your github project name
+      if (window.location.pathname.includes('/github-pj-name/')) {
+        window.location.href = '/github-pj-name/?redirect=' + window.location.pathname;
+      }
+    </script>
+  </head>
+  <body>
+    <main>
+      <h4 class="header404">404</h4>
+      <div class="content-404">Uh-oh! We couldn't find the page you are looking for.</div>
+      <p>
+        <a href="/github-pj-name/">Check our home page</a>
+      </p>
+    </main>
+  </body>
+</html>

package/templates/cv-starter/web/github-pj-name/assets/favicon.ico ADDED Viewed

Binary file

package/templates/cv-starter/web/github-pj-name/index.html ADDED Viewed

@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html data-theme="<!--META-THEME-->">
+  <head>
+    <meta charset="utf-8" />
+    <title><!--META-TITLE--></title>
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <!--META-ENV-START-->
+    <!--META-ENV-END-->
+    <link rel="shortcut icon" href="{SUBDIR}/assets/favicon.ico?t={hash}" type="image/x-icon" />
+    <link rel="stylesheet" type="text/css" href="{SUBDIR}/index.css?t={hash}" />
+    <script defer src="{SUBDIR}/index.js#t={hash}"></script>
+  </head>
+  <body>
+    <div class="lupine-root"></div>
+  </body>
+</html>

package/templates/cv-starter/web/github-pj-name/index.tsx ADDED Viewed

@@ -0,0 +1,33 @@
+import {
+  bindRouter,
+  PageRouter,
+  bindTheme,
+  bindLang,
+  setDefaultPageTitle,
+  isFrontEnd,
+  debugWatch,
+  webEnv,
+  bindAppGlobalStyle,
+} from 'lupine.components';
+import { bindPressData, PressPage, pressThemes, setPressSubDir } from 'lupine.press';
+import { ClientEnvKeys } from '../src/client-env-keys';
+import { baseCss } from '../src/styles/base-css';
+import { markdownConfig } from '../src/markdown-built/markdown-config';
+if (isFrontEnd() && webEnv(ClientEnvKeys.NODE_ENV, '') === 'development') {
+  debugWatch(webEnv(ClientEnvKeys.API_PORT, 0));
+}
+bindLang('en', {});
+bindTheme('light', pressThemes);
+bindAppGlobalStyle('comm-css', baseCss, false, true);
+setDefaultPageTitle('Doc Starter');
+bindPressData(markdownConfig);
+setPressSubDir('/github-pj-name');
+const pageRouter = new PageRouter();
+pageRouter.setSubDir('/github-pj-name');
+pageRouter.use('*', PressPage);
+bindRouter(pageRouter);

package/templates/cv-starter/web/markdown/en/01-experience/index.md ADDED Viewed

@@ -0,0 +1,32 @@
+---
+title: Experience
+order: 1
+---
+# Experience
+## Senior Frontend Engineer | TechSolutions NZ Ltd.
+**Auckland, NZ | June 2021 - Present**
+- **Core Architecture**: Spearheaded the architectural design and refactoring of the company's flagship product, successfully reducing First Contentful Paint (FCP) from 2.5s to 1.2s.
+- **Design System**: Led the development and maintenance of the internal UI library `abc-ui`, boosting team development efficiency by over 30%.
+- **Performance Optimisation**: Optimised rendering performance for large-scale data visualisation dashboards, enabling smooth handling of 100k+ data points.
+- **Mentorship**: Mentored three junior developers, established coding standards, and conducted regular code reviews to ensure high code quality.
+## Full Stack Developer | Creative Web Agency
+**Auckland, NZ | June 2018 - May 2021**
+- **System Development**: Took full ownership of the full-stack development for an e-commerce admin portal (Vue.js + Node.js), implementing key modules including order management and role-based access control (RBAC).
+- **API Design**: Designed and implemented RESTful APIs, documenting them with Swagger to facilitate seamless frontend-backend integration.
+- **CI/CD**: Implemented an automated build and deployment pipeline using Jenkins, cutting release times by 50%.
+- **Mobile Responsiveness**: ensured all marketing H5 pages were fully responsive and cross-browser compatible across major devices.
+## Frontend Intern | Digital Innovation Studio
+**Wellington, NZ | July 2017 - May 2018**
+- **UI Implementation**: Collaborated closely with UI/UX designers to deliver pixel-perfect web pages with semantic HTML and clean CSS.
+- **Interactivity**: Implemented complex page interactions using Vanilla JS and jQuery.
+- **Maintenance**: Assisted with daily bug fixes and feature maintenance tasks.

package/templates/cv-starter/web/markdown/en/02-projects/index.md ADDED Viewed

@@ -0,0 +1,36 @@
+---
+title: Projects
+order: 2
+---
+# Projects
+## [Lupine.js](https://github.com/uuware/lupine.js) (Open Source)
+**Stack**: TypeScript, React, Node.js
+- **Overview**: A high-performance, modular full-stack development framework designed to streamline modern web application builds.
+- **Key Contributions**:
+  - Architected and implemented the core runtime environment.
+  - Designed a robust plugin system, enabling dynamic extension loading.
+  - Authored comprehensive official documentation and example projects.
+- **Impact**: Garnered 1k+ Stars on GitHub; recognised as a core contributor.
+## Personal Blog Generator
+**Stack**: Next.js, Tailwind CSS, Markdown
+- **Overview**: A static site generator for personal blogs built with Next.js, featuring MDX rendering and customisable themes.
+- **Features**:
+  - High-performance Static Site Generation (SSG) for optimal SEO.
+  - Integrated commenting system and full-text search capability.
+  - Native Dark Mode support.
+- **Outcome**: Actively maintained personal project with 500+ daily unique visitors.
+## Real-time Collaborative Editor
+**Stack**: Vue 3, Socket.io, Node.js, MongoDB
+- **Overview**: A collaborative online document editing tool similar to Google Docs.
+- **Challenge**: Implemented Operational Transformation (OT) algorithms to handle conflict resolution during simultaneous multi-user editing.
+- **Outcome**: Successfully supported 20+ concurrent users editing a single document with latency under 100ms.

package/templates/cv-starter/web/markdown/en/03-skills/index.md ADDED Viewed

@@ -0,0 +1,28 @@
+---
+title: Skills
+order: 3
+---
+# Technical Skills
+## Frontend & Core
+- **JavaScript (ES6+) / TypeScript**: Expert level; capable of writing strict, type-safe, and scalable code.
+- **HTML5 / CSS3**: Proficient with semantic markup, Flexbox, Grid, and modern responsive design principles.
+- **React / Vue**: Deep understanding of React Hooks and Vue 3 Composition API/Reactivity system.
+## Backend & Database
+- **Node.js**: Experienced with Express, Koa, and NestJS frameworks for building robust server-side applications.
+- **Databases**: Competent with MySQL, MongoDB, and Redis, including schema design and basic performance tuning.
+## DevOps & Tools
+- **Build Tools**: Skilled locally with Webpack, Vite, and Rollup.
+- **Version Control**: Proficient with Git and Git Flow workflows.
+- **CI/CD**: Experienced in setting up pipelines with GitHub Actions, Jenkins, and Docker.
+## General
+- **Languages**: English (Professional working proficiency).
+- **Design**: Comfortable using Figma/Sketch for inspecting designs; solid understanding of UI/UX principles.

package/templates/cv-starter/web/markdown/en/04-education/index.md ADDED Viewed

@@ -0,0 +1,16 @@
+---
+title: Education
+order: 4
+---
+# Education
+## University of Auckland
+**Bachelor of Science in Computer Science**
+**Feb 2014 - Nov 2017**
+- **Key Coursework**: Data Structures & Algorithms, Operating Systems, Computer Networks, Database Systems, Software Engineering.
+- **Achievements**:
+  - Dean's Honours List (2016).
+  - First Class Honours.

package/templates/cv-starter/web/markdown/en/index.md ADDED Viewed

@@ -0,0 +1,37 @@
+---
+title: CV
+order: 0
+github-title: View on GitHub
+github-link: https://github.com/uuware/lupine.js
+sidebar:
+  - text: Details
+    items:
+      - /en/01-experience/index
+      - /en/02-projects/index
+      - /en/03-skills/index
+      - /en/04-education/index
+---
+# Alex Freeman
+> Full Stack Engineer | Open Source Enthusiast | Lifelong Learner
+- 📧 Email: your.email@example.com
+- 📱 Mobile: +64 21 123 4567
+- 🔗 GitHub: [github.com/yourusername](https://github.com/yourusername)
+- 🌐 Blog: [yourblog.com](https://yourblog.com)
+- 📍 Location: Auckland, New Zealand
+## Personal Statement
+A seasoned Full Stack Engineer with over 5 years of experience in designing and building high-performance, scalable web applications. Proficient in the modern JavaScript ecosystem, including React, Node.js, and TypeScript. Passionate about open source software and actively maintaining several popular repositories on GitHub.
+A problem-solver at heart with strong collaborative and communication skills. Committed to writing clean, maintainable code and delivering exceptional user experiences.
+## Career Objectives
+- **Role**: Senior Frontend Engineer / Full Stack Engineer
+- **Location**: Auckland / Remote
+- **Availability**: 4 weeks notice
+- **Visa Status**: NZ Resident / Work Visa

package/templates/cv-starter/web/markdown/index.md ADDED Viewed

@@ -0,0 +1,7 @@
+---
+lang:
+  - title: English
+    id: en
+  - title: 简体中文
+    id: zh
+---

package/templates/cv-starter/web/markdown/zh/01-experience/index.md ADDED Viewed

@@ -0,0 +1,32 @@
+---
+title: 工作经历
+order: 1
+---
+# 工作经历
+## 高级前端工程师 | ABC 科技有限公司
+**2021.06 - 至今**
+- **核心架构**: 负责公司核心产品的前端架构设计与重构，将首屏加载时间从 2.5s 优化至 1.2s。
+- **组件库建设**: 主导开发并维护公司内部组件库 `abc-ui`，提升团队开发效率 30% 以上。
+- **性能优化**: 针对大型数据可视化页面进行性能调优，支持十万级数据流畅渲染。
+- **团队协作**: 指导 3 名初级工程师，制定代码规范并进行代码审查。
+## 全栈工程师 | XYZ 网络技术有限公司
+**2018.06 - 2021.05**
+- **系统开发**: 独立负责电商后台管理系统的全栈开发（Vue.js + Node.js），实现了订单管理、用户权限等模块。
+- **API 设计**: 设计并实现 RESTful API，并编写 Swagger 文档，方便前后端协作。
+- **CI/CD**: 搭建基于 Jenkins 的自动化构建与部署流程，将发布时间缩短 50%。
+- **移动端适配**: 负责 H5 营销页面的开发与兼容性调试，确保在主流浏览器及移动设备上的完美展示。
+## 前端实习生 | MNO 创新工作室
+**2017.07 - 2018.05**
+- **页面切图**: 配合 UI 设计师完成高保真页面还原，HTML/CSS 代码规范整洁。
+- **交互实现**: 使用 jQuery/原生 JS 实现复杂的页面交互效果。
+- **Bug 修复**: 参与日常 Bug 修复与功能维护。

package/templates/cv-starter/web/markdown/zh/02-projects/index.md ADDED Viewed

@@ -0,0 +1,36 @@
+---
+title: 项目经验
+order: 2
+---
+# 项目经验
+## [Lupine.js](https://github.com/uuware/lupine.js) (示例项目)
+**技术栈**: TypeScript, React, Node.js
+- **项目描述**: 一个高性能、模块化的全栈开发框架，旨在简化现代 Web 应用的构建过程。
+- **负责内容**:
+  - 核心运行时设计与实现。
+  - 插件系统架构，支持动态加载扩展。
+  - 编写详细的官方文档与示例代码。
+- **成果**: 在 GitHub 上获得 1k+ Stars，主要贡献者之一。
+## 个人博客系统
+**技术栈**: Next.js, Tailwind CSS, Markdown
+- **项目描述**: 基于 Next.js 构建的静态博客生成器，支持 MDX 渲染与自定义主题。
+- **主要功能**:
+  - 高性能 SSG 渲染，SEO 友好。
+  - 集成评论系统与全文搜索。
+  - 暗黑模式支持。
+- **成果**: 个人长期维护，日均访问量 500+。
+## 实时协作文档平台
+**技术栈**: Vue 3, Socket.io, Node.js, MongoDB
+- **项目描述**: 类似于 Google Docs 的多人实时在线协作文档编辑工具。
+- **核心难点**: 解决多人同时编辑时的冲突处理（OT 算法）。
+- **成果**: 成功支持 20+ 人同时在线编辑同一文档，延迟低至 100ms。

package/templates/cv-starter/web/markdown/zh/03-skills/index.md ADDED Viewed

@@ -0,0 +1,28 @@
+---
+title: 专业技能
+order: 3
+---
+# 专业技能
+## 前端核心
+- **JavaScript (ES6+) / TypeScript**: 精通，能够编写类型安全的高质量代码。
+- **HTML5 / CSS3**: 熟练掌握，熟悉 Flexbox, Grid 布局及响应式设计。
+- **React / Vue**: 深入理解 React Hooks 和 Vue 3 响应式原理，有丰富的实战经验。
+## 后端与数据库
+- **Node.js**: 熟悉 Express / Koa / NestJS 框架，能够构建可扩展的服务端应用。
+- **Database**: 熟悉 MySQL, MongoDB, Redis 的使用与基本调优。
+## 工程化与工具
+- **构建工具**: 熟练使用 Webpack, Vite, Rollup 进行项目构建与优化。
+- **版本控制**: 精通 Git 操作，熟悉 Git Flow 工作流。
+- **CI/CD**: 熟悉 GitHub Actions, Jenkins, Docker 容器化部署。
+## 其他
+- **英语**: CET-6，能够流畅阅读英文技术文档。
+- **设计**: 熟练使用 Figma / Sketch 查看设计稿，具备基本的审美能力。

package/templates/cv-starter/web/markdown/zh/04-education/index.md ADDED Viewed

@@ -0,0 +1,17 @@
+---
+title: 教育背景
+order: 4
+---
+# 教育背景
+## 上海交通大学 (示例)
+**计算机科学与技术 | 本科**
+**2014.09 - 2018.06**
+- **主修课程**: 数据结构与算法、操作系统、计算机网络、数据库原理、软件工程。
+- **荣誉奖项**:
+  - 2016-2017 学年 校级一等奖学金
+  - 2017 年 全国大学生数学建模竞赛 省级二等奖
+  - 2018 年 优秀毕业生

package/templates/cv-starter/web/markdown/zh/index.md ADDED Viewed

@@ -0,0 +1,37 @@
+---
+title: 工作简历
+order: 0
+github-title: View on GitHub
+github-link: https://github.com/uuware/lupine.js
+sidebar:
+  - text: 详细介绍
+    items:
+      - /zh/01-experience/index
+      - /zh/02-projects/index
+      - /zh/03-skills/index
+      - /zh/04-education/index
+---
+# 张三 (San Zhang)
+> 全栈工程师 | 开源爱好者 | 持续学习者
+- 📧 Email: your.email@example.com
+- 📱 电话: +86 138 0000 0000
+- 🔗 GitHub: [github.com/yourusername](https://github.com/yourusername)
+- 🌐 博客: [yourblog.com](https://yourblog.com)
+- 📍 地点: 中国，上海
+## 个人简介
+拥有 5 年以上的前端和后端开发经验，专注于构建高性能、可扩展的 Web 应用。熟练掌握 React, Node.js, TypeScript 等技术栈。热衷于开源社区，并在 GitHub 上维护多个受欢迎的项目。
+善于解决复杂问题，具备良好的团队协作能力和沟通技巧。致力于编写整洁、可维护的代码，并关注用户体验和产品质量。
+## 求职意向
+- **期望职位**: 高级前端工程师 / 全栈工程师
+- **期望城市**: 上海 / 杭州 / 远程
+- **期望薪资**: 面议
+- **目前状态**: 随时到岗

package/templates/cv-starter/web/package.json ADDED Viewed

@@ -0,0 +1,6 @@
+{
+  "name": "cv-starter-web",
+  "version": "1.0.0",
+  "dependencies": {},
+  "devDependencies": {}
+}

package/templates/cv-starter/web/src/client-env-keys.ts ADDED Viewed

@@ -0,0 +1,5 @@
+export const enum ClientEnvKeys {
+  API_PORT = 'API_PORT',
+  API_BASE_URL = 'API_BASE_URL',
+  NODE_ENV = 'NODE_ENV',
+}

package/templates/cv-starter/web/src/index.html ADDED Viewed

@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html data-theme="<!--META-THEME-->">
+  <head>
+    <meta charset="utf-8" />
+    <title><!--META-TITLE--></title>
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <!--META-ENV-START-->
+    <!--META-ENV-END-->
+    <link rel="shortcut icon" href="{SUBDIR}/assets/favicon.ico?t={hash}" type="image/x-icon" />
+    <link rel="stylesheet" type="text/css" href="{SUBDIR}/index.css?t={hash}" />
+    <script defer src="{SUBDIR}/index.js#t={hash}"></script>
+  </head>
+  <body>
+    <div class="lupine-root"></div>
+  </body>
+</html>

package/templates/cv-starter/web/src/index.tsx ADDED Viewed

@@ -0,0 +1,31 @@
+import {
+  bindRouter,
+  PageRouter,
+  bindTheme,
+  bindLang,
+  setDefaultPageTitle,
+  isFrontEnd,
+  debugWatch,
+  webEnv,
+  bindAppGlobalStyle,
+} from 'lupine.components';
+import { bindPressData, PressPage, pressThemes } from 'lupine.press';
+import { markdownConfig } from './markdown-built/markdown-config';
+import { ClientEnvKeys } from './client-env-keys';
+import { baseCss } from './styles/base-css';
+if (isFrontEnd() && webEnv(ClientEnvKeys.NODE_ENV, '') === 'development') {
+  debugWatch(webEnv(ClientEnvKeys.API_PORT, 0));
+}
+bindLang('en', {});
+bindTheme('light', pressThemes);
+bindAppGlobalStyle('comm-css', baseCss, false, true);
+setDefaultPageTitle('Lupine.js Doc');
+bindPressData(markdownConfig);
+const pageRouter = new PageRouter();
+pageRouter.use('*', PressPage);
+bindRouter(pageRouter);

package/templates/cv-starter/web/src/markdown-built/en/01-experience/index.html ADDED Viewed

@@ -0,0 +1,20 @@
+<h1 id="experience"><a class="header-anchor" href="#experience">#</a>Experience</h1><h2 id="senior-frontend-engineer-techsolutions-nz-ltd"><a class="header-anchor" href="#senior-frontend-engineer-techsolutions-nz-ltd">#</a>Senior Frontend Engineer | TechSolutions NZ Ltd.</h2><p><strong>Auckland, NZ | June 2021 - Present</strong></p>
+<ul>
+<li><strong>Core Architecture</strong>: Spearheaded the architectural design and refactoring of the company&#39;s flagship product, successfully reducing First Contentful Paint (FCP) from 2.5s to 1.2s.</li>
+<li><strong>Design System</strong>: Led the development and maintenance of the internal UI library <code>abc-ui</code>, boosting team development efficiency by over 30%.</li>
+<li><strong>Performance Optimisation</strong>: Optimised rendering performance for large-scale data visualisation dashboards, enabling smooth handling of 100k+ data points.</li>
+<li><strong>Mentorship</strong>: Mentored three junior developers, established coding standards, and conducted regular code reviews to ensure high code quality.</li>
+</ul>
+<h2 id="full-stack-developer-creative-web-agency"><a class="header-anchor" href="#full-stack-developer-creative-web-agency">#</a>Full Stack Developer | Creative Web Agency</h2><p><strong>Auckland, NZ | June 2018 - May 2021</strong></p>
+<ul>
+<li><strong>System Development</strong>: Took full ownership of the full-stack development for an e-commerce admin portal (Vue.js + Node.js), implementing key modules including order management and role-based access control (RBAC).</li>
+<li><strong>API Design</strong>: Designed and implemented RESTful APIs, documenting them with Swagger to facilitate seamless frontend-backend integration.</li>
+<li><strong>CI/CD</strong>: Implemented an automated build and deployment pipeline using Jenkins, cutting release times by 50%.</li>
+<li><strong>Mobile Responsiveness</strong>: ensured all marketing H5 pages were fully responsive and cross-browser compatible across major devices.</li>
+</ul>
+<h2 id="frontend-intern-digital-innovation-studio"><a class="header-anchor" href="#frontend-intern-digital-innovation-studio">#</a>Frontend Intern | Digital Innovation Studio</h2><p><strong>Wellington, NZ | July 2017 - May 2018</strong></p>
+<ul>
+<li><strong>UI Implementation</strong>: Collaborated closely with UI/UX designers to deliver pixel-perfect web pages with semantic HTML and clean CSS.</li>
+<li><strong>Interactivity</strong>: Implemented complex page interactions using Vanilla JS and jQuery.</li>
+<li><strong>Maintenance</strong>: Assisted with daily bug fixes and feature maintenance tasks.</li>
+</ul>

package/templates/cv-starter/web/src/markdown-built/en/02-projects/index.html ADDED Viewed

@@ -0,0 +1,28 @@
+<h1 id="projects"><a class="header-anchor" href="#projects">#</a>Projects</h1><h2 id="lupine-js-https-github-com-uuware-lupine-js-open-source"><a class="header-anchor" href="#lupine-js-https-github-com-uuware-lupine-js-open-source">#</a><a href="https://github.com/uuware/lupine.js">Lupine.js</a> (Open Source)</h2><p><strong>Stack</strong>: TypeScript, React, Node.js</p>
+<ul>
+<li><strong>Overview</strong>: A high-performance, modular full-stack development framework designed to streamline modern web application builds.</li>
+<li><strong>Key Contributions</strong>:<ul>
+<li>Architected and implemented the core runtime environment.</li>
+<li>Designed a robust plugin system, enabling dynamic extension loading.</li>
+<li>Authored comprehensive official documentation and example projects.</li>
+</ul>
+</li>
+<li><strong>Impact</strong>: Garnered 1k+ Stars on GitHub; recognised as a core contributor.</li>
+</ul>
+<h2 id="personal-blog-generator"><a class="header-anchor" href="#personal-blog-generator">#</a>Personal Blog Generator</h2><p><strong>Stack</strong>: Next.js, Tailwind CSS, Markdown</p>
+<ul>
+<li><strong>Overview</strong>: A static site generator for personal blogs built with Next.js, featuring MDX rendering and customisable themes.</li>
+<li><strong>Features</strong>:<ul>
+<li>High-performance Static Site Generation (SSG) for optimal SEO.</li>
+<li>Integrated commenting system and full-text search capability.</li>
+<li>Native Dark Mode support.</li>
+</ul>
+</li>
+<li><strong>Outcome</strong>: Actively maintained personal project with 500+ daily unique visitors.</li>
+</ul>
+<h2 id="real-time-collaborative-editor"><a class="header-anchor" href="#real-time-collaborative-editor">#</a>Real-time Collaborative Editor</h2><p><strong>Stack</strong>: Vue 3, Socket.io, Node.js, MongoDB</p>
+<ul>
+<li><strong>Overview</strong>: A collaborative online document editing tool similar to Google Docs.</li>
+<li><strong>Challenge</strong>: Implemented Operational Transformation (OT) algorithms to handle conflict resolution during simultaneous multi-user editing.</li>
+<li><strong>Outcome</strong>: Successfully supported 20+ concurrent users editing a single document with latency under 100ms.</li>
+</ul>

package/templates/cv-starter/web/src/markdown-built/en/03-skills/index.html ADDED Viewed

@@ -0,0 +1,18 @@
+<h1 id="technical-skills"><a class="header-anchor" href="#technical-skills">#</a>Technical Skills</h1><h2 id="frontend-core"><a class="header-anchor" href="#frontend-core">#</a>Frontend &amp; Core</h2><ul>
+<li><strong>JavaScript (ES6+) / TypeScript</strong>: Expert level; capable of writing strict, type-safe, and scalable code.</li>
+<li><strong>HTML5 / CSS3</strong>: Proficient with semantic markup, Flexbox, Grid, and modern responsive design principles.</li>
+<li><strong>React / Vue</strong>: Deep understanding of React Hooks and Vue 3 Composition API/Reactivity system.</li>
+</ul>
+<h2 id="backend-database"><a class="header-anchor" href="#backend-database">#</a>Backend &amp; Database</h2><ul>
+<li><strong>Node.js</strong>: Experienced with Express, Koa, and NestJS frameworks for building robust server-side applications.</li>
+<li><strong>Databases</strong>: Competent with MySQL, MongoDB, and Redis, including schema design and basic performance tuning.</li>
+</ul>
+<h2 id="devops-tools"><a class="header-anchor" href="#devops-tools">#</a>DevOps &amp; Tools</h2><ul>
+<li><strong>Build Tools</strong>: Skilled locally with Webpack, Vite, and Rollup.</li>
+<li><strong>Version Control</strong>: Proficient with Git and Git Flow workflows.</li>
+<li><strong>CI/CD</strong>: Experienced in setting up pipelines with GitHub Actions, Jenkins, and Docker.</li>
+</ul>
+<h2 id="general"><a class="header-anchor" href="#general">#</a>General</h2><ul>
+<li><strong>Languages</strong>: English (Professional working proficiency).</li>
+<li><strong>Design</strong>: Comfortable using Figma/Sketch for inspecting designs; solid understanding of UI/UX principles.</li>
+</ul>

package/templates/cv-starter/web/src/markdown-built/en/04-education/index.html ADDED Viewed

@@ -0,0 +1,10 @@
+<h1 id="education"><a class="header-anchor" href="#education">#</a>Education</h1><h2 id="university-of-auckland"><a class="header-anchor" href="#university-of-auckland">#</a>University of Auckland</h2><p><strong>Bachelor of Science in Computer Science</strong>
+<strong>Feb 2014 - Nov 2017</strong></p>
+<ul>
+<li><strong>Key Coursework</strong>: Data Structures &amp; Algorithms, Operating Systems, Computer Networks, Database Systems, Software Engineering.</li>
+<li><strong>Achievements</strong>:<ul>
+<li>Dean&#39;s Honours List (2016).</li>
+<li>First Class Honours.</li>
+</ul>
+</li>
+</ul>

package/templates/cv-starter/web/src/markdown-built/en/index.html ADDED Viewed

@@ -0,0 +1,18 @@
+<h1 id="alex-freeman"><a class="header-anchor" href="#alex-freeman">#</a>Alex Freeman</h1><blockquote>
+<p>Full Stack Engineer | Open Source Enthusiast | Lifelong Learner</p>
+</blockquote>
+<ul>
+<li>📧 Email: <a href="javascript:lpPressLoad('/en/mailto:your.email@example.com')">your.email@example.com</a></li>
+<li>📱 Mobile: +64 21 123 4567</li>
+<li>🔗 GitHub: <a href="https://github.com/yourusername">github.com/yourusername</a></li>
+<li>🌐 Blog: <a href="https://yourblog.com">yourblog.com</a></li>
+<li>📍 Location: Auckland, New Zealand</li>
+</ul>
+<h2 id="personal-statement"><a class="header-anchor" href="#personal-statement">#</a>Personal Statement</h2><p>A seasoned Full Stack Engineer with over 5 years of experience in designing and building high-performance, scalable web applications. Proficient in the modern JavaScript ecosystem, including React, Node.js, and TypeScript. Passionate about open source software and actively maintaining several popular repositories on GitHub.</p>
+<p>A problem-solver at heart with strong collaborative and communication skills. Committed to writing clean, maintainable code and delivering exceptional user experiences.</p>
+<h2 id="career-objectives"><a class="header-anchor" href="#career-objectives">#</a>Career Objectives</h2><ul>
+<li><strong>Role</strong>: Senior Frontend Engineer / Full Stack Engineer</li>
+<li><strong>Location</strong>: Auckland / Remote</li>
+<li><strong>Availability</strong>: 4 weeks notice</li>
+<li><strong>Visa Status</strong>: NZ Resident / Work Visa</li>
+</ul>

package/templates/cv-starter/web/src/markdown-built/index.html ADDED Viewed

File without changes

package/templates/cv-starter/web/src/markdown-built/markdown-config.ts ADDED Viewed

@@ -0,0 +1,25 @@
+import html0 from './index.html';
+import html1 from './en/01-experience/index.html';
+import html2 from './en/02-projects/index.html';
+import html3 from './en/03-skills/index.html';
+import html4 from './en/04-education/index.html';
+import html5 from './en/index.html';
+import html6 from './zh/01-experience/index.html';
+import html7 from './zh/02-projects/index.html';
+import html8 from './zh/03-skills/index.html';
+import html9 from './zh/04-education/index.html';
+import html10 from './zh/index.html';
+export const markdownConfig: Record<string, { html: string; data: any; headings: any[] }> = {
+  '/': { html: html0, data: {"lang":[{"title":"English","id":"en"},{"title":"简体中文","id":"zh"}]}, headings: [] },
+  '/en/01-experience/index': { html: html1, data: {"title":"Experience","order":1}, headings: [{"level":2,"text":"Senior Frontend Engineer | TechSolutions NZ Ltd.","id":"senior-frontend-engineer-techsolutions-nz-ltd"},{"level":2,"text":"Full Stack Developer | Creative Web Agency","id":"full-stack-developer-creative-web-agency"},{"level":2,"text":"Frontend Intern | Digital Innovation Studio","id":"frontend-intern-digital-innovation-studio"}] },
+  '/en/02-projects/index': { html: html2, data: {"title":"Projects","order":2}, headings: [{"level":2,"text":"Lupine.js (Open Source)","id":"lupine-js-https-github-com-uuware-lupine-js-open-source"},{"level":2,"text":"Personal Blog Generator","id":"personal-blog-generator"},{"level":2,"text":"Real-time Collaborative Editor","id":"real-time-collaborative-editor"}] },
+  '/en/03-skills/index': { html: html3, data: {"title":"Skills","order":3}, headings: [{"level":2,"text":"Frontend & Core","id":"frontend-core"},{"level":2,"text":"Backend & Database","id":"backend-database"},{"level":2,"text":"DevOps & Tools","id":"devops-tools"},{"level":2,"text":"General","id":"general"}] },
+  '/en/04-education/index': { html: html4, data: {"title":"Education","order":4}, headings: [{"level":2,"text":"University of Auckland","id":"university-of-auckland"}] },
+  '/en/index': { html: html5, data: {"title":"CV","order":0,"github-title":"View on GitHub","github-link":"https://github.com/uuware/lupine.js","sidebar":[{"type":"group","text":"Details","level":0},{"type":"link","text":"Experience","link":"/en/01-experience/index","level":1},{"type":"link","text":"Projects","link":"/en/02-projects/index","level":1},{"type":"link","text":"Skills","link":"/en/03-skills/index","level":1},{"type":"link","text":"Education","link":"/en/04-education/index","level":1}]}, headings: [{"level":2,"text":"Personal Statement","id":"personal-statement"},{"level":2,"text":"Career Objectives","id":"career-objectives"}] },
+  '/zh/01-experience/index': { html: html6, data: {"title":"工作经历","order":1}, headings: [{"level":2,"text":"高级前端工程师 | ABC 科技有限公司","id":"高级前端工程师-abc-科技有限公司"},{"level":2,"text":"全栈工程师 | XYZ 网络技术有限公司","id":"全栈工程师-xyz-网络技术有限公司"},{"level":2,"text":"前端实习生 | MNO 创新工作室","id":"前端实习生-mno-创新工作室"}] },
+  '/zh/02-projects/index': { html: html7, data: {"title":"项目经验","order":2}, headings: [{"level":2,"text":"Lupine.js (示例项目)","id":"lupine-js-https-github-com-uuware-lupine-js-示例项目"},{"level":2,"text":"个人博客系统","id":"个人博客系统"},{"level":2,"text":"实时协作文档平台","id":"实时协作文档平台"}] },
+  '/zh/03-skills/index': { html: html8, data: {"title":"专业技能","order":3}, headings: [{"level":2,"text":"前端核心","id":"前端核心"},{"level":2,"text":"后端与数据库","id":"后端与数据库"},{"level":2,"text":"工程化与工具","id":"工程化与工具"},{"level":2,"text":"其他","id":"其他"}] },
+  '/zh/04-education/index': { html: html9, data: {"title":"教育背景","order":4}, headings: [{"level":2,"text":"上海交通大学 (示例)","id":"上海交通大学-示例"}] },
+  '/zh/index': { html: html10, data: {"title":"工作简历","order":0,"github-title":"View on GitHub","github-link":"https://github.com/uuware/lupine.js","sidebar":[{"type":"group","text":"详细介绍","level":0},{"type":"link","text":"工作经历","link":"/zh/01-experience/index","level":1},{"type":"link","text":"项目经验","link":"/zh/02-projects/index","level":1},{"type":"link","text":"专业技能","link":"/zh/03-skills/index","level":1},{"type":"link","text":"教育背景","link":"/zh/04-education/index","level":1}]}, headings: [{"level":2,"text":"个人简介","id":"个人简介"},{"level":2,"text":"求职意向","id":"求职意向"}] },
+};

package/templates/cv-starter/web/src/markdown-built/zh/01-experience/index.html ADDED Viewed

@@ -0,0 +1,20 @@
+<h1 id="工作经历"><a class="header-anchor" href="#工作经历">#</a>工作经历</h1><h2 id="高级前端工程师-abc-科技有限公司"><a class="header-anchor" href="#高级前端工程师-abc-科技有限公司">#</a>高级前端工程师 | ABC 科技有限公司</h2><p><strong>2021.06 - 至今</strong></p>
+<ul>
+<li><strong>核心架构</strong>: 负责公司核心产品的前端架构设计与重构，将首屏加载时间从 2.5s 优化至 1.2s。</li>
+<li><strong>组件库建设</strong>: 主导开发并维护公司内部组件库 <code>abc-ui</code>，提升团队开发效率 30% 以上。</li>
+<li><strong>性能优化</strong>: 针对大型数据可视化页面进行性能调优，支持十万级数据流畅渲染。</li>
+<li><strong>团队协作</strong>: 指导 3 名初级工程师，制定代码规范并进行代码审查。</li>
+</ul>
+<h2 id="全栈工程师-xyz-网络技术有限公司"><a class="header-anchor" href="#全栈工程师-xyz-网络技术有限公司">#</a>全栈工程师 | XYZ 网络技术有限公司</h2><p><strong>2018.06 - 2021.05</strong></p>
+<ul>
+<li><strong>系统开发</strong>: 独立负责电商后台管理系统的全栈开发（Vue.js + Node.js），实现了订单管理、用户权限等模块。</li>
+<li><strong>API 设计</strong>: 设计并实现 RESTful API，并编写 Swagger 文档，方便前后端协作。</li>
+<li><strong>CI/CD</strong>: 搭建基于 Jenkins 的自动化构建与部署流程，将发布时间缩短 50%。</li>
+<li><strong>移动端适配</strong>: 负责 H5 营销页面的开发与兼容性调试，确保在主流浏览器及移动设备上的完美展示。</li>
+</ul>
+<h2 id="前端实习生-mno-创新工作室"><a class="header-anchor" href="#前端实习生-mno-创新工作室">#</a>前端实习生 | MNO 创新工作室</h2><p><strong>2017.07 - 2018.05</strong></p>
+<ul>
+<li><strong>页面切图</strong>: 配合 UI 设计师完成高保真页面还原，HTML/CSS 代码规范整洁。</li>
+<li><strong>交互实现</strong>: 使用 jQuery/原生 JS 实现复杂的页面交互效果。</li>
+<li><strong>Bug 修复</strong>: 参与日常 Bug 修复与功能维护。</li>
+</ul>

package/templates/cv-starter/web/src/markdown-built/zh/02-projects/index.html ADDED Viewed

@@ -0,0 +1,28 @@
+<h1 id="项目经验"><a class="header-anchor" href="#项目经验">#</a>项目经验</h1><h2 id="lupine-js-https-github-com-uuware-lupine-js-示例项目"><a class="header-anchor" href="#lupine-js-https-github-com-uuware-lupine-js-示例项目">#</a><a href="https://github.com/uuware/lupine.js">Lupine.js</a> (示例项目)</h2><p><strong>技术栈</strong>: TypeScript, React, Node.js</p>
+<ul>
+<li><strong>项目描述</strong>: 一个高性能、模块化的全栈开发框架，旨在简化现代 Web 应用的构建过程。</li>
+<li><strong>负责内容</strong>:<ul>
+<li>核心运行时设计与实现。</li>
+<li>插件系统架构，支持动态加载扩展。</li>
+<li>编写详细的官方文档与示例代码。</li>
+</ul>
+</li>
+<li><strong>成果</strong>: 在 GitHub 上获得 1k+ Stars，主要贡献者之一。</li>
+</ul>
+<h2 id="个人博客系统"><a class="header-anchor" href="#个人博客系统">#</a>个人博客系统</h2><p><strong>技术栈</strong>: Next.js, Tailwind CSS, Markdown</p>
+<ul>
+<li><strong>项目描述</strong>: 基于 Next.js 构建的静态博客生成器，支持 MDX 渲染与自定义主题。</li>
+<li><strong>主要功能</strong>:<ul>
+<li>高性能 SSG 渲染，SEO 友好。</li>
+<li>集成评论系统与全文搜索。</li>
+<li>暗黑模式支持。</li>
+</ul>
+</li>
+<li><strong>成果</strong>: 个人长期维护，日均访问量 500+。</li>
+</ul>
+<h2 id="实时协作文档平台"><a class="header-anchor" href="#实时协作文档平台">#</a>实时协作文档平台</h2><p><strong>技术栈</strong>: Vue 3, Socket.io, Node.js, MongoDB</p>
+<ul>
+<li><strong>项目描述</strong>: 类似于 Google Docs 的多人实时在线协作文档编辑工具。</li>
+<li><strong>核心难点</strong>: 解决多人同时编辑时的冲突处理（OT 算法）。</li>
+<li><strong>成果</strong>: 成功支持 20+ 人同时在线编辑同一文档，延迟低至 100ms。</li>
+</ul>

package/templates/cv-starter/web/src/markdown-built/zh/03-skills/index.html ADDED Viewed

@@ -0,0 +1,18 @@
+<h1 id="专业技能"><a class="header-anchor" href="#专业技能">#</a>专业技能</h1><h2 id="前端核心"><a class="header-anchor" href="#前端核心">#</a>前端核心</h2><ul>
+<li><strong>JavaScript (ES6+) / TypeScript</strong>: 精通，能够编写类型安全的高质量代码。</li>
+<li><strong>HTML5 / CSS3</strong>: 熟练掌握，熟悉 Flexbox, Grid 布局及响应式设计。</li>
+<li><strong>React / Vue</strong>: 深入理解 React Hooks 和 Vue 3 响应式原理，有丰富的实战经验。</li>
+</ul>
+<h2 id="后端与数据库"><a class="header-anchor" href="#后端与数据库">#</a>后端与数据库</h2><ul>
+<li><strong>Node.js</strong>: 熟悉 Express / Koa / NestJS 框架，能够构建可扩展的服务端应用。</li>
+<li><strong>Database</strong>: 熟悉 MySQL, MongoDB, Redis 的使用与基本调优。</li>
+</ul>
+<h2 id="工程化与工具"><a class="header-anchor" href="#工程化与工具">#</a>工程化与工具</h2><ul>
+<li><strong>构建工具</strong>: 熟练使用 Webpack, Vite, Rollup 进行项目构建与优化。</li>
+<li><strong>版本控制</strong>: 精通 Git 操作，熟悉 Git Flow 工作流。</li>
+<li><strong>CI/CD</strong>: 熟悉 GitHub Actions, Jenkins, Docker 容器化部署。</li>
+</ul>
+<h2 id="其他"><a class="header-anchor" href="#其他">#</a>其他</h2><ul>
+<li><strong>英语</strong>: CET-6，能够流畅阅读英文技术文档。</li>
+<li><strong>设计</strong>: 熟练使用 Figma / Sketch 查看设计稿，具备基本的审美能力。</li>
+</ul>

package/templates/cv-starter/web/src/markdown-built/zh/04-education/index.html ADDED Viewed

@@ -0,0 +1,11 @@
+<h1 id="教育背景"><a class="header-anchor" href="#教育背景">#</a>教育背景</h1><h2 id="上海交通大学-示例"><a class="header-anchor" href="#上海交通大学-示例">#</a>上海交通大学 (示例)</h2><p><strong>计算机科学与技术 | 本科</strong>
+<strong>2014.09 - 2018.06</strong></p>
+<ul>
+<li><strong>主修课程</strong>: 数据结构与算法、操作系统、计算机网络、数据库原理、软件工程。</li>
+<li><strong>荣誉奖项</strong>:<ul>
+<li>2016-2017 学年 校级一等奖学金</li>
+<li>2017 年 全国大学生数学建模竞赛 省级二等奖</li>
+<li>2018 年 优秀毕业生</li>
+</ul>
+</li>
+</ul>

package/templates/cv-starter/web/src/markdown-built/zh/index.html ADDED Viewed

@@ -0,0 +1,18 @@
+<h1 id="张三-san-zhang"><a class="header-anchor" href="#张三-san-zhang">#</a>张三 (San Zhang)</h1><blockquote>
+<p>全栈工程师 | 开源爱好者 | 持续学习者</p>
+</blockquote>
+<ul>
+<li>📧 Email: <a href="javascript:lpPressLoad('/zh/mailto:your.email@example.com')">your.email@example.com</a></li>
+<li>📱 电话: +86 138 0000 0000</li>
+<li>🔗 GitHub: <a href="https://github.com/yourusername">github.com/yourusername</a></li>
+<li>🌐 博客: <a href="https://yourblog.com">yourblog.com</a></li>
+<li>📍 地点: 中国，上海</li>
+</ul>
+<h2 id="个人简介"><a class="header-anchor" href="#个人简介">#</a>个人简介</h2><p>拥有 5 年以上的前端和后端开发经验，专注于构建高性能、可扩展的 Web 应用。熟练掌握 React, Node.js, TypeScript 等技术栈。热衷于开源社区，并在 GitHub 上维护多个受欢迎的项目。</p>
+<p>善于解决复杂问题，具备良好的团队协作能力和沟通技巧。致力于编写整洁、可维护的代码，并关注用户体验和产品质量。</p>
+<h2 id="求职意向"><a class="header-anchor" href="#求职意向">#</a>求职意向</h2><ul>
+<li><strong>期望职位</strong>: 高级前端工程师 / 全栈工程师</li>
+<li><strong>期望城市</strong>: 上海 / 杭州 / 远程</li>
+<li><strong>期望薪资</strong>: 面议</li>
+<li><strong>目前状态</strong>: 随时到岗</li>
+</ul>

package/templates/cv-starter/web/src/styles/base-css.ts ADDED Viewed

@@ -0,0 +1,15 @@
+export const baseCss = {
+  a: {
+    textDecoration: 'none',
+    color: 'inherit',
+    '&:hover': { color: 'var(--press-brand-color)' },
+  },
+  body: {
+    backgroundColor: 'var(--primary-bg-color)',
+    color: 'var(--primary-color)',
+    fontSize: 'var(--font-size-base)',
+    lineHeight: 'var(--line-height-base)',
+    fontFamily: 'var(--font-family-base)',
+    fontWeight: 'var(--font-weight-base)',
+  },
+};