chore: wip

Author: chrisbbreuer

CHANGELOG.md

@@ -1,5 +1,18 @@
 # Stacks Changelog
 
+## v0.64.3...v0.64.4
+
+[compare changes](https://github.com/stacksjs/stacks/compare/v0.64.3...v0.64.4)
+
+### 🏡 Chore
+
+- Wip ([9809f04f4](https://github.com/stacksjs/stacks/commit/9809f04f4))
+- Release v0.64.4 ([1858572b9](https://github.com/stacksjs/stacks/commit/1858572b9))
+
+### ❤️ Contributors
+
+- Chris <chrisbreuer93@gmail.com>
+
 ## v0.64.2...v0.64.3
 
 [compare changes](https://github.com/stacksjs/stacks/compare/v0.64.2...v0.64.3)

resources/views/dashboard/components/index.vue

@@ -160,7 +160,7 @@ useHead({
                     </td>
 
                     <td class="whitespace-nowrap px-3 py-4 text-sm text-gray-500 font-mono">
-                      ./resources/components/component-a.stx
+                      ./resources/components/component-a.vue
                     </td>
 
                     <td class="whitespace-nowrap px-3 py-4 text-right text-sm text-gray-500">
@@ -186,7 +186,7 @@ useHead({
                     </td>
 
                     <td class="whitespace-nowrap px-3 py-4 text-sm text-gray-500 font-mono">
-                      ./resources/components/component-b.stx
+                      ./resources/components/component-b.vue
                     </td>
 
                     <td class="whitespace-nowrap px-3 py-4 text-right text-sm text-gray-500">
@@ -212,7 +212,7 @@ useHead({
                     </td>
 
                     <td class="whitespace-nowrap px-3 py-4 text-sm text-gray-500 font-mono">
-                      ./resources/components/component-c.stx
+                      ./resources/components/component-c.vue
                     </td>
 
                     <td class="whitespace-nowrap px-3 py-4 text-right text-sm text-gray-500">

storage/framework/core/actions/src/helpers/lib-entries.ts

@@ -104,8 +104,8 @@ export function generateEntryPointData(type: LibraryType): string {
 
     for (const component of library.vueComponents.tags.map((tag) => tag.name)) {
       if (Array.isArray(component))
-        arr.push(`export { default as ${component[1]} } from '${componentsPath(component[0])}.stx'`)
-      else arr.push(`export { default as ${component} } from '${componentsPath(component)}.stx'`)
+        arr.push(`export { default as ${component[1]} } from '${componentsPath(component[0])}.vue'`)
+      else arr.push(`export { default as ${component} } from '${componentsPath(component)}.vue'`)
     }
 
     // join the array into a string with each element being on a new line
@@ -129,11 +129,11 @@ export function generateEntryPointData(type: LibraryType): string {
 
   for (const component of library.webComponents.tags.map((tag) => tag.name)) {
     if (Array.isArray(component)) {
-      imports.push(`import ${component[1]} from '${componentsPath(component[0])}.stx'`)
+      imports.push(`import ${component[1]} from '${componentsPath(component[0])}.vue'`)
       declarations.push(`const ${component[1]}CustomElement = defineCustomElement(${component[1]})`)
       definitions.push(`customElements.define('${kebabCase(component[1] as string)}', ${component[1]}CustomElement)`)
     } else {
-      imports.push(`import ${component} from '${componentsPath(component)}.stx'`)
+      imports.push(`import ${component} from '${componentsPath(component)}.vue'`)
       declarations.push(`const ${component}CustomElement = defineCustomElement(${component})`)
       definitions.push(`customElements.define('${kebabCase(component)}', ${component}CustomElement)`)
     }

storage/framework/core/actions/src/make.ts

@@ -68,7 +68,7 @@ export default new Action({
 export async function createComponent(options: MakeOptions) {
   const name = options.name
   await writeTextFile({
-    path: p.userComponentsPath(`${name}.stx`),
+    path: p.userComponentsPath(`${name}.vue`),
     data: `<script setup lang="ts">
 console.log('Hello World component created')
 </script>
@@ -141,7 +141,7 @@ export async function makePage(options: MakeOptions) {
 export async function createPage(options: MakeOptions) {
   const name = options.name
   await writeTextFile({
-    path: p.userViewsPath(`${name}.stx`),
+    path: p.userViewsPath(`${name}.vue`),
     data: `<script setup lang="ts">
 console.log('Hello World page created')
 </script>

storage/framework/core/build/web-types.ts

@@ -7,7 +7,7 @@ import library from '~/config/library'
 export default {
   cwd: process.cwd(),
   componentsRoot: componentsPath(),
-  components: '**/[a-zA-Z]*.stx',
+  components: '**/[a-zA-Z]*.vue',
   outFile: frameworkPath('web-types.json'),
   packageName: library.name || 'stacks',
   packageVersion: await frameworkVersion(),

storage/framework/core/vite-config/src/components.ts

@@ -49,11 +49,9 @@ export function vueComponentsBuildOptions(): ViteBuildOptions {
     lib: {
       entry: p.libraryEntryPath('vue-components'),
       name: c.library.vueComponents?.name,
-      formats: ['cjs', 'es'],
+      formats: ['es'],
       fileName: (format: string) => {
-        if (format === 'es') return 'index.mjs'
-
-        if (format === 'cjs') return 'index.cjs'
+        if (format === 'es') return 'index.js'
 
         return 'index.?.js'
       },

storage/framework/core/vite-config/src/functions.ts

@@ -4,8 +4,6 @@ import type { UserConfig } from 'vite'
 import { defineConfig } from 'vite'
 import type { ViteBuildOptions } from '.'
 
-// import { autoImports } from '.'
-
 export const functionsConfig: UserConfig = {
   root: functionsPath(),
   envDir: projectPath(),
@@ -32,12 +30,10 @@ export function functionsBuildOptions(): ViteBuildOptions {
       entry: libraryEntryPath('functions'),
       name: 'test-name',
       // name: library.functions?.name,
-      formats: ['cjs', 'es'],
+      formats: ['es'],
       fileName: (format: string) => {
         if (format === 'es') return 'index.mjs'
 
-        if (format === 'cjs') return 'index.cjs'
-
         return 'index.?.js'
       },
     },

storage/framework/core/web-types.json

@@ -11,14 +11,14 @@
           "name": "Counter",
           "description": "",
           "source": {
-            "module": "../components/Buttons/Counter.stx"
+            "module": "../components/Buttons/Counter.vue"
           }
         },
         {
           "name": "Demo",
           "description": "",
           "source": {
-            "module": "../components/Demo.stx"
+            "module": "../components/Demo.vue"
           }
         },
         {
@@ -43,22 +43,22 @@
             }
           ],
           "source": {
-            "module": "../components/HelloWorld.stx",
+            "module": "../components/HelloWorld.vue",
             "symbol": "default"
           }
         },
         {
           "name": "Logo",
           "description": "",
           "source": {
-            "module": "../components/Logo.stx"
+            "module": "../components/Logo.vue"
           }
         },
         {
           "name": "ToggleDark",
           "description": "",
           "source": {
-            "module": "../components/Buttons/ToggleDark.stx"
+            "module": "../components/Buttons/ToggleDark.vue"
           }
         }
       ]

storage/framework/libs/components/vue/package.json

@@ -34,11 +34,11 @@
   "types": "dist/index.d.ts",
   "files": ["README.md", "dist", "src"],
   "scripts": {
-    "dev": "bunx --bun vite -c ../../../core/vite-config/src/components.ts",
+    "dev": "bunx vite -c ../../../core/vite-config/src/components.ts",
     "build": "bunx --bun vite build -c ../../../core/vite-config/src/components.ts",
     "prepublishOnly": "bun run build"
   },
   "devDependencies": {
-    "stacks": "workspace:*"
+    "stacks": "latest"
   }
 }

storage/framework/libs/components/web/package.json

@@ -22,7 +22,9 @@
     "typescript",
     "javascript"
   ],
-  "contributors": ["Chris Breuer <chris@stacksjs.org>"],
+  "contributors": [
+    "Chris Breuer <chris@stacksjs.org>"
+  ],
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
@@ -33,12 +35,16 @@
   "main": "dist/index.cjs",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",
-  "files": ["README.md", "dist", "src"],
+  "files": [
+    "README.md",
+    "dist",
+    "src"
+  ],
   "scripts": {
     "build": "vite build -c ../build/web-components.ts",
     "prepublishOnly": "bun run build"
   },
   "devDependencies": {
-    "stacks": "workspace:*"
+    "stacks": "latest"
   }
 }