create-application-template 2.2.0 → 2.2.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-application-template",
-  "version": "2.2.0",
+  "version": "2.2.2",
   "description": "provides a configured application template for you to build upon",
   "main": "index.js",
   "bin": {

package/scripts/generate-sitemap.ts

@@ -7,7 +7,7 @@ const sitemapPath = path.resolve(__dirname, '../src/public/sitemap.xml')
 const baseUrl = packageJson.url || 'https://www.createapplicationtemplate.com/'
 
 if (existsSync(sitemapPath)) {
-  console.log('📝 overwriting existing sitemap.xml')
+  console.info('📝 overwriting existing sitemap.xml')
 }
 
 const sitemap = `<?xml version="1.0" encoding="UTF-8"?>

package/src/components/Typewriter.tsx

@@ -23,7 +23,16 @@ export const Typewriter: FC<
   const [displayedText, setDisplayedText] = useState('')
   const [currentIndex, setCurrentIndex] = useState(0)
 
-  useEffect(() => {
+  // NOTE: supports hot reload behavior in development:
+  // A) when the `text` prop changes (e.g. via hot reload), reset internal state
+  // B) this triggers the typing animation effect to restart with the new text
+
+  useEffect(() => {  // A
+    setDisplayedText('')
+    setCurrentIndex(0)
+  }, [text])
+
+  useEffect(() => {  // B
     const mySpeed = (currentIndex === 0) ? delay + speed : speed
 
     if (currentIndex < text.length) {