create-foliokit 0.0.0-stage → 1.0.1

package/templates/default/tsconfig.node.json

@@ -0,0 +1,16 @@
+{
+  "compilerOptions": {
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
+    "target": "ES2023",
+    "lib": ["ES2023", "DOM"],
+    "module": "ESNext",
+    "skipLibCheck": true,
+    "moduleResolution": "Bundler",
+    "allowImportingTsExtensions": true,
+    "verbatimModuleSyntax": true,
+    "moduleDetection": "force",
+    "noEmit": true,
+    "strict": true
+  },
+  "include": ["vite.config.ts"]
+}

package/templates/default/types.ts

@@ -0,0 +1,73 @@
+export interface Skill {
+  name: string
+  icon: string
+  category?: string
+}
+
+export interface Project {
+  name: string
+  category?: string
+  description: string
+  image?: string
+  imageAlt?: string
+  technologies: Skill[]
+  liveUrl?: string
+  githubUrl?: string
+  featured?: boolean
+}
+
+export interface ContentItem {
+  title: string
+  organization?: string
+  organizationUrl?: string
+  date?: string
+  location?: string
+  description?: string
+  image?: string
+  imageAlt?: string
+  imagePlaceholder?: string
+  links?: { label: string; url: string }[]
+}
+
+export interface Testimonial {
+  name: string
+  role: string
+  company?: string
+  message: string
+  image?: string
+}
+
+export interface SocialIcon {
+  label: string
+  icon: string
+  url?: string
+  color?: string
+}
+
+export interface PortfolioConfig {
+  profile: {
+    name: string
+    headline: string
+    introduction: string
+    about: string
+    location?: string
+    timeZone?: string
+    timeZoneLabel?: string
+    profileImage?: string
+    resumeUrl?: string
+    quote?: string
+  }
+  socialIcons: SocialIcon[]
+  experience: ContentItem[]
+  education: ContentItem[]
+  skills: Skill[]
+  projects: Project[]
+  testimonials: Testimonial[]
+  contact: { email?: string }
+  seo: {
+    title: string
+    description: string
+    siteUrl?: string
+    image?: string
+  }
+}

package/templates/default/vite.config.ts

@@ -0,0 +1,38 @@
+import { defineConfig } from 'vite'
+import react from '@vitejs/plugin-react'
+import { portfolioConfig } from './data.ts'
+
+function escapeHtml(value: string) {
+  return value.replace(/[&<>"']/g, (character) => ({ '&': '&amp;', '<': '&lt;', '>': '&gt;', '"': '&quot;', "'": '&#39;' })[character]!)
+}
+
+function portfolioMetadata() {
+  return {
+    name: 'portfolio-metadata',
+    transformIndexHtml(html: string) {
+      const personalize = (value: string) => value
+        .replaceAll('{{name}}', portfolioConfig.profile.name)
+        .replaceAll('{{username}}', portfolioConfig.profile.name.toLowerCase().replace(/[^a-z0-9]+/g, '-').replace(/^-|-$/g, ''))
+        .replaceAll('{{headline}}', portfolioConfig.profile.headline)
+      const title = escapeHtml(personalize(portfolioConfig.seo.title))
+      const description = escapeHtml(personalize(portfolioConfig.seo.description))
+      let result = html
+        .replace(/<title>.*?<\/title>/s, `<title>${title}</title>`)
+        .replace(/(<meta name="description" content=")[^"]*("\s*\/>)/, (_match, prefix, suffix) => `${prefix}${description}${suffix}`)
+        .replace(/(<meta property="og:title" content=")[^"]*("\s*\/>)/, (_match, prefix, suffix) => `${prefix}${title}${suffix}`)
+        .replace(/(<meta property="og:description" content=")[^"]*("\s*\/>)/, (_match, prefix, suffix) => `${prefix}${description}${suffix}`)
+        .replace(/(<meta name="twitter:title" content=")[^"]*("\s*\/>)/, (_match, prefix, suffix) => `${prefix}${title}${suffix}`)
+        .replace(/(<meta name="twitter:description" content=")[^"]*("\s*\/>)/, (_match, prefix, suffix) => `${prefix}${description}${suffix}`)
+      const tags = [
+        portfolioConfig.seo.siteUrl && `<meta property="og:url" content="${escapeHtml(portfolioConfig.seo.siteUrl)}" />`,
+        portfolioConfig.seo.image && `<meta property="og:image" content="${escapeHtml(portfolioConfig.seo.image)}" />`,
+        portfolioConfig.seo.image && `<meta name="twitter:image" content="${escapeHtml(portfolioConfig.seo.image)}" />`,
+        portfolioConfig.seo.image && `<link rel="icon" href="${escapeHtml(portfolioConfig.seo.image)}" />`,
+      ].filter(Boolean).join('\n    ')
+      if (tags) result = result.replace('</head>', `    ${tags}\n  </head>`)
+      return result
+    },
+  }
+}
+
+export default defineConfig({ plugins: [react(), portfolioMetadata()] })