feat(core): simplify stacks architecture

Author: chrisbbreuer

.stacks/build.config.ts

@@ -1,6 +1,6 @@
-import { resolve } from 'path'
-import { buildStacks as stacks, defineBuildConfig } from '@ow3/stacks'
+// import { resolve } from 'path'
+import { buildStacks, defineBuildConfig } from './src'
 
 console.log('Building stacks...')
 
-export default defineBuildConfig(stacks([resolve(__dirname, '../index')]))
+export default defineBuildConfig(buildStacks())

.stacks/builds/functions/build.config.ts

@@ -1,14 +1,8 @@
-import { defineCustomElement } from 'vue'
-import { HelloWorld } from 'components'
+import { HelloWorld, defineCustomElement } from '@ow3/stacks'
 
-// console.log('HelloWorld.styles', HelloWorld.styles) // ["/* inlined css */"]
-
-// convert into custom element constructor
+// TODO: need to automate this definition process
 const HelloWorldCustomElement = defineCustomElement(HelloWorld)
 
-// export individual elements
-// export { HelloWorldCustomElement, AnotherCustomElement };
-
 // export function register() {
 customElements.define('hello-world', HelloWorldCustomElement)
 // }

.stacks/config.ts

@@ -50,7 +50,6 @@
     "stub": "unbuild --stub"
   },
   "devDependencies": {
-    "@ow3/hello-world-vue": "workspace:*",
     "@ow3/stacks": "workspace:*",
     "unbuild": "^0.7.4",
     "vite": "^2.9.12"

.stacks/elements/index.ts

@@ -1,5 +1,5 @@
-import type { UserConfig } from '@ow3/stacks'
-import { Stacks, defineConfig, buildVueComponents as vueComponents, alias } from '@ow3/stacks'
+import type { UserConfig } from '../..'
+import { Stacks, defineConfig, buildVueComponents as vueComponents, alias } from '../..'
 
 // https://vitejs.dev/config/
 const config: UserConfig = {

.stacks/elements/package.json

@@ -1,5 +1,5 @@
-import type { UserConfig } from '@ow3/stacks'
-import { Stacks, alias, buildWebComponents as webComponents, defineConfig } from '@ow3/stacks'
+import type { UserConfig } from '../..'
+import { Stacks, alias, buildWebComponents as webComponents, defineConfig } from '../..'
 
 // https://vitejs.dev/config/
 const config: UserConfig = {

.stacks/builds/components/build.config.ts .stacks/src/builds/components/build.config.ts

@@ -0,0 +1,3 @@
+import { buildFunctions as stacks, defineBuildConfig } from '../..'
+
+export default defineBuildConfig(stacks(['../../../functions/index']))

.stacks/builds/elements/build.config.ts .stacks/src/builds/elements/build.config.ts

@@ -1,6 +1,6 @@
 import { resolve } from 'path'
 import type { BuildOptions } from 'vite'
-import { alias, VUE_PACKAGE_NAME, WEB_COMPONENTS_PACKAGE_NAME } from '@ow3/stacks'
+import { alias, VUE_PACKAGE_NAME, WEB_COMPONENTS_PACKAGE_NAME } from '..'
 import { BuildConfig, defineBuildConfig } from 'unbuild'
 
 function buildVueComponents(entry?: string): BuildOptions {
@@ -85,6 +85,9 @@ function buildFunctions(entries: string[] = ['./index']): BuildConfig {
 }
 
 function buildStacks(entries: string[] = ['./index'], outDir?: string): BuildConfig {
+  // eslint-disable-next-line no-console
+  console.log('here?')
+  
   if (!outDir)
     outDir = resolve(__dirname, '../dist')
 

.stacks/src/builds/functions/build.config.ts

@@ -0,0 +1,5 @@
+export * from '../../config/alias'
+export * from '../../config/styles'
+export * from '../../config/icons'
+export * from '../../config/docs'
+export * from '../../config/library'

.stacks/builds/index.ts .stacks/src/builds/index.ts

@@ -6,7 +6,8 @@ import Unocss from 'unocss/vite'
 import Inspect from 'vite-plugin-inspect'
 import AutoImport from 'unplugin-auto-import/vite'
 import Components from 'unplugin-vue-components/vite'
-import { alias } from './config'
+import { alias } from '../../config/alias'
+import { defineCustomElement } from 'vue'
 
 const Stacks = (configFile = './unocss.ts') => [
   Vue({
@@ -50,5 +51,6 @@ export {
   alias,
   resolve,
   defineConfig,
+  defineCustomElement,
   UserConfig,
 }