stacks 0.40.0 → 0.44.9

package/core/x-ray/src/desktop/modules/fetcher/mod.vue

@@ -0,0 +1,63 @@
+<script setup>
+import { ref } from 'vue'
+
+import { $http, generalHandleHttp } from '../../services/http'
+
+/* fetching */
+
+const url = ref('')
+const loading = ref(false)
+const result = ref('')
+
+async function makeRequest() {
+  result.value = ''
+
+  loading.value = true
+  const { status, data, headers } = await $http.get({ url: url.value })
+  loading.value = false
+  if (generalHandleHttp(status, data))
+    return
+
+  result.value = {
+    status,
+    headers,
+    data,
+  }
+}
+</script>
+
+<template>
+  <v-card
+    prepend-icon="mdi-earth"
+    title="Fetcher"
+    subtitle="Make request and get content"
+  >
+    <v-card-text class="d-flex align-center">
+      <v-text-field
+        v-model="url"
+        label="Url"
+        hide-details
+      />
+
+      <v-btn
+        color="primary"
+        class="ms-3"
+        :disabled="!url || !url.startsWith('http')"
+        :loading="loading"
+        @click="makeRequest()"
+      >
+        Make Request
+      </v-btn>
+    </v-card-text>
+
+    <v-card-text v-if="loading">
+      Getting your data ...
+    </v-card-text>
+    <v-card-text v-else-if="!result">
+      No data gotten
+    </v-card-text>
+    <v-card-text v-else>
+      <pre>{{ result }}</pre>
+    </v-card-text>
+  </v-card>
+</template>

package/core/x-ray/src/desktop/plugins/unified/unified-app.ts

@@ -0,0 +1,5 @@
+// import './unified-styles.scss'
+
+// export function unifiedApp(app) {
+
+// }

package/core/x-ray/src/desktop/services/http.ts

@@ -0,0 +1,45 @@
+import { makeUnifiedNetwork } from 'unified-network'
+import { ResponseType, fetch } from '@tauri-apps/api/http'
+
+let requestProcessor
+
+if (import.meta.env.VITE_NETWORK_PROCESSOR === 'tauri') {
+  requestProcessor = async ({ method, url, body, headers }) => {
+    const response = await fetch(url, {
+      method: method.toUpperCase(),
+      body,
+      headers,
+      responseType: ResponseType.Text,
+    })
+
+    const responseStatus = response.status
+    const responseHeaders = response.headers
+    let responseData: any = response.data
+
+    if (response.ok && responseHeaders['content-type']?.toLowerCase().includes('application/json')) {
+      try {
+        responseData = JSON.parse(responseData)
+      }
+      catch (error: any) {
+        throw new Error(`could not parse response data ${error.message}`)
+      }
+    }
+
+    return {
+      status: responseStatus,
+      headers: responseHeaders,
+      data: responseData,
+    }
+  }
+}
+
+export const $http = makeUnifiedNetwork({
+  _processor: requestProcessor,
+})
+
+export function generalHandleHttp(status: any, data: any) {
+  if (status !== 200) {
+    console.error(data?.message)
+    return true
+  }
+}

package/core/x-ray/src/http.ts

@@ -0,0 +1,26 @@
+async function request(url = '', method = 'GET', data = {}): Promise<any> {
+  // Default options are marked with *
+  const fetchBody: RequestInit = {
+    method, // *GET, POST, PUT, DELETE, etc.
+    mode: 'cors', // no-cors, *cors, same-origin
+    cache: 'no-cache', // *default, no-cache, reload, force-cache, only-if-cached
+    credentials: 'same-origin', // include, *same-origin, omit
+    headers: {
+      'Content-Type': 'application/json',
+    },
+    redirect: 'follow', // manual, *follow, error
+    referrerPolicy: 'no-referrer', // no-referrer, *no-referrer-when-downgrade, origin, origin-when-cross-origin, same-origin, strict-origin, strict-origin-when-cross-origin, unsafe-url
+    body: JSON.stringify(data),
+  }
+
+  if (data
+  && Object.keys(data).length === 0
+  && Object.getPrototypeOf(data) === Object.prototype)
+    delete fetchBody.body
+
+  const response = await fetch(url, fetchBody)
+
+  return response.json() // parses JSON response into native JavaScript objects
+}
+
+export default request

package/core/x-ray/src/index.ts

@@ -0,0 +1,42 @@
+// import { ray } from 'node-ray's
+
+import { send } from './client'
+import type { Log } from './types'
+
+function ray(content: any): void {
+  const splitString = getErrorObject()?.split('/') || ['file:0']
+  const splitLength = splitString?.length || 1
+  const originFile = splitString[splitLength - 1]
+
+  const log: Log = {
+    content,
+    file: originFile || 'file:0',
+    expanded: false,
+    color: 'indigo',
+    time: getTime(),
+  }
+
+  send(log, '/api/store-logs')
+}
+
+function getErrorObject() {
+  const callerLine: Error = (new Error('err'))
+
+  const newLine = callerLine.stack?.split('\n')[4]
+  const index = newLine?.indexOf('at ') || 0
+  const fileLine = newLine?.slice(index + 2, newLine.length)
+
+  return fileLine
+}
+
+function getTime() {
+  const date = new Date()
+
+  const seconds = date.getSeconds()
+  const minutes = date.getMinutes()
+  const hour = date.getHours()
+
+  return `${hour}:${minutes}:${seconds}`
+}
+
+export { ray }

package/core/x-ray/src/ray.config.js

@@ -0,0 +1,27 @@
+// TODO: this should be normalized and pulled from a published config file
+module.exports = {
+  enable: true,
+  host: 'localhost',
+  port: 23517,
+  scheme: 'http', // only change this if you know what you're doing!
+
+  // calls to console.log() are redirected to Ray
+  intercept_console_log: true,
+
+  // determine the enabled state using the specified callback
+  // the 'enable' setting is also considered when using this setting.
+  enabled_callback: () => {
+    return true
+    // return functionThatReturnsABoolean()
+  },
+
+  sending_payload_callback: (rayInstance, payloads) => {
+    if (payloads[0].getType() === 'custom')
+      payloads[0].html += ' <strong>- modified!</strong>'
+  },
+
+  sent_payload_callback: (rayInstance) => {
+    // automatically make all payloads sent to Ray green.
+    rayInstance.green()
+  },
+}

package/core/x-ray/src/types.ts

@@ -0,0 +1,7 @@
+export interface Log {
+  content: string | Array<any> | object | any
+  file: string
+  expanded: boolean
+  color: string
+  time: string
+}

package/core/x-ray/tests/example.test.ts

@@ -0,0 +1,7 @@
+import { assert, describe, test } from 'vitest'
+
+describe('example test', () => {
+  test('assert', () => {
+    assert.equal(1, 1)
+  })
+})

package/custom-elements.json

@@ -0,0 +1,14 @@
+{
+  "version": 1.1,
+  "tags": [{
+    "name": ["HelloWorld", "AppHelloWorld"],
+    "description": "The Hello World custom element, built via this framework.",
+    "attributes": [{
+      "name": "greeting",
+      "description": "The greeting."
+    }]
+  }, {
+    "name": "Demo",
+    "description": "A Demo components."
+  }]
+}

package/examples/vue/App.vue

@@ -0,0 +1,12 @@
+<!--
+  This is how you would implement your generated
+  library into your own frontend. You may import
+  any of the components developed.
+-->
+<script setup lang="ts">
+import { Demo } from './dist/index.mjs'
+</script>
+
+<template>
+  <Demo />
+</template>

package/examples/vue/index.html

@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" href="./favicon.png" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Stacks Vue Example</title>
+    <link rel="stylesheet" href="./dist/style.css">
+  </head>
+  <body>
+    <div id="app"></div>
+
+    <script type="module">
+      import { createApp } from 'vue'
+      import App from './App.vue'
+
+      createApp(App).mount('#app')
+    </script>
+  </body>
+</html>

package/examples/web/index.html

@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" href="./favicon.png" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Stacks Web Component Example</title>
+  </head>
+  <body>
+    <script type="module" src="./dist/index.mjs"></script>
+    <hello-world></hello-world>
+  </body>
+</html>

package/functions/package.json

@@ -0,0 +1,41 @@
+{
+  "name": "hello-world-fx",
+  "type": "module",
+  "version": "",
+  "packageManager": "pnpm@7.18.2",
+  "description": "Your function library description.",
+  "author": "Chris Breuer",
+  "license": "MIT",
+  "homepage": "https://github.com/stacksjs/stacks/tree/main/functions#readme",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/stacksjs/stacks.git",
+    "directory": "functions"
+  },
+  "bugs": {
+    "url": "https://github.com/stacksjs/stacks/issues"
+  },
+  "keywords": ["functions", "composables", "library", "typescript", "javascript"],
+  "contributors": ["Chris Breuer <chris@ow3.org>"],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "require": "./dist/index.cjs",
+      "import": "./dist/index.js"
+    }
+  },
+  "main": "dist/index.cjs",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "scripts": {
+    "build": "vite build -c ../build/functions.ts",
+    "prepublishOnly": "pnpm run build"
+  },
+  "devDependencies": {
+    "stacks": "workspace:*"
+  }
+}

package/netlify.toml

@@ -0,0 +1,18 @@
+[build.environment]
+  # bypass npm auto install
+  NPM_FLAGS = "--version"
+  NODE_VERSION = "18"
+
+[build]
+  publish = "dist"
+  command = "npx pnpm i --store=node_modules/.pnpm-store && npx pnpm run build"
+
+[[redirects]]
+  from = "/*"
+  to = "/pages/index.html"
+  status = 200
+
+[[headers]]
+  for = "/manifest.webmanifest"
+  [headers.values]
+    Content-Type = "application/manifest+json"

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "stacks",
   "type": "module",
-  "version": "0.40.0",
-  "packageManager": "pnpm@7.16.0",
+  "version": "0.44.9",
+  "packageManager": "pnpm@7.18.2",
   "description": "The Stacks framework.",
   "author": "Chris Breuer",
   "license": "MIT",
@@ -11,7 +11,7 @@
   "repository": {
     "type": "git",
     "url": "git+https://github.com/stacksjs/stacks.git",
-    "directory": "./.stacks/core/runtime"
+    "directory": "./.stacks"
   },
   "bugs": {
     "url": "https://github.com/stacksjs/stacks/issues"
@@ -29,102 +29,75 @@
     "library",
     "vue",
     "web components",
+    "serverless",
+    "cloud",
     "typescript",
     "javascript",
     "starter kit"
   ],
-  "main": "dist/index.mjs",
-  "module": "dist/index.mjs",
-  "types": "dist/index.d.ts",
   "contributors": [
     "Chris Breuer <chris@ow3.org>"
   ],
-  "bin": {
-    "stacks": "bin/stacks.mjs",
-    "stx": "bin/stacks.mjs",
-    "buddy": "bin/stacks.mjs",
-    "bud": "bin/stacks.mjs",
-    "artisan": "bin/stacks.mjs"
-  },
   "files": [
-    "dist",
-    "README.md"
+    "buddy",
+    "components",
+    "core",
+    "examples",
+    "functions",
+    "pages",
+    "tests",
+    ".gitignore",
+    "package.json",
+    "custom-elements.json",
+    "netlify.toml",
+    "simple-git-hooks.cjs",
+    "tsconfig.json",
+    "vitest.config.ts",
+    "web-types.json",
+    "README.md",
+    "shims.d.ts",
+    "auto-imports.d.ts",
+    "components.d.ts"
   ],
   "engines": {
     "node": ">=v18.12.1",
-    "pnpm": ">=7.16.0"
+    "pnpm": ">=7.18.2"
   },
+  "web-types": "./web-types.json",
   "dependencies": {
-    "@stacksjs/actions": "0.40.0",
-    "@stacksjs/arrays": "0.40.0",
-    "@stacksjs/build": "0.40.0",
-    "@stacksjs/cli": "0.40.0",
-    "@stacksjs/cloud": "0.40.0",
-    "@stacksjs/collections": "0.40.0",
-    "@stacksjs/config": "0.40.0",
-    "@stacksjs/docs": "0.40.0",
-    "@stacksjs/error-handling": "0.40.0",
-    "@stacksjs/git": "0.40.0",
-    "@stacksjs/lint": "0.40.0",
-    "@stacksjs/modules": "0.40.0",
-    "@stacksjs/objects": "0.40.0",
-    "@stacksjs/path": "0.40.0",
-    "@stacksjs/router": "0.40.0",
-    "@stacksjs/security": "0.40.0",
-    "@stacksjs/server": "0.40.0",
-    "@stacksjs/storage": "0.40.0",
-    "@stacksjs/strings": "0.40.0",
-    "@stacksjs/tests": "0.40.0",
-    "@stacksjs/types": "0.40.0",
-    "@stacksjs/ui": "0.40.0",
-    "@stacksjs/utils": "0.40.0",
-    "@stacksjs/x-ray": "0.40.0"
-  },
-  "devDependencies": {
-    "only-allow": "^1.1.1",
-    "pnpm": ">=7.16.0",
-    "typescript": "^4.8.4"
+    "@stacksjs/buddy": "0.44.9"
   },
-  "config": {
-    "commitizen": {
-      "path": "node_modules/cz-git"
-    }
-  },
-  "web-types": "./web-types.json",
   "scripts": {
-    "stacks": "esno ./src/cli.ts",
+    "buddy": "esno ./buddy/src/cli.ts",
     "stx": "pnpm run stacks",
-    "preinstall": "npx only-allow pnpm",
-    "fresh": "pnpm stacks fresh",
-    "clean": "pnpm stacks clean",
-    "update": "pnpm stacks update",
-    "update:dependencies": "pnpm stacks update:dependencies",
-    "update:framework": "pnpm stacks update:framework",
-    "update:package-manager": "pnpm stacks update:package-manager",
-    "update:node": "pnpm stacks update:node",
-    "update:all": "pnpm stacks update:all",
-    "dev": "pnpm stacks dev",
+    "stacks": "pnpm run stacks",
+    "prepublish": "pnpm buddy prepublish",
+    "fresh": "pnpm buddy fresh",
+    "clean": "pnpm buddy clean",
+    "update": "pnpm buddy update",
+    "update:dependencies": "pnpm buddy update:dependencies",
+    "update:framework": "pnpm buddy update:framework",
+    "update:package-manager": "pnpm buddy update:package-manager",
+    "update:node": "pnpm buddy update:node",
+    "update:all": "pnpm buddy update:all",
+    "dev": "pnpm buddy dev",
     "dev:components": "npx vite serve ./components/vue -c ./core/build/src/vue-components.ts",
-    "dev:core": "pnpm --filter '../**' --filter '!../runtime/' dev",
+    "dev:desktop": "wip",
+    "dev:core": "pnpm --filter './core/**' dev",
     "dev:docs": "vitepress dev ../apps/docs",
     "dev:pages": "nitro dev",
-    "dev:functions": "pnpm stacks dev:functions",
+    "dev:functions": "pnpm buddy dev:functions",
     "development": "pnpm run dev",
-    "build": "pnpm stacks build",
-    "build:bin": "pkg .",
-    "build:components": "pnpm stacks build:components",
+    "build": "pnpm buddy build",
+    "build:components": "pnpm buddy build:components",
     "build:vue-components": "npx vite build -c ./core/build/src/vue-components.ts",
     "build:web-components": "npx vite build -c ./core/build/src/web-components.ts",
     "build:functions": "npx vite build -c ./core/build/src/functions.ts",
     "build:docs": "npx vitepress build ../apps/docs",
     "build:pages": "npx vite-ssg build ./pages -c ./core/build/src/pages.ts",
-    "build:core": "pnpm --filter './core/**' --filter='!./core/config' build && pnpm --filter './core/config' build",
     "build:cli": "npx unbuild",
-    "build:runtime": "pnpm run build:cli && pkg .",
-    "build:pkg": "pkg dist/cli.cjs --compress Brotli -o dist/pkg/stacks -t latest-macos-x64,latest-win-x64,latest-linux-x64 -d --public-packages \"*\"",
-    "build:osx": "caxa --input \"dist\" --output \"dist/caxa/stacks.app\" -- \"{{caxa}}/node_modules/.bin/node\" \"{{caxa}}/index.js\"",
-    "build:unix": "caxa --input \"dist\" --output \"stxx\" -- \"{{caxa}}/node_modules/.bin/node\" \"{{caxa}}/index.mjs\"",
-    "build:stacks": "npx mkdist -d && pnpm build:cli && pnpm build:core",
+    "build:core": "pnpm --filter './core/**' --filter='!./core/config' build && pnpm --filter './core/config' build",
+    "build:stacks": "npx mkdist -d && pnpm build:cli && pnpm build:core && cp ./core/* ./",
     "build:all": "wip",
     "prod": "pnpm run build",
     "prod:components": "pnpm run build:components",
@@ -135,48 +108,45 @@
     "prod:pages": "pnpm run build:pages",
     "prod:stacks": "pnpm run build:stacks",
     "prod:all": "pnpm run build:all",
-    "deploy": "pnpm stacks deploy",
-    "deploy:functions": "pnpm stacks deploy:functions",
-    "deploy:pages": "pnpm stacks deploy:functions",
-    "deploy:docs": "pnpm stacks deploy:docs",
-    "deploy:all": "pnpm stacks deploy:all",
+    "deploy": "pnpm buddy deploy",
+    "deploy:functions": "pnpm buddy deploy:functions",
+    "deploy:pages": "pnpm buddy deploy:functions",
+    "deploy:docs": "pnpm buddy deploy:docs",
+    "deploy:all": "pnpm buddy deploy:all",
     "example": "wip",
     "example:vue": "pnpm run build:components && cd examples/vue && ln -sf ../../components/vue/dist dist && npx vite serve -c ../../core/build/example-vue.ts",
     "example:web-components": "pnpm run build:web-components && cd examples/web && ln -sf ../../components/web/dist dist && npx vite serve -c ../../core/build/example-wc.ts",
     "lint": "eslint ..",
     "lint:fix": "eslint .. --fix",
-    "serve": "pnpm stacks serve",
+    "serve": "pnpm buddy serve",
     "serve:pages": "pnpm run dev:pages",
     "serve:functions": "pnpm run dev:functions",
-    "make": "pnpm stacks make",
-    "make:component": "pnpm stacks make:component",
-    "make:function": "pnpm stacks make:function",
-    "make:database": "pnpm stacks make:migration",
-    "make:migration": "pnpm stacks make:migration",
-    "make:factory": "pnpm stacks make:factory",
-    "make:lang": "pnpm stacks make:lang",
-    "make:stack": "pnpm stacks make:stack",
-    "key": "pnpm stacks key",
-    "key:generate": "pnpm stacks key:generate",
+    "make": "pnpm buddy make",
+    "make:component": "pnpm buddy make:component",
+    "make:function": "pnpm buddy make:function",
+    "make:database": "pnpm buddy make:migration",
+    "make:migration": "pnpm buddy make:migration",
+    "make:factory": "pnpm buddy make:factory",
+    "make:lang": "pnpm buddy make:lang",
+    "make:stack": "pnpm buddy make:stack",
+    "key": "pnpm buddy key",
+    "key:generate": "pnpm buddy key:generate",
     "commit": "git cz",
-    "release": "esno ./core/actions/src/generate-package-json.ts && pnpm lint:fix && bumpp ./package.json ./core/**/package.json --execute 'pnpm run changelog' --all",
+    "release": "bumpp ./package.json ./buddy/package.json ./core/**/package.json ./vscode/package.json --execute 'pnpm run changelog' --all",
     "changelog": "cd .. && conventional-changelog -p angular -i CHANGELOG.md -s -r 0",
-    "generate": "pnpm stacks generate",
-    "generate:entries": "pnpm stacks generate:entries",
+    "generate": "pnpm buddy generate",
+    "generate:entries": "pnpm buddy generate:entries",
     "generate:vue-compat": "esno ./core/actions/src/generate-vue-compat.ts",
     "generate:vscode-custom-data": "esno ./core/actions/src/generate-vscode-custom-data.ts",
     "generate:web-types": "vue-docgen-web-types -c ./core/build/web-types.config.cjs",
     "generate:component-meta": "esno ./core/actions/src/component-meta.ts",
     "generate:ide-helpers": "esno ./core/actions/src/generate-ide-helpers.ts",
-    "generate:all": "pnpm stacks generate:all",
+    "generate:all": "pnpm buddy generate:all",
     "types:generate": "vue-tsc --declaration --emitDeclarationOnly && esno ./core/actions/src/copy-types.ts",
     "types:fix": "esno actions/src/fix-types.ts",
-    "add": "pnpm stacks add",
     "test": "vitest --config vitest.config.ts",
-    "test:unit": "wip",
-    "test:e2e": "wip",
-    "test:coverage": "vitest run --coverage --config vitest.config.ts",
-    "test:types": "vue-tsc --noEmit",
-    "artisan": "pnpm run stacks"
+    "test:ui": "pnpm buddy test:ui",
+    "test:coverage": "pnpm buddy test:coverage",
+    "test:types": "vue-tsc --noEmit"
   }
 }

package/pages/App.vue

@@ -0,0 +1,26 @@
+<script setup lang="ts">
+// https://github.com/vueuse/head
+// you can use this to manipulate the document head in any components,
+// they will be rendered correctly in the html results with vite-ssg
+useHead({
+  title: 'Stacks',
+  meta: [
+    { name: 'description', content: 'The Stacks Framework.' },
+    {
+      name: 'theme-color',
+      content: computed(() => isDark.value ? '#00aba9' : '#ffffff'),
+    },
+  ],
+  link: [
+    {
+      rel: 'icon',
+      type: 'image/svg+xml',
+      href: computed(() => preferredDark.value ? '/favicon-dark.svg' : '/favicon.svg'),
+    },
+  ],
+})
+</script>
+
+<template>
+  <RouterView />
+</template>

package/pages/index.html

@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <link rel="apple-touch-icon" href="/pwa-192x192.png">
+  <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#00aba9">
+  <meta name="msapplication-TileColor" content="#00aba9">
+  <script>
+    (function () {
+      const prefersDark = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches
+      const setting = localStorage.getItem('vueuse-color-scheme') || 'auto'
+      if (setting === 'dark' || (prefersDark && setting !== 'light'))
+        document.documentElement.classList.toggle('dark', true)
+    })()
+  </script>
+</head>
+<body class="font-sans">
+  <div id="app"></div>
+  <script type="module" src="src/pages/main.ts"></script>
+</body>
+</html>
+