stacks 0.50.0 → 0.52.0

package/core/x-ray/src/desktop/app.vue

@@ -1,376 +0,0 @@
-<script lang="ts" setup>
-import type { Ref } from 'vue'
-import { ref } from 'vue'
-import type { Log } from './functions/types'
-import request from './functions/http'
-const logs: Ref<Log[]> = ref([])
-
-const allLogs: Ref<Log[]> = ref([])
-
-request('http://127.0.0.1:3000/api/logs', 'GET')
-  .then((data) => {
-    logs.value = data
-    allLogs.value = data
-  })
-
-const logColors: string[] = []
-
-function isArray(log: Log): Boolean {
-  return typeof log.content === 'object' && log.content !== null
-}
-
-function stringifyContent(obj: object): string {
-  return JSON.stringify(obj, null, 2)
-}
-
-function isCode(content: any): Boolean {
-  if (typeof content === 'string') {
-    const format = /[`!@#$%^&*()_+\-=\[\]{};':"\\|,.<>\/?~]/
-
-    return format.test(content)
-  }
-
-  return false
-}
-
-function getCircleColor(color: string): string {
-  if (color === 'green')
-    return 'text-green-400'
-
-  if (color === 'gray')
-    return 'text-gray-400'
-
-  if (color === 'red')
-    return 'text-red-400'
-
-  if (color === 'gray')
-    return 'text-gray-400'
-
-  if (color === 'blue')
-    return 'text-blue-400'
-
-  if (color === 'indigo')
-    return 'text-indigo-400'
-
-  return 'text-gray-400'
-}
-
-function getBadgeBg(color: string): string {
-  if (color === 'green')
-    return 'bg-green-100'
-
-  if (color === 'gray')
-    return 'bg-gray-100'
-
-  if (color === 'red')
-    return 'bg-red-100'
-
-  if (color === 'gray')
-    return 'bg-gray-100'
-
-  if (color === 'blue')
-    return 'bg-blue-100'
-
-  if (color === 'indigo')
-    return 'bg-indigo-100'
-
-  return 'bg-gray-100'
-}
-function getBadgeColor(color: string): string {
-  if (color === 'green')
-    return 'text-green-700'
-
-  if (color === 'gray')
-    return 'text-gray-700'
-
-  if (color === 'red')
-    return 'text-red-700'
-
-  if (color === 'gray')
-    return 'text-gray-700'
-
-  if (color === 'blue')
-    return 'text-blue-700'
-
-  if (color === 'indigo')
-    return 'text-indigo-700'
-
-  return 'text-gray-700'
-}
-
-function filterTag(color: string) {
-  const oldLogs = [...logs.value]
-
-  if (!logColors.includes(color))
-    logColors.push(color)
-  else
-    logColors.splice(logColors.indexOf(color), 1)
-
-  allLogs.value = oldLogs.filter((log) => {
-    return logColors.includes(log.color)
-  })
-
-  if (!logColors.length)
-    allLogs.value = [...logs.value]
-}
-
-function colorFiltered(color: string): Boolean {
-  return logColors.includes(color)
-}
-</script>
-
-<template>
-  <div class="max-w-6xl mx-auto">
-    <nav class="py-6 shadow bg-gray-50">
-      <div class="flex h-10 justify-between">
-        <div class="flex px-2 lg:px-0">
-          <div class="hidden lg:ml-6 lg:flex">
-            <!-- Current: "border-indigo-500 text-gray-900", Default: "border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700" -->
-            <a
-              href="#"
-              class="inline-flex bg-white group items-center px-3 rounded-bl-lg border rounded-tl-lg text-sm font-medium text-gray-900"
-            >
-              <svg
-                class="w-5 h-5 text-gray-700 group-hover:text-gray-500 transition ease-in-out duration-150"
-                fill="none"
-                stroke="currentColor"
-                viewBox="0 0 24 24"
-                xmlns="http://www.w3.org/2000/svg"
-              ><path
-                stroke-linecap="round"
-                stroke-linejoin="round"
-                stroke-width="3"
-                d="M15 19l-7-7 7-7"
-              /></svg>
-            </a>
-            <a
-              href="#"
-              class="inline-flex bg-white group items-center px-3 rounded-tr-lg rounded-br-lg border text-sm font-medium text-gray-900"
-            >
-              <svg
-                class="w-5 h-5 text-gray-700 group-hover:text-gray-500 transition ease-in-out duration-150"
-                fill="none"
-                stroke="currentColor"
-                viewBox="0 0 24 24"
-                xmlns="http://www.w3.org/2000/svg"
-              ><path
-                stroke-linecap="round"
-                stroke-linejoin="round"
-                stroke-width="3"
-                d="M12 6v6m0 0v6m0-6h6m-6 0H6"
-              /></svg>
-            </a>
-            <a
-              href="#"
-              class="inline-flex ml-8 group bg-white items-center px-3.5 rounded-bl-lg border rounded-tl-lg text-sm font-medium text-gray-900"
-            >
-              <svg
-                class="w-5 h-5 text-gray-700 group-hover:text-gray-500 transition ease-in-out duration-150"
-                fill="none"
-                stroke="currentColor"
-                viewBox="0 0 24 24"
-                xmlns="http://www.w3.org/2000/svg"
-              ><path
-                stroke-linecap="round"
-                stroke-linejoin="round"
-                stroke-width="3"
-                d="M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10"
-              /></svg>
-            </a>
-            <a
-              href="#"
-              class="inline-flex bg-white group items-center px-3 rounded-tr-lg rounded-br-lg border text-sm font-medium text-gray-900"
-            >
-              <svg
-                xmlns="http://www.w3.org/2000/svg"
-                fill="none"
-                viewBox="0 0 24 24"
-                stroke-width="3"
-                stroke="currentColor"
-                class="w-5 h-5 text-gray-700 group-hover:text-gray-500 transition ease-in-out duration-150"
-              >
-                <path
-                  stroke-linecap="round"
-                  stroke-linejoin="round"
-                  d="M15.75 5.25v13.5m-7.5-13.5v13.5"
-                />
-              </svg>
-
-            </a>
-          </div>
-        </div>
-
-        <div class="flex items-center space-x-6">
-          <button @click="filterTag('gray')">
-            <div
-              class="h-5 w-5 border-gray-600  border-1.5 rounded-full"
-              :class="{ 'bg-gray-600': colorFiltered('gray') }"
-            />
-          </button>
-
-          <button @click="filterTag('indigo')">
-            <div
-              class="h-5 w-5 border-indigo-600 border-1.5 rounded-full"
-              :class="{ 'bg-indigo-600': colorFiltered('indigo') }"
-            />
-          </button>
-
-          <button @click="filterTag('red')">
-            <div
-              class="h-5 w-5 border-red-600 border-1.5 rounded-full"
-              :class="{ 'bg-red-600': colorFiltered('red') }"
-            />
-          </button>
-
-          <button @click="filterTag('green')">
-            <div
-              class="h-5 w-5 border-green-600 border-1.5 rounded-full"
-              :class="{ 'bg-green-600': colorFiltered('green') }"
-            />
-          </button>
-
-          <button @click="filterTag('blue')">
-            <div
-              class="h-5 w-5 border-blue-600 border-1.5 rounded-full"
-              :class="{ 'bg-blue-600': colorFiltered('blue') }"
-            />
-          </button>
-        </div>
-
-        <div class="flex items-center justify-center px-2 lg:ml-6 lg:justify-end">
-          <div class="w-full max-w-lg lg:max-w-xs">
-            <label
-              for="search"
-              class="sr-only"
-            >Search</label>
-            <div class="relative">
-              <div class="pointer-events-none absolute inset-y-0 left-0 flex items-center pl-3">
-                <!-- Heroicon name: mini/magnifying-glass -->
-                <svg
-                  class="h-5 w-5 text-gray-400"
-                  xmlns="http://www.w3.org/2000/svg"
-                  viewBox="0 0 20 20"
-                  fill="currentColor"
-                  aria-hidden="true"
-                >
-                  <path
-                    fill-rule="evenodd"
-                    d="M9 3.5a5.5 5.5 0 100 11 5.5 5.5 0 000-11zM2 9a7 7 0 1112.452 4.391l3.328 3.329a.75.75 0 11-1.06 1.06l-3.329-3.328A7 7 0 012 9z"
-                    clip-rule="evenodd"
-                  />
-                </svg>
-              </div>
-              <input
-                id="search"
-                name="search"
-                class="block w-full rounded-md border border-gray-300 bg-white py-2 pl-10 pr-3 leading-5 placeholder-gray-500 focus:border-indigo-500 focus:placeholder-gray-400 focus:outline-none focus:ring-1 focus:ring-indigo-500 sm:text-sm"
-                placeholder="Search"
-                type="search"
-              >
-            </div>
-          </div>
-        </div>
-      </div>
-    </nav>
-    <div class="border-b bg-white shadow">
-      <h1 class="font-semibold px-4 py-8 text-gray-700">
-        Debug Session 1
-      </h1>
-    </div>
-
-    <div class="overflow-hidden bg-white shadow sm:rounded-bl-md sm:rounded-br-md ">
-      <ul
-        role="list"
-        class="divide-y divide-gray-200"
-      >
-        <li
-          v-for="(log, index) in allLogs"
-          :key="index"
-        >
-          <a
-            href="#"
-            class="block hover:bg-gray-50"
-          >
-            <div class="flex items-center px-4 py-4 sm:px-6">
-              <div class="flex min-w-0 flex-1 items-center">
-                <div class="min-w-0 flex-1 items-center px-4 md:grid md:grid-cols-2  md:gap-4">
-                  <div class="flex">
-                    <button v-if="log.expanded">
-                      <svg
-                        class="w-6 h-6 text-gray-600 mr-4"
-                        fill="none"
-                        stroke="currentColor"
-                        viewBox="0 0 24 24"
-                        xmlns="http://www.w3.org/2000/svg"
-                      ><path
-                        stroke-linecap="round"
-                        stroke-linejoin="round"
-                        stroke-width="2"
-                        d="M12 9v3m0 0v3m0-3h3m-3 0H9m12 0a9 9 0 11-18 0 9 9 0 0118 0z"
-                      /></svg>
-                    </button>
-
-                    <button v-else>
-                      <svg
-                        class="mr-1.5 h-3.5 w-3.5"
-                        :class="getCircleColor(log.color)"
-                        fill="currentColor"
-                        viewBox="0 0 8 8"
-                      >
-                        <circle
-                          cx="4"
-                          cy="4"
-                          r="3"
-                        />
-                      </svg>
-                    </button>
-
-                    <span
-                      class="inline-flex items-center rounded-md px-2 py-0.5 text-sm font-medium"
-                      :class="[getBadgeBg(log.color), getBadgeColor(log.color)]"
-                    >
-                      {{ log.time }}
-                    </span>
-                  </div>
-                  <div
-                    class="hidden md:block "
-                  >
-
-                    <div
-                      v-if="(isArray(log) || isCode(log.content))"
-                    >
-                      <pre
-                        v-if="isCode(log.content)"
-                        v-highlightjs
-                      ><code>{{ log.content }}</code></pre>
-
-                      <pre
-                        v-else
-                        v-highlightjs
-                      ><code>{{ stringifyContent(log.content) }}</code></pre>
-
-                    </div>
-
-                    <div
-                      v-else
-                      class="text-indigo-800 font-semibold"
-                    >
-                      {{ log.content }}
-                    </div>
-
-                    <div
-                      class="mt-2 flex items-center text-sm underline text-gray-400"
-                    >
-                      {{ log.file }}
-                    </div>
-
-                  </div>
-                </div>
-              </div>
-            </div>
-          </a>
-        </li>
-      </ul>
-    </div>
-  </div>
-</template>

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

@@ -1,26 +0,0 @@
-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/desktop/functions/types.ts

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

package/core/x-ray/src/desktop/main.ts

@@ -1,14 +0,0 @@
-// import VueHighlightJS from 'vue3-highlightjs'
-import 'highlight.js/styles/atom-one-dark.css'
-
-import { createApp } from 'vue'
-
-import App from './app.vue'
-
-import '@unocss/reset/tailwind.css'
-
-// import { unifiedApp } from './plugins/unified/unified-app'
-const app = createApp(App)
-// app.use(VueHighlightJS)
-
-app.mount('#app')

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

@@ -1,44 +0,0 @@
-<script setup>
-import { ref } from 'vue'
-
-/* counter */
-
-const count = ref(0)
-</script>
-
-<template>
-  <v-card
-    prepend-icon="mdi-counter"
-    title="Counter"
-    subtitle="See how to count"
-  >
-    <v-card-text class="text-center d-flex flex-column align-center">
-      <span class="text-h2">
-        {{ count }}
-      </span>
-      <span class="text-caption">
-        Current count
-      </span>
-    </v-card-text>
-
-    <div class="text-center pa-4 pt-0">
-      <v-btn
-        color="success"
-        prepend-icon="mdi-plus"
-        class="d-inline-flex"
-        @click="count++"
-      >
-        Increase
-      </v-btn>
-
-      <v-btn
-        color="error"
-        prepend-icon="mdi-minus"
-        class="d-inline-flex ms-3"
-        @click="count--"
-      >
-        Decrease
-      </v-btn>
-    </div>
-  </v-card>
-</template>

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

@@ -1,63 +0,0 @@
-<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

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

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

@@ -1,45 +0,0 @@
-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

@@ -1,26 +0,0 @@
-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

@@ -1,42 +0,0 @@
-// 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

@@ -1,28 +0,0 @@
-// TODO: this should be normalized and pulled from a published config file
-// TODO: is it possible for this to be a modern js file? (import/export)
-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()
-  },
-}