simple-content-site 2.0.1 → 2.1.0

package/app/components/app/AppFooterLeft.vue

@@ -1,26 +1,66 @@
 <script setup lang="ts">
-import { defu } from 'defu'
+type ReplaceKey = string | number | symbol | RegExp
+type ReplaceFn = (matches: string[]) => string
+type ReplaceValue = string | number | ReplaceFn
+type ReplaceItem = { match: ReplaceKey, replace: ReplaceValue }
 
 const props = withDefaults(defineProps<{
   parts?: string[]
-  replacements?: Record<string, string>
+  replacements?: ReplaceItem[]
 }>(), {
   parts: () => ['Copyright ©', '{fullYear}'],
-
 })
 
-const replaceParams = (text: string, params: Record<string, string>) => text.replace(/\{([^}]+)\}/g, (_, key) => params[key] || '')
+const currentUrl = useRequestURL()
+
+// todo: move this logic to a shared space
+const allReplacements = computed<ReplaceItem[]>(() => [
+  {
+    match: '{fullYear}',
+    replace: () => String(new Date().getFullYear()),
+  },
+  {
+    match: '{url}',
+    replace: () => currentUrl.toString(),
+  },
+  ...(props.replacements ?? []),
+])
 
 const rawItems = computed(() => {
   if (!props.parts || props.parts.length === 0) return ['']
-
   return props.parts
 })
 
+const normalizeMatch = (match: ReplaceKey): RegExp => {
+  if (match instanceof RegExp) return match
+  return new RegExp(String(match), 'g')
+}
+
+const applyReplace = (
+  text: string,
+  matcher: RegExp,
+  replacer: ReplaceValue,
+) => {
+  if (typeof replacer === 'function') {
+    return text.replace(matcher, (...args) => {
+      const matches = args.slice(0, -2)
+      return replacer(matches)
+    })
+  }
+
+  return text.replace(matcher, String(replacer))
+}
+
+const replaceParts = (text: string) => {
+  return allReplacements.value.reduce((acc, item) => {
+    const matcher = normalizeMatch(item.match)
+    return applyReplace(acc, matcher, item.replace)
+  }, text)
+}
+
 const text = computed(() => {
-  return replaceParams([...toValue(rawItems)].join(' '), defu(props.replacements || {}, {
-    fullYear: new Date().getFullYear(),
-  }))
+  const joined = [...toValue(rawItems)].join(' ')
+  return replaceParts(joined)
 })
 </script>
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "simple-content-site",
   "description": "Nuxt layer for simple website with basic functions.",
-  "version": "2.0.1",
+  "version": "2.1.0",
   "type": "module",
   "main": "./nuxt.config.ts",
   "repository": {