astro-pure 1.3.3 → 1.3.4

package/components/advanced/GithubCard.astro

@@ -83,7 +83,7 @@ const [owner, repoName] = repo.split('/')
   .loading .load-block {
     color: transparent;
     border-radius: calc(var(--radius) - 3px);
-    background-color: hsl(var(--primary-foreground) / var(--un-text-opacity));
+    background-color: hsl(var(--primary-foreground) / var(--un-bg-opacity, 1));
     animation: pulsate 2s infinite linear;
     user-select: none;
   }
@@ -93,6 +93,9 @@ const [owner, repoName] = repo.split('/')
   .no-license {
     opacity: 0.5;
   }
+  :not(.loading) #gh-avatar {
+    background-color: hsl(var(--primary-foreground) / var(--un-bg-opacity));
+  }
 </style>
 
 <script>
@@ -152,7 +155,6 @@ const [owner, repoName] = repo.split('/')
         const avatarEl = this.querySelector('#gh-avatar') as HTMLElement
         if (avatarEl) {
           avatarEl.style.backgroundImage = `url(${data.owner.avatar_url})`
-          avatarEl.style.backgroundColor = 'transparent'
         }
 
         this.classList.remove('loading')

package/components/user/Button.astro

@@ -1,11 +1,14 @@
 ---
+import type { HTMLTag, Polymorphic } from 'astro/types'
+
 import { cn } from '../../utils'
 
-interface Props {
+type Props<Tag extends HTMLTag> = Polymorphic<{ as: Tag }> & {
   as?: string
   title?: string
   href?: string
   variant?: 'button' | 'pill' | 'back' | 'ahead'
+  target?: string
   class?: string
 }
 

package/components/user/Card.astro

@@ -1,6 +1,15 @@
 ---
+import type { HTMLTag, Polymorphic } from 'astro/types'
+
 import { cn } from '../../utils'
 
+type Props<Tag extends HTMLTag> = Polymorphic<{ as: Tag }> & {
+  heading?: string
+  subheading?: string
+  date?: string
+  class?: string
+}
+
 const { as: Tag = 'div', class: className, href, heading, subheading, date } = Astro.props
 ---
 

package/components/user/CardListChildren.astro

@@ -1,14 +1,19 @@
 ---
+import type { HTMLTag, Polymorphic } from 'astro/types'
+
 import type { CardList } from '../../types'
 import { cn } from '../../utils'
 
-type Props = { main?: boolean; children: CardList }
+type Props<Tag extends HTMLTag> = Polymorphic<{ as: Tag }> & {
+  main?: boolean
+  children: CardList
+}
 const { main = false, children } = Astro.props
 ---
 
 <ul class={cn('flex flex-col gap-y-1', !main && 'subitem list-disc ms-5')}>
   {
-    children.map((child) => {
+    children.map((child: CardList[number]) => {
       const Tag = child.link ? 'a' : 'p'
       return (
         <li>

package/components/user/Label.astro

@@ -1,6 +1,13 @@
 ---
+import type { HTMLTag, Polymorphic } from 'astro/types'
+
 import { cn } from '../../utils'
 
+type Props<Tag extends HTMLTag> = Polymorphic<{ as: Tag }> & {
+  title: string
+  href?: string
+  class?: string
+}
 const { class: className, as: Tag = 'div', title, href, ...props } = Astro.props
 ---
 

package/components/user/Spoiler.astro

@@ -1,6 +1,12 @@
 ---
+import type { HTMLTag, Polymorphic } from 'astro/types'
+
 import { cn } from '../../utils'
 
+type Props<Tag extends HTMLTag> = Polymorphic<{ as: Tag }> & {
+  class?: string
+}
+
 const { as: Tag = 'span', class: className } = Astro.props
 ---
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "astro-pure",
-  "version": "1.3.3",
+  "version": "1.3.4",
   "description": "A simple, clean but powerful blog theme build by astro.",
   "type": "module",
   "author": "CWorld",

package/scripts/new.mjs

@@ -7,6 +7,7 @@
  *   -l, --lang <en|zh>   Set the language (default: en)
  *   -d, --draft          Create a draft post (default: false)
  *   -m, --mdx            Use MDX format (default: false)
+ *   -f, --folder         Create the post in a folder (default: false)
  *   -h, --help           Show this help message
  *
  * Example:
@@ -32,6 +33,7 @@ function getDate() {
   return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`
 }
 
+/** get blog title slug */
 function getPostSlug(postTitle) {
   let slug = slugify(postTitle).toLocaleLowerCase()
   if (slug === '') {
@@ -46,6 +48,7 @@ Options:
   -l, --lang           Set the language (default: null)
   -d, --draft          Create a draft post (default: false)
   -m, --mdx            Use MDX format (default: false)
+  -f, --folder         Create the post in a folder (default: false)
   -h, --help           Show this help message
 
 Example:
@@ -57,17 +60,19 @@ const TARGET_DIR = 'src/content/blog/'
 export default function main(args) {
   const parsedArgs = minimist(args, {
     string: ['lang'],
-    boolean: ['draft', 'mdx', 'help'],
+    boolean: ['draft', 'mdx', 'help', 'folder'],
     default: {
       lang: null,
       draft: false,
-      mdx: false
+      mdx: false,
+      folder: false
     },
     alias: {
       l: 'lang',
       d: 'draft',
       m: 'mdx',
-      h: 'help'
+      h: 'help',
+      f: 'folder'
     }
   })
 
@@ -84,7 +89,20 @@ export default function main(args) {
 
   const fileExtension = parsedArgs.mdx ? '.mdx' : '.md'
   const fileName = getPostSlug(postTitle) + fileExtension
-  const fullPath = path.join(TARGET_DIR, fileName)
+  
+  let fullPath
+  if (parsedArgs.folder) {
+    const folderName = getPostSlug(postTitle);
+    const folderPath = path.join(TARGET_DIR, folderName);
+    if (!fs.existsSync(folderPath)) {
+      fs.mkdirSync(folderPath, { recursive: true });
+    }
+    const fileName = 'index' + fileExtension;
+    fullPath = path.join(folderPath, fileName);
+  } else {
+    fullPath = path.join(TARGET_DIR, fileName);
+  }
+  
 
   console.log('Full path:', fullPath)
 
@@ -100,7 +118,9 @@ publishDate: ${getDate()}
 `
   content += parsedArgs.draft ? 'draft: true\n' : ''
   content += parsedArgs.lang ? `lang: ${parsedArgs.lang}\n` : ''
-  content += `tags: ['tag1', 'tag2']
+  content += `tags:
+  - Example
+  - Technology
 ---
 
 Write your content here.